.demo-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px}.demo-modal[hidden]{display:none}.demo-modal__backdrop{position:absolute;inset:0;background:rgba(1,8,20,.78);backdrop-filter:blur(3px)}.demo-modal__dialog{position:relative;z-index:1;width:min(960px,100%);padding:14px;border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line));border-radius:14px;background:var(--card);box-shadow:0 24px 80px rgba(0,0,0,.42)}.demo-modal__frame{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#000}.demo-modal__frame iframe{display:block;width:100%;height:100%;border:0}.demo-modal__close{position:absolute;top:6px;right:6px;z-index:2;width:32px;height:32px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(3,17,31,.82);color:#fff;font-size:23px;line-height:1;cursor:pointer}.demo-modal__close:hover{background:var(--blue-2)}body.demo-modal-open{overflow:hidden}@media(max-width:640px){.demo-modal{padding:12px}.demo-modal__dialog{padding:8px;border-radius:11px}.demo-modal__close{top:3px;right:3px;width:30px;height:30px}}