/* 0.10.155 — Shared activity image Lightbox for every activity surface and Popup. */
html.vivi-feed-lightbox-open,
body.vivi-feed-lightbox-open{
	overflow:hidden !important;
}

.vivi-feed-lightbox{
	position:fixed;
	inset:0;
	z-index:999999;
	display:none;
	align-items:center;
	justify-content:center;
	background:rgba(0,0,0,.96);
	color:#fff;
}

.vivi-feed-lightbox.is-open{
	display:flex;
}

.vivi-feed-lightbox-stage{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:58px 64px 42px;
	touch-action:pan-y;
}

.vivi-feed-lightbox-close{
	position:absolute;
	top:16px;
	right:16px;
	z-index:2;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	padding:0;
	border:1px solid rgba(255,255,255,.3);
	border-radius:var(--vivi-radius, 8px);
	background:rgba(0,0,0,.48);
	color:#fff;
	font-size:25px;
	line-height:1;
	cursor:pointer;
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}

.vivi-feed-lightbox-close:hover,
.vivi-feed-lightbox-close:focus-visible{
	background:#fff;
	color:#111;
}

.vivi-feed-lightbox-gallery.vivi-activity-detail-gallery{
	position:relative;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	margin:0;
	overflow:hidden;
	border-radius:0 !important;
	background:transparent;
}

.vivi-feed-lightbox-gallery .vivi-activity-detail-gallery-viewport{
	display:flex;
	align-items:center;
	width:100%;
	height:100%;
	max-height:100%;
	overflow:visible;
	background:transparent;
}

.vivi-feed-lightbox-gallery .vivi-activity-detail-gallery-slide{
	display:flex;
	flex:0 0 100%;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	max-height:100%;
	margin:0;
	border-radius:0 !important;
	background:transparent;
}

.vivi-feed-lightbox-gallery .vivi-activity-detail-gallery-slide > span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
}

.vivi-feed-lightbox-gallery .vivi-activity-detail-gallery-slide img{
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	object-fit:contain !important;
	object-position:center center;
	border-radius:0 !important;
	background:transparent;
	user-select:none;
	-webkit-user-drag:none;
}

.vivi-feed-lightbox-gallery .vivi-activity-gallery-dots{
	bottom:10px;
}

@media (max-width:767px){
	.vivi-feed-lightbox-stage{
		padding:52px 0 28px;
	}
	.vivi-feed-lightbox-close{
		width:40px;
		height:40px;
	}
	.vivi-feed-lightbox-gallery .vivi-activity-gallery-prev{
		left:8px;
	}
	.vivi-feed-lightbox-gallery .vivi-activity-gallery-next{
		right:8px;
	}
}