.slup-popup{width:min(1800px,94vw);max-width:none;max-height:94dvh;margin:auto;padding:0;border:1px solid #a420ff;border-radius:16px;background:#10071c;color:var(--text);overflow:auto;box-shadow:0 0 45px #9802fd35,0 25px 100px #000a}
.slup-popup::backdrop{background:#07030de8;backdrop-filter:blur(9px)}
.popup-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;background:linear-gradient(110deg,#24113c,#10071c);border-bottom:1px solid #72409055}
.popup-heading>div{min-width:0}.popup-eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.15em}.popup-heading h2{font-size:20px;line-height:1.35;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.popup-heading>button{flex:none;width:42px;height:42px;border-radius:50%;background:#25113b;font-size:19px}
.popup-stage{background:#07030d}.popup-video-wrap{position:relative;border:0!important;border-radius:0!important;overflow:hidden;container-type:size;height:min(72dvh,calc(94vw * .5625));min-height:180px}
.popup-video-wrap video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;background:#07030d}
.popup-controls{display:flex;align-items:center;gap:16px;padding:12px 22px;background:#190d2b;border-top:1px solid #6b329566}
.popup-controls button{min-width:42px;min-height:40px;background:#2b1445;border-color:#734199;color:#efe5ff;font-size:14px;white-space:nowrap}
.popup-controls button:hover{color:var(--accent);border-color:var(--accent)}
.popup-controls [data-popup-play]{background:var(--accent);border-color:var(--accent);color:#101508;font-size:18px}
.popup-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#ccbadf}
.popup-controls input[type=range]{width:auto;height:24px;padding:0;margin:0;accent-color:var(--accent);border:0;background:transparent;cursor:pointer}
.popup-controls .popup-seek{flex:1;min-width:50px}.popup-controls input.popup-volume[type=range]{width:85px;flex:none}
.popup-status{padding:0 24px;font-size:13px;color:#d7bcef;line-height:1.5}.popup-status:not(:empty){padding-block:12px}
.popup-stage:fullscreen{display:flex;flex-direction:column;width:100vw;height:100dvh}.popup-stage:fullscreen .popup-video-wrap{height:auto;min-height:0;flex:1}.popup-stage:fullscreen .popup-controls{flex:none}
.library-play{display:block;width:100%;position:relative;padding:0!important;border:0;background:#140a23;border-radius:0;overflow:hidden}.library-play img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.library-play>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#10071ccc;color:var(--accent);border:1px solid var(--accent);font-size:23px}
.library-play:hover>span{background:var(--accent);color:#10071c}.slup-popup :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.slup-popup{width:calc(100vw - 20px);max-height:94dvh;border-radius:12px}.popup-heading{padding:12px 14px;gap:12px}.popup-heading h2{font-size:15px}.popup-heading>button{width:36px;height:36px}.popup-video-wrap{height:56vw;min-height:210px;max-height:65dvh}.popup-controls{padding:8px 10px;gap:8px;flex-wrap:wrap}.popup-controls .popup-seek{order:-1;flex-basis:100%;width:100%}.popup-controls input.popup-volume[type=range]{width:60px}.popup-time{margin-right:auto}.popup-controls button{padding:8px;min-width:36px}.popup-eyebrow{font-size:9px}}

.popup-heading>button[data-popup-close]{display:grid;place-items:center;padding:0;line-height:1;margin:0;align-self:center}.popup-close-icon{position:relative;display:block;width:16px;height:16px}.popup-close-icon::before,.popup-close-icon::after{content:"";position:absolute;top:7px;left:0;width:16px;height:2px;background:currentColor;border-radius:2px;transform:rotate(45deg)}.popup-close-icon::after{transform:rotate(-45deg)}

.popup-controls button{margin-top:0}.popup-controls [data-popup-mute]{display:grid;place-items:center;padding:9px}