.qdx-modal[hidden]{ display:none; }
.qdx-modal{ position:fixed; inset:0; z-index:99999; }
.qdx-modal__backdrop{ position:absolute; inset:0; background:rgba(10,12,20,.68); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
.qdx-modal__dialog{ position:relative; margin:5vh auto; width:min(100%,960px); aspect-ratio:16/9; background:#000; border-radius:16px; box-shadow:0 24px 60px rgba(0,0,0,.45); overflow:hidden; isolation:isolate; }
.qdx-modal__frame, .qdx-modal__frame iframe{ width:100%; height:100%; display:block; border:0; }
.qdx-modal__close{ position:absolute; top:8px; right:10px; width:40px; height:40px; border-radius:999px; font-size:28px; line-height:1; border:0; cursor:pointer; background:rgba(255,255,255,.95); color:#0b1324; box-shadow:0 6px 18px rgba(0,0,0,.25); }
.qdx-modal__close:hover{ background:#fff; }