.opt-hls-wrap{aspect-ratio:16/9;width:100%;position:relative}.opt-hls{--hls-navy:#00132b;--hls-accent:#ff0c00;--hls-accent-ink:#fff;--hls-chrome:#fff;isolation:isolate;-webkit-user-select:none;user-select:none;background:#000;border-radius:4px;outline:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.opt-hls--gold{--hls-accent:#febb00;--hls-accent-ink:#00132b}.opt-hls:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--hls-accent) 55%, transparent)}:-webkit-any(.opt-hls:fullscreen,.opt-hls:-webkit-full-screen){aspect-ratio:auto;border-radius:0;width:100%;height:100%}:is(.opt-hls:fullscreen,.opt-hls:fullscreen){aspect-ratio:auto;border-radius:0;width:100%;height:100%}.opt-hls__video{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.opt-hls__video::-webkit-media-controls{-webkit-appearance:none;display:none!important}.opt-hls__video::-webkit-media-controls-enclosure{-webkit-appearance:none;display:none!important}.opt-hls__video::-webkit-media-controls-panel{-webkit-appearance:none;display:none!important}.opt-hls__video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.opt-hls__start{z-index:3;cursor:pointer;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.opt-hls__poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.opt-hls__scrim{background:linear-gradient(#0000006b 0%,#0000 28% 52%,#000000c7 100%),radial-gradient(#0000 38%,#00000061 100%);position:absolute;inset:0}.opt-hls__play-big{z-index:2;color:#111;background:#febb00;border-radius:50%;place-items:center;width:4.75rem;height:4.75rem;margin:0 auto;transition:transform .18s;display:grid;position:relative;box-shadow:0 10px 36px #00000073}.opt-hls__play-big svg{margin-left:4px}.opt-hls__start:hover .opt-hls__play-big,.opt-hls__start:focus-visible .opt-hls__play-big{transform:scale(1.08)}.opt-hls__badge{z-index:3;color:#fff;font-family:var(--opt-font-sans), system-ui, sans-serif;letter-spacing:.04em;font-variant-numeric:tabular-nums;background:#000000b8;border-radius:2px;padding:.18rem .48rem;font-size:.72rem;font-weight:700;position:absolute;bottom:.85rem;right:.85rem}.opt-hls--gold .opt-hls__badge{background:var(--hls-accent);color:var(--hls-accent-ink)}.opt-hls__spinner{z-index:4;border:3px solid #ffffff38;border-top-color:var(--hls-accent);pointer-events:none;border-radius:50%;width:42px;height:42px;margin:-21px 0 0 -21px;animation:.7s linear infinite opt-hls-spin;position:absolute;top:50%;left:50%}.opt-hls__replay{z-index:4;cursor:pointer;color:#fff;font-family:var(--opt-font-sans), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;background:#00000080;border:0;place-content:center;justify-items:center;gap:.7rem;padding:0;font-size:.78rem;font-weight:750;display:grid;position:absolute;inset:0}.opt-hls__replay-disc{color:#111;background:#febb00;border-radius:50%;place-items:center;width:4.75rem;height:4.75rem;display:grid}.opt-hls__cue{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.opt-hls__cue-disc{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:4.5rem;height:4.5rem;animation:.55s ease-out forwards opt-hls-cue;display:grid}.opt-hls__cue-disc svg{margin-left:2px}.opt-hls__top,.opt-hls__chrome{z-index:5;pointer-events:none;opacity:0;transition:opacity .22s;position:absolute;left:0;right:0}.opt-hls__top{background:linear-gradient(#000000b8 0%,#0000 100%);height:5.5rem;top:0}.opt-hls__chrome{background:linear-gradient(#0000 0%,#000000d1 100%);gap:.15rem;padding:3.4rem 1rem .75rem;display:grid;bottom:0;overflow:visible;transform:none}.opt-hls.is-chrome .opt-hls__top,.opt-hls.is-chrome .opt-hls__chrome,.opt-hls:hover .opt-hls__top,.opt-hls:hover .opt-hls__chrome,.opt-hls:focus-within .opt-hls__top,.opt-hls:focus-within .opt-hls__chrome{opacity:1}.opt-hls.is-chrome .opt-hls__chrome,.opt-hls:hover .opt-hls__chrome,.opt-hls:focus-within .opt-hls__chrome{pointer-events:auto}.opt-hls.is-started:not(.is-chrome):not(:hover):not(:focus-within):after{content:"";z-index:4;pointer-events:none;background:#ffffff38;height:4px;position:absolute;bottom:0;left:0;right:0}.opt-hls.is-started:not(.is-chrome):not(:hover):not(:focus-within):before{content:"";z-index:5;height:4px;width:var(--hls-played,0%);background:var(--hls-accent);pointer-events:none;position:absolute;bottom:0;left:0}.opt-hls__timeline{align-items:center;gap:.85rem;display:flex}.opt-hls__remain{min-width:3.1rem;color:var(--hls-chrome);font-family:var(--opt-font-sans), system-ui, sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:.82rem;font-weight:600}.opt-hls__seek{cursor:pointer;touch-action:none;flex:auto;height:22px;position:relative}.opt-hls__seek:before,.opt-hls__buf,.opt-hls__played{pointer-events:none;border-radius:99px;height:3px;position:absolute;top:10px;left:0}.opt-hls__seek:before{content:"";background:#ffffff52;right:0}.opt-hls__buf{background:#ffffff7a}.opt-hls__played{background:var(--hls-accent)}.opt-hls__thumb{background:var(--hls-accent);width:13px;height:13px;box-shadow:0 0 0 3px color-mix(in srgb, var(--hls-accent) 28%, transparent);pointer-events:none;opacity:0;border-radius:50%;margin-left:-6px;transition:transform .12s,opacity .12s;position:absolute;top:5px;transform:scale(.2)}.opt-hls__seek:hover .opt-hls__thumb,.opt-hls__seek:focus-visible .opt-hls__thumb,.opt-hls.is-seeking .opt-hls__thumb{opacity:1;transform:scale(1)}.opt-hls__seek:hover:before,.opt-hls__seek:hover .opt-hls__buf,.opt-hls__seek:hover .opt-hls__played,.opt-hls.is-seeking .opt-hls__seek:before,.opt-hls.is-seeking .opt-hls__buf,.opt-hls.is-seeking .opt-hls__played{height:5px;top:9px}.opt-hls__seek:hover .opt-hls__thumb,.opt-hls.is-seeking .opt-hls__thumb{top:4px}.opt-hls__seek:focus-visible{outline:2px solid var(--hls-accent);outline-offset:3px}.opt-hls__tip{background:var(--hls-accent);color:var(--hls-accent-ink);font-family:var(--opt-font-sans), system-ui, sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;border-radius:2px;padding:.12rem .38rem;font-size:.68rem;font-weight:800;position:absolute;bottom:calc(100% + .2rem);transform:translate(-50%)}.opt-hls__bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;min-height:2.6rem;display:grid}.opt-hls__left,.opt-hls__right{align-items:center;gap:.1rem;display:flex}.opt-hls__right{justify-content:flex-end}.opt-hls__play,.opt-hls__icon,.opt-hls__skip{width:2.55rem;height:2.55rem;color:var(--hls-chrome);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.opt-hls__play svg{margin-left:1px}.opt-hls__play:hover,.opt-hls__icon:hover,.opt-hls__skip:hover{background:#ffffff1a}.opt-hls__play:focus-visible,.opt-hls__icon:focus-visible,.opt-hls__skip:focus-visible,.opt-hls__retry:focus-visible,.opt-hls__close:focus-visible{outline:2px solid var(--hls-accent);outline-offset:2px}.opt-hls__skip-glyph{place-items:center;width:1.55rem;height:1.55rem;display:grid;position:relative}.opt-hls__skip-glyph svg{margin:auto;position:absolute;inset:0}.opt-hls__skip-glyph span{z-index:1;font-family:var(--opt-font-sans), system-ui, sans-serif;letter-spacing:-.04em;font-size:.52rem;font-weight:800;line-height:1;position:relative}.opt-hls__title{max-width:min(42vw,22rem);color:var(--hls-chrome);font-family:var(--opt-font-sans), system-ui, sans-serif;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;text-align:center;margin:0;font-size:.92rem;font-weight:500;overflow:hidden}.opt-hls__vol{align-items:center;display:flex;position:relative}.opt-hls__vol-pop{z-index:8;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:flex-end;width:3rem;height:8.75rem;padding:0 0 .85rem;transition:opacity .16s,transform .16s,visibility .16s;display:flex;position:absolute;bottom:calc(100% - .15rem);left:50%;transform:translate(-50%)translateY(8px)}.opt-hls__vol-pop:before{content:"";background:#121212f0;border-radius:8px;width:2.65rem;height:7.4rem;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.opt-hls__vol:hover .opt-hls__vol-pop,.opt-hls__vol:focus-within .opt-hls__vol-pop{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.opt-hls__vol-track{z-index:1;cursor:pointer;touch-action:none;width:1.35rem;height:6.4rem;margin-bottom:.15rem;position:relative}.opt-hls__vol-track:before{content:"";background:#ffffff52;border-radius:99px;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.opt-hls__vol-fill{background:var(--hls-accent);border-radius:99px;width:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.opt-hls__vol-knob{background:var(--hls-accent);width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--hls-accent) 28%, transparent);pointer-events:none;border-radius:50%;margin-bottom:-6px;position:absolute;left:50%;transform:translate(-50%)}.opt-hls__vol-track:focus-visible{outline:2px solid var(--hls-accent);outline-offset:3px;border-radius:4px}.opt-hls__error{z-index:6;color:#fff;text-align:center;font-family:var(--opt-font-sans), system-ui, sans-serif;background:#000;place-content:center;gap:.75rem;padding:1.25rem;display:grid;position:absolute;inset:0}.opt-hls__error p{margin:0;font-size:.92rem;line-height:1.4}.opt-hls__retry{background:var(--hls-accent);min-height:2.4rem;color:var(--hls-accent-ink);cursor:pointer;border:0;border-radius:2px;justify-self:center;padding:0 1.1rem;font-weight:750}.opt-hls__close{z-index:7;color:#fff;cursor:pointer;background:#0000009e;border:0;border-radius:50%;place-items:center;width:1.85rem;height:1.85rem;padding:0;display:grid;position:absolute;top:.4rem;right:.4rem}.opt-hls.is-float{inset:auto;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:950;aspect-ratio:16/9;border-radius:8px;width:min(22.5rem,100vw - 1.5rem);height:auto;animation:.22s ease-out opt-hls-float-in;position:fixed;box-shadow:0 18px 50px #00132b7a}.opt-hls.is-float .opt-hls__chrome,.opt-hls.is-float .opt-hls__top{opacity:1;pointer-events:auto}.opt-hls.is-float .opt-hls__title,.opt-hls.is-float .opt-hls__skip,.opt-hls.is-float .opt-hls__vol-pop{display:none}.opt-hls.is-float .opt-hls__bar{grid-template-columns:1fr auto}.opt-hls.is-float .opt-hls__chrome{padding:1.6rem .55rem .4rem}html[data-theme=dark] .opt-hls,html[data-theme=dark] .opt-hls__video{background:#000}@keyframes opt-hls-spin{to{transform:rotate(360deg)}}@keyframes opt-hls-cue{0%{opacity:.9;transform:scale(.72)}to{opacity:0;transform:scale(1.18)}}@keyframes opt-hls-float-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:640px){.opt-hls__chrome{padding:2rem .65rem .5rem}.opt-hls__bar{grid-template-columns:1fr auto}.opt-hls__title{display:none}.opt-hls__play,.opt-hls__icon,.opt-hls__skip{width:2.3rem;height:2.3rem}}@media (prefers-reduced-motion:reduce){.opt-hls__chrome,.opt-hls__top,.opt-hls__spinner,.opt-hls__thumb,.opt-hls__play-big,.opt-hls__cue-disc{transition:none;animation:none}}