@keyframes lbFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes lbZoomIn {
	from { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
	to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.lb_fullscreen-popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.lightbox-container {
	background-color: rgba(0,0,0,0.6);
	z-index: 80;
	overflow-y: auto;
}

.lightbox-container.animate {
	animation: lbFadeIn 0.5s;
}

.lightbox-container.hidden {
	animation: lbFadeIn 0.5s reverse;
}

.lightbox {
	position: fixed;
	left: 50%;
	top: 50%;
	max-width: 90%;
	max-height: 90%;
	object-fit: contain;
	transform: translate(-50%, -50%);
}

.lightbox.animate {
	animation: lbZoomIn 0.3s;
}

.lightbox.hidden {
	animation: lbZoomIn 0.5s reverse;
}