img.popup-image,
img[onclick*="greatgenerateImagePopup.open"] {
	cursor: zoom-in;
}

.image-popup-dialog {
	background: rgba(16, 25, 39, .96);
	border: 0;
	color: #fff;
	height: 100%;
	max-height: none;
	max-width: none;
	padding: 24px;
	width: 100%;
}

.image-popup-dialog::backdrop {
	background: rgba(16, 25, 39, .92);
}

.image-popup-content {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: relative;
	width: 100%;
}

.image-popup-content img {
	max-height: 90vh;
	max-width: 90vw;
	object-fit: contain;
}

.image-popup-close {
	background: #fff;
	border: 0;
	border-radius: 50%;
	color: #14213d;
	cursor: pointer;
	font-size: 1.5rem;
	height: 42px;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
}

.image-popup-close:focus-visible,
img[role="button"]:focus-visible {
	outline: 3px solid #f2a93b;
	outline-offset: 3px;
}

@media (max-width: 600px) {
	.image-popup-dialog {
		padding: 16px;
	}

	.image-popup-content img {
		max-height: 82vh;
		max-width: 88vw;
	}
}