@layer base{:where(.media-skin){text-align:start;text-transform:none;letter-spacing:normal;font-style:normal;font-weight:400}:where(.media-skin),:where(.media-skin) *,:where(.media-skin) :before,:where(.media-skin) :after{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where(.media-skin) button{font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;appearance:none;background:0 0}:where(.media-skin) img,:where(.media-skin) svg{max-width:100%;display:block}:where(.media-skin) video{border-radius:inherit;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;max-width:100%;height:100%;display:block}:where(.media-skin) [hidden][hidden]{display:none!important}@supports not selector(:popover-open){:where(.media-skin) [popover]:not([data-open],[data-ending-style]){display:none!important}}}@layer components{.media-skin[data-theme=pro] video::cue{color:#f2f2f4;background-color:#0e0e10d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.media-skin[data-theme=pro] video::-webkit-media-text-track-container{translate:0 var(--media-caption-track-y);transition:translate var(--fl-duration) ease-out}.media-skin[data-theme=pro][data-controls-visible]{--media-caption-track-y:var(--media-caption-controls-y)}.pro-skin{border-radius:var(--fl-frame-radius);outline:calc(var(--fl-frame-border,0) * 1px) solid var(--fl-frame-line);outline-offset:calc(var(--fl-frame-border,0) * -1px);background-color:var(--fl-surface-0);width:100%;height:100%;color:var(--fl-text);font-family:var(--fl-font-ui);font-size:var(--fl-text-md);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;line-height:1.3;display:block;position:relative;overflow:hidden;container:media-root/inline-size}.pro-skin:fullscreen{border-radius:0;outline:none}.pro-skin[data-layout=dock]{background-color:var(--fl-surface-1);--media-caption-controls-y:calc(var(--media-spacing) * -3);flex-direction:column;display:flex}.pro-skin .pro-stage{width:100%;min-height:0;aspect-ratio:var(--fl-stage-ratio,16 / 9);background-color:var(--fl-surface-0);flex:0 auto;position:relative;overflow:hidden}.pro-skin:fullscreen .pro-stage{aspect-ratio:auto;flex:1 1 0}.pro-skin[data-layout=dock] .pro-controls{pointer-events:auto;flex:none;position:relative;inset:auto}.pro-skin[data-layout=dock] .pro-bar{gap:calc(var(--media-spacing) * 3);padding:calc(var(--media-spacing) * 3.5) calc(var(--media-spacing) * 4);border-top:1px solid var(--fl-line);background-color:var(--fl-surface-1);background-image:none;position:static}.pro-skin[data-layout=dock] .pro-bar .media-time-slider:before{top:50%;bottom:auto;transform:translateY(-50%)}.pro-skin .pro-transport,.pro-skin .pro-playback{align-items:center;gap:var(--fl-density-gap);flex-shrink:0;display:flex}.pro-skin .pro-picture{transform-origin:0 0;width:100%;height:100%;position:relative}.pro-skin .media-poster{position:absolute;inset:0}.pro-skin .media-poster:not([data-visible]){display:none}.pro-skin .media-poster-image{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;height:100%}.pro-skin .pro-overlay{top:var(--fl-picture-y,0);left:var(--fl-picture-x,0);z-index:var(--fl-z-overlay);width:var(--fl-picture-w,100%);height:var(--fl-picture-h,100%);pointer-events:none;position:absolute}.pro-skin .media-button{width:var(--fl-control-size);height:var(--fl-control-size);border-radius:var(--fl-radius);color:var(--fl-text);cursor:pointer;transition:background-color var(--fl-duration) var(--fl-ease), color var(--fl-duration) var(--fl-ease);background-color:#0000;outline:none;flex-shrink:0;place-items:center;display:grid;position:relative}@media (hover:hover){.pro-skin .media-button:hover{background-color:var(--fl-surface-3)}}.pro-skin .media-button:active{background-color:var(--fl-surface-3)}.pro-skin .media-button[aria-expanded=true]{background-color:var(--fl-on)}.pro-skin .media-button:disabled,.pro-skin .media-button[aria-disabled=true]{cursor:not-allowed;opacity:.45}.pro-skin .media-button[data-hidden]{display:none}.pro-skin .media-button-icon{width:var(--fl-icon-size);height:var(--fl-icon-size);grid-area:1/1}.pro-skin .media-button:focus-visible,.pro-skin .media-time-toggle:focus-visible,.pro-skin .media-time-slider-thumb:focus-visible,.pro-skin .media-volume-slider-thumb:focus-visible,.pro-skin .media-dialog-popup:focus-visible{outline:var(--fl-focus-width) solid var(--fl-accent);outline-offset:var(--fl-focus-offset);box-shadow:var(--fl-focus-halo)}@media (forced-colors:active){.pro-skin .media-button{border:1px solid buttontext}}.pro-skin .media-play-button .media-button-icon{display:none}.pro-skin .media-play-button[data-ended] .media-play-button-replay-icon,.pro-skin .media-play-button:not([data-ended])[data-paused] .media-play-button-play-icon,.pro-skin .media-play-button:not([data-ended]):not([data-started]) .media-play-button-play-icon,.pro-skin .media-play-button[data-started]:not([data-paused]):not([data-ended]) .media-play-button-pause-icon{display:block}.pro-skin .media-mute-button .media-button-icon{display:none}.pro-skin .media-mute-button[data-volume-level=off] .media-mute-button-muted-icon,.pro-skin .media-mute-button[data-volume-level=low] .media-mute-button-low-icon,.pro-skin .media-mute-button[data-volume-level=medium] .media-mute-button-high-icon,.pro-skin .media-mute-button[data-volume-level=high] .media-mute-button-high-icon,.pro-skin .media-mute-button:not([data-volume-level]) .media-mute-button-high-icon{display:block}.pro-skin .media-captions-button-on-icon,.pro-skin .media-captions-button[data-active] .media-captions-button-off-icon{display:none}.pro-skin .media-captions-button[data-active] .media-captions-button-on-icon{display:block}.pro-skin .media-captions-button[data-active],.pro-skin .media-pip-button[data-pip]{background-color:var(--fl-on)}.pro-skin .media-pip-button-exit-icon,.pro-skin .media-pip-button[data-pip] .media-pip-button-enter-icon{display:none}.pro-skin .media-pip-button[data-pip] .media-pip-button-exit-icon{display:block}.pro-skin .media-fullscreen-button-exit-icon,.pro-skin .media-fullscreen-button[data-fullscreen] .media-fullscreen-button-enter-icon{display:none}.pro-skin .media-fullscreen-button[data-fullscreen] .media-fullscreen-button-exit-icon{display:block}.pro-skin .pro-controls{z-index:var(--fl-z-controls);pointer-events:none;position:absolute;inset:0}.pro-skin .pro-bar{inset-inline:0;gap:var(--fl-density-gap);padding:calc(var(--media-spacing) * 8) var(--fl-density-pad) var(--fl-density-pad);background-image:linear-gradient(to top, var(--fl-scrim) 0, var(--fl-scrim) calc(100% - var(--media-spacing) * 8), transparent 100%);pointer-events:auto;transition:opacity var(--fl-duration-fade) var(--fl-ease);flex-direction:column;display:flex;position:absolute;bottom:0}.pro-skin[data-layout=overlay]:not([data-bar=pro]){--fl-control-size:max(40px, var(--fl-density-control))}.pro-skin[data-layout=overlay]:not([data-bar=pro]) .pro-bar{gap:calc(var(--media-spacing) * 1.5);padding:calc(var(--media-spacing) * 18) calc(var(--media-spacing) * 5) calc(var(--media-spacing) * 4);background-image:linear-gradient(to top, var(--fl-scrim) 0, var(--fl-scrim) 50%, transparent 100%)}.pro-skin[data-layout=overlay]:not([data-bar=pro]) .pro-bar-row{gap:calc(var(--media-spacing) * 1.5)}@container media-root (width<480px){.pro-skin[data-layout=overlay]:not([data-bar=pro]) .pro-bar{padding:calc(var(--media-spacing) * 8) calc(var(--media-spacing) * 2) calc(var(--media-spacing) * 2)}.pro-skin[data-layout=overlay]:not([data-bar=pro]) .pro-bar-row{gap:0}}.pro-skin .pro-controls:not([data-visible]) .pro-bar,.pro-skin .pro-controls:not([data-visible]) .pro-center-play{opacity:0;pointer-events:none}.pro-skin .pro-controls:not([data-started]) .pro-bar{visibility:var(--media-controls-before-start,visible)}.pro-skin .pro-bar-row{align-items:center;gap:var(--fl-density-gap);min-width:0;display:flex}.pro-skin .pro-slot{display:contents}.pro-skin .pro-bar-spacer{flex:1}:is(.pro-skin .pro-bar-row:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.pro-skin .pro-volume:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.pro-skin .media-time-group:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){flex-direction:row-reverse}@supports not selector(:dir(rtl)){.pro-skin .pro-bar-row:where([dir=rtl] *),.pro-skin .pro-volume:where([dir=rtl] *),.pro-skin .media-time-group:where([dir=rtl] *){flex-direction:row-reverse}.pro-skin .media-menu-back-chevron:where([dir=rtl] *){transform:none}.pro-skin .media-menu-forward-chevron:where([dir=rtl] *){transform:rotate(180deg)}}.pro-skin .pro-center-play{width:calc(var(--media-spacing) * 16);height:calc(var(--media-spacing) * 16);border:1px solid var(--fl-line);background-color:var(--fl-scrim);pointer-events:auto;transition:opacity var(--fl-duration-fade) var(--fl-ease), background-color var(--fl-duration) var(--fl-ease);display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pro-skin .pro-center-play .media-button-icon{width:calc(var(--media-spacing) * 8);height:calc(var(--media-spacing) * 8)}.pro-skin .pro-controls:not([data-started]) .pro-center-play{display:grid}@media (pointer:coarse){.pro-skin .pro-center-play{display:grid}}.pro-skin[data-waiting] .pro-center-play,.pro-skin .media-buffering-indicator[data-visible]~.pro-controls .pro-center-play{display:none}@container media-root (width<400px){.pro-skin .pro-center-play{width:calc(var(--media-spacing) * 12);height:calc(var(--media-spacing) * 12)}.pro-skin .pro-center-play .media-button-icon{width:calc(var(--media-spacing) * 6);height:calc(var(--media-spacing) * 6)}}.pro-skin .media-time-group{align-items:center;gap:var(--media-spacing);padding-inline:var(--media-spacing);flex-shrink:0;display:flex}.pro-skin .media-time-value,.pro-skin .media-time-separator{font-size:var(--fl-text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-weight:500;line-height:1}.pro-skin .media-time-value{padding-inline:var(--media-spacing);color:var(--fl-text)}.pro-skin .media-time-group .media-time-value{padding-inline:0}.pro-skin .media-time-separator,.pro-skin .media-time-value[data-type=duration],.pro-skin .media-time-value[data-type=remaining]{color:var(--fl-text-dim)}.pro-skin .media-time-value[data-unavailable],.pro-skin .media-time-value[data-disabled]{opacity:.6}.pro-skin .media-time-toggle{border-radius:var(--fl-radius-sm);cursor:pointer;outline:none;position:relative}.pro-skin .media-time-toggle:before{content:"";inset:calc((var(--fl-control-size) - 1em) / -2) calc(var(--media-spacing) * -1);position:absolute}.pro-skin .media-time-toggle[data-disabled]{cursor:default}.pro-skin .media-time-slider{min-width:calc(var(--media-spacing) * 12);height:var(--fl-playhead-height);cursor:pointer;touch-action:none;flex:1;align-items:center;display:flex;position:relative}.pro-skin .media-time-slider:before{content:"";inset-inline:0;height:var(--fl-slider-hit);position:absolute;top:50%;transform:translateY(-50%)}.pro-skin .pro-bar .media-time-slider{flex:none;width:100%}.pro-skin .pro-bar .media-time-slider:before{top:auto;bottom:calc(var(--fl-density-gap) * -.5);transform:none}.pro-skin .media-time-slider[data-disabled]{cursor:not-allowed;opacity:.45}.pro-skin .media-time-slider-chapters{align-items:center;width:100%;height:100%;display:flex;position:relative}.pro-skin .media-time-slider-chapter{--media-chapter-inset-start:.25;--media-chapter-inset-end:.25;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}.pro-skin .media-time-slider-chapter:first-of-type{--media-chapter-inset-start:0}.pro-skin .media-time-slider-chapter:last-of-type{--media-chapter-inset-end:0}.pro-skin .media-time-slider-track{height:var(--fl-track-height);isolation:isolate;transition:height var(--fl-duration) var(--fl-ease);position:absolute;inset-inline:0}.pro-skin .media-time-slider[data-interactive] .media-time-slider-track{height:calc(var(--fl-track-height) * 1.5)}.pro-skin .media-time-slider-track:before,.pro-skin .media-time-slider-buffer,.pro-skin .media-time-slider-fill{inset-block:0;left:calc(var(--media-slider-chapter-start,0%) + var(--media-spacing) * var(--media-chapter-inset-start,0));border-radius:var(--fl-radius-sm);position:absolute}.pro-skin .media-time-slider-track:before{content:"";right:calc(100% - var(--media-slider-chapter-end,100%) + var(--media-spacing) * var(--media-chapter-inset-end,0));background-color:var(--fl-track)}.pro-skin .media-time-slider-buffer{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)));background-color:var(--fl-text-dim)}.pro-skin .media-time-slider-fill{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)));background-color:var(--fl-text)}.pro-skin .media-time-slider[data-dragging] .media-time-slider-fill{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)))}.pro-skin .media-time-slider-thumb{left:var(--media-slider-fill,0%);width:max(24px, calc(var(--media-spacing) * 6));height:max(24px, calc(var(--media-spacing) * 6));border-radius:var(--fl-radius);outline:none;place-items:center;display:grid;position:absolute;transform:translate(-50%)}.pro-skin .media-time-slider[data-dragging] .media-time-slider-thumb{left:var(--media-slider-pointer)}.pro-skin .media-time-slider-thumb:after{content:"";width:calc(var(--media-spacing) * 3);height:calc(var(--media-spacing) * 3);background-color:var(--fl-text);box-shadow:0 0 0 1px color-mix(in srgb, var(--fl-surface-0) 60%, transparent);border-radius:50%}.pro-skin .media-time-slider-preview{bottom:calc(100% + var(--media-spacing) * 3);justify-items:center;gap:var(--media-spacing);max-width:calc(var(--media-spacing) * 40);opacity:0;pointer-events:none;transition:opacity var(--fl-duration) var(--fl-ease);display:grid}.pro-skin .media-time-slider[data-pointing] .media-time-slider-preview,.pro-skin .media-time-slider[data-dragging] .media-time-slider-preview{opacity:1}.pro-skin .media-time-slider[data-disabled] .media-time-slider-preview{display:none}.pro-skin .media-slider-thumbnail{max-width:calc(var(--media-spacing) * 40);border:1px solid var(--fl-line);border-radius:var(--fl-radius);background-color:var(--fl-surface-0);display:block;overflow:hidden}.pro-skin .media-slider-thumbnail-image{display:block}.pro-skin .media-time-slider-preview-label{align-items:center;gap:calc(var(--media-spacing) * 2);min-width:0;max-width:100%;padding:var(--media-spacing) calc(var(--media-spacing) * 2);border-radius:var(--fl-radius);background-color:var(--fl-surface-3);box-shadow:var(--fl-shadow-popup);font-size:var(--fl-text-sm);line-height:1.3;display:flex}.pro-skin .media-time-slider-value{color:var(--fl-text);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:500}.pro-skin .media-time-slider-chapter-title{min-width:0;color:var(--fl-text-dim-raised);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pro-skin .media-time-slider-chapter-title:empty{display:none}@container media-root (width<400px){.pro-skin .media-slider-thumbnail{display:none}}.pro-skin .pro-volume{align-items:center;gap:var(--fl-density-gap);flex-shrink:0;display:flex}.pro-skin .media-volume-slider{width:calc(var(--media-spacing) * 16);height:var(--fl-control-size);margin-right:calc(var(--media-spacing) * 2);cursor:pointer;touch-action:none;align-items:center;display:flex;position:relative}.pro-skin .media-volume-slider[data-hidden]{display:none}.pro-skin:not([data-bar=pro]) .media-volume-slider{opacity:0;width:0;transition:width var(--fl-duration) var(--fl-ease), opacity var(--fl-duration) var(--fl-ease);margin-right:0;overflow:hidden}.pro-skin:not([data-bar=pro]) .pro-volume:focus-within .media-volume-slider,.pro-skin:not([data-bar=pro]) .media-volume-slider[data-dragging]{width:calc(var(--media-spacing) * 16);margin-right:calc(var(--media-spacing) * 2);opacity:1;overflow:visible}@media (hover:hover){.pro-skin:not([data-bar=pro]) .pro-volume:hover .media-volume-slider{width:calc(var(--media-spacing) * 16);margin-right:calc(var(--media-spacing) * 2);opacity:1;overflow:visible}}.pro-skin .media-volume-slider-track{height:var(--fl-track-height);border-radius:var(--fl-radius-sm);background-color:var(--fl-track);position:absolute;inset-inline:0;overflow:hidden}.pro-skin .media-volume-slider-fill{inset-block:0;width:var(--media-slider-fill,0%);background-color:var(--fl-text);position:absolute;left:0}.pro-skin .media-volume-slider-thumb{left:var(--media-slider-fill,0%);width:max(24px, calc(var(--media-spacing) * 6));height:max(24px, calc(var(--media-spacing) * 6));border-radius:var(--fl-radius);outline:none;place-items:center;display:grid;position:absolute;transform:translate(-50%)}.pro-skin .media-volume-slider-thumb:after{content:"";width:var(--fl-playhead-width);height:calc(var(--media-spacing) * 3);border-radius:var(--fl-radius-sm);background-color:var(--fl-text);box-shadow:0 0 0 1px var(--fl-surface-0)}@container media-root (width<400px){.pro-skin .media-volume-slider,.pro-skin .media-pip-button{display:none}}@container media-root (width<360px){.pro-skin .media-time-group .media-time-separator,.pro-skin .media-time-group .media-time-toggle{display:none}.pro-skin .pro-bar{padding-inline:calc(var(--media-spacing) * 2);padding-bottom:calc(var(--media-spacing) * 2)}}.pro-skin .media-popup{border:1px solid var(--fl-line);border-radius:var(--fl-radius-group);background-color:var(--fl-surface-1);box-shadow:var(--fl-shadow-popup);color:var(--fl-text);transition:opacity var(--fl-duration) var(--fl-ease);margin:0;overflow:visible}.pro-skin .media-popup[data-starting-style],.pro-skin .media-popup[data-ending-style]{opacity:0}.pro-skin .media-tooltip-popup{z-index:var(--fl-z-tooltip,35);max-width:calc(100cqw - var(--media-spacing) * 2);padding:calc(var(--media-spacing) * 1.25) calc(var(--media-spacing) * 2.25);border-radius:var(--fl-radius);background-color:var(--fl-surface-3);font-size:var(--fl-text-sm);white-space:nowrap;pointer-events:none;border:0;line-height:1.3}.pro-skin .media-tooltip-popup[data-open]{align-items:center;gap:calc(var(--media-spacing) * 1.5);display:flex}.pro-skin .media-tooltip-shortcut,.pro-skin .pro-kbd{color:var(--fl-text-dim);font:inherit;font-variant-numeric:tabular-nums}.pro-skin .media-tooltip-popup .media-tooltip-shortcut,.pro-skin .media-tooltip-popup .pro-kbd{color:var(--fl-text-dim-raised)}.pro-skin .media-menu-popup{z-index:var(--fl-z-controls);width:var(--media-menu-width);min-width:calc(var(--media-spacing) * 52);max-width:var(--media-menu-available-width);height:var(--media-menu-height);max-height:min(var(--media-menu-available-height,calc(var(--media-spacing) * 72)), calc(var(--media-spacing) * 72));overscroll-behavior:none;transition:opacity var(--fl-duration) var(--fl-ease), height var(--fl-duration) var(--fl-ease);padding:0;overflow:hidden!important}.pro-skin .media-menu-content{inset-inline:0;max-height:100%;padding:var(--media-spacing);overscroll-behavior:none;scrollbar-width:thin;scrollbar-color:var(--fl-line) transparent;outline:none;flex-direction:column;display:flex;position:absolute;top:0;overflow:auto}.pro-skin .media-menu-content:not([data-submenu])[data-child-open]{visibility:hidden}.pro-skin .media-menu-content[data-submenu]{z-index:1;background-color:var(--fl-surface-1)}.pro-skin .media-menu-radio-group{flex-direction:column;display:flex}.pro-skin .media-menu-item{align-items:center;gap:calc(var(--media-spacing) * 2);width:100%;min-height:var(--fl-control-size);padding-inline:calc(var(--media-spacing) * 2);border-radius:var(--fl-radius-sm);color:var(--fl-text);cursor:pointer;text-align:start;white-space:nowrap;outline:none;flex-shrink:0;display:flex}.pro-skin .media-menu-item[data-highlighted]{background-color:var(--fl-surface-2)}.pro-skin .media-menu-item:focus-visible{outline:var(--fl-focus-width) solid var(--fl-accent);outline-offset:calc(var(--fl-focus-width) * -1)}.pro-skin .media-menu-item[data-availability=unavailable],.pro-skin .media-menu-item[data-availability=unsupported]{display:none}.pro-skin .media-menu-item[data-custom]{font-style:italic}.pro-skin .media-menu-back-item{margin-bottom:var(--media-spacing);border-bottom:1px solid var(--fl-line);color:var(--fl-text-dim);border-end-end-radius:0;border-end-start-radius:0}.pro-skin .media-menu-separator{display:none}.pro-skin .media-menu-icon{width:calc(var(--media-spacing) * 4.5);height:calc(var(--media-spacing) * 4.5);color:var(--fl-text-dim);flex-shrink:0}.pro-skin .media-menu-back-chevron{transform:rotate(180deg)}.pro-skin .media-menu-forward-chevron{transform:none}.pro-skin .media-menu-back-chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:none}.pro-skin .media-menu-forward-chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:rotate(180deg)}.pro-skin .media-menu-hint{align-items:center;gap:var(--media-spacing);min-width:0;color:var(--fl-text-dim);margin-inline-start:auto;padding-inline-start:calc(var(--media-spacing) * 3);display:inline-flex}.pro-skin .media-menu-hint-label{max-width:calc(var(--media-spacing) * 24);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pro-skin .media-menu-indicator{opacity:0;flex-shrink:0;margin-inline-start:auto}.pro-skin .media-menu-radio-item[aria-checked=true] .media-menu-indicator{opacity:1}.pro-skin .media-menu-indicator .media-menu-icon{color:var(--fl-text)}.pro-skin .media-menu-badge,.pro-skin .media-menu-tier{padding-inline:var(--media-spacing);border:1px solid var(--fl-line);border-radius:var(--fl-radius-sm);color:var(--fl-text-dim);font-size:var(--fl-text-xs);line-height:1.5}.pro-skin .media-menu-tier{vertical-align:baseline;border:0;margin-inline-start:var(--media-spacing)}.pro-skin .media-settings-button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pro-skin .pro-menu-item-narrow,.pro-skin .pro-menu-item-dock-narrow{display:none}@container media-root (width<400px){.pro-skin .pro-menu-item-narrow{display:flex}}.pro-skin .media-dialog-backdrop{z-index:var(--fl-z-dialog-backdrop);background-color:var(--fl-scrim);transition:opacity var(--fl-duration) var(--fl-ease);position:absolute;inset:0}.pro-skin .media-dialog-backdrop:not([data-open]),.pro-skin .media-dialog-popup:not([data-open]){display:none}.pro-skin .media-dialog-popup{z-index:var(--fl-z-dialog);gap:calc(var(--media-spacing) * 3);width:calc(100% - var(--media-spacing) * 4);max-width:calc(var(--media-spacing) * 90);max-height:calc(100% - var(--media-spacing) * 4);padding:calc(var(--media-spacing) * 4);border:1px solid var(--fl-line);border-radius:var(--fl-radius);background-color:var(--fl-surface-1);color:var(--fl-text);transition:opacity var(--fl-duration) var(--fl-ease);scrollbar-width:thin;scrollbar-color:var(--fl-line) transparent;outline:none;display:grid;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.pro-skin .media-dialog-backdrop[data-starting-style],.pro-skin .media-dialog-backdrop[data-ending-style],.pro-skin .media-dialog-popup[data-starting-style],.pro-skin .media-dialog-popup[data-ending-style]{opacity:0}.pro-skin .media-dialog-header{align-items:center;gap:calc(var(--media-spacing) * 2);display:flex}.pro-skin .media-dialog-title{font-size:var(--fl-text-lg);flex:1;font-weight:600;line-height:1.25}.pro-skin .media-dialog-description{color:var(--fl-text-dim)}.pro-skin .media-dialog-actions{justify-content:flex-end;gap:calc(var(--media-spacing) * 2);flex-wrap:wrap;display:flex}.pro-skin .media-dialog-button{width:auto;padding-inline:calc(var(--media-spacing) * 4);border:1px solid var(--fl-line);font-weight:500}.pro-skin .media-dialog-button-primary{border-color:var(--fl-text);background-color:var(--fl-text);color:var(--fl-ink)}@media (hover:hover){.pro-skin .media-dialog-button-primary:hover{background-color:var(--fl-text);filter:brightness(.92)}}.pro-skin .pro-error-icon{width:calc(var(--media-spacing) * 6);height:calc(var(--media-spacing) * 6);color:var(--fl-text-dim);flex-shrink:0}.pro-skin .pro-shortcuts{max-width:calc(var(--media-spacing) * 110)}.pro-skin .pro-shortcuts-list{grid-template-columns:repeat(auto-fill, minmax(calc(var(--media-spacing) * 46), 1fr));gap:var(--media-spacing) calc(var(--media-spacing) * 6);display:grid}.pro-skin .pro-shortcuts-row{justify-content:space-between;align-items:center;gap:calc(var(--media-spacing) * 3);min-height:calc(var(--media-spacing) * 7);border-bottom:1px solid var(--fl-line);display:flex}.pro-skin .pro-shortcuts-keys{gap:var(--media-spacing);flex-shrink:0;order:2;display:flex}.pro-skin .pro-shortcuts-label{color:var(--fl-text);font-size:var(--fl-text-sm)}.pro-skin .media-buffering-indicator{z-index:var(--fl-z-indicators);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.pro-skin .media-buffering-indicator:not([data-visible]){display:none}.pro-skin .media-buffering-indicator-icon{width:calc(var(--media-spacing) * 12);height:calc(var(--media-spacing) * 12);padding:calc(var(--media-spacing) * 2);border-radius:var(--fl-radius);background-color:var(--fl-scrim);color:var(--fl-text);animation:var(--media-spinner-animation)}.pro-skin .media-indicator-group{z-index:var(--fl-z-indicators);pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;display:grid;position:absolute;inset:0}.pro-skin .media-indicator{align-self:start;align-items:center;gap:calc(var(--media-spacing) * 2);margin-top:calc(var(--media-spacing) * 3);padding:calc(var(--media-spacing) * 1.5) calc(var(--media-spacing) * 2.5);border:1px solid var(--fl-line);border-radius:var(--fl-radius);background-color:var(--fl-scrim);color:var(--fl-text);font-size:var(--fl-text-sm);transition:opacity var(--fl-duration) var(--fl-ease);grid-area:1/2;display:flex}.pro-skin .media-indicator:not([data-open]){display:none}.pro-skin .media-indicator[data-starting-style],.pro-skin .media-indicator[data-ending-style]{opacity:0}.pro-skin .media-indicator-icon{width:calc(var(--media-spacing) * 4.5);height:calc(var(--media-spacing) * 4.5);flex-shrink:0}.pro-skin .media-indicator-value{font-variant-numeric:tabular-nums;font-weight:500}.pro-skin .media-volume-indicator-fill{align-items:center;gap:calc(var(--media-spacing) * 2);display:flex}.pro-skin .media-status-indicator-icon,.pro-skin .media-volume-indicator-icon{display:none}.pro-skin .media-status-indicator[data-status=captions-on] .media-status-captions-on-icon,.pro-skin .media-status-indicator[data-status=captions-off] .media-status-captions-off-icon,.pro-skin .media-status-indicator[data-status=fullscreen] .media-status-fullscreen-icon,.pro-skin .media-status-indicator[data-status=exit-fullscreen] .media-status-exit-fullscreen-icon,.pro-skin .media-status-indicator[data-status=pip] .media-status-pip-icon,.pro-skin .media-status-indicator[data-status=exit-pip] .media-status-exit-pip-icon,.pro-skin .media-volume-indicator[data-level=high] .media-volume-high-icon,.pro-skin .media-volume-indicator[data-level=low] .media-volume-low-icon,.pro-skin .media-volume-indicator[data-level=off] .media-volume-off-icon{display:block}.pro-skin .media-seek-indicator{margin:0 calc(var(--media-spacing) * 4);align-self:center}.pro-skin .media-indicator-group{direction:ltr}.pro-skin .media-seek-indicator[data-direction=backward]{flex-direction:row-reverse;grid-column:1;justify-self:start}.pro-skin .media-seek-indicator[data-direction=forward]{grid-column:3;justify-self:end}.pro-skin .media-seek-indicator[data-direction=backward] .media-seek-indicator-icon{transform:scaleX(-1)}.pro-skin .media-status-announcer{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@layer utilities;@layer base.theme{.media-skin[data-theme=pro]{--fl-surface-0:#0e0e10;--fl-surface-1:#1e1e20;--fl-surface-2:#2c2c2f;--fl-surface-3:#3a3a3e;--fl-on:#46464b;--fl-line:#333336;--fl-track:#85858c;--fl-text:#f2f2f4;--fl-text-dim:#9a9aa0;--fl-text-dim-raised:#b2b2b8;--fl-accent:var(--media-accent-color,#5b9dff);--fl-accent-ink:var(--media-accent-text-color,#0b1220);--fl-range:#4d7bc1;--fl-ink:#1c1c1e;--fl-tick-minor:#55555b;--fl-tick-mid:#77777e;--fl-tick-major:#8e8e95;--fl-buffer:#4a4a50;--fl-handle-idle:#77777e;--fl-ruler-label:#b8b8c0;--fl-divider:#ffffff1a;--fl-frame-line:var(--media-border-color,var(--fl-line));--fl-scrim-alpha:88%;--fl-scrim:color-mix(in srgb, var(--fl-surface-0) var(--fl-scrim-alpha), transparent);--fl-font-ui:var(--media-font-family,-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif);--media-spacing:calc(var(--media-scale-unit,16px) / 4);--fl-text-ruler:calc(var(--media-spacing) * 2.625);--fl-text-xs:calc(var(--media-spacing) * 2.75);--fl-text-sm:calc(var(--media-spacing) * 3);--fl-text-md:calc(var(--media-spacing) * 3.25);--fl-text-lg:calc(var(--media-spacing) * 4);--fl-text-timecode:calc(var(--media-spacing) * 4.25);--fl-icon-size:calc(var(--media-spacing) * 4.5);--fl-stroke:1.5;--fl-radius:6px;--fl-radius-group:8px;--fl-radius-sm:3px;--fl-shadow-popup:0 4px 14px #00000073;--fl-frame-radius:var(--media-border-radius,calc(var(--fl-frame-border,0) * 10px));--fl-density-control:calc(var(--media-spacing) * 8.5);--fl-density-gap:var(--media-spacing);--fl-density-pad:calc(var(--media-spacing) * 3);--fl-control-size:max(24px, var(--fl-density-control));--fl-slider-hit:max(24px, calc(var(--media-spacing) * 6));--fl-track-height:var(--media-spacing);--fl-playhead-width:3px;--fl-playhead-height:calc(var(--media-spacing) * 4);--fl-duration:.12s;--fl-duration-fade:.2s;--fl-ease:cubic-bezier(.2, 0, 0, 1);--media-spinner-animation:pro-spin .9s linear infinite;--fl-focus-width:2px;--fl-focus-offset:2px;--fl-focus-halo:0 0 0 calc(var(--fl-focus-width) * 2 + var(--fl-focus-offset)) var(--fl-surface-0);--fl-z-overlay:10;--fl-z-indicators:20;--fl-z-controls:30;--fl-z-dialog-backdrop:40;--fl-z-dialog:50;--media-popover-side-offset:calc(var(--media-spacing) * 2);--media-popover-boundary-offset:calc(var(--media-spacing) * 2);--media-tooltip-side-offset:calc(var(--media-spacing) * 2);--media-tooltip-boundary-offset:var(--media-spacing);--media-caption-track-y:calc(var(--media-spacing) * -3);--media-caption-controls-y:calc(var(--media-spacing) * -16)}.media-skin[data-theme=pro][data-density=compact]{--fl-density-control:calc(var(--media-spacing) * 7);--fl-density-gap:calc(var(--media-spacing) * .5);--fl-density-pad:calc(var(--media-spacing) * 2)}}@layer base.preset;@layer base.preferences{@media (pointer:coarse){.media-skin[data-theme=pro],.media-skin[data-theme=pro][data-density=compact]{--fl-density-control:calc(var(--media-spacing) * 11);--fl-density-gap:var(--media-spacing);--fl-density-pad:calc(var(--media-spacing) * 3);--fl-control-size:max(44px, var(--fl-density-control));--fl-slider-hit:max(44px, calc(var(--media-spacing) * 11))}}@media (prefers-reduced-motion:reduce){.media-skin[data-theme=pro]{--fl-duration:0s;--fl-duration-fade:0s;--media-spinner-animation:none}}@media (forced-colors:active){.media-skin[data-theme=pro]{--fl-surface-0:Canvas;--fl-surface-1:Canvas;--fl-surface-2:Canvas;--fl-surface-3:Canvas;--fl-on:Highlight;--fl-range:Highlight;--fl-ink:Canvas;--fl-tick-minor:CanvasText;--fl-tick-mid:CanvasText;--fl-tick-major:CanvasText;--fl-buffer:GrayText;--fl-handle-idle:GrayText;--fl-ruler-label:CanvasText;--fl-divider:CanvasText;--fl-line:CanvasText;--fl-track:CanvasText;--fl-text:CanvasText;--fl-text-dim:CanvasText;--fl-text-dim-raised:CanvasText;--fl-accent:Highlight;--fl-accent-ink:HighlightText;--fl-scrim:Canvas}}}@keyframes pro-spin{to{transform:rotate(360deg)}}@property --media-slider-fill{syntax:"<percentage>";inherits:true;initial-value:0%}@property --media-slider-buffer{syntax:"<percentage>";inherits:true;initial-value:0%}