@layer base{@property --media-slider-fill{syntax:"<percentage>";inherits:true;initial-value:0%}@property --media-slider-buffer{syntax:"<percentage>";inherits:true;initial-value:0%}video-player,live-video-player,media-i18n,media-dialog,media-alert-dialog,media-error-dialog,media-controls{display:contents}media-container video,media-container [slot=poster]{width:100%;height:100%;display:block}media-container video::-webkit-media-text-track-container{z-index:1;scale:.98;translate:0 var(--media-caption-track-y,0);transition:translate var(--media-caption-track-duration,0) ease-out;transition-delay:var(--media-caption-track-delay,0);font-family:inherit}}@layer layout{.video-box{--media-font-family:inherit;--media-object-fit:contain;--stage-h:min(40rem, 68svh);--stage-w:100%;@media (width>=60rem){--stage-w:94%}aspect-ratio:var(--ar,16 / 9);width:min(var(--stage-w), var(--stage-h) * var(--ar,1.7778));grid-template-rows:minmax(0,1fr);margin-inline:auto;container:video/inline-size;&>*,&>hlsjs-video>video{grid-area:1/1}&>hlsjs-video>track{display:none}& :is(video,media-poster img){object-fit:contain;width:100%;height:100%}&:fullscreen{aspect-ratio:auto;border-radius:0;width:100%;max-height:none;margin:0}&:not([data-controls-visible]){cursor:none}}media-poster{transition:opacity .2s;&:not([data-visible]){opacity:0;pointer-events:none}}media-buffering-indicator:not([data-visible]){display:none}.video-controls{pointer-events:none;transition:opacity .2s;& :is([class*=bg-fore],button,a,label,media-time-slider,[popover]){pointer-events:auto}&:not([data-visible]){opacity:0;& :is([class*=bg-fore],button,a,label,media-time-slider){pointer-events:none}}}[data-ctl=tools]{justify-self:end}media-time{font-variant-numeric:tabular-nums}[data-stage]:not([data-mini]) [data-ctl=transport]{background-color:color-mix(in oklch, var(--fore) 50%, transparent);border-radius:1.5rem;padding:.25rem;gap:0!important;&>*{background-color:#0000!important;margin:0!important;padding:0!important}&>:has(media-play-button){order:-1!important}&>:has(>.disabled){display:none!important}}@container video (width<45rem){[data-stage]:not([data-mini]){& .video-controls{grid-template-rows:1fr auto auto!important;grid-template-columns:auto auto 1fr auto!important;gap:.5rem!important;display:grid!important}& [data-ctl]{margin:0!important}& [data-ctl=tools]{grid-area:1/1/2/-1!important;place-self:start end!important}& [data-ctl=seek]{grid-area:2/1/3/-1!important}& [data-ctl=transport]{grid-area:3/1!important;justify-self:start!important}& [data-ctl=sound]{grid-area:3/2!important;place-self:center start!important}& [data-ctl=screen]{grid-area:3/4!important;place-self:center end!important}@media (width<45rem){& media-play-button{min-width:2.25rem!important;min-height:2.25rem!important;& svg{font-size:1.25rem!important}}}}}@container video (width<22rem){[data-stage]:not([data-mini]) :is(.volume-slider,[data-remote]){display:none!important}}.video-slider{cursor:pointer;touch-action:none;outline:0;align-items:center;width:100%;height:1.5rem;display:flex;position:relative}media-volume-slider.video-slider{width:4.5rem}.video-track{background:color-mix(in srgb, var(--lead) 25%, transparent);border-radius:.5rem;height:.375rem;transition:height .15s;display:block;position:absolute;inset-inline:0;overflow:hidden}.video-slider[data-interactive] .video-track{height:.5rem}.video-buffer,.video-fill{border-radius:inherit;display:block;position:absolute;inset-block:0;inset-inline-start:0}.video-buffer{width:var(--media-slider-buffer);background:color-mix(in srgb, var(--lead) 45%, transparent)}.video-fill{width:var(--media-slider-fill);background:var(--main)}.video-slider[data-dragging] .video-fill{width:var(--media-slider-pointer)}.video-thumb{top:50%;left:var(--media-slider-fill);background:var(--lead);border-radius:50%;width:.875rem;height:.875rem;transition:scale .15s;display:block;position:absolute;translate:-50% -50%;scale:0;&:focus-visible{outline:2px solid var(--main);outline-offset:2px}}.video-slider:is([data-interactive],:focus-within) .video-thumb{scale:1}.video-slider[data-dragging] .video-thumb{left:var(--media-slider-pointer)}.video-chapters{width:100%;height:100%;display:block;position:relative}.video-chapter{align-items:center;display:flex;position:absolute;inset:0;& .video-track{clip-path:inset(0 calc(100% - var(--media-slider-chapter-end) + 2px) 0 calc(var(--media-slider-chapter-start) + 2px) round .5rem);background:0 0;overflow:visible;&:before{content:"";background:color-mix(in srgb, var(--lead) 25%, transparent);position:absolute;inset:0}}&[data-highlighted] .video-track{height:.625rem}}.video-slider .video-preview,.video-slider .video-preview *{pointer-events:none}.video-preview{opacity:0;transition:opacity .15s;bottom:calc(100% + .5rem)}.video-slider[data-pointing] .video-preview,.video-slider[data-dragging] .video-preview{opacity:1}.video-preview media-time-slider-chapter-title{text-shadow:0 1px 3px #000c}.video-thumbnail{min-width:10rem;max-width:12rem;display:block;box-shadow:0 .5rem 1.5rem -.5rem #000a;&[data-hidden]{display:none}}media-play-button:is(:not([data-paused]),[data-ended]) [data-icon=play],media-play-button:is([data-paused],[data-ended]) [data-icon=pause],media-play-button:not([data-ended]) [data-icon=replay],media-mute-button:is([data-muted],[data-volume-level=off],[data-volume-level=low]) [data-icon=high],media-mute-button:is([data-muted],:not([data-volume-level=low])) [data-icon=low],media-mute-button:not([data-muted],[data-volume-level=off]) [data-icon=muted],media-fullscreen-button[data-fullscreen] [data-icon=enter],media-fullscreen-button:not([data-fullscreen]) [data-icon=exit]{display:none}media-cast-button[data-cast-state=connected],media-airplay-button[data-airplay-state=connected],media-pip-button[data-pip]{color:var(--main)}[data-remote]:has(>[hidden],>media-cast-button[data-disabled],>media-airplay-button[data-disabled]){display:none}.video-notice{place-self:start center}media-seek-indicator{transition:opacity .2s;&[data-direction=backward]{place-self:center start}&[data-direction=forward]{place-self:center end}&:is([data-starting-style],[data-ending-style]){opacity:0}}media-volume-indicator{transition:opacity .2s;&:is([data-starting-style],[data-ending-style]){opacity:0}&[data-level=off] .video-volume-icon>:first-child,&:not([data-level=off]) .video-volume-icon>:last-child{display:none}}.video-volume-bar{position:relative;&:before{content:"";width:var(--media-volume-fill,0%);background:var(--lead);position:absolute;inset:0}}[data-flash]{pointer-events:none;transition:opacity .3s}#options-menu [aria-pressed=false]>:last-child{display:none}[data-scene][aria-current=true]{box-shadow:inset 0 0 0 2px var(--main)}[data-stage][data-mini]{z-index:40;position:relative;& .video-box{width:min(400px, 60vw, 45svh * var(--ar,1.7778));z-index:40;border-radius:.75rem;min-height:0;margin:0;position:fixed;inset-block-end:calc(.75rem + env(safe-area-inset-bottom));inset-inline-end:.75rem;box-shadow:0 1.5rem 3.75rem -1rem #000c}}[data-stage]{isolation:isolate;background:#000;position:relative;overflow:hidden;@media (width>=36rem){border-radius:.75rem}&:not([data-mini]) :is(.video-box,.video-box video,media-poster,.video-controls){border-radius:0!important}&[data-mini]{background:0 0;overflow:visible}}canvas[data-ambient]{z-index:-1;pointer-events:none;filter:blur(48px)saturate(1.6);opacity:0;width:100%;height:100%;transition:opacity 1s;position:absolute;inset:0;transform:scale(1.2);&[data-on]{opacity:.75}[data-stage][data-mini] &{display:none}}[data-stage]:not([data-mini]) [data-mini-bar]{display:none}[data-stage][data-mini]{& .video-controls{grid-template:auto 1fr auto/1fr;align-content:stretch;gap:0;padding:.5rem;display:grid}& :is([data-ctl=tools],[data-ctl=time],[data-ctl=screen],.volume-slider,[data-scenes-panel],.video-thumbnail,media-time-slider-chapter-title){display:none}& [data-ctl=sound]{grid-area:1/1;place-self:start;margin:0}& [data-ctl=transport]{grid-area:2/1;place-self:center;&>*{order:0;margin:0}& media-play-button{min-width:2.25rem;min-height:2.25rem;& svg{font-size:1.25rem}}}& [data-ctl=seek]{grid-area:3/1;margin:0}& [data-teaser]{margin-block-end:2.25rem;padding:0 .5rem}& [data-teaser-close]{display:none}& [data-up-next]{justify-content:space-between;padding:.75rem;&>:first-child{padding-inline-end:4.5rem}& [data-carousel],& :is([data-cancel],[data-replay])>span{display:none}}@media (width<36rem){& [data-teaser],& [data-up-next]>:first-child>:first-child,& [data-up-next] [data-primary]>span{display:none}}}.video-box:has(>[data-up-next]:not([hidden])) .video-controls{visibility:hidden}}