Edit vidstack.html

vidstack.html

@@ -9,12 +9,10 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
-    <!-- <link rel="stylesheet" href="https://cdn.vidstack.io/player/theme.css">
-    <link rel="stylesheet" href="https://cdn.vidstack.io/player/video.css"> -->
-    <link rel="stylesheet" href="./vidstackFile/theme.css">
-    <link rel="stylesheet" href="./vidstackFile/video.css">
-    <!-- <script src="https://cdn.vidstack.io/player" type="module"></script> -->
-    <script src="./vidstackFile/player.js" type="module"></script>
+    <link rel="stylesheet prefetch" href="https://daydreamer-json-me.static.hf.space/apple_fonts.css">
+    <link rel="stylesheet" href="https://cdn.vidstack.io/player/theme.css">
+    <link rel="stylesheet" href="https://cdn.vidstack.io/player/video.css">
+    <script src="https://cdn.vidstack.io/player" type="module"></script>
     <script src='https://unpkg.com/bignumber.js'></script>
     <script src='https://unpkg.com/cbor-web'></script>
     <style>
@@ -27,7 +25,7 @@
         background-color: #000000;
         width: 100vw;
         height: 100vh;
-        font-family: 'Inter', 'Noto Sans JP', sans-serif;
+        font-family: 'SF Pro Text', 'Inter', 'Noto Sans JP', sans-serif;
       }
       .wrapper {
         height: 100vh;
@@ -40,7 +38,7 @@
         left: 0;
         height: 100%;
         width: 100%;
-        font-family: 'Inter', 'Noto Sans JP', sans-serif;
+        font-family: 'SF Pro Text', 'Inter', 'Noto Sans JP', sans-serif;
         overflow: hidden;
       }
       .vds-video-layout {

vidstackFile/player.js

@@ -1 +0,0 @@
-import{G as T,N as c,J as n,E as p,F as x,D as C,C as S,U as l,T as u,K as R,V as g,Q as y,R as A,H as f,B as k,O as L}from"https://cdn.jsdelivr.net/npm/@vidstack/cdn@1.11.15/chunks/vidstack-CrVhuFR6.js";import"https://cdn.vidstack.io/icons";import{m as M,s as h}from"https://cdn.jsdelivr.net/npm/@vidstack/cdn@1.11.15/chunks/vidstack-CRXFFztu.js";import{T as K,g as Q,b}from"https://cdn.jsdelivr.net/npm/@vidstack/cdn@1.11.15/chunks/vidstack-iwRbdT6P.js";import{a as w,f as O,b as P,i as D,e as F,w as H,d as I}from"https://cdn.jsdelivr.net/npm/@vidstack/cdn@1.11.15/chunks/vidstack-DeJZ9WwY.js";import"https://cdn.jsdelivr.net/npm/@vidstack/cdn@1.11.15/chunks/vidstack-Vu9dPCWH.js";import"https://cdn.jsdelivr.net/npm/@vidstack/cdn@1.11.15/chunks/vidstack-ClIUVQwo.js";import"https://cdn.jsdelivr.net/npm/@vidstack/cdn@1.11.15/chunks/vidstack-dclo3F73.js";import"https://cdn.jsdelivr.net/npm/@vidstack/cdn@1.11.15/chunks/vidstack-BQcsnI49.js";import"https://cdn.jsdelivr.net/npm/@vidstack/cdn@1.11.15/chunks/vidstack-BkhPaOZP.js";import"https://cdn.jsdelivr.net/npm/@vidstack/cdn@1.11.15/chunks/vidstack-Bxv1Qnxe.js";export{T as ARIAKeyShortcuts,c as AudioTrackList,n as LibASSTextRenderer,p as LocalMediaStorage,x as MEDIA_KEY_SHORTCUTS,C as MediaControls,S as MediaRemoteControl,l as PlyrLayout,u as TextRenderers,w as TextTrack,R as TextTrackList,K as TimeRange,g as VideoQualityList,y as VidstackPlayer,A as VidstackPlayerLayout,O as findActiveCue,Q as getTimeRangesEnd,b as getTimeRangesStart,P as isCueActive,D as isTrackCaptionKind,f as isVideoQualitySrc,k as mediaContext,M as mediaState,F as parseJSONCaptionsFile,h as softResetMediaState,L as sortVideoQualities,H as watchActiveTextTrack,I as watchCueTextChange};

vidstackFile/theme.css

@@ -1,25 +0,0 @@
-/**
- * Minified by jsDelivr using clean-css v5.3.2.
- * Original file: /npm/@vidstack/cdn@1.11.13/styles/player/default/theme.css
- *
- * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
- */
-[data-media-player]{width:100%;display:inline-flex;align-items:center;position:relative;contain:style;box-sizing:border-box;user-select:none}[data-media-player] *{box-sizing:border-box}:where([data-media-player][data-view-type=video]){aspect-ratio:16/9}[data-media-player]:focus,[data-media-player]:focus-visible{outline:0}[data-media-player][data-view-type=video][data-started]:not([data-controls]){pointer-events:auto;cursor:none}[data-media-player] slot{display:contents}[data-media-provider]{display:flex;position:relative;box-sizing:border-box;align-items:center;border-radius:inherit;width:100%;aspect-ratio:inherit;overflow:hidden}[data-media-player]:not([data-view-type=audio]) [data-media-provider],[data-media-player][data-fullscreen] [data-media-provider]{height:100%}[data-media-player][data-view-type=audio] [data-media-provider]{display:contents;background-color:unset}[data-media-provider] audio{width:100%}:where(video:not([width]):not([height]),iframe:not([width]):not([height])){width:100%;aspect-ratio:16/9}:where([data-media-provider] iframe),:where([data-media-provider] video){aspect-ratio:inherit;display:inline-block;height:auto;object-fit:contain;touch-action:manipulation;border-radius:inherit;width:100%}[data-media-provider] iframe{height:100%}[data-media-player][data-view-type=audio] iframe,[data-media-player][data-view-type=audio] video{display:none}[data-media-player][data-fullscreen] video{height:100%}iframe.vds-youtube[data-no-controls]{height:1000%}.vds-blocker{position:absolute;inset:0;width:100%;height:auto;aspect-ratio:inherit;pointer-events:auto;border-radius:inherit;z-index:1}[data-ended] .vds-blocker{background-color:#000}.vds-icon:focus{outline:0}.vds-google-cast{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#dedede;font-family:sans-serif;font-weight:500}.vds-google-cast svg{--size:max(18%, 40px);width:var(--size);height:var(--size);margin-bottom:8px}.vds-google-cast-info{font-size:calc(var(--media-height) / 100 * 6)}:where(.vds-buffering-indicator){position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}:where(.vds-buffering-indicator) :where(.vds-buffering-icon,.vds-buffering-spinner){opacity:0;pointer-events:none;transition:var(--media-buffering-transition, opacity 200ms ease)}:where(.vds-buffering-indicator) :where(.vds-buffering-icon,svg.vds-buffering-spinner,.vds-buffering-spinner svg){width:var(--media-buffering-size,96px);height:var(--media-buffering-size,96px)}:where(.vds-buffering-indicator) :where(.vds-buffering-track,circle[data-part=track]){color:var(--media-buffering-track-color,#f5f5f5);opacity:var(--media-buffering-track-opacity, .25);stroke-width:var(--media-buffering-track-width,8)}:where(.vds-buffering-indicator) :where(.vds-buffering-track-fill,circle[data-part=track-fill]){color:var(--media-buffering-track-fill-color,var(--media-brand));opacity:var(--media-buffering-track-fill-opacity, .75);stroke-width:var(--media-buffering-track-fill-width,9);stroke-dasharray:100;stroke-dashoffset:var(--media-buffering-track-fill-offset,50)}:where([data-buffering]) :where(.vds-buffering-icon,.vds-buffering-spinner){opacity:1;animation:var(--media-buffering-animation,vds-buffering-spin 1s linear infinite)}@keyframes vds-buffering-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion){:where([data-buffering]) :where(.vds-buffering-icon,.vds-buffering-spinner){animation-duration:8s}}:where(.vds-button){-webkit-tap-highlight-color:transparent;position:relative;display:inline-flex;justify-content:center;align-items:center;user-select:none;appearance:none;background:0 0;outline:0;border:none;padding:var(--media-button-padding,0);border-radius:var(--media-button-border-radius,8px);color:var(--media-button-color,var(--media-controls-color,#f5f5f5));width:var(--media-button-size,40px);height:var(--media-button-size,40px);transition:transform .2s ease-out;contain:layout style;cursor:pointer;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0}.vds-button{border:var(--media-button-border)}:where([data-fullscreen] .vds-button){width:var(--media-fullscreen-button-size,42px);height:var(--media-fullscreen-button-size,42px)}@media screen and (max-width:599px){:where([data-fullscreen] .vds-button){width:var(--media-sm-fullscreen-button-size,42px);height:var(--media-sm-fullscreen-button-size,42px)}}:where(.vds-button .vds-icon){width:var(--media-button-icon-size,80%);height:var(--media-button-icon-size,80%);border-radius:var(--media-button-border-radius,8px)}:where(.vds-menu-button .vds-icon){display:flex!important}:where(.vds-button[aria-hidden=true]){display:none!important}@media (hover:hover) and (pointer:fine){.vds-button:hover{background-color:var(--media-button-hover-bg,rgb(255 255 255 / .2))}.vds-button:hover{transform:var(--media-button-hover-transform,scale(1.05));transition:var(--media-button-hover-transition, transform .2s ease-in)}.vds-button[aria-expanded=true]{transform:unset}}@media (pointer:coarse){.vds-button:hover{border-radius:var(--media-button-touch-hover-border-radius,100%);background-color:var(--media-button-touch-hover-bg,rgb(255 255 255 / .2))}}:where(.vds-button:focus){outline:0}:where(.vds-button[data-focus],.vds-button:focus-visible){box-shadow:var(--media-focus-ring)}:where(.vds-live-button){min-width:auto;min-height:auto;width:var(--media-live-button-width,40px);height:var(--media-live-button-height,40px);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;appearance:none;background:0 0;outline:0;border:none}:where(.vds-live-button-text){background-color:var(--media-live-button-bg,#8a8a8a);border-radius:var(--media-live-button-border-radius,2px);color:var(--media-live-button-color,#161616);font-family:var(--media-font-family, sans-serif);font-size:var(--media-live-button-font-size, 12px);font-weight:var(--media-live-button-font-weight,600);letter-spacing:var(--media-live-button-letter-spacing, 1.5px);padding:var(--media-live-button-padding,1px 4px);transition:color .3s ease}:where(.vds-live-button[data-focus] .vds-live-button-text){box-shadow:var(--media-focus-ring)}:where(.vds-live-button[data-edge]){cursor:unset}:where(.vds-live-button[data-edge] .vds-live-button-text){background-color:var(--media-live-button-edge-bg,#dc2626);color:var(--media-live-button-edge-color,#f5f5f5)}@media (pointer:fine){:where(.vds-live-button:hover){background-color:unset}}.vds-button:not([data-active]) .vds-cc-on-icon,.vds-button:not([data-active]) .vds-fs-exit-icon,.vds-button:not([data-active]) .vds-pip-exit-icon,.vds-button:not([data-ended]) .vds-replay-icon,.vds-button:not([data-muted]) .vds-mute-icon,.vds-button:not([data-paused]) .vds-play-icon,.vds-button:not([data-state=high]) .vds-volume-high-icon,.vds-button:not([data-state=low]) .vds-volume-low-icon,.vds-button[data-active] .vds-cc-off-icon,.vds-button[data-active] .vds-fs-enter-icon,.vds-button[data-active] .vds-pip-enter-icon,.vds-button[data-ended] .vds-pause-icon,.vds-button[data-ended] .vds-play-icon,.vds-button[data-paused] .vds-pause-icon{display:none}:where(.vds-captions){--overlay-padding:var(--media-captions-padding, 1%);--cue-color:var(--media-user-text-color, var(--media-cue-color, white));--cue-bg-color:var(--media-user-text-bg, var(--media-cue-bg, rgba(0, 0, 0, 0.7)));--cue-default-font-size:var(--media-cue-font-size, calc(var(--overlay-height) / 100 * 4.5));--cue-font-size:calc(var(--cue-default-font-size) * var(--media-user-font-size, 1));--cue-line-height:var(--media-cue-line-height, calc(var(--cue-font-size) * 1.2));--cue-padding-x:var(--media-cue-padding-x, calc(var(--cue-font-size) * 0.6));--cue-padding-y:var(--media-cue-padding-x, calc(var(--cue-font-size) * 0.4));--cue-padding:var(--cue-padding-y) var(--cue-padding-x);position:absolute;inset:0;z-index:1;contain:layout style;margin:var(--overlay-padding);font-size:var(--cue-font-size);font-family:var(--media-user-font-family, sans-serif);box-sizing:border-box;pointer-events:none;user-select:none;word-spacing:normal;word-break:break-word}:where([data-fullscreen][data-orientation=portrait] .vds-captions){--cue-default-font-size:var(--media-cue-font-size, calc(var(--overlay-width) / 100 * 4.5))}:where([data-view-type=audio] .vds-captions){position:relative;margin:0}:where(.vds-captions[aria-hidden=true]){opacity:0;visibility:hidden}.vds-captions[data-example]{opacity:1!important;visibility:visible!important}:where([data-view-type=video] .vds-captions [data-part=cue-display][data-example]){--cue-text-align:center;--cue-width:100%;--cue-top:90%;--cue-left:0%}:where([data-view-type=audio] .vds-captions [data-part=cue-display]){--cue-width:100%;position:relative!important}:where(.vds-captions [data-part=cue-display]){position:absolute;direction:ltr;overflow:visible;contain:content;top:var(--cue-top);left:var(--cue-left);right:var(--cue-right);bottom:var(--cue-bottom);width:var(--cue-width,auto);height:var(--cue-height,auto);box-sizing:border-box;transform:var(--cue-transform);text-align:var(--cue-text-align);writing-mode:var(--cue-writing-mode,unset);white-space:pre-line;unicode-bidi:plaintext;min-width:min-content;min-height:min-content;padding:var(--media-cue-display-padding);background-color:var(--media-user-display-bg,var(--media-cue-display-bg));border-radius:var(--media-cue-display-border-radius)}:where(.vds-captions[data-dir=rtl] [data-part=cue-display]){direction:rtl}:where(.vds-captions [data-part=cue]){display:inline-block;contain:content;font-variant:var(--media-user-font-variant);border:var(--media-cue-border,unset);border-radius:var(--media-cue-border-radius,2px);backdrop-filter:var(--media-cue-backdrop,blur(8px));padding:var(--cue-padding);line-height:var(--cue-line-height);background-color:var(--cue-bg-color);box-sizing:border-box;color:var(--cue-color);box-shadow:var(--media-cue-box-shadow,var(--cue-box-shadow));white-space:var(--cue-white-space,pre-wrap);outline:var(--cue-outline);text-shadow:var(--media-user-text-shadow,var(--cue-text-shadow))}:where(.vds-captions [data-part=cue-display][data-vertical] [data-part=cue]){--cue-padding:var(--cue-padding-x) var(--cue-padding-y)}:where(.vds-captions [data-part=region]){--anchor-x-percent:calc(var(--region-anchor-x) / 100);--anchor-x:calc(var(--region-width) * var(--anchor-x-percent));--anchor-y-percent:calc(var(--region-anchor-y) / 100);--anchor-y:calc(var(--region-height) * var(--anchor-y-percent));--vp-anchor-x:calc(var(--region-viewport-anchor-x) * 1%);--vp-anchor-y-percent:calc(var(--region-viewport-anchor-y) / 100);--vp-anchor-y:calc(var(--overlay-height) * var(--vp-anchor-y-percent));position:absolute;display:inline-flex;flex-flow:column;justify-content:flex-start;width:var(--region-width);height:var(--region-height);min-height:0;max-height:var(--region-height);writing-mode:horizontal-tb;top:var(--region-top,calc(var(--vp-anchor-y) - var(--anchor-y)));left:var(--region-left,calc(var(--vp-anchor-x) - var(--anchor-x)));right:var(--region-right);bottom:var(--region-bottom);overflow:hidden;overflow-wrap:break-word;box-sizing:border-box}:where(.vds-captions [data-part=region][data-scroll=up]){justify-content:end}:where(.vds-captions [data-part=region][data-active][data-scroll=up]){transition:top 433ms}:where(.vds-captions [data-part=region] > [data-part=cue-display]){position:relative;width:auto;left:var(--cue-offset);height:var(--cue-height,auto);text-align:var(--cue-text-align);unicode-bidi:plaintext;margin-top:2px}:where(.vds-captions [data-part=region] [data-part=cue]){position:relative;border-radius:0}:where(.vds-chapter-title){--color:var(--media-chapter-title-color, rgba(255 255 255 / 0.64));display:inline-block;font-family:var(--media-font-family, sans-serif);font-size:var(--media-chapter-title-font-size, 16px);font-weight:var(--media-chapter-title-font-weight,400);color:var(--color);flex:1 1 0%;padding-inline:6px;overflow:hidden;text-align:start;white-space:nowrap;text-overflow:ellipsis}.vds-chapter-title::before{content:var(--media-chapter-title-separator, '\2022');display:inline-block;margin-right:var(--media-chapter-title-separator-gap,6px);color:var(--media-chapter-title-separator-color,var(--color))}.vds-chapter-title:empty::before{content:'';margin:0}:where(.vds-controls),:where(.vds-controls-group){position:relative;display:inline-block;width:100%;box-sizing:border-box}:where([data-view-type=audio] .vds-controls){display:inline-block;max-width:100%}:where([data-view-type=video] .vds-controls){display:flex;position:absolute;flex-direction:column;inset:0;width:100%;height:100%;z-index:10;opacity:0;visibility:hidden;pointer-events:none;padding:var(--media-controls-padding,0);transition:var(--media-controls-out-transition, opacity .2s ease-out)}:where([data-view-type=video] .vds-controls[data-visible]){opacity:1;visibility:visible;transition:var(--media-controls-in-transition, opacity .2s ease-in)}:where(.vds-controls-spacer){flex:1 1 0%;pointer-events:none}:where(.vds-gestures){display:contents}:where(.vds-gesture){position:absolute;display:block;contain:content;z-index:0;opacity:0;visibility:hidden;pointer-events:none!important}:where(.vds-icon svg){display:block;width:100%;height:100%;vertical-align:middle}:where(.vds-kb-action.hidden){opacity:0}:where(.vds-kb-text-wrapper){text-align:center;position:absolute;left:0;right:0;top:var(--media-kb-text-top,10%);z-index:20;pointer-events:none}:where(.vds-kb-text){display:inline-block;padding:var(--media-kb-text-padding,10px 20px);font-size:var(--media-kb-text-size, 150%);font-family:var(--media-font-family, sans-serif);backdrop-filter:blur(2px);border-radius:var(--media-kb-border-radius,2.5px);pointer-events:none}.vds-kb-text{color:var(--media-kb-text-color,var(--default-color));background-color:var(--media-kb-text-bg,var(--default-bg))}.light .vds-kb-text{--default-color:#1a1a1a;--default-bg:rgb(240 240 240 / 0.6)}.dark .vds-kb-text{--default-color:#f5f5f5;--default-bg:rgb(10 10 10 / 0.6)}:where(.vds-kb-text:empty){display:none}:where(.vds-kb-bezel){--size:var(--media-kb-bezel-size, 52px);position:absolute;left:50%;top:45%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--size);height:var(--size);margin-left:calc(-1 * calc(var(--size)/ 2));margin-right:calc(-1 * calc(var(--size)/ 2));z-index:20;backdrop-filter:blur(2px);background-color:var(--media-kb-bezel-bg,var(--default-bg));animation:var(--media-kb-bezel-animation,vds-bezel-fade .35s linear 1 normal forwards);border-radius:var(--media-kb-bezel-border-radius,calc(var(--size)/ 2));pointer-events:none}.light .vds-kb-bezel{--default-bg:rgb(255 255 255 / 0.6)}.dark .vds-kb-bezel{--default-bg:rgb(10 10 10 / 0.6)}@media (prefers-reduced-motion){:where(.vds-kb-bezel){animation:none}}:where(.vds-kb-bezel:has(slot:empty)){opacity:0}:where(.vds-kb-action[data-action=seek-forward] .vds-kb-bezel){top:45%;left:unset;right:10%}:where(.vds-kb-action[data-action=seek-backward] .vds-kb-bezel){top:45%;left:10%}:where(.vds-kb-icon){--size:var(--media-kb-icon-size, 38px);width:var(--size);height:var(--size)}.vds-kb-icon{color:var(--media-kb-icon-color,var(--default-color))}.light .vds-kb-icon{--default-color:#1a1a1a}.dark .vds-kb-icon{--default-color:#f5f5f5}@keyframes vds-bezel-fade{0%{opacity:1}100%{opacity:0;transform:scale(2)}}:where(.vds-menu-items){--color-inverse:var(--media-menu-color-inverse, var(--default-inverse));--color-gray-50:var(--media-menu-color-gray-50, var(--default-gray-50));--color-gray-100:var(--media-menu-color-gray-100, var(--default-gray-100));--color-gray-200:var(--media-menu-color-gray-200, var(--default-gray-200));--color-gray-300:var(--media-menu-color-gray-300, var(--default-gray-300));--color-gray-400:var(--media-menu-color-gray-400, var(--default-gray-400));--text-color:var(--media-menu-text-color, var(--default-text));--text-secondary-color:var(--media-menu-text-secondary-color, var(--default-text-secondary));--root-border:var(--media-menu-border, var(--default-root-border))}.light .vds-menu-items{--default-inverse:black;--default-gray-50:rgb(80 80 80 / 0.15);--default-gray-100:rgb(80 80 80 / 0.45);--default-gray-200:rgb(235 235 235 / 0.6);--default-gray-300:rgb(238 238 238);--default-gray-400:rgb(250 250 250);--default-text:#1a1a1a;--default-text-secondary:#6b6b6b;--default-root-border:1px solid rgb(10 10 10 / 0.1)}.dark .vds-menu-items{--default-inverse:white;--default-gray-50:rgb(245 245 245 / 0.1);--default-gray-100:rgb(245 245 245 / 0.45);--default-gray-200:rgb(10 10 10 / 0.6);--default-gray-300:rgb(27 27 27);--default-gray-400:rgb(10 10 10);--default-text:#f5f5f5;--default-text-secondary:#8a8a8a;--default-root-border:1px solid rgb(255 255 255 / 0.1)}:where(.vds-menu-items){--font-family:var(--media-font-family, sans-serif);--font-size:var(--media-menu-font-size, 14px);--font-weight:var(--media-menu-font-weight, 500);--root-bg:var(--media-menu-bg, var(--color-gray-400));--root-padding:var(--media-menu-padding, 12px);--root-border-radius:var(--media-menu-border-radius, 4px);--divider:var(--media-menu-divider, 1px solid var(--color-gray-50));--section-bg:var(--media-menu-section-bg, var(--color-gray-300));--section-border:var(--media-menu-section-border);--section-divider:var(--media-menu-section-divider, var(--divider));--top-bar-bg:var(--media-menu-top-bar-bg, var(--color-gray-200));--top-bar-divider:var(--media-menu-divider, transparent);--text-hint-color:var(--media-menu-hint-color, var(--text-secondary-color));--chapter-divider:var(--media-chapters-divider, var(--divider));--chapter-active-bg:var(--media-chapters-item-active-bg, var(--color-gray-50));--chapter-active-border-left:var(--media-chapters-item-active-border-left);--chapter-progress-bg:var(--media-chapters-progress-bg, var(--color-inverse));--chapter-time-font-size:var(--media-chapters-time-font-size, 12px);--chapter-time-font-weight:var(--media-chapters-time-font-weight, 500);--chapter-time-gap:var(--media-chapters-time-gap, 6px);--chapter-duration-bg:var(--media-chapters-duration-bg);--item-border:var(--media-menu-item-border, 0);--item-bg:var(--media-menu-item-bg, transparent);--item-hover-bg:var(--media-menu-item-hover-bg, var(--color-gray-50));--item-icon-size:var(--media-menu-item-icon-size, 18px);--item-padding:var(--media-menu-item-padding, 10px);--item-min-height:var(--media-menu-item-height, 40px);--item-border-radius:var(--media-menu-item-border-radius, 2px);--scrollbar-track-bg:var(--media-menu-scrollbar-track-bg, transparent);--scrollbar-thumb-bg:var(--media-menu-scrollbar-thumb-bg, var(--color-gray-50));--webkit-scrollbar-bg:var(--color-gray-400);--webkit-scrollbar-track-bg:var(--media-menu-scrollbar-track-bg, var(--color-gray-50));--checkbox-bg:var(--media-menu-checkbox-bg, var(--color-gray-100));--checkbox-active-bg:var(--media-menu-checkbox-bg-active, #1ba13f);--checkbox-handle-bg:var(--media-menu-checkbox-handle-bg, #f5f5f5);--checkbox-handle-border:var(--media-menu-checkbox-handle-border);--radio-icon-color:var(--media-menu-radio-icon-color, var(--text-color))}:where(.vds-menu[data-root] media-menu[data-root]){display:contents}:where(.vds-menu){font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight)}:where(.vds-menu[data-disabled][data-root]){display:none}:where(.vds-menu[data-submenu]){display:inline-block}:where(.vds-menu-items:focus){outline:0}:where(.vds-menu-item:focus,.vds-radio:focus){outline:0}:where(
-.vds-menu-item:focus-visible,.vds-menu-item[data-focus],.vds-radio:focus-visible,.vds-radio[data-focus]
-){outline:0;box-shadow:var(--media-focus-ring)}:where(.vds-menu[data-open] .vds-tooltip-content){display:none!important}.vds-menu-items [data-hidden]{display:none!important}@media (prefers-reduced-motion:no-preference){:where(.vds-menu-items){scroll-behavior:smooth}}:where(.vds-menu-items){box-sizing:border-box;min-width:var(--media-menu-min-width,280px);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);transform:translate3d(0,0,0)}:where(.vds-menu-items)::-webkit-scrollbar{background-color:var(--webkit-scrollbar-bg);border-radius:var(--root-border-radius);height:6px;width:5px}:where(.vds-menu-items)::-webkit-scrollbar-track{background-color:var(--webkit-scrollbar-track-bg);border-radius:4px}:where(.vds-menu-items)::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-bg);border-radius:4px}:where(.vds-menu-items)::-webkit-scrollbar-corner{background-color:var(--scrollbar-thumb-bg)}:where(.vds-menu-button){outline:0;box-sizing:border-box}:where(.vds-menu-button .vds-rotate-icon){transition:transform .2s ease-out}:where(.vds-menu-button[aria-expanded=true] .vds-rotate-icon){transform:rotate(var(--media-menu-icon-rotate-deg,90deg));transition:transform .2s ease-in}:where(.vds-menu-button){display:inline-flex;align-items:center;justify-content:center}@media (prefers-reduced-motion){:where(.vds-menu-button .vds-rotate-icon){transition:unset}}:where(.vds-menu-items){display:flex;align-items:center;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);transition:height .35s ease}@media (prefers-reduced-motion){:where(.vds-menu-items){transition:unset}}:where(.vds-menu-items[data-root]){padding:var(--root-padding);background-color:var(--root-bg);border-radius:var(--root-border-radius);box-shadow:var(--media-menu-box-shadow);backdrop-filter:blur(4px);height:var(--menu-height,auto);will-change:width,height;overflow-y:auto;overscroll-behavior:contain;opacity:0;z-index:9999999;box-sizing:border-box;max-height:var(--media-menu-max-height,250px);filter:var(
-    --media-menu-filter,
-    drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))
-  )}.vds-menu-items[data-root]{border:var(--root-border)}:where([data-view-type=video]) :where(.vds-menu-items[data-root]){max-height:var(--media-menu-video-max-height,calc(var(--player-height) * .7))}:where(.vds-menu-items[data-transition=height]){--scrollbar-thumb-bg:rgba(0, 0, 0, 0);pointer-events:none;overflow:hidden}.vds-menu-button[aria-disabled=true],.vds-menu-item[aria-disabled=true],.vds-menu-item[data-disabled]{display:none}:where(.vds-menu-items[data-root]){--enter-transform:translateY(0px);--exit-transform:translateY(12px)}:where(.vds-menu-items[data-root]:not([data-placement])){--enter-transform:translateY(-24px)}:where(.vds-menu-items[data-root][aria-hidden=true]){animation:var(--media-menu-exit-animation,vds-menu-exit .2s ease-out)}:where(.vds-menu-items[data-root][aria-hidden=false]){animation:var(--media-menu-enter-animation,vds-menu-enter .3s ease-out);animation-fill-mode:forwards}:where(.vds-menu-items[data-placement~=bottom]){--enter-transform:translateY(0);--exit-transform:translateY(-12px)}@keyframes vds-menu-enter{from{opacity:0;transform:var(--exit-transform)}to{opacity:1;transform:var(--enter-transform)}}@keyframes vds-menu-exit{from{opacity:1;transform:var(--enter-transform)}to{opacity:0;transform:var(--exit-transform)}}@media (prefers-reduced-motion){:where(.vds-menu-items){animation:none;opacity:1}}:where(media-menu-portal){display:contents}:where(.vds-menu-items[data-root]:not([data-placement])){position:fixed;left:16px;right:16px;top:unset;bottom:0;max-height:var(--media-sm-menu-portrait-max-height,40vh);max-height:var(--media-sm-menu-portrait-max-height,40dvh)}:where(.vds-menu-items[data-root]:not([data-placement])){max-width:480px;margin:0 auto}@media (orientation:landscape) and (pointer:coarse){:where(.vds-menu-items[data-root]:not([data-placement])){max-height:var(--media-sm-menu-landscape-max-height,min(70vh,400px));max-height:var(--media-sm-menu-landscape-max-height,min(70dvh,400px))}}:where(.vds-menu[data-submenu] .vds-menu-button){display:flex;align-items:center;justify-content:flex-start}:where(.vds-menu-items[data-submenu]){width:100%}:where(.vds-menu-items[data-submenu][aria-hidden=true]),:where(.vds-menu[aria-hidden=true]){display:none}:where(.vds-menu-item,.vds-radio){position:relative;-webkit-tap-highlight-color:transparent;user-select:none;display:flex;align-items:center;justify-content:left;width:100%;appearance:none;border:0;border-radius:var(--item-border-radius);box-sizing:border-box;min-height:var(--item-min-height);padding:var(--item-padding);font-size:var(--font-size);outline:0}.vds-menu-item,.vds-radio{color:var(--text-color);background-color:var(--item-bg)}.vds-menu-item:focus-visible,.vds-menu-item[data-focus],.vds-radio:focus-visible,.vds-radio[data-focus]{cursor:pointer;background-color:var(--item-hover-bg)}@media (hover:hover) and (pointer:fine){.vds-menu-item[role]:hover,.vds-radio:hover{cursor:pointer;background-color:var(--item-hover-bg)}}:where(.vds-menu-items[data-submenu]){align-items:flex-start;justify-content:center;flex-direction:column}:where(.vds-menu-item[aria-expanded=true]){font-weight:700;border-radius:0;border-top-left-radius:var(--item-border-radius);border-top-right-radius:var(--item-border-radius)}.vds-menu-item[aria-expanded=true]{border-bottom:var(--top-bar-divider)}:where(.vds-menu-item[aria-expanded=true]){position:sticky;top:calc(-1 * var(--root-padding));left:0;width:100%;z-index:10;backdrop-filter:blur(4px);margin-bottom:4px}.vds-menu-item[aria-expanded=true]{background-color:var(--top-bar-bg)}:where(.vds-menu-item-label){flex:1 0 0%;text-align:start}:where(.vds-menu-item .vds-icon,.vds-radio .vds-icon){--size:var(--item-icon-size);width:var(--size);height:var(--size);margin-right:var(--media-menu-item-icon-spacing,6px)}:where(.vds-menu-open-icon,.vds-menu-close-icon){--size:var(--media-menu-arrow-icon-size, 18px);width:var(--size);height:var(--size)}:where(.vds-menu-item-hint,.vds-menu-open-icon,.vds-radio-hint){color:var(--text-hint-color);font-size:var(--media-menu-hint-font-size, 13px);font-weight:var(--media-menu-hint-font-weight,400)}:where(.vds-menu-items .vds-menu-open-icon){margin-right:0}:where(.vds-menu-items) :where(.vds-menu-item-hint,.vds-menu-open-icon){margin-left:auto}:where(.vds-menu-item-hint + media-icon .vds-menu-open-icon),:where(.vds-menu-item-hint + slot > .vds-menu-open-icon),:where(.vds-menu-items) :where(.vds-menu-item-hint + .vds-menu-open-icon){margin-left:2px}:where(.vds-menu-item[aria-expanded=true] .vds-menu-open-icon),:where(.vds-menu-item[aria-hidden=true]){display:none!important}:where(.vds-menu-items) :where(.vds-menu-item[aria-disabled=true],.vds-menu-item[data-disabled]) :where(.vds-menu-open-icon){opacity:0}:where(.vds-menu-close-icon),:where(.vds-menu-item[aria-expanded=true] > .vds-icon){display:none!important}:where(.vds-menu-item[aria-expanded=true] .vds-menu-close-icon){display:inline!important;margin-left:calc(-1 * var(--item-padding)/ 2)}:where(.vds-menu-checkbox){--checkbox-width:var(--media-menu-checkbox-width, 40px);--checkbox-height:var(--media-menu-checkbox-height, 18px);--checkbox-top:calc((var(--checkbox-height) - var(--checkbox-diameter)) / 2);--checkbox-diameter:var(
-    --media-menu-checkbox-handle-diameter,
-    calc(var(--checkbox-height) - 2px)
-  );--checkbox-gap:var(--media-menu-checkbox-gap, 2.5px);position:relative;display:inline-block;width:var(--checkbox-width);height:var(--checkbox-height);background-color:var(--checkbox-bg);border-radius:calc(var(--checkbox-height)/ 2);transition:.3s all ease-in-out;box-sizing:border-box;cursor:pointer;pointer-events:auto}:where(.vds-menu-checkbox:focus-visible){outline:0;box-shadow:var(--media-focus-ring)}:where(.vds-menu-checkbox[aria-checked=true]){background-color:var(--checkbox-active-bg)}:where(.vds-menu-checkbox)::after{content:'';display:inline-block;width:var(--checkbox-diameter);height:var(--checkbox-diameter);background-color:var(--checkbox-handle-bg);border-radius:calc(var(--checkbox-diameter)/ 2);position:absolute;top:var(--checkbox-top);transform:translateX(var(--checkbox-gap));transition:.3s all ease-in-out;border:var(--checkbox-handle-border);box-sizing:border-box}:where(.vds-menu-checkbox[aria-checked=true])::after{transform:translateX(calc(var(--checkbox-width) - var(--checkbox-diameter) - var(--checkbox-gap)))}@media (prefers-reduced-motion:no-preference){:where(.vds-menu-checkbox[data-active])::after{width:calc(var(--checkbox-width) - calc(var(--checkbox-gap) * 2))}}:where(.vds-menu-checkbox[aria-checked=true][data-active])::after{transform:translateX(var(--checkbox-gap))}:where(.vds-menu-items .vds-slider){--media-slider-track-bg:var(--media-menu-slider-track-bg, var(--color-gray-50));--media-slider-track-fill-bg:var(--media-menu-slider-track-fill-bg, var(--color-inverse));--media-slider-height:var(--media-menu-slider-height, 32px);--track-focus-height:var(--track-height)!important}:where(.vds-menu-items .vds-slider-thumb){opacity:1!important}:where(.vds-menu-slider-item.group){flex-direction:column}:where(.vds-menu-slider-title){margin-top:4px}:where(.vds-menu-slider-body){width:100%;display:flex;align-items:center;margin-top:6px}:where(.vds-menu-slider-item .vds-icon){margin:0;color:var(--text-hint-color)}:where(
-.vds-menu-slider-item[data-min] .vds-icon.down,.vds-menu-slider-item[data-max] .vds-icon.up
-){color:var(--text-color);animation:.6s ease-in-out vds-slider-icon;transition:all 1.2s ease}@keyframes vds-slider-icon{0%{transform:scale(1)}50%{transform:scale(1.25)}100%{transform:scale(1)}}:where(.vds-menu-items .vds-slider-track-fill){transition:opacity .3s ease}:where(.vds-menu-items .vds-slider[data-active] .vds-slider-track-fill){opacity:0}:where(.vds-radio-group){box-sizing:border-box;width:100%;display:flex;flex-direction:column}:where(.vds-radio){cursor:pointer;contain:content;padding-left:calc(var(--item-icon-size) + var(--item-padding))}:where(.vds-radio[aria-checked=true]){padding-left:0}.vds-radio .vds-icon{display:none;color:var(--radio-icon-color)}.vds-radio[aria-checked=true] .vds-icon{display:inline-block;margin-left:6px}:where(.vds-radio-hint){margin-left:auto}.vds-color-picker{width:32px;height:32px;border:0;background-color:transparent;outline:0}.vds-color-picker::-webkit-color-swatch{border-radius:2px}.vds-color-picker::-moz-color-swatch{border-radius:2px}.vds-color-picker:focus-visible::-webkit-color-swatch{box-shadow:var(--media-focus-ring)}.vds-color-picker:focus-visible::-moz-color-swatch{box-shadow:var(--media-focus-ring)}:where(.vds-menu-section){width:100%}:where(.vds-menu-item + .vds-menu-section){margin-top:8px}:where(.vds-menu-section + .vds-menu-section){margin-top:24px}:where(.vds-menu-section:first-child){margin-top:8px}:where(.vds-menu-section:last-child){margin-bottom:8px}:where(.vds-menu-section-title),:where(.vds-menu-slider-title){width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary-color);font-size:var(--media-menu-section-header-font-size, 12px);font-weight:var(--media-menu-section-header-font-weight,500);padding-inline:2px}:where(.vds-menu-section-body){width:100%}:where(.vds-menu-section-title + .vds-menu-section-body){margin-top:var(--media-menu-section-gap,8px)}.vds-menu-section-body{background-color:var(--section-bg);border:var(--section-border);border-radius:var(--media-menu-section-border-radius,2px)}:where(.vds-menu-section:not([data-open]) .vds-menu-item:not(:last-child)){border-bottom:var(--section-divider)}:where(.vds-menu-section-body .vds-menu:last-child > .vds-menu-item){border-bottom:unset}.vds-menu-section[data-open],.vds-menu-section[data-open]>.vds-menu-section-body{display:contents!important;background-color:transparent!important}.vds-menu-section[data-open]>.vds-menu-section-body>:not([data-open]),.vds-menu-section[data-open]>.vds-menu-section-title{display:none}:where(.vds-chapters-menu-items){padding:var(--media-chapters-padding,0);min-width:var(--media-chapters-min-width,var(--media-menu-min-width,220px))}:where(.vds-menu-items:has(.vds-chapters-radio-group[data-thumbnails])){min-width:var(--media-chapters-with-thumbnails-min-width,300px)}:where(.vds-chapter-radio){border-radius:0;padding:var(--item-padding)}.vds-chapters-radio{border-bottom:var(--chapter-divider)}:where(.vds-chapter-radio:last-child){border-bottom:0}:where(.vds-chapter-radio[aria-checked=true]){background-color:var(--chapter-active-bg);border-left:var(--chapter-active-border-left)}:where(.vds-chapter-radio[aria-checked=true]):after{content:' ';width:var(--progress);height:var(--media-chapters-progress-height,4px);position:absolute;bottom:0;left:0;border-radius:var(--media-chapters-progress-border-radius,0);background-color:var(--chapter-progress-bg)}.vds-chapters-radio-group :where(.vds-thumbnail){margin-right:var(--media-chapters-thumbnail-gap,12px);flex-shrink:0;min-width:var(--media-chapters-thumbnail-min-width,100px);min-height:var(--media-chapters-thumbnail-min-height,56px);max-width:var(--media-chapters-thumbnail-max-width,120px);max-height:var(--media-chapters-thumbnail-max-height,68px)}.vds-chapters-radio-group .vds-thumbnail{border:var(--media-chapters-thumbnail-border,0)}:where(.vds-chapters-radio-group .vds-chapter-radio-label){color:var(--text-secondary-color);font-size:var(--font-size);font-weight:var(--font-weight);white-space:nowrap}:where(.vds-chapter-radio[aria-checked=true] .vds-chapter-radio-label){color:var(--text-color)}:where(.vds-chapters-radio-group .vds-chapter-radio-start-time){display:inline-block;padding:var(--media-chapters-start-time-padding,1px 4px);letter-spacing:var(--media-chapters-start-time-letter-spacing, .4px);border-radius:var(--media-chapters-start-time-border-radius,2px);color:var(--text-secondary-color);font-size:var(--chapter-time-font-size);font-weight:var(--chapter-time-font-weight);background-color:var(--section-bg);margin-top:var(--chapter-time-gap)}:where(.vds-chapters-radio-group .vds-chapter-radio-duration){color:var(--text-hint-color);background-color:var(--chapter-duration-bg);font-size:var(--chapter-time-font-size);font-weight:var(--chapter-time-font-weight);border-radius:var(--media-chapters-duration-border-radius,2px);margin-top:var(--chapter-time-gap)}.vds-chapters-radio-group:not([data-thumbnails]) :where(.vds-thumbnail,media-thumbnail){display:none}:where(.vds-chapter-radio-content){display:flex;align-items:flex-start;flex-direction:column}:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-content){width:100%;flex-direction:row;display:flex;flex-wrap:wrap;align-items:center}:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-start-time){margin-top:0;margin-left:auto}:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-duration){margin-top:4px;flex-basis:100%}:where(.vds-menu-items[data-keyboard]) .vds-chapters-radio-group:focus-within{padding:var(--media-chapters-focus-padding,4px)}:where(.vds-poster){display:block;contain:content;position:absolute;top:50%;transform:translateY(-50%);left:0;opacity:0;width:100%;height:100%;z-index:1;border:0;pointer-events:none;box-sizing:border-box;transition:opacity .2s ease-out;background-color:var(--media-poster-bg,#000)}:where(.vds-poster img){object-fit:inherit;object-position:inherit;pointer-events:none;user-select:none;-webkit-user-select:none;box-sizing:border-box}.vds-poster :where(img){border:0;width:100%;height:100%;object-fit:contain}:where(.vds-poster[data-hidden]){display:none}:where(.vds-poster[data-visible]){opacity:1}:where(.vds-slider){--width:var(--media-slider-width, 100%);--height:var(--media-slider-height, 48px);--thumb-size:var(--media-slider-thumb-size, 15px);--thumb-focus-size:var(--media-slider-focused-thumb-size, calc(var(--thumb-size) * 1.1));--track-width:var(--media-slider-track-width, 100%);--track-height:var(--media-slider-track-height, 5px);--track-focus-width:var(--media-slider-focused-track-width, var(--track-width));--track-focus-height:var(--media-slider-focused-track-height, calc(var(--track-height) * 1.25));display:inline-flex;align-items:center;width:var(--width);height:var(--height);margin:0 calc(var(--thumb-size)/ 2);position:relative;contain:layout style;outline:0;pointer-events:auto;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:where(.vds-slider[aria-hidden=true]){display:none!important}:where(.vds-slider[aria-disabled=true]){cursor:unset}:where(.vds-slider:focus){outline:0}:where(.vds-slider:not([data-chapters])[data-focus],.vds-slider:not([data-chapters]):focus-visible) :where(.vds-slider-track){box-shadow:var(--media-focus-ring)}:where(.vds-slider .vds-slider-track){z-index:0;position:absolute;width:var(--track-width);height:var(--track-height);top:50%;left:0;border-radius:var(--media-slider-track-border-radius,2px);transform:translateY(-50%) translateZ(0);background-color:var(--media-slider-track-bg,rgb(255 255 255 / .3));contain:strict}:where(.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-track){outline-offset:var(--thumb-size)}:where(.vds-slider:not([data-chapters])[data-active] .vds-slider-track){width:var(--track-focus-width);height:var(--track-focus-height)}:where(.vds-slider .vds-slider-track-fill){z-index:2;background-color:var(--media-slider-track-fill-bg,var(--media-brand));width:var(--slider-fill,0%);will-change:width}:where(.vds-slider .vds-slider-thumb){position:absolute;top:50%;left:var(--slider-fill);opacity:0;contain:layout size style;width:var(--thumb-size);height:var(--thumb-size);border:var(--media-slider-thumb-border,1px solid #cacaca);border-radius:var(--media-slider-thumb-border-radius,9999px);background-color:var(--media-slider-thumb-bg,#fff);transform:translate(-50%,-50%) translateZ(0);transition:opacity .15s ease-in;pointer-events:none;will-change:left;z-index:2}:where(.vds-slider[data-dragging],.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-thumb){box-shadow:var(--media-slider-focused-thumb-shadow,0 0 0 4px hsla(0,0%,100%,.4))}:where(.vds-slider[data-active] .vds-slider-thumb){opacity:1;transition:var(--media-slider-thumb-transition, opacity .2s ease-in, box-shadow .2s ease)}:where(.vds-slider[data-dragging] .vds-slider-thumb){width:var(--thumb-focus-size);height:var(--thumb-focus-size)}:where(.vds-slider-value){display:inline-block;contain:content;font-size:14px;font-family:var(--media-font-family, sans-serif)}:where(.vds-slider-thumbnail){display:block;contain:content;box-sizing:border-box}:where(.vds-slider-video){background-color:#000;box-sizing:border-box;contain:content;display:inline-block;border:var(--media-thumbnail-border,1px solid #fff)}:where(.vds-slider-video video){display:block;height:auto;width:156px}:where(.vds-slider-video[data-loading]){opacity:0}:where(.vds-slider-video[data-hidden],.vds-slider-video[data-hidden] video){display:none;width:0}:where(.vds-slider .vds-slider-preview){display:flex;flex-direction:column;align-items:center;opacity:0;background-color:var(--media-slider-preview-bg);border-radius:var(--media-slider-preview-border-radius,2px);pointer-events:none;transition:opacity .2s ease-out;will-change:left,opacity;contain:layout paint style}:where(.vds-slider-preview[data-visible]){opacity:1;transition:opacity .2s ease-in}:where(.vds-slider-value){padding:var(--media-slider-value-padding,1px 10px);color:var(--media-slider-value-color,#fff);background-color:var(--media-slider-value-bg,#000);border-radius:var(--media-slider-value-border-radius,2px)}.vds-slider-value{border:var(--media-slider-value-border)}:where(
-.vds-slider-video:not([data-hidden]) + .vds-slider-chapter-title,.vds-slider-thumbnail:not([data-hidden]) + .vds-slider-chapter-title
-){margin-top:var(--media-slider-chapter-title-gap,6px)}:where(
-.vds-slider-video:not([data-hidden]) + .vds-slider-value,.vds-slider-thumbnail:not([data-hidden]) + .vds-slider-value,.vds-slider-chapter-title + .vds-slider-value
-){margin-top:var(--media-slider-value-gap,2px)}:where(.vds-slider[aria-orientation=vertical]){--width:var(--media-slider-width, 48px);--height:var(--media-slider-height, 100%);--track-width:var(--media-slider-track-width, 4px);--track-height:var(--media-slider-track-height, 100%);--track-focus-width:var(--media-slider-focused-track-width, calc(var(--track-width) * 1.25));--track-focus-height:var(--media-slider-focused-track-height, var(--track-height));margin:calc(var(--thumb-size)/ 2) 0}:where(.vds-slider[aria-orientation=vertical] .vds-slider-track){top:unset;bottom:0;left:50%;transform:translateX(-50%) translateZ(0)}:where(.vds-slider[aria-orientation=vertical] .vds-slider-track-fill){width:var(--track-width);height:var(--slider-fill);will-change:height;transform:translateX(-50%) translateZ(0)}:where(.vds-slider[aria-orientation=vertical] .vds-slider-progress){top:unset;bottom:0;width:var(--track-width);height:var(--slider-progress,0%);will-change:height}:where(.vds-slider[aria-orientation=vertical] .vds-slider-thumb){top:unset;bottom:var(--slider-fill);left:50%;will-change:bottom;transform:translate(-50%,50%) translateZ(0)}:where(.vds-slider[aria-orientation=vertical] .vds-slider-preview){will-change:bottom,opacity}:where([data-live] .vds-time-slider .vds-slider-track-fill){background-color:var(--media-slider-track-fill-live-bg,#dc2626)}:where(.vds-time-slider .vds-slider-progress){z-index:1;left:0;width:var(--slider-progress,0%);will-change:width;background-color:var(--media-slider-track-progress-bg,rgb(255 255 255 / .5))}:where([data-media-player]:not([data-can-play]) .vds-time-slider .vds-slider-value){display:none}:where(.vds-slider-steps){display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;position:absolute;top:0;left:0}:where(.vds-slider-step){width:var(--media-slider-step-width,2.5px);height:calc(var(--track-height) + 1px);background-color:var(--media-slider-step-color,#7c7c7c);opacity:0;transition:opacity .3s ease}:where(.vds-slider[data-active] .vds-slider-step){opacity:1}:where(.vds-time-slider .vds-slider-chapters){position:relative;display:flex;align-items:center;width:100%;height:100%;contain:layout style;border-radius:var(--media-slider-track-border-radius,1px)}:where(.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-chapters){box-shadow:var(--media-focus-ring);height:var(--track-height)}:where(.vds-time-slider .vds-slider-chapter){margin-right:2px}:where(.vds-time-slider .vds-slider-chapter:last-child){margin-right:0}:where(.vds-time-slider .vds-slider-chapter){position:relative;display:flex;align-items:center;width:100%;height:100%;will-change:height,transform;contain:layout style;border-radius:var(--media-slider-track-border-radius,1px)}:where(.vds-time-slider .vds-slider-chapter .vds-slider-track-fill){width:var(--chapter-fill,0%);will-change:width}:where(.vds-time-slider .vds-slider-chapter .vds-slider-progress){width:var(--chapter-progress,0%);will-change:width}@media (hover:hover) and (pointer:fine){:where(.vds-time-slider:hover .vds-slider-chapters){contain:strict}:where(.vds-time-slider .vds-slider-chapter:hover:not(:only-of-type)){transform:var(--media-slider-chapter-hover-transform,scaleY(2));transition:var(
-      --media-slider-chapter-hover-transition,
-      transform .1s cubic-bezier(.4, 0, 1, 1)
-    )}}:where(.vds-time-slider .vds-slider-chapter-title){font-family:var(--media-font-family, sans-serif);font-size:var(--media-slider-chapter-title-font-size, 14px);color:var(--media-slider-chapter-title-color,#f5f5f5);background-color:var(--media-slider-chapter-title-bg)}:where(.vds-thumbnail){--aspect-ratio:calc(var(--media-thumbnail-aspect-ratio, 16 / 9));--min-width:var(--media-thumbnail-min-width, 140px);--max-width:var(--media-thumbnail-max-width, 180px);display:block;width:var(--thumbnail-width);height:var(--thumbnail-height);background-color:var(--media-thumbnail-bg,#000);contain:strict;overflow:hidden;box-sizing:border-box;min-width:var(--min-width);min-height:var(--media-thumbnail-min-height,calc(var(--min-width)/ var(--aspect-ratio)));max-width:var(--max-width);max-height:var(--media-thumbnail-max-height,calc(var(--max-width)/ var(--aspect-ratio)))}.vds-thumbnail{border:var(--media-thumbnail-border,1px solid #fff)}:where(.vds-thumbnail img){min-width:unset!important;max-width:unset!important;will-change:width,height,transform}:where(.vds-thumbnail[data-loading] img){opacity:0}:where(.vds-thumbnail[aria-hidden=true]){display:none!important}:where(.vds-time-group){display:flex;align-items:center}.vds-time-divider{margin:0 var(--media-time-divider-gap,2.5px);color:var(--media-time-divider-color,#e0e0e0)}:where(.vds-time){display:inline-block;contain:content;font-size:var(--media-time-font-size, 15px);font-weight:var(--media-time-font-weight,400);font-family:var(--media-font-family, sans-serif);padding:var(--media-time-padding,2px);border-radius:var(--media-time-border-radius,2px);letter-spacing:var(--media-time-letter-spacing, .025em)}.vds-time{outline:0;color:var(--media-time-color,var(--default-color));background-color:var(--media-time-bg);border:var(--media-time-border)}:where(.vds-time:focus-visible){box-shadow:var(--media-focus-ring)}.light .vds-time{--default-color:rgb(10 10 10)}.dark .vds-time{--default-color:#f5f5f5}:where(.vds-tooltip,media-tooltip){display:contents}:where(.vds-tooltip-content){display:inline-block;box-sizing:border-box;font-family:var(--media-font-family, sans-serif);font-size:var(--media-tooltip-font-size, 13px);font-weight:var(--media-tooltip-font-weight,500);opacity:0;pointer-events:none;white-space:nowrap;z-index:10;will-change:transform,opacity;border-radius:var(--media-tooltip-border-radius,2px);padding:var(--media-tooltip-padding,2px 8px)}.vds-tooltip-content{color:var(--media-tooltip-color,var(--default-color));background-color:var(--media-tooltip-bg-color,var(--default-bg));border:var(--media-tooltip-border,var(--default-border))}.light .vds-tooltip-content{--default-color:#1a1a1a;--default-bg:white;--default-border:1px solid rgb(0 0 0 / 0.2)}.dark .vds-tooltip-content{--default-color:#f5f5f5;--default-bg:black;--default-border:1px solid rgb(255 255 255 / 0.1)}:where(.vds-menu .vds-menu-button[role=button][data-pressed] .vds-tooltip-content){opacity:0;display:none}:where(.vds-tooltip-content){--enter-transform:translateY(0px) scale(1);--exit-transform:translateY(12px) scale(0.8)}:where(.vds-tooltip-content:not([data-visible])){animation:var(--media-tooltip-exit-animation,vds-tooltip-exit .2s ease-out)}:where(.vds-tooltip-content[data-visible]){animation:var(--media-tooltip-enter-animation,vds-tooltip-enter .2s ease-in);animation-fill-mode:forwards}:where(.vds-tooltip-content[data-placement~=bottom]){--enter-transform:translateY(0) scale(1);--exit-transform:translateY(-12px) scale(0.8)}:where(.vds-tooltip-content[data-placement~=left]){--enter-transform:translateX(0) scale(1);--exit-transform:translateX(12px) scale(0.8)}:where(.vds-tooltip-content[data-placement~=right]){--enter-transform:translateX(0) scale(1);--exit-transform:translateX(-12px) scale(0.8)}@keyframes vds-tooltip-enter{from{opacity:0;transform:var(--exit-transform)}to{opacity:1;transform:var(--enter-transform)}}@keyframes vds-tooltip-exit{from{opacity:1;transform:var(--enter-transform)}to{opacity:0;transform:var(--exit-transform)}}@media (prefers-reduced-motion){:where(.vds-tooltip-content){animation:none}:where(.vds-tooltip-content[data-visible]){opacity:1}}[data-media-player]:not([data-captions]) .vds-cc-on-tooltip-text,[data-media-player]:not([data-fullscreen]) .vds-fs-exit-tooltip-text,[data-media-player]:not([data-muted]) .vds-mute-tooltip-text,[data-media-player]:not([data-paused]) .vds-play-tooltip-text,[data-media-player]:not([data-pip]) .vds-pip-exit-tooltip-text,[data-media-player][data-captions] .vds-cc-off-tooltip-text,[data-media-player][data-fullscreen] .vds-fs-enter-tooltip-text,[data-media-player][data-muted] .vds-unmute-tooltip-text,[data-media-player][data-paused] .vds-pause-tooltip-text,[data-media-player][data-pip] .vds-pip-enter-tooltip-text{display:none}
-/*# sourceMappingURL=/sm/f29e8ec4710655230335508e04f4657fe8bd6f50648ae522d962ae241cf2de17.map */

vidstackFile/video.css

@@ -1,20 +0,0 @@
-/**
- * Minified by jsDelivr using clean-css v5.3.2.
- * Original file: /npm/@vidstack/cdn@1.11.16/styles/player/default/layouts/video.css
- *
- * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
- */
-[data-media-player] .vds-video-layout:not([data-match]){display:none!important}[data-media-player][data-layout=video]{background-color:var(--video-bg,#000)}[data-media-player][data-layout=video]:not([data-fullscreen]){border-radius:var(--video-border-radius,6px);border:var(--video-border,1px solid rgb(255 255 255 / .1))}:where(.vds-video-layout){--media-brand:var(--video-brand, #f5f5f5);--media-font-family:var(--video-font-family, sans-serif);--media-controls-color:var(--video-controls-color, #f5f5f5);--media-tooltip-y-offset:6px;--media-menu-y-offset:6px;--media-focus-ring-color:var(--video-focus-ring-color, rgb(78 156 246));--media-focus-ring:var(--video-focus-ring, 0 0 0 3px var(--media-focus-ring-color));color:var(--video-controls-color,#f5f5f5);display:contents}:where([data-media-player][data-focus]:not([data-playing]) .vds-video-layout .vds-controls){border-radius:var(--video-border-radius,6px);box-shadow:var(--media-focus-ring)}:where(.vds-video-layout .vds-controls[data-visible]){background-image:linear-gradient(to top,rgb(0 0 0 / .6),10%,transparent,95%,rgb(0 0 0 / .3))}:where(.vds-video-layout .vds-controls-group){align-items:center;display:flex;pointer-events:auto;z-index:0;padding:4px 6px}:where(.vds-video-layout .vds-controls-group:first-child){z-index:50}:where(.vds-video-layout .vds-controls-group:nth-last-child(2)){padding:0 12px;z-index:11;margin-bottom:-16px}:where(.vds-video-layout:not([data-sm]) .vds-controls-group:last-child){--media-menu-y-offset:26px;--media-tooltip-y-offset:26px;--media-slider-preview-offset:26px;z-index:10}:where(.vds-video-layout .vds-button){margin-right:2.5px}:where(.vds-video-layout[data-sm] .vds-chapter-title){font-size:var(--video-sm-chapter-title-font-size, 15px)}:where([data-fullscreen] .vds-video-layout .vds-chapter-title){font-size:var(--video-fullscreen-chapter-title-font-size, 16px)}:where(.vds-video-layout:not([data-sm]) .vds-mute-button){margin-left:-2.5px;margin-right:-5px}:where(.vds-video-layout[data-sm]){--media-button-size:var(--video-sm-button-size, 36px)}:where(.vds-video-layout .vds-time-slider){--media-slider-height:45px;flex-grow:0}:where(.vds-video-layout .vds-slider-thumbnail){--media-thumbnail-border:var(--video-slider-thumbnail-border, 1px solid #f5f5f5);border-radius:var(--video-slider-thumbnail-border-radius,2px)}:where(.vds-video-layout .vds-time-slider .vds-slider-value){background-color:var(--video-time-bg,unset);text-shadow:-1px -1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333,1px 1px 0 #333}:where(.vds-video-layout[data-sm] .vds-time){text-shadow:unset}:where(.vds-video-layout[data-lg] .vds-volume){--gap:var(--video-volume-gap, 10px);display:contents}:where(.vds-video-layout[data-lg] .vds-volume-popup){display:contents}:where(.vds-video-layout[data-lg] .vds-volume-slider){margin:0;max-width:0;transition:all .15s ease}:where(.vds-video-layout[data-lg] .vds-volume:has([data-active]) .vds-volume-slider),:where(.vds-video-layout[data-lg] .vds-volume[data-active] .vds-volume-slider){margin-left:var(--gap);opacity:1;visibility:visible;max-width:var(--video-volume-slider-max-width,72px)}.vds-video-layout[data-lg] .vds-volume-slider::after{content:'';position:fixed;top:0;left:calc(-1 * var(--gap));width:var(--gap);height:100%;z-index:1;pointer-events:auto}:where(.vds-video-layout[data-sm] .vds-volume){--media-slider-height:var(--video-volume-height, 96px);--media-slider-preview-offset:calc(-200% - 6px);--gap:var(--video-volume-gap, 10px);position:relative;display:flex;align-items:center;justify-content:center}:where(.vds-video-layout[data-sm] .vds-volume-popup){display:block;position:absolute;top:calc(100% + var(--gap));left:50%;opacity:0;transform:translateX(-50%);transition:opacity 150ms ease-out,visibility 150ms ease-out;border-radius:var(--video-volume-border-radius,8px);filter:var(--media-volume-filter, drop-shadow(0 1px 1px rgb(0 0 0 / .05)));visibility:hidden}.vds-video-layout[data-sm] .vds-mute-button::after{content:'';position:fixed;bottom:calc(-1 * var(--gap));right:0;width:100%;height:var(--gap);z-index:1;pointer-events:auto}.vds-video-layout .vds-volume-popup{background-color:var(--video-volume-bg,var(--media-menu-bg,var(--default-bg)));border:var(--video-volume-border,var(--default-border))}.light .vds-video-layout .vds-volume-popup,.vds-video-layout.light .vds-volume-popup{--default-bg:rgb(250 250 250);--default-border:1px solid rgb(10 10 10 / 0.1)}.dark .vds-video-layout .vds-volume-popup,.vds-video-layout.dark .vds-volume-popup{--default-bg:rgb(10 10 10);--default-border:1px solid rgb(255 255 255 / 0.1)}:where(.vds-video-layout[data-sm] .vds-volume:has([data-active]) .vds-volume-popup),:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-volume-popup){transition:opacity 150ms ease-in,visibility 150ms ease-in;opacity:1;visibility:visible}:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-tooltip-content){display:none!important}:where(.vds-video-layout .vds-time[data-type=current]){margin-right:2px}:where(.vds-video-layout .vds-time[data-type=current][remainder]){margin-left:2px}.vds-video-layout .vds-time{--default-color:#f5f5f5!important}:where([data-preview] .vds-video-layout .vds-captions){opacity:0}:where(.vds-video-layout .vds-captions){z-index:10;transition:var(--video-captions-transition, bottom .3s ease-in-out)}@media (min-width:980px){:where([data-fullscreen] .vds-video-layout .vds-captions){bottom:var(--video-lg-fullscreen-captions-offset,54px)}}:where([data-media-player][data-controls] .vds-video-layout .vds-captions){bottom:var(--video-captions-offset,78px)}:where([data-media-player][data-controls] .vds-video-layout[data-sm] .vds-captions){bottom:var(--video-sm-captions-offset,48px)}:where(.vds-video-layout .vds-time-slider .vds-slider-chapter-title){width:100%;text-align:center;text-shadow:-1px -1px 0 #212121,1px -1px 0 #212121,-1px 1px 0 #212121,1px 1px 0 #212121}:where(.vds-video-layout .vds-gesture){top:0;left:0;width:100%;height:100%;z-index:0}:where(.vds-video-layout .vds-gesture[action='seek:-10']){width:var(--video-gesture-seek-width,20%);z-index:1}:where(.vds-video-layout .vds-gesture[action='seek:10']){left:unset;right:0;width:var(--video-gesture-seek-width,20%);z-index:1}@media (pointer:coarse){:where(.vds-video-layout .vds-gesture[action='toggle:paused']){display:none}}@media not (pointer:coarse){:where([data-media-player] .vds-video-layout .vds-gesture[action='toggle:controls']){display:none}}:where(.vds-video-layout .vds-live-button){margin-left:12px}:where(.vds-video-layout:not([data-sm]) .vds-time-group){margin-left:10px}:where(.vds-video-layout[data-sm] .vds-time){font-size:var(--video-sm-time-font-size, 14px)}:where([data-fullscreen] .vds-video-layout .vds-time){font-size:var(--video-fullscreen-time-font-size, 16px)}:where(.vds-video-layout .vds-load-container){position:absolute;inset:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:99}:where(
-[data-media-player][data-load=play]:not([data-started])
-.vds-video-layout[data-match]
-.vds-load-container
-){display:flex}:where(.vds-video-layout .vds-load-container .vds-play-button){--size:var(--video-load-button-size, 56px);--color:var(--video-load-button-color, rgb(0 0 0 / 0.8));--bg-color:var(--video-load-button-bg, var(--media-brand));--media-button-hover-transform:0;--media-button-border:var(--video-load-button-border, var(--color));--media-button-hover-bg:var(--video-load-button-bg, var(--media-brand));width:var(--size);height:var(--size);border-radius:var(--video-load-button-border-radius,100%);color:var(--color);pointer-events:auto;margin-bottom:2px;overflow:hidden}.vds-video-layout .vds-load-container .vds-play-button{background-color:var(--bg-color)}:where(.vds-video-layout[data-sm] .vds-load-container .vds-play-button){--size:var(--video-sm-load-button-size, 48px);--media-button-hover-transform:translateY(0%);width:var(--size);height:var(--size);transform:translateY(0)}:where(.vds-video-layout[data-sm] .vds-controls-group:nth-last-child(2)){pointer-events:none}:where(.vds-video-layout[data-sm] .vds-controls-group:last-child){z-index:2;margin-top:-2.5px;margin-bottom:-6px}:where([data-fullscreen] .vds-video-layout[data-sm] .vds-controls-group:last-child){margin-bottom:0}:where(.vds-video-layout[data-sm] .vds-controls-group){padding:2px}:where(.vds-video-layout[data-sm]) :where(
-.vds-button,.vds-slider:not(.vds-time-slider),.vds-time,.vds-time-divider,.vds-chapter-title
-){transition:opacity .15s ease}:where([data-media-player]:not([data-started]) .vds-video-layout[data-sm]) :where(.vds-button .vds-slider,.vds-time-group){opacity:0;visibility:hidden}:where(.vds-video-layout[data-sm] .vds-time-slider){transition:transform .1s linear}@media (pointer:coarse){:where([data-preview] .vds-video-layout:not([data-no-scrub-gesture])) :where(
-.vds-button,.vds-slider:not(.vds-time-slider),.vds-time,.vds-chapter-title,.vds-time-divider,.vds-captions,.vds-live-button
-){opacity:0}:where([data-preview] .vds-video-layout:not([data-no-scrub-gesture]) .vds-time-slider){--track-height:var(--video-sm-slider-focus-track-height, 12px);transform:translateY(-6px);transition:transform .1s linear}}:where(.vds-video-layout[data-sm] .vds-controls .vds-play-button){--size:var(--video-sm-play-button-size, 45px);--media-button-hover-transform:translateY(25%);width:var(--size);height:var(--size);transform:translateY(25%);border-radius:100%;pointer-events:auto;margin-bottom:2px;overflow:hidden}.vds-video-layout[data-sm] .vds-controls .vds-play-button{background-color:var(--video-sm-play-button-bg,rgba(0 0 0 / .6))}:where(
-[data-media-player]:not([data-started])
-.vds-video-layout[data-sm]
-.vds-controls-group:not(:nth-child(3))
-){opacity:0;visibility:hidden}:where(.vds-video-layout[data-sm] .vds-buffering-indicator){--media-buffering-size:64px;transform:translate(-2px,-4px)}:where(.vds-video-layout .vds-start-duration .vds-time){position:absolute;right:8px;bottom:8px;margin-right:8px;margin-bottom:8px;z-index:10;padding:var(--video-sm-start-duration-padding,3px 6px);color:var(--video-sm-start-duration-color,var(--video-controls-color));background-color:var(--video-sm-start-duration-bg,rgba(0 0 0 / .64))}:where([data-started] .vds-video-layout .vds-start-duration .vds-time){display:none}:where([data-media-player]:not([data-can-play]) .vds-video-layout .vds-start-duration .vds-time){opacity:0}:where(.vds-video-layout[data-sm] .vds-time[data-type=current]){margin-left:8px}:where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)){margin-bottom:-16px}@media (orientation:portrait){:where([data-fullscreen] .vds-video-layout .vds-captions){bottom:30lvh;bottom:10dvh}}@media (orientation:landscape){:where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)){margin-bottom:-12px}}
-/*# sourceMappingURL=/sm/bf79634b0de35e386db106630435c54f4a4606b10523615e2b094f700a7ad992.map */