/*! sae-bundle:31ef5a110f8bd62fe03f1a71424e896d (thank-you-modal.css video-modal.css) — generated by scripts/build-theme-css.sh; edit the sources, not this file */

.sae-thanks-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: var(--space-md); }
.sae-thanks-modal[hidden] { display: none; }
.sae-thanks-modal__backdrop { position: absolute; inset: 0; background: rgba(21, 28, 36, 0.55); }
.sae-thanks-modal__panel {
position: relative;
max-width: 420px;
width: 100%;
background: var(--ds-surface);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-hover);
padding: var(--space-lg) var(--space-md);
text-align: center;
}
.sae-thanks-modal__close {
position: absolute;
top: 12px;
right: 12px;
width: 32px;
height: 32px;
border: 0;
background: none;
cursor: pointer;
font-size: 22px;
line-height: 1;
color: var(--ds-grey);
}
.sae-thanks-modal__icon {
width: 56px;
height: 56px;
margin: 0 auto 16px;
border-radius: 50%;
background: var(--ds-green-tint);
color: var(--ds-green-ink);
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
}
.sae-thanks-modal__panel h2 { font-size: var(--ds-fs-h2); color: var(--ds-ink); margin: 0 0 8px; }
.sae-thanks-modal__message { color: var(--ds-grey); margin: 0; }
body.sae-thanks-modal-open { overflow: hidden; }


.sae-video-modal { position: fixed; inset: 0; z-index: 9999; display: none; }
.sae-video-modal.is-open { display: block; }
.sae-video-modal__backdrop { position: absolute; inset: 0; background: rgba(15, 20, 18, .92); }
.sae-video-modal__dialog { position: relative; max-width: 1100px; margin: 5vh auto; padding: 0 20px; }
.sae-video-modal__video { width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius-lg); background: #000; display: block; }
.sae-video-modal__close { position: absolute; top: -46px; right: 20px; width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255,255,255,.12); color: #fff; display: grid; place-items: center; cursor: pointer; }
.sae-video-modal__close:hover { background: rgba(255,255,255,.22); }
.sae-video-modal__close:focus-visible { outline: var(--ds-focus); outline-offset: 2px; }
body.sae-video-modal-open { overflow: hidden; }
@media (max-width: 640px) { .sae-video-modal__dialog { margin-top: 12vh; } .sae-video-modal__close { top: -42px; right: 8px; } }