/* 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;
	}
}

/* 0.11.41 — iPhone Safari dynamic viewport and safe-area hardening. */
.vivi-feed-lightbox{
	height:100vh;
	height:100dvh;
	min-height:100dvh;
	overflow:hidden;
}
.vivi-feed-lightbox-stage{
	inset:max(0px, env(safe-area-inset-top)) 0 max(0px, env(safe-area-inset-bottom));
	min-height:0;
	box-sizing:border-box;
}
.vivi-feed-lightbox-close{
	top:max(16px, calc(env(safe-area-inset-top) + 8px));
	right:max(16px, calc(env(safe-area-inset-right) + 8px));
}
@media (max-width:767px){
	.vivi-feed-lightbox-stage{
		padding:calc(52px + env(safe-area-inset-top)) max(0px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(0px, env(safe-area-inset-left));
	}
}