body.landio-lightbox-open {
	overflow: hidden;
}

.landio-lightbox {
	align-items: center;
	background: rgba(14, 18, 16, .94);
	display: flex;
	inset: 0;
	justify-content: center;
	padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
	position: fixed;
	z-index: 100000;
}

.landio-lightbox[hidden] {
	display: none;
}

.landio-lightbox__image {
	display: block;
	height: auto;
	margin: 0;
	max-height: calc(100vh - 54px);
	max-width: min(94vw, 1800px);
	object-fit: contain;
	touch-action: pinch-zoom;
	width: auto;
}

.landio-lightbox__close,
.landio-lightbox__previous,
.landio-lightbox__next {
	align-items: center;
	appearance: none;
	background: rgba(255, 255, 255, .94);
	border: 0;
	border-radius: 50%;
	color: #1e2521;
	cursor: pointer;
	display: flex;
	font: 500 26px/1 Arial, sans-serif;
	height: 44px;
	justify-content: center;
	padding: 0;
	position: absolute;
	width: 44px;
}

.landio-lightbox__close {
	right: max(18px, env(safe-area-inset-right));
	top: max(18px, env(safe-area-inset-top));
}

.landio-lightbox__previous,
.landio-lightbox__next {
	top: 50%;
	transform: translateY(-50%);
}

.landio-lightbox__previous {
	left: max(18px, env(safe-area-inset-left));
}

.landio-lightbox__next {
	right: max(18px, env(safe-area-inset-right));
}

.landio-lightbox__close:focus-visible,
.landio-lightbox__previous:focus-visible,
.landio-lightbox__next:focus-visible {
	outline: 3px solid #9cc66a;
	outline-offset: 3px;
}

@media screen and (max-width: 48rem) {
	.landio-lightbox {
		padding-left: max(8px, env(safe-area-inset-left));
		padding-right: max(8px, env(safe-area-inset-right));
	}

	.landio-lightbox__image {
		max-height: calc(100vh - 32px);
		max-width: 100%;
	}

	.landio-lightbox__previous,
	.landio-lightbox__next {
		bottom: max(16px, env(safe-area-inset-bottom));
		top: auto;
		transform: none;
	}
}