@layer base,components,utilities;@layer base.theme,base.preset,base.preferences;@layer base.theme,base.preset,base.preferences;@layer base.theme,base.preset,base.preferences;@layer base.theme,base.preset,base.preferences;@layer base.theme,base.preset,base.preferences;@layer base.theme{.media-skin{--media-background: oklch(0 0 0);--media-foreground: oklch(1 0 0);--media-controls: oklch(0 0 0 / .35);--media-controls-foreground: var(--media-foreground);--media-popover: oklch(1 0 0 / .1);--media-popover-foreground: var(--media-foreground);--media-primary: var(--media-accent-color, var(--media-default-accent-color));--media-primary-foreground: var(--media-accent-text-color, var(--media-default-accent-text-color));--media-accent: var(--media-accent-color, color-mix(in oklab, var(--media-default-accent-color) 10%, transparent));--media-accent-foreground: var(--media-accent-text-color, currentColor);--media-muted: oklch(1 0 0 / .15);--media-muted-foreground: color-mix(in oklab, var(--media-foreground) 65%, transparent);--media-border: oklch(0 0 0 / .1);--media-ring: oklch(1 0 0);--media-backdrop: oklch(0 0 0);--media-live-color: oklch(.65 .22 27);--media-shadow-surface: 0 1px 3px 0 oklch(0 0 0 / .15), 0 1px 2px -1px oklch(0 0 0 / .15);--media-shadow-surface-inset: inset 0 1px 0 0 rgb(255 255 255 / .1), inset 0 0 0 1px rgb(255 255 255 / .05);--media-shadow-thumb: 0 0 0 1px rgb(0 0 0 / .1), 0 1px 3px 0 rgb(0 0 0 / .35), 0 1px 2px -1px rgb(0 0 0 / .35);--media-shadow-tooltip: 0 0 0 1px var(--media-border), var(--media-shadow-surface);--media-shadow-separator: 0 1px 0 0 oklch(1 0 0 / .075);--media-shadow-current-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5)/2) , .15));--media-shadow-subtle-current-color: color-mix(in oklab, var(--media-shadow-current-color) 40%, transparent);--media-text-shadow-dialog: 0 1px 0 rgb(0 0 0 / .25);--media-backdrop-filter-surface: blur(16px) saturate(110%);--media-backdrop-filter-indicator: blur(8px);--media-backdrop-filter-dialog: blur(16px) saturate(110%);--media-control-corner-shape: round;--media-control-radius: 99px;--media-control-size: calc(var(--media-spacing) * 9);--media-controls-radius: var(--media-control-radius);--media-default-accent-color: oklch(1 0 0);--media-default-accent-text-color: oklch(0 0 0);--media-duration-instant: 50ms;--media-duration-fast: .1s;--media-duration: .15s;--media-duration-slow: .2s;--media-duration-slower: .25s;--media-duration-controls: .1s;--media-duration-dialog: .35s;--media-duration-indicator: var(--media-duration-slower);--media-duration-menu: .25s;--media-duration-slider: var(--media-duration-fast);--media-delay-dialog: .1s;--media-hidden-scale: .95;--media-hidden-blur: 8px;--media-hidden-offset: calc(var(--media-spacing) * 1);--media-hidden-icon-scale: 0;--media-hidden-indicator-scale: .9;--media-hidden-indicator-offset: -25%;--media-hidden-playback-scale: .85;--media-hidden-popup-scale: .95;--media-hidden-popup-blur: 4px;--media-hidden-preview-scale: .8;--media-hidden-preview-offset: calc(var(--media-spacing) * 2);--media-hidden-seek-offset: 60%;--media-menu-item-radius: calc(var(--media-spacing) * 2);--media-popover-boundary-offset: calc(var(--media-spacing) * 3);--media-popover-side-offset: calc(var(--media-spacing) * 3);--media-popup-radius: calc(var(--media-spacing) * 3);--media-popup-translate-distance: calc(var(--media-spacing) * 2);--media-tooltip-boundary-offset: var(--media-popover-boundary-offset);--media-tooltip-side-offset: var(--media-popover-side-offset);--media-dialog-radius: calc(var(--media-spacing) * 7);--media-dialog-width: calc(100% - var(--media-spacing) * 6);--media-dialog-max-width: calc(var(--media-spacing) * 72);--media-slider-preview-label-offset: calc(var(--media-spacing) * 10.5);--media-video-border-radius: var(--media-border-radius, 28px);--media-scale: 1;--media-scrollbar-thumb-color: color-mix(in oklab, currentColor 30%, transparent);--media-spacing: calc(var(--media-scale-unit, 16px) * var(--media-scale) / 4);scrollbar-color:var(--media-scrollbar-thumb-color) transparent;scrollbar-width:thin}@supports (color: contrast-color(red)){.media-skin{--media-primary-foreground: var(--media-accent-text-color, contrast-color(var(--media-primary)));--media-accent-foreground: var( --media-accent-text-color, contrast-color(var(--media-accent-color, var(--media-internal-accent-text-fallback, oklch(0 0 0)))) )}}@supports (color: oklch(from red l c h)){.media-skin{--media-shadow-subtle-current-color: oklch(from var(--media-shadow-current-color) l c h / calc(alpha*.4) )}}@supports (color: oklch(from currentColor l c h)){.media-skin{--media-scrollbar-thumb-color: oklch(from currentColor l c h / .3)}}.media-skin::-webkit-scrollbar-thumb{background:var(--media-scrollbar-thumb-color);border-radius:9999px}.media-skin:fullscreen{--media-object-fit: contain;--media-video-border-radius: 0}@media(min-width:1280px){.media-skin:fullscreen{--media-scale: 1.25}}@media(min-width:1536px){.media-skin:fullscreen{--media-scale: 1.5}}@media(min-width:1920px){.media-skin:fullscreen{--media-scale: 1.75}}}@layer base.preferences{@media(pointer:fine)and (prefers-reduced-motion:no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls: .3s}}@media(pointer:coarse)and (prefers-reduced-motion:no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls: .15s}}@media(prefers-reduced-motion:reduce){.media-skin{--media-duration-fast: var(--media-duration-instant);--media-duration: var(--media-duration-instant);--media-duration-slow: var(--media-duration-instant);--media-duration-slower: var(--media-duration-instant);--media-duration-controls: var(--media-duration-instant);--media-duration-dialog: var(--media-duration-instant);--media-duration-indicator: var(--media-duration-instant);--media-duration-menu: 0ms;--media-duration-slider: 0ms;--media-delay-dialog: 0ms;--media-hidden-scale: 1;--media-hidden-blur: 0px;--media-hidden-offset: 0px;--media-hidden-icon-scale: 1;--media-hidden-indicator-scale: 1;--media-hidden-indicator-offset: 0px;--media-hidden-playback-scale: 1;--media-hidden-popup-scale: 1;--media-hidden-popup-blur: 0px;--media-hidden-preview-scale: 1;--media-hidden-preview-offset: 0px;--media-hidden-seek-offset: 0px;--media-popup-translate-distance: 0px;--media-spinner-animation: none;--media-icon-airplay-fill-animation: none;--media-icon-airplay-triangle-animation: none}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-skin{--media-popover: var(--media-background);--media-scrollbar-thumb-color: color-mix(in oklab, currentColor 80%, transparent);--media-backdrop-filter-surface: none;--media-backdrop-filter-indicator: none;--media-backdrop-filter-dialog: none;--media-shadow-surface-inset: inset 0 1px 0 0 rgb(255 255 255 / .25), inset 0 0 0 1px rgb(255 255 255 / .125);scrollbar-width:auto}@supports (color: oklch(from currentColor l c h)){.media-skin{--media-scrollbar-thumb-color: oklch(from currentColor l c h / .8)}}}@media(forced-colors:active){.media-skin{--media-border: CanvasText;--media-frame-border: CanvasText;--media-popover: Canvas;--media-popover-foreground: CanvasText;--media-ring: CanvasText;--media-shadow-surface-inset: inset 0 1px 0 0 CanvasText, inset 0 0 0 1px CanvasText}}}@property --media-slider-fill{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@property --media-slider-buffer{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@layer base{@scope(.media-skin){:scope{font-style:normal;font-weight:400;text-align:start;text-transform:none;letter-spacing:normal}:scope,*,:before,:after{box-sizing:border-box;margin:0;padding:0;border:0 solid}button{font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;appearance:none;background:none}img,svg,media-icon{display:block;max-width:100%}svg[fill=currentColor]{fill:currentColor}svg[fill=none]{fill:none}svg[stroke=currentColor]{stroke:currentColor}video{display:block;width:100%;height:100%;max-width:100%;border-radius:inherit;object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center)}media-icon>svg{width:100%;height:100%}media-tooltip-group,media-dialog,media-alert-dialog,media-error-dialog,media-controls{display:contents}[hidden][hidden]{display:none!important}}@media(prefers-reduced-motion:no-preference){.media-skin{interpolate-size:allow-keywords}}@supports not selector(:popover-open){:where(.media-skin) [popover]:not([data-open],[data-ending-style]){display:none!important}.media-skin:is([data-preset=audio],[data-preset=live-audio]){overflow:visible!important}}}@layer components{@scope(.media-skin){:scope{--media-caption-track-duration: var(--media-duration-controls);--media-caption-track-delay: 25ms;--media-caption-track-y: calc(var(--media-spacing) * -3)}video::-webkit-media-text-track-container{z-index:20;font-family:inherit;scale:.98;translate:0 var(--media-caption-track-y);transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay)}:scope[data-controls-visible]{--media-caption-track-y: var(--media-caption-controls-y)}:scope[data-theme=compat] video::-webkit-media-text-track-container{scale:none;translate:none;transform:translateY(var(--media-caption-track-y, 0px)) scale(.98);transition-property:transform}@container media-root (width < 42rem){:scope[data-theme=default][data-controls-visible] video{--media-caption-track-y: calc(var(--media-spacing) * -14)}:scope[data-theme=neutral][data-controls-visible] video{--media-caption-track-y: calc(var(--media-spacing) * -17)}}}}@layer base.preset{.media-skin:is([data-preset=video],[data-preset=live-video]){--media-frame-border: var(--media-border-color, rgb(0 0 0 / .1));--media-controls-gradient-height: 40%;--media-controls-gradient: linear-gradient( to top, color-mix(in oklab, var(--media-backdrop) 40%, transparent), color-mix(in oklab, var(--media-backdrop) 33.8%, transparent) 25%, color-mix(in oklab, var(--media-backdrop) 20%, transparent) 50%, color-mix(in oklab, var(--media-backdrop) 6.2%, transparent) 75%, transparent );--media-controls-top-gradient: linear-gradient( to bottom, color-mix(in oklab, var(--media-backdrop) 40%, transparent), color-mix(in oklab, var(--media-backdrop) 33.8%, transparent) 25%, color-mix(in oklab, var(--media-backdrop) 20%, transparent) 50%, color-mix(in oklab, var(--media-backdrop) 6.2%, transparent) 75%, transparent );--media-caption-controls-y: calc(var(--media-spacing) * -16);--media-slider-preview-offset: calc(var(--media-spacing) * 9);--media-thumbnail-gradient: linear-gradient( to top, color-mix(in oklab, var(--media-backdrop) 50%, transparent), color-mix(in oklab, var(--media-backdrop) 10%, transparent), transparent )}@supports (color: oklch(from red l c h)) and (background-image: linear-gradient(in oklab,red,red)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-controls-gradient: linear-gradient( to top in oklab, oklch(from var(--media-backdrop) l c h / .4), oklch(from var(--media-backdrop) l c h / .338) 25%, oklch(from var(--media-backdrop) l c h / .2) 50%, oklch(from var(--media-backdrop) l c h / .062) 75%, transparent );--media-controls-top-gradient: linear-gradient( to bottom in oklab, oklch(from var(--media-backdrop) l c h / .4), oklch(from var(--media-backdrop) l c h / .338) 25%, oklch(from var(--media-backdrop) l c h / .2) 50%, oklch(from var(--media-backdrop) l c h / .062) 75%, transparent )}}@supports (color: oklch(from red l c h)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-thumbnail-gradient: linear-gradient( to top, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .1), transparent )}}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-frame-border: var(--media-border-color, rgb(0 0 0 / .15));--media-controls-gradient: linear-gradient( to top, color-mix(in oklab, var(--media-backdrop) 50%, transparent), color-mix(in oklab, var(--media-backdrop) 42.2%, transparent) 25%, color-mix(in oklab, var(--media-backdrop) 25%, transparent) 50%, color-mix(in oklab, var(--media-backdrop) 7.8%, transparent) 75%, transparent );--media-controls-top-gradient: linear-gradient( to bottom, color-mix(in oklab, var(--media-backdrop) 50%, transparent), color-mix(in oklab, var(--media-backdrop) 42.2%, transparent) 25%, color-mix(in oklab, var(--media-backdrop) 25%, transparent) 50%, color-mix(in oklab, var(--media-backdrop) 7.8%, transparent) 75%, transparent );--media-indicator-gradient: linear-gradient( to bottom, color-mix(in oklab, var(--media-backdrop) 35%, transparent), color-mix(in oklab, var(--media-backdrop) 20%, transparent) calc(var(--media-spacing) * 12), transparent );--media-caption-controls-y: calc(var(--media-spacing) * -14);--media-slider-preview-offset: calc(var(--media-spacing) * 11)}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=compat]{--media-controls-gradient: linear-gradient(to top, rgb(0 0 0 / .5), transparent 40% 60%, rgb(0 0 0 / .4));--media-caption-controls-y: calc(var(--media-spacing) * -18)}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=scaffold]{--media-caption-controls-y: calc(var(--media-spacing) * -20)}@supports (color: oklch(from red l c h)) and (background-image: linear-gradient(in oklab,red,red)){.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-controls-gradient: linear-gradient( to top in oklab, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .422) 25%, oklch(from var(--media-backdrop) l c h / .25) 50%, oklch(from var(--media-backdrop) l c h / .078) 75%, transparent );--media-controls-top-gradient: linear-gradient( to bottom in oklab, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .422) 25%, oklch(from var(--media-backdrop) l c h / .25) 50%, oklch(from var(--media-backdrop) l c h / .078) 75%, transparent )}}@supports (color: oklch(from red l c h)){.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-indicator-gradient: linear-gradient( to bottom, oklch(from var(--media-backdrop) l c h / .35), oklch(from var(--media-backdrop) l c h / .2) calc(var(--media-spacing) * 12), transparent )}}@supports (color: light-dark(red,red)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-frame-border: var(--media-border-color, light-dark(rgb(0 0 0 / .1), rgb(255 255 255 / .15)))}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-frame-border: var(--media-border-color, light-dark(rgb(0 0 0 / .15), rgb(255 255 255 / .15)))}}}@layer base.preset{.media-skin[data-theme=scaffold]{--media-background: transparent;--media-foreground: white;--media-default-accent-color: #ff0073;--media-default-accent-text-color: #ffffff;--media-accent: var(--media-accent-color, var(--media-default-accent-color));--media-accent-foreground: var(--media-accent-text-color, white);--media-primary: var(--media-accent);--media-primary-foreground: var(--media-accent-text-color, white);--media-muted: #404040;--media-popover: black;--media-popover-boundary-offset: calc(var(--media-spacing) * 3);--media-tooltip-boundary-offset: var(--media-popover-boundary-offset);--media-popover-foreground: white;--media-ring: var(--media-accent);--media-button-highlight: rgb(255 255 255 / .2);--media-video-border-radius: var(--media-border-radius, 0px);--media-control-radius: 0px;--media-controls-radius: 0px;--media-menu-item-radius: 0px;--media-popup-radius: 0px;--media-dialog-radius: 0px;--media-scrollbar-thumb-color: #808080;--media-shadow-surface: none;--media-shadow-surface-inset: none;--media-shadow-thumb: none;--media-backdrop-filter-surface: none;--media-backdrop-filter-indicator: none;--media-backdrop-filter-dialog: none}.media-skin[data-theme=scaffold][data-preset$=audio]{--media-foreground: black;--media-muted: #e5e5e5}@supports (color: light-dark(red,red)){.media-skin[data-theme=scaffold][data-preset$=audio]{--media-foreground: light-dark(black, white);--media-muted: light-dark(#e5e5e5, #404040)}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-skin[data-theme=scaffold]:where([data-preset$=video]){--media-background: black}}@media(forced-colors:active){.media-skin[data-theme=scaffold]{--media-background: Canvas;--media-popover: Canvas;--media-popover-foreground: CanvasText;--media-foreground: CanvasText;--media-accent: Highlight;--media-primary: Highlight;--media-primary-foreground: HighlightText;--media-ring: Highlight}}}@layer components{@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-button{width:calc(var(--media-spacing) * 8);height:calc(var(--media-spacing) * 8);cursor:pointer;background-color:var(--media-background);color:inherit;border-radius:0;outline-style:none;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}@media(hover:hover){.media-button:hover{background-color:var(--media-button-highlight)}}.media-button:focus-visible{background-color:var(--media-button-highlight);outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--media-ring)}.media-button:disabled,.media-button[aria-disabled=true]{cursor:not-allowed;opacity:.4}.media-button[aria-expanded=true]{background-color:var(--media-button-highlight)}.media-button[data-hidden]{display:none}@media(forced-colors:active){.media-button{color:buttontext;forced-color-adjust:none;background-color:buttonface;border:1px solid buttontext}@media(hover:hover){.media-button:hover{color:highlighttext;background-color:highlight}}.media-button:focus-visible{color:highlighttext;background-color:highlight}.media-button[aria-disabled=true]{color:graytext;opacity:1}.media-button[aria-expanded=true]{color:highlighttext;background-color:highlight}}@media(pointer:coarse){.media-button:before{content:"";position:absolute;inset:-3px}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){@media(hover:hover){.media-button:hover{background-color:var(--media-foreground);color:var(--media-background)}}.media-button:focus-visible,.media-button[aria-expanded=true]{background-color:var(--media-foreground);color:var(--media-background)}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-dialog-backdrop{z-index:40;background-color:#000;position:absolute;inset:0}.media-dialog-backdrop:not([data-open]){display:none}.media-dialog-close{height:calc(var(--media-spacing) * 8);width:auto;padding-inline:calc(var(--media-spacing) * 3);border-style:solid;border-color:currentColor;justify-self:flex-end;border-style:solid!important;border-width:1px!important}.media-dialog-description{font-size:calc(var(--media-spacing) * 3.5)}.media-dialog-popup{z-index:50;max-height:calc(100% - var(--media-spacing) * 8);width:calc(100% - var(--media-spacing) * 8);max-width:calc(var(--media-spacing) * 80);gap:calc(var(--media-spacing) * 3);background-color:var(--media-popover);padding:calc(var(--media-spacing) * 5);color:var(--media-popover-foreground);border-radius:0;outline-style:none;display:grid;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.media-dialog-popup:not([data-open]){display:none}.media-dialog-popup:focus-visible{outline-offset:-2px;outline-width:2px;outline-style:solid;outline-color:var(--media-ring)}@media(forced-colors:active){.media-dialog-popup{border:1px solid canvastext}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-dialog-popup{border:1px solid}}.media-dialog-title{font-size:calc(var(--media-spacing) * 4.5);line-height:calc(var(--media-spacing) * 7)}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-indicator{pointer-events:none;align-items:center;gap:calc(var(--media-spacing) * 2);background-color:var(--media-background);padding-inline:calc(var(--media-spacing) * 2.5);padding-block:var(--media-spacing);border-radius:0;display:flex}@media(forced-colors:active){.media-indicator{color:canvastext;background-color:canvas;outline:1px solid canvastext}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-indicator{background-color:var(--media-background);outline:1px solid}}.media-indicator-group{pointer-events:none;z-index:20;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;display:grid;position:absolute;inset:0}@media(forced-colors:active){.media-indicator-group{z-index:40}}.media-status-indicator{margin-top:calc(var(--media-spacing) * 3);grid-row-start:1;grid-column-start:2;align-self:flex-start}@scope(.media-status-indicator){&[data-status=captions-off] .media-status-indicator-captions-off-icon,&[data-status=captions-on] .media-status-indicator-captions-on-icon,&[data-status=fullscreen] .media-status-indicator-fullscreen-enter-icon,&[data-status=exit-fullscreen] .media-status-indicator-fullscreen-exit-icon{display:block}}.media-status-indicator-icon{width:calc(var(--media-spacing) * 4.5);height:calc(var(--media-spacing) * 4.5);flex-shrink:0;display:none}@scope(.media-status-indicator){&[data-status=pip] .media-status-indicator-pip-enter-icon,&[data-status=exit-pip] .media-status-indicator-pip-exit-icon{display:block}}.media-volume-indicator{margin-top:calc(var(--media-spacing) * 3.5);grid-row-start:1;grid-column-start:2;align-self:flex-start}.media-volume-indicator-fill{align-items:center;gap:calc(var(--media-spacing) * 2);display:flex}.media-volume-indicator-fill:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@scope(.media-volume-indicator){&[data-level=high] .media-volume-indicator-high-icon{display:block}}.media-volume-indicator-icon{width:calc(var(--media-spacing) * 4.5);height:calc(var(--media-spacing) * 4.5);flex-shrink:0;display:none}@scope(.media-volume-indicator){&[data-level=low] .media-volume-indicator-low-icon,&[data-level=off] .media-volume-indicator-off-icon{display:block}}.media-volume-indicator-value{font-variant-numeric:tabular-nums}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-status-announcer{white-space:nowrap;clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-poster{width:100%;height:100%;position:absolute;inset:0}.media-poster:not([data-visible]){display:none}.media-poster-image{object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center);width:100%;height:100%}}:where(.media-skin[data-theme=scaffold][data-preset=live-video]) .media-poster{width:100%;height:100%;position:absolute;inset:0}:where(.media-skin[data-theme=scaffold][data-preset=live-video]) .media-poster:not([data-visible]){display:none}:where(.media-skin[data-theme=scaffold][data-preset=live-video]) .media-poster-image{object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center);width:100%;height:100%}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-buffering-indicator{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.media-buffering-indicator:not([data-visible]){--media-spinner-animation: none;display:none}@media(prefers-reduced-motion:reduce){.media-buffering-indicator{--media-spinner-animation: none}}.media-buffering-indicator-backdrop{z-index:40}@scope(.media-buffering-indicator-controls){&:not([data-visible]) .media-buffering-indicator-backdrop{background-color:#0006}}@media(forced-colors:active){.media-buffering-indicator-backdrop{background-color:#0000!important}}.media-buffering-indicator-controls{display:contents}.media-buffering-indicator-spinner-icon{width:calc(var(--media-spacing) * 7);height:calc(var(--media-spacing) * 7)}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-popup{color:inherit;border-style:solid;border-width:0;margin:0;overflow:visible}.media-popup[data-ending-style]{transform:none}.media-popup[data-starting-style]{transform:translate(var(--media-popup-translate-x-distance, 0),var(--media-popup-translate-y-distance, 0))}.media-popup[data-side=bottom]{transform-origin:top;--media-popup-translate-y-distance: calc(var(--media-popup-translate-distance) * -1)}.media-popup[data-side=left]{transform-origin:100%;--media-popup-translate-x-distance: var(--media-popup-translate-distance)}.media-popup[data-side=right]{transform-origin:0;--media-popup-translate-x-distance: calc(var(--media-popup-translate-distance) * -1)}.media-popup[data-side=top]{transform-origin:bottom;--media-popup-translate-y-distance: var(--media-popup-translate-distance)}.media-popup:is([data-starting-style],[data-ending-style]){scale:var(--media-hidden-popup-scale) var(--media-hidden-popup-scale);opacity:0;filter:blur(var(--media-hidden-popup-blur))}.media-popup-safe-area:before{pointer-events:auto;content:"";position:absolute}.media-popup-safe-area[data-side=bottom]:before{content:"";height:var(--media-popup-side-offset);inset-inline:0;bottom:100%}.media-popup-safe-area[data-side=left]:before{content:"";width:var(--media-popup-side-offset);inset-block:0;left:100%}.media-popup-safe-area[data-side=right]:before{content:"";width:var(--media-popup-side-offset);inset-block:0;right:100%}.media-popup-safe-area[data-side=top]:before{content:"";height:var(--media-popup-side-offset);inset-inline:0;top:100%}.media-tooltip-popup{pointer-events:none;z-index:20;background-color:var(--media-popover);padding-inline:calc(var(--media-spacing) * 1.5);padding-block:calc(var(--media-spacing) * .5);white-space:nowrap;color:var(--media-popover-foreground);--media-popup-side-offset: var(--media-tooltip-side-offset);--media-tooltip-side-offset: calc(var(--media-spacing) * 9);border-radius:0;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000}.media-tooltip-popup[data-open]{align-items:center;gap:var(--media-spacing);display:flex}@media(forced-colors:active){.media-tooltip-popup{outline-width:1px;outline-style:solid}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-tooltip-popup{outline-width:1px;outline-style:solid}}.media-tooltip-shortcut{text-align:center;min-width:1.5em;font-family:inherit;font-size:calc(var(--media-spacing) * 2.75);background-color:#ffffff1a;padding:.1em;line-height:1.25}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-button-icon{width:calc(var(--media-spacing) * 4.5);height:calc(var(--media-spacing) * 4.5);grid-row-start:1;grid-column-start:1}:where(.media-captions-button)[data-active] .media-captions-button-off-icon,.media-captions-button-on-icon{display:none}@scope(.media-captions-button){&[data-active] .media-captions-button-on-icon{display:block}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-menu-indicator{opacity:0;flex-shrink:0;margin-inline-start:auto;margin-inline-end:calc(var(--media-spacing) * -1)}@scope(.media-menu-radio-item){&[aria-checked=true] .media-menu-indicator{opacity:1}}.media-menu-radio-icon{width:calc(var(--media-spacing) * 4.5);height:calc(var(--media-spacing) * 4.5);opacity:.7;flex-shrink:0}.media-menu-radio-item{min-height:calc(var(--media-spacing) * 8);cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--media-spacing) * 3);background-color:var(--media-background);width:100%;padding-inline:calc(var(--media-spacing) * 2);background-clip:padding-box;border-radius:0;flex-shrink:0;padding-block:0;display:flex}.media-menu-radio-item:focus-visible{outline-offset:-2px;outline:2px solid}.media-menu-radio-item[data-highlighted]{background-color:var(--media-button-highlight)}@media(forced-colors:active){.media-menu-radio-item[data-highlighted]{background-color:var(--media-accent);color:var(--media-accent-foreground)}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-menu-radio-item[data-highlighted]{background-color:var(--media-accent);color:var(--media-accent-foreground)}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-menu-content{overscroll-behavior:none;max-height:100%;padding:calc(var(--media-spacing) * 2);clip-path:inset(0);outline-style:none;flex-direction:column;display:flex;position:absolute;overflow:auto;gap:calc(var(--media-spacing) * 2)!important}@media(forced-colors:active){.media-menu-content{outline-offset:2px;outline:2px solid #0000}}.media-menu-content:not([data-submenu]){inset-inline:0;top:0}.media-menu-content:not([data-submenu])[data-child-open]{clip-path:inset(0 0 0 100%);transform:translate(-100%)}.media-menu-content[data-submenu]{z-index:10;inset-inline:0;top:0}.media-menu-content:not([data-submenu])[data-child-open]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){clip-path:inset(0 100% 0 0);transform:translate(100%)}.media-menu-popup{z-index:20;height:var(--media-menu-height);max-height:min(var(--media-menu-available-height, calc(var(--media-spacing) * 56)),calc(var(--media-spacing) * 56));width:var(--media-menu-width);max-width:var(--media-menu-available-width);min-width:calc(var(--media-spacing) * 44);overscroll-behavior:none;background-color:var(--media-popover);color:var(--media-popover-foreground);--media-popover-side-offset: calc(var(--media-spacing) * 9);--media-popup-side-offset: var(--media-popover-side-offset);border-radius:0;margin:0;padding:0;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000;overflow:hidden!important}@media(forced-colors:active){.media-menu-popup{outline-width:1px;outline-style:solid}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-menu-popup{outline-width:1px;outline-style:solid}}.media-menu-radio-group{gap:calc(var(--media-spacing) * 2);flex-direction:column;display:flex}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-live-button{align-items:center;gap:calc(var(--media-spacing) * 1.5);font-size:calc(var(--media-spacing) * 2.75);grid-auto-flow:column;width:auto!important;padding-inline:calc(var(--media-spacing) * 2.5)!important}.media-live-button-dot{width:calc(var(--media-spacing) * 2);height:calc(var(--media-spacing) * 2);opacity:.4;background-color:currentColor;border-radius:0;flex-shrink:0;display:inline-block}@scope(.media-live-button){&[data-live-edge] .media-live-button-dot{opacity:1;background-color:#f43f5e}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-button-icon-base{width:calc(var(--media-spacing) * 4.5);height:calc(var(--media-spacing) * 4.5);grid-row-start:1;grid-column-start:1;display:none}.media-play-button-audio{display:inline-flex;position:relative}.media-play-button-buffering{z-index:20;background-color:var(--media-background)}@scope(.media-play-button){&[data-started]:not([data-paused]):not([data-ended]) .media-play-button-pause-icon,&:not([data-ended]):not([data-started]) .media-play-button-play-icon,&:not([data-ended])[data-paused] .media-play-button-play-icon,&[data-ended] .media-play-button-restart-icon{display:block}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.video-controls-slider-row{width:100%}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-slider-thumbnail{max-width:calc(var(--media-spacing) * 39);background-color:var(--media-background);border-radius:0;display:block;overflow:hidden}.media-slider-thumbnail-image{display:block}.media-time-slider{height:calc(var(--media-spacing) * 4);min-width:calc(var(--media-spacing) * 12);cursor:pointer;flex:1;align-items:center;display:flex;position:relative}.media-time-slider[data-disabled]{cursor:not-allowed;opacity:.4}@media(forced-colors:active){.media-time-slider[data-disabled]{color:graytext;opacity:1}}.media-time-slider-audio-buffer{background-color:#b3b3b3!important}.media-time-slider-audio-preview-meta{padding-block:calc(var(--media-spacing) * .5);color:var(--media-foreground);border-radius:0;width:auto!important;padding-inline:calc(var(--media-spacing) * 1.5)!important}@media(forced-colors:active){.media-time-slider-audio-preview-meta{outline-width:1px;outline-style:solid}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-time-slider-audio-preview-meta{outline-width:1px;outline-style:solid}}.media-time-slider-audio-track:before{content:"";background-color:var(--media-muted)!important}@media(forced-colors:active){.media-time-slider-audio-track:before{content:"";background-color:canvas!important}}.media-time-slider-buffer{inset-block:0;left:calc(var(--media-slider-chapter-start, 0%) + var(--media-spacing) * var(--media-chapter-inset-start, 0));right:max(calc(100% - var(--media-slider-buffer, 0%)),calc(100% - var(--media-slider-chapter-end, 100%) + var(--media-spacing) * var(--media-chapter-inset-end, 0)));clip-path:inset(-1px 0);background-color:#ffffff1a;border-radius:0;position:absolute}@media(forced-colors:active){.media-time-slider-buffer{forced-color-adjust:none;background-image:repeating-linear-gradient(135deg,canvastext 0 1px,canvas 1px 3px);opacity:1!important}}.media-time-slider-chapter{--media-chapter-inset-end: .5;--media-chapter-inset-start: .5;clip-path:inset(0 calc(100% - var(--media-slider-chapter-end)) 0 var(--media-slider-chapter-start));align-items:center;display:flex;position:absolute;inset:0}.media-time-slider-chapter:first-of-type{--media-chapter-inset-start: 0}.media-time-slider-chapter:last-of-type{--media-chapter-inset-end: 0}.media-time-slider-chapter-title{text-overflow:ellipsis;white-space:nowrap;opacity:.7;min-width:0;overflow:hidden}.media-time-slider-chapter-title:empty{display:none}.media-time-slider-chapters{align-items:center;width:100%;height:100%;display:flex;position:relative}.media-time-slider-fill{inset-block:0;left:calc(var(--media-slider-chapter-start, 0%) + var(--media-spacing) * var(--media-chapter-inset-start, 0));right:max(calc(100% - var(--media-slider-fill, 0%)),calc(100% - var(--media-slider-chapter-end, 100%) + var(--media-spacing) * var(--media-chapter-inset-end, 0)));clip-path:inset(-1px 0);background-color:var(--media-accent);border-radius:0;position:absolute}@scope(.media-time-slider){&[data-dragging] .media-time-slider-fill{left:calc(var(--media-slider-chapter-start, 0%) + var(--media-spacing) * var(--media-chapter-inset-start, 0));right:max(calc(100% - var(--media-slider-pointer, 0%)),calc(100% - var(--media-slider-chapter-end, 100%) + var(--media-spacing) * var(--media-chapter-inset-end, 0)));clip-path:inset(-1px 0)}}@media(forced-colors:active){.media-time-slider-fill{forced-color-adjust:none;background-color:canvas;background-image:linear-gradient(highlight,highlight)}}.media-time-slider-preview{pointer-events:none;bottom:calc(100% + var(--media-spacing) * 3);max-width:calc(var(--media-spacing) * 39);transform-origin:bottom;justify-items:center;gap:var(--media-spacing);opacity:0;display:grid}@scope(.media-time-slider){&[data-disabled] .media-time-slider-preview{display:none}}@scope(.media-time-slider){&[data-dragging] .media-time-slider-preview,&[data-pointing] .media-time-slider-preview{opacity:1}}.media-time-slider-preview-label{align-items:center;gap:calc(var(--media-spacing) * 2);min-width:0;max-width:100%;display:flex}.media-time-slider-preview-meta{width:100%;min-width:0;padding-inline:calc(var(--media-spacing) * 2);padding-block:var(--media-spacing);justify-content:center;display:flex}.media-time-slider-thumb{left:var(--media-slider-fill, 0%);width:calc(var(--media-spacing) * 3);height:calc(var(--media-spacing) * 3);border-style:solid;border-width:1px;border-color:var(--media-foreground);background-color:var(--media-foreground);border-radius:0;outline-style:none;position:absolute;transform:translate(-50%)}@scope(.media-time-slider){&[data-dragging] .media-time-slider-thumb{left:var(--media-slider-pointer)}}.media-time-slider-thumb:focus-visible{outline-offset:2px;outline:2px solid}@media(forced-colors:active){.media-time-slider-thumb{forced-color-adjust:none;background-color:highlight;border:1px solid canvastext}}.media-time-slider-track{isolation:isolate;height:calc(var(--media-spacing) * 1.5);border-radius:0;position:absolute;inset-inline:0}.media-time-slider-track:before{inset-block:0;left:calc(var(--media-slider-chapter-start) + var(--media-spacing) * var(--media-chapter-inset-start));right:calc(100% - var(--media-slider-chapter-end) + var(--media-spacing) * var(--media-chapter-inset-end));clip-path:inset(-1px);content:"";background-color:#ffffff1a;border-radius:0;position:absolute}@media(forced-colors:active){.media-time-slider-track{height:calc(var(--media-spacing) * 1.5)}.media-time-slider-track:before{content:"";forced-color-adjust:none;background-color:canvas;border:1px solid canvastext;opacity:1!important}}.media-time-slider-value{font-variant-numeric:tabular-nums;flex-shrink:0}}:where(.media-skin[data-theme=scaffold][data-preset=live-video]) .media-slider-thumbnail{max-width:calc(var(--media-spacing) * 39);background-color:var(--media-background);border-radius:0;display:block;overflow:hidden}:where(.media-skin[data-theme=scaffold][data-preset=live-video]) .media-slider-thumbnail-image{display:block}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-mute-button-high-icon{display:none}@scope(.media-mute-button){&:not([data-muted]) .media-mute-button-high-icon{display:block}}.media-mute-button-off-icon{display:none}@scope(.media-mute-button){&[data-muted] .media-mute-button-off-icon{display:block}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-volume-popover-popup{z-index:20;height:calc(var(--media-spacing) * 24);width:calc(var(--media-spacing) * 7);background-color:var(--media-popover);padding-inline:calc(var(--media-spacing) * 3.5);padding-block:calc(var(--media-spacing) * 2.5);color:var(--media-popover-foreground);--media-popover-side-offset: calc(var(--media-spacing) * 9);--media-popup-side-offset: var(--media-popover-side-offset);border-radius:0;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000}@media(forced-colors:active){.media-volume-popover-popup{outline-width:1px;outline-style:solid}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-volume-popover-popup{outline-width:1px;outline-style:solid}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-volume-slider{cursor:pointer;--media-accent: var(--media-accent-color, var(--media-popover-foreground));justify-content:center;width:100%;height:100%;display:flex;position:relative}.media-volume-slider[data-disabled]{cursor:not-allowed;opacity:.4}.media-volume-slider-fill{height:var(--media-slider-fill, 0%);background-color:var(--media-accent);border-radius:0;width:100%;position:absolute;bottom:0;left:0}@media(forced-colors:active){.media-volume-slider-fill{forced-color-adjust:none;background-color:highlight}}.media-volume-slider-thumb{bottom:var(--media-slider-fill, 0%);width:calc(var(--media-spacing) * 3);height:calc(var(--media-spacing) * 3);background-color:var(--media-popover-foreground);border-radius:0;position:absolute;left:50%;transform:translate(-50%,50%)}.media-volume-slider-thumb:focus-visible{outline-offset:2px;outline:2px solid}@media(forced-colors:active){.media-volume-slider-thumb{forced-color-adjust:none;background-color:highlight;border:1px solid canvastext}}.media-volume-slider-track{height:100%;width:var(--media-spacing);background-color:gray;border-radius:0;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}@media(forced-colors:active){.media-volume-slider-track{width:calc(var(--media-spacing) * 1.5);forced-color-adjust:none;background-color:canvas;border:1px solid canvastext}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.video-controls-bottom{pointer-events:auto;gap:calc(var(--media-spacing) * 2);background-color:var(--media-background);padding:calc(var(--media-spacing) * 3);inset-inline:0;flex-direction:column;display:flex;position:absolute;bottom:0}@scope(.video-controls-content){&:not([data-visible]) .video-controls-bottom{pointer-events:none;opacity:0}}@media(forced-colors:active){.video-controls-bottom{background-color:canvas;border-radius:0}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.video-controls-bottom{background-color:var(--media-background);border-radius:0}}.video-controls-buffering{display:contents}.video-controls-center{pointer-events:auto;align-items:center;gap:calc(var(--media-spacing) * 2);display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@scope(.video-controls-content){&:not([data-visible]) .video-controls-center{pointer-events:none;opacity:0}}@scope(.video-controls-buffering){&[data-visible] .video-controls-center{display:none!important}}.video-controls-center:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media(forced-colors:active){.video-controls-center{background-color:#0000!important}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.video-controls-center{background-color:var(--media-background);padding-inline:calc(var(--media-spacing) * 2);border-radius:0}}@container media-root (width >= 22.5rem){.video-controls-center{display:flex}}.video-controls-center-button{background-color:var(--media-background)!important;margin:0!important}@media(hover:hover){.video-controls-center-button:hover{background-color:var(--media-button-highlight)!important}}.video-controls-center-button:focus-visible,.video-controls-center-button[aria-expanded=true]{background-color:var(--media-button-highlight)!important}@media(forced-colors:active){.video-controls-center-button{background-color:buttonface!important}@media(hover:hover){.video-controls-center-button:hover{background-color:highlight!important}}.video-controls-center-button:focus-visible,.video-controls-center-button[aria-expanded=true]{background-color:highlight!important}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.video-controls-center-button{background-color:var(--media-background)!important}@media(hover:hover){.video-controls-center-button:hover{background-color:var(--media-foreground)!important}}.video-controls-center-button:focus-visible,.video-controls-center-button[aria-expanded=true]{background-color:var(--media-foreground)!important}}.video-controls-center-play{width:calc(var(--media-spacing) * 14.5)!important;height:calc(var(--media-spacing) * 14.5)!important}.video-controls-center-play-icon{width:calc(var(--media-spacing) * 7)!important;height:calc(var(--media-spacing) * 7)!important}.video-controls-content{pointer-events:none;z-index:30;position:absolute;inset:0}.video-controls-group{align-items:center;gap:calc(var(--media-spacing) * 2);display:flex}.video-controls-group:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}.video-controls-row{justify-content:space-between;align-items:center;gap:calc(var(--media-spacing) * 2);display:flex}.video-controls-row:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}.video-controls-start{min-width:0}.video-controls-top{pointer-events:auto;justify-content:flex-end;align-items:center;gap:calc(var(--media-spacing) * 2);padding:calc(var(--media-spacing) * 3);inset-inline:0;display:flex;position:absolute;top:0}@scope(.video-controls-content){&:not([data-visible]) .video-controls-top{pointer-events:none;opacity:0}}.video-controls-top:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media(forced-colors:active){.video-controls-top{inset-inline:0;background-color:canvas;border-radius:0;justify-content:flex-end;top:0;border-radius:0!important}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.video-controls-top{background-color:var(--media-background);border-radius:0}}@media(forced-colors:active){.video-controls-video-bottom{inset-inline:0;bottom:0;border-radius:0!important}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-time-current-value{display:none}.media-time-current-value[data-unavailable]{opacity:.5}@container media-root (width >= 20rem){.media-time-current-value{display:inline}}.media-time-duration-value{opacity:.7;display:none}.media-time-duration-value[data-unavailable]{opacity:.5}@container media-root (width >= 20rem){.media-time-duration-value{display:inline}}.media-time-group{height:calc(var(--media-spacing) * 4);align-items:center;gap:var(--media-spacing);padding-inline:var(--media-spacing);font-variant-numeric:tabular-nums;flex-shrink:0;line-height:1;display:flex}.media-time-group:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}.media-time-separator{opacity:.7;display:none}.media-time-separator[data-unavailable]{opacity:.5}@container media-root (width >= 20rem){.media-time-separator{display:inline}}.media-time-toggle{cursor:pointer;border-radius:0;outline-style:none}.media-time-toggle:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--media-ring)}.media-time-toggle[data-disabled]{cursor:not-allowed;opacity:.4}@media(forced-colors:active){.media-time-toggle[data-disabled]{color:graytext;opacity:1}}@container media-root (width >= 20rem){.media-time-toggle{display:none}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.audio-controls-bottom{padding:calc(var(--media-spacing) * 3);position:static!important}.audio-controls-content{position:relative!important;inset:auto!important}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){:where(.media-airplay-button)[data-airplay-state=connected] .media-airplay-button-enter-icon,.media-airplay-button-exit-icon{display:none}@scope(.media-airplay-button){&[data-airplay-state=connected] .media-airplay-button-exit-icon{display:block}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-tooltip-screen-popup{--media-tooltip-side-offset: calc(var(--media-spacing) * 3) !important}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){:where(.media-cast-button)[data-cast-state=connected] .media-cast-button-enter-icon,.media-cast-button-exit-icon{display:none}@scope(.media-cast-button){&[data-cast-state=connected] .media-cast-button-exit-icon{display:block}}.media-fullscreen-button-enter-icon{display:none}@scope(.media-fullscreen-button){&:not([data-fullscreen]) .media-fullscreen-button-enter-icon{display:block}}.media-fullscreen-button-exit-icon{display:none}@scope(.media-fullscreen-button){&[data-fullscreen] .media-fullscreen-button-exit-icon{display:block}}:where(.media-pip-button)[data-pip] .media-pip-button-enter-icon,.media-pip-button-exit-icon{display:none}@scope(.media-pip-button){&[data-pip] .media-pip-button-exit-icon{display:block}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-title{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;background-color:var(--media-background);min-width:0;padding-inline:calc(var(--media-spacing) * 2);font-size:calc(var(--media-spacing) * 4);color:var(--media-foreground);flex:1;overflow:hidden}.media-title:not([data-visible]){opacity:0}@media(forced-colors:active){.media-title{z-index:40;color:canvastext;background-color:#0000!important}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-title{background-color:var(--media-background)}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.video-controls-backdrop{pointer-events:none;background-image:linear-gradient(to top,#00000080,#0000 40% 60%,#0006);position:absolute;inset:0}.video-controls-backdrop:not([data-visible]){display:none}@media(forced-colors:active){.video-controls-backdrop{background-image:none}}}@scope(.media-skin[data-theme=scaffold][data-preset=live-video]){.media-container,:scope.media-container{border-radius:var(--media-video-border-radius);width:100%;font-family:var(--media-font-family, inherit);font-size:calc(var(--media-spacing) * 3.25);color:var(--media-foreground);--spacing: var(--media-spacing);outline-style:none;display:block;position:relative;overflow:hidden;container:media-root / inline-size}.media-container:focus-visible,:scope.media-container:focus-visible{outline-offset:-2px;outline-width:2px;outline-style:solid;outline-color:var(--media-ring)}.media-video,:scope.media-video{aspect-ratio:16 / 9;background-color:#000}}}.pinko-player,.pinko-player .pinko-skin,.pinko-player .media-skin{width:100%;height:100%;--media-accent-color: #ff0073;--media-accent-text-color: #ffffff;--media-default-accent-color: #ff0073;--media-default-accent-text-color: #ffffff;--media-live-color: #ff0073;--media-control-radius: 0px;--media-controls-radius: 0px;--media-menu-item-radius: 8px;--media-popup-radius: 12px;--media-dialog-radius: 12px;--media-font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--media-control-size: 44px;--tg-blue: #2aabee;background:#000}.vjs-shell{position:absolute;inset:0;width:100%;height:100%}.shell-vjs{position:relative;width:100%;height:100%;background:#000}.pinko-player .media-skin[data-theme=scaffold][data-preset=live-video] .video-controls-backdrop{background:linear-gradient(180deg,transparent 0%,transparent 42%,rgba(0,0,0,.28) 68%,rgba(0,0,0,.72) 100%)}.pinko-player .media-skin[data-theme=scaffold][data-preset=live-video] .video-controls-bottom{padding:0 10px 10px;box-sizing:border-box}.pinko-player .media-skin[data-theme=scaffold][data-preset=live-video] .video-controls-row{min-height:48px;min-width:0;gap:8px;padding:4px 8px;border-radius:14px;background:#0a0c127a;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14,0 10px 32px #0006;backdrop-filter:blur(18px) saturate(1.45);-webkit-backdrop-filter:blur(18px) saturate(1.45)}.pinko-player .media-skin[data-theme=scaffold][data-preset=live-video] .video-controls-start{min-width:0;flex:1 1 auto;gap:0}.pinko-player .media-skin[data-theme=scaffold][data-preset=live-video] .video-controls-end{margin-inline-start:0;flex:0 0 auto;align-items:center;gap:0}.pinko-player .media-skin[data-theme=scaffold] .media-button{width:44px;height:44px;color:#fff;border-radius:10px;transition:background .2s ease,transform .15s ease}.pinko-player .media-skin[data-theme=scaffold] .media-button:hover,.pinko-player .media-skin[data-theme=scaffold] .media-button:focus-visible{background:#ffffff1a}.pinko-player .media-skin[data-theme=scaffold] .media-button:active{transform:scale(.94)}.pinko-player .media-skin[data-theme=scaffold] .media-button svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}.pinko-player .video-controls-center-play{width:86px!important;height:86px!important;border-radius:50%!important;background:#e4006a!important;box-shadow:0 8px 30px #e4006a80!important}.pinko-player .video-controls-center-play:hover,.pinko-player .video-controls-center-play:focus-visible{background:#ff0073!important;box-shadow:0 10px 42px #ff0073bf!important;transform:scale(1.08)}.pinko-player .video-controls-center-play-icon{width:50px;height:50px;color:#fff;filter:none}.pinko-player [data-progress],.pinko-player .media-time-slider [role=slider]{--media-primary: #ff0073}.pinko-player .media-live-button,.pinko-player [data-live]{color:#ff0073}.pinko-player [data-popup],.pinko-player .media-menu,.pinko-player [role=menu]{background:#0c0e14d1!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 36px #0000008c;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3)}.pinko-player .vjs-telegram-btn{box-sizing:border-box;height:30px;max-height:30px;margin:0 8px 0 4px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;position:relative;overflow:hidden;isolation:isolate;border-radius:999px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#2aabee47,#2aabee1f 45%,#ff007324);border:1px solid rgba(42,171,238,.45);box-shadow:inset 0 1px #ffffff38,0 0 0 1px #2aabee1f,0 0 18px #2aabee47;backdrop-filter:blur(12px) saturate(1.35);-webkit-backdrop-filter:blur(12px) saturate(1.35);transform-origin:center;transition:transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease;animation:tg-enter .55s cubic-bezier(.2,.9,.3,1.25) both,tg-glow 2.6s ease-in-out .55s infinite}.pinko-player .vjs-telegram-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 80% at 20% 0%,rgba(255,255,255,.22),transparent 55%);pointer-events:none;z-index:0}.pinko-player .vjs-telegram-btn:after{content:"";position:absolute;top:0;left:-70%;width:42%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-22deg);animation:tg-shine 3.2s ease-in-out infinite;pointer-events:none;z-index:1}.pinko-player .vjs-telegram-btn svg{width:16px;height:16px;flex-shrink:0;fill:var(--tg-blue);filter:drop-shadow(0 0 6px rgba(42,171,238,.65));animation:tg-fly 2.4s ease-in-out infinite;transition:transform .22s ease;position:relative;z-index:2}.pinko-player .vjs-telegram-btn .tg-label{position:relative;z-index:2;font-family:Inter,system-ui,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(90deg,#fff 0%,#9ad9f7 40%,var(--tg-blue) 55%,#fff 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tg-text 3.2s linear infinite}.pinko-player .vjs-telegram-btn:hover{transform:scale(1.06);border-color:#2aabeed9;background:linear-gradient(135deg,#2aabee66,#2aabee33,#ff007338);box-shadow:inset 0 1px #ffffff47,0 0 0 1px #2aabee59,0 0 26px #2aabee8c}.pinko-player .vjs-telegram-btn:hover svg{animation:tg-wiggle .45s ease-in-out}.pinko-player .vjs-telegram-btn:active{transform:scale(.96)}.pinko-player .vjs-telegram-btn:focus-visible{outline:2px solid var(--tg-blue);outline-offset:2px}@keyframes tg-enter{0%{opacity:0;transform:scale(.88) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tg-glow{0%,to{box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #2aabee1f,0 0 14px #2aabee38}50%{box-shadow:inset 0 1px #ffffff3d,0 0 0 1px #2aabee47,0 0 22px #2aabee7a}}@keyframes tg-shine{0%,35%{left:-70%}70%,to{left:130%}}@keyframes tg-fly{0%,to{transform:translate(0)}50%{transform:translate(1.5px,-1.5px)}}@keyframes tg-text{to{background-position:220% center}}@keyframes tg-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(12deg)}}.pinko-player media-error-dialog,.pinko-player .media-dialog-backdrop,.pinko-player .media-dialog-popup{display:none!important}@media(max-width:560px){.pinko-player .media-skin[data-theme=scaffold][data-preset=live-video] .video-controls-bottom{padding:0 6px 8px}.pinko-player .media-skin[data-theme=scaffold][data-preset=live-video] .video-controls-row{min-height:44px;padding:2px 4px;gap:4px}.pinko-player .media-skin[data-theme=scaffold] .media-button{width:36px;height:36px}.pinko-player .media-cast-button,.pinko-player .media-pip-button,.pinko-player .media-airplay-button{display:none!important}.pinko-player .vjs-telegram-btn .tg-label{display:none}.pinko-player .vjs-telegram-btn{width:32px;height:32px;max-height:32px;margin:0 2px;padding:0;flex:0 0 32px;animation:none;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #2aabee59}.pinko-player .vjs-telegram-btn:after{display:none}.pinko-player .vjs-telegram-btn svg{width:15px;height:15px;animation:none;filter:none}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.pinko-player .media-skin[data-theme=scaffold][data-preset=live-video] .video-controls-row{background:#080a0eeb;backdrop-filter:none;-webkit-backdrop-filter:none}.pinko-player .vjs-telegram-btn{background:#142837f2;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.pinko-player .video-controls-center-play,.pinko-player .media-button,.pinko-player .vjs-telegram-btn,.pinko-player .vjs-telegram-btn:after,.pinko-player .vjs-telegram-btn svg,.pinko-player .vjs-telegram-btn .tg-label{animation:none!important;transition:none}}*{box-sizing:border-box}html,body,#root,.shell{margin:0;width:100%;height:100%;background:#07090e;color:#fff;font-family:Inter,Inter Fallback,system-ui,sans-serif;overflow:hidden}.shell-vjs .vjs-shell{width:100%;height:100%}.banner{position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;text-align:center;z-index:2}.banner.error{color:#ff8a80}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:99999;background:#0f172aeb;backdrop-filter:blur(16px);border:1px solid rgba(0,242,254,.35);color:#fff;padding:10px 18px;border-radius:30px;font-weight:600;font-size:13px;letter-spacing:.4px;animation:fadeSlide .35s ease-out}@keyframes fadeSlide{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.offline-screen{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:24px;text-align:center;overflow:auto;background:radial-gradient(120% 80% at 50% 0%,#18466873,#0a111e00 64%),radial-gradient(90% 70% at 50% 105%,#0e304c61,#0a111e00 62%),#0a1220;animation:offline-in .42s cubic-bezier(.16,1,.3,1) both}@keyframes offline-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}.offline-aura{position:absolute;width:min(420px,78%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#38e8ff29,#38e8ff00 68%);filter:blur(6px);pointer-events:none;animation:offline-breathe 5.5s ease-in-out infinite}@keyframes offline-breathe{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.offline-orb{position:relative;display:grid;place-items:center;width:clamp(74px,15vw,92px);height:clamp(74px,15vw,92px);border-radius:50%;border:1.5px solid rgba(56,232,255,.5);background:radial-gradient(circle at 50% 42%,#10344ae6,#07101ce6 72%);color:#22d3ee;box-shadow:0 0 0 10px #38e8ff08,0 0 26px #38e8ff47,inset 0 0 22px #38e8ff1f;margin-bottom:26px}.offline-orb svg{width:46%;height:46%;filter:drop-shadow(0 0 6px rgba(34,211,238,.55))}.offline-ring{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(56,232,255,.42);animation:offline-ping 3.2s ease-out infinite;pointer-events:none}.offline-ring-delay{animation-delay:1.6s}@keyframes offline-ping{0%{transform:scale(.92);opacity:0}25%{opacity:.7}to{transform:scale(1.55);opacity:0}}.offline-title{margin:0;font-size:clamp(1.28rem,3.4vw,1.85rem);font-weight:800;letter-spacing:-.015em;line-height:1.2;color:#fff;background:linear-gradient(100deg,#fff 0% 38%,#6ff0ff 50%,#fff 62% 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:offline-sheen 4.2s linear infinite}@keyframes offline-sheen{0%{background-position:170% 0}to{background-position:-60% 0}}.offline-sub{margin:10px 0 0;font-size:clamp(.86rem,1.7vw,.98rem);font-weight:500;color:#cee2f09e;letter-spacing:.01em}.offline-count{display:inline-block;min-width:2ch;text-align:right;color:#9beeff;font-variant-numeric:tabular-nums;font-weight:700;animation:offline-tick 1s ease-in-out infinite}@keyframes offline-tick{0%,to{opacity:1;text-shadow:0 0 0 rgba(56,232,255,0)}50%{opacity:.72;text-shadow:0 0 12px rgba(56,232,255,.55)}}.offline-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:28px}.offline-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 22px;border-radius:13px;border:1px solid transparent;font:inherit;font-size:.92rem;font-weight:700;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.offline-btn svg{width:19px;height:19px;flex:0 0 19px}.offline-btn:focus-visible{outline:2px solid rgba(56,232,255,.85);outline-offset:3px}.offline-btn-primary{color:#04202b;background:linear-gradient(135deg,#6ff0ff,#22d3ee 45%,#38bdf8);box-shadow:0 10px 26px #22d3ee47,inset 0 1px #ffffff8c}.offline-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px #22d3ee6b,inset 0 1px #fff9}.offline-btn-primary:active{transform:translateY(0) scale(.985)}.offline-btn-ghost{color:#eaf7ff;background:#0d1826c7;border-color:#94bed638;box-shadow:inset 0 1px #ffffff0d}.offline-btn-ghost svg{fill:#2aabee;filter:drop-shadow(0 0 6px rgba(42,171,238,.5))}.offline-btn-ghost:hover{transform:translateY(-2px);border-color:#38e8ff6b;background:#122234e6;box-shadow:0 12px 26px #0006,0 0 18px #38e8ff24}.offline-btn-ghost:active{transform:translateY(0) scale(.985)}@media(max-width:420px){.offline-actions{width:100%;flex-direction:column}.offline-btn{width:100%;max-width:300px}}@media(max-height:380px){.offline-orb{width:58px;height:58px;margin-bottom:14px}.offline-actions{margin-top:16px}}@media(prefers-reduced-motion:reduce){.offline-screen,.offline-aura,.offline-ring,.offline-title,.offline-count{animation:none!important}.offline-title{-webkit-text-fill-color:#fff;color:#fff}}