.reel-popup{--card:12.5rem;--gap:1rem;flex-direction:column;width:min(46rem,100%);max-height:calc(100dvh - 2rem);font-size:.8125rem;display:flex;box-shadow:3px 4px 12px #0a1e5080}.reel-bar{align-items:center;gap:.375rem;display:flex}.reel-exe{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.reel-x{flex:none}.reel-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.75rem 1rem .25rem;display:flex}.reel-head h2{font:bold 1.125rem var(--xp-title-font)}.reel-head p{color:var(--xp-title-dark);font-variant-numeric:tabular-nums}.reel-stage{gap:.5rem;min-height:0;padding:.5rem 0;display:grid}.reel-viewport{overflow:hidden}.reel-track{gap:var(--gap);padding:.5rem calc(50% - var(--card) / 2);transform:translateX(calc(var(--at) * (var(--card) + var(--gap)) * -1));transition:transform .6s cubic-bezier(.3,.7,.2,1);display:flex}.reel-slide{width:var(--card);flex:none}.reel-card{border:1px solid var(--xp-text);text-align:left;background:var(--xp-cream);width:100%;cursor:var(--cursor-pointer,pointer);transition:opacity .4s,transform .4s;display:grid}.reel-slide:not([data-current]) .reel-card{opacity:.6;transform:scale(.92)}.reel-card:hover{opacity:1}.reel-card:focus-visible{outline:2px dotted var(--xp-text);outline-offset:3px}.reel-card:active{filter:brightness(.9)}.reel-poster{aspect-ratio:3/4;background:var(--xp-screen);place-items:center;display:grid;position:relative;overflow:hidden}.reel-poster video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.reel-play{filter:drop-shadow(0 1px 2px #0a1428cc);transition:transform .2s;position:relative}.reel-card:hover .reel-play{transform:scale(1.15)}.reel-new{letter-spacing:.06em;text-transform:uppercase;color:var(--xp-text-inverse);background:var(--xp-close-dark);border-radius:2px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;position:absolute;top:.5rem;left:.5rem}.reel-meta{gap:.25rem;min-width:0;padding:.5rem;display:grid}.reel-team{align-items:center;gap:.375rem;min-width:0;display:flex}.reel-avatar{width:1.5rem;height:1.5rem;overflow:hidden}.reel-avatar img{object-fit:cover;width:100%;height:100%}.reel-team-name,.reel-fact>:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reel-team-name{font-weight:700}.reel-fact{gap:.375rem;min-width:0;font-size:.75rem;display:flex}.reel-fact-label{width:2.25rem;color:var(--xp-title-dark);flex:none;font-weight:700}.reel-controls{justify-content:center;align-items:center;gap:.5rem;padding-inline:1rem;display:flex}.reel-step{flex:none;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:0;display:grid}.reel-dots{flex-wrap:wrap;justify-content:center;min-width:0;display:flex}.reel-dot{width:1.5rem;height:2.75rem;cursor:var(--cursor-pointer,pointer);place-items:center;display:grid}.reel-dot:before{content:"";border:1px solid var(--xp-title-dark);border-radius:50%;width:.5rem;height:.5rem;transition:transform .2s,background-color .2s}.reel-dot:hover:before{transform:scale(1.3)}.reel-dot[aria-current]:before{background:var(--xp-title-dark);transform:scale(1.3)}.reel-dot:focus-visible{outline:2px dotted var(--xp-text);outline-offset:-4px}.reel-count{text-align:center;font-variant-numeric:tabular-nums;color:var(--xp-title-dark);font-size:.75rem}.reel-footer{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.5rem 1rem 1rem;display:flex}[data-theme=glacier] .reel-popup{--card:13.5rem;--gap:1.25rem;border-color:#8fe3ff80;box-shadow:inset 0 1px #ffffff59,0 0 48px #8fe3ff2e,0 24px 60px #020c1899}[data-theme=glacier] .xp-backdrop .reel-popup .reel-bar{z-index:1;padding:0;position:absolute;top:14px;right:14px}[data-theme=glacier] .reel-bar>:not(.reel-x){display:none}[data-theme=glacier] .reel-x{width:44px;height:44px}[data-theme=glacier] .reel-x:focus-visible{outline:3px solid var(--g-focus);outline-offset:2px}[data-theme=glacier] .reel-head{padding:26px 76px 4px 28px}[data-theme=glacier] .reel-head h2{color:var(--g-text-strong);font:28px/1.15 var(--g-display)}[data-theme=glacier] .reel-head p,[data-theme=glacier] .reel-count{color:var(--g-label);font-size:14px;font-weight:700}[data-theme=glacier] .reel-track{padding-block:28px}[data-theme=glacier] .reel-stage{padding-block:0 8px}[data-theme=glacier] .reel-card{border:1px solid var(--g-frost-edge);color:var(--g-text);background:var(--g-frost);border-radius:18px;overflow:hidden}[data-theme=glacier] .reel-slide[data-current] .reel-card{border-color:var(--g-link);box-shadow:0 0 0 1px #8fe3ff59,0 0 28px #8fe3ff59}[data-theme=glacier] .reel-card:focus-visible{outline:3px solid var(--g-focus)}[data-theme=glacier] .reel-meta{padding:10px 14px 14px;font-size:15px}[data-theme=glacier] .reel-fact{font-size:13px}[data-theme=glacier] .reel-fact-label{width:2.5rem;color:var(--g-label)}[data-theme=glacier] .reel-avatar{border-radius:999px}[data-theme=glacier] .reel-new{color:var(--g-snow);background:var(--g-red);border-radius:999px}[data-theme=glacier] .reel-dot:before{border-color:var(--g-link)}[data-theme=glacier] .reel-dot[aria-current]:before{background:var(--g-link);box-shadow:0 0 10px #8fe3ffb3}[data-theme=glacier] .reel-dot:focus-visible{outline:3px solid var(--g-focus)}[data-theme=glacier] .reel-footer{padding:8px 24px 24px}[data-theme=glacier] .xp-button.reel-continue{border-color:var(--g-red);color:var(--g-snow);background:var(--g-red);box-shadow:0 4px #a8121d}[data-theme=glacier] .xp-button.reel-continue:hover{background:#e02a36}[data-theme=glacier] .xp-button.reel-continue:active{transform:translateY(2px);box-shadow:0 2px #a8121d}@media (max-width:767.98px),(max-height:500px) and (pointer:coarse){.reel-backdrop{padding:.5rem}.reel-popup,[data-theme=glacier] .reel-popup{--card:min(64vw, 17rem);--gap:.75rem;width:100%;height:calc(100dvh - 1rem);max-height:none}.reel-stage{flex:1;align-content:center;overflow-y:auto}.reel-footer>.xp-button{flex:1}[data-theme=glacier] .reel-head{padding:22px 70px 4px 20px}[data-theme=glacier] .reel-head h2{font-size:24px}[data-theme=glacier] .reel-footer{padding:8px 16px 16px}}@media (prefers-reduced-motion:reduce){.reel-track,.reel-card,.reel-play,.reel-dot:before{transition:none}}