/* Webinar recording popover (enqueued only when popover mode is used). */
.ss-webinar-popover {
	box-sizing: border-box;
	width: min(960px, 92vw);
	max-width: none;
	padding: 0;
	border: 0;
	border-radius: 16px;
	overflow: visible;
	background: #000;
	color: #fff;
}
.ss-webinar-popover::backdrop {
	background: rgba(10, 10, 30, 0.75);
}
.ss-webinar-popover__stage {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 16px;
	overflow: hidden;
	background: #000;
}
.ss-webinar-popover__stage iframe,
.ss-webinar-popover__stage video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.ss-webinar-popover__close {
	position: absolute;
	top: -2.75rem;
	right: 0;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	color: #11003a;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}
.ss-webinar-popover__close:focus-visible {
	outline: 3px solid #00e664;
	outline-offset: 2px;
}
@media (prefers-reduced-motion: no-preference) {
	.ss-webinar-popover[open] {
		animation: ss-webinar-popover-in 0.2s ease-out;
	}
	.ss-webinar-popover[open]::backdrop {
		animation: ss-webinar-popover-fade 0.2s ease-out;
	}
}
@keyframes ss-webinar-popover-in {
	from { opacity: 0; transform: scale(0.97); }
	to   { opacity: 1; transform: none; }
}
@keyframes ss-webinar-popover-fade {
	from { opacity: 0; }
	to   { opacity: 1; }
}