@media (min-width: 768px) {
	.pvb-modal-overlay {
		align-items: center;
		justify-content: center;
		padding: clamp(24px, 5vw, 72px);
	}

	.pvb-modal-sheet {
		width: min(100%, 1080px);
		height: auto;
		max-height: calc(100dvh - clamp(48px, 10vw, 144px));
		border-radius: 24px;
		box-shadow: 0 24px 80px rgba(0, 0, 0, .36);
	}

	.pvb-modal-drag-zone {
		display: none;
	}

	.pvb-modal-header {
		padding: 14px 18px 12px 28px;
	}

	.pvb-modal-body {
		padding: 22px 28px 28px;
	}

	.pvb-modal-overlay.is-opening .pvb-modal-sheet,
	.pvb-modal-overlay.is-open .pvb-modal-sheet {
		animation: pvb-popup-in 300ms cubic-bezier(.22, .72, .25, 1) both;
	}

	.pvb-modal-overlay.is-closing .pvb-modal-sheet {
		animation: pvb-popup-out 200ms ease-in both;
	}

	.pvb-modal-overlay.is-portrait-video .pvb-modal-sheet {
		width: auto;
		min-width: min(100%, 430px);
		height: min(88dvh, 820px);
	}

	.pvb-modal-overlay.is-portrait-video .pvb-modal-body {
		min-height: 0;
	}
}

@keyframes pvb-popup-in {
	from { opacity: 0; transform: translateY(18px) scale(.96); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes pvb-popup-out {
	from { opacity: 1; transform: translateY(0) scale(1); }
	to { opacity: 0; transform: translateY(12px) scale(.97); }
}