.sample-modal{z-index:9999;place-items:center;padding:32px 24px;display:grid;position:fixed;inset:0;overflow:auto}.sample-modal__backdrop{cursor:pointer;background:#1012188f;border:0;position:absolute;inset:0}.sample-modal__panel{z-index:1;box-sizing:border-box;width:min(100%, var(--sample-modal-panel-width,792px));background:#111;border:1px solid #ffffff1f;border-radius:14px;gap:9px;max-height:none;padding:10px;display:grid;position:relative;box-shadow:0 24px 70px #0000005c}.sample-modal__header{justify-content:space-between;align-items:center;gap:12px;min-height:30px;padding:0 0 0 4px;display:flex}.sample-modal__header h2{color:#fff;letter-spacing:0;margin:0;font-size:14px;font-weight:600;line-height:20px}.sample-modal__close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:30px;height:30px;min-height:0;padding:0;font-size:20px;font-weight:300;line-height:1;display:inline-grid}.sample-modal__video-frame{box-sizing:border-box;width:min(100%, var(--sample-video-frame-width,100%));min-height:216px;aspect-ratio:var(--sample-video-aspect,16 / 9);background:#111;border:1px solid #ffffff14;border-radius:9px;justify-self:center;overflow:hidden}.sample-modal__video-frame video{-o-object-fit:contain;object-fit:contain;background:#111;width:100%;height:100%;display:block}@media (max-width:640px){.sample-modal{place-items:center;padding:16px}.sample-modal__panel{width:min(100%, var(--sample-modal-panel-width,792px));border-radius:14px;max-height:92vh;padding:10px}.sample-modal__video-frame{width:min(100%, var(--sample-video-frame-width,100%));min-height:190px}}