@videojs/react 0.1.0-preview.9 → 10.0.0-alpha.4

package/dist/minimal-CDaU4avz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"minimal-CDaU4avz.js","names":["styles: MinimalSkinStyles","styles","Tooltip","PlayButton","PlayIcon","PauseIcon","PreviewTimeDisplay","Popover","MuteButton","VolumeHighIcon","VolumeLowIcon","VolumeOffIcon","VolumeSlider","FullscreenEnterAltIcon","FullscreenExitAltIcon"],"sources":["../src/skins/minimal/styles.ts","../src/skins/minimal/MinimalSkin.tsx"],"sourcesContent":["import type { MinimalSkinStyles } from './types';\n\n// NOTE: Removing import to sidestep for compiler complexity (CJP)\n// import { cn } from '../../utils/cn';\n// A (very crude) utility to merge class names\n// Usually I'd use something like `clsx` or `classnames` but this is ok for our simple use case.\n// It just makes the billions of Tailwind classes a little easier to read.\nfunction cn(...classes: (string | undefined)[]): string {\n  return classes.filter(Boolean).join(' ');\n}\n\nconst styles: MinimalSkinStyles = {\n  MediaContainer: cn(\n    'vjs', // Scope preflight\n    'vjs:relative vjs:isolate vjs:@container/root vjs:group/root vjs:overflow-clip vjs:bg-black vjs:rounded-(--minimal-border-radius,0.75rem)',\n    // Base typography\n    'vjs:font-sans vjs:text-[0.8125rem] vjs:subpixel-antialiased',\n    // Fancy borders\n    'vjs:after:absolute vjs:after:inset-0 vjs:after:ring-black/15 vjs:after:ring-1 vjs:dark:after:ring-white/15 vjs:after:ring-inset vjs:after:z-10 vjs:after:pointer-events-none vjs:after:rounded-[inherit]',\n    // Prevent rounded corners in fullscreen\n    'vjs:[&:fullscreen]:rounded-none',\n    // Ensure the nested video inherits the radius\n    'vjs:[&_video]:w-full vjs:[&_video]:h-full',\n  ),\n  Overlay: cn(\n    'vjs:absolute vjs:inset-0 vjs:rounded-[inherit] vjs:pointer-events-none',\n    'vjs:bg-gradient-to-t vjs:from-black/70 vjs:via-black/50 vjs:via-[7.5rem] vjs:to-transparent',\n    'vjs:opacity-0 vjs:delay-500 vjs:duration-300',\n    // High contrast mode\n    'vjs:contrast-more:from-black/75',\n    // ------------------------------------\n    //  FIXME: Temporary hide/show logic\n    'vjs:has-[+.controls_[data-paused]]:opacity-100 vjs:has-[+.controls_[data-paused]]:delay-0 vjs:has-[+.controls_[data-paused]]:duration-75',\n    'vjs:has-[+.controls_[aria-expanded=\"true\"]]:opacity-100 vjs:has-[+.controls_[aria-expanded=\"true\"]]:delay-0 vjs:has-[+.controls_[aria-expanded=\"true\"]]:duration-75',\n    'vjs:group-hover/root:opacity-100 vjs:group-hover/root:delay-0 vjs:group-hover/root:duration-75',\n    // ------------------------------------\n  ),\n  Controls: cn(\n    // ------------------------------------\n    //  FIXME: Temporary className hook for above logic in the overlay. Can be removed once have a proper way to handle controls visibility.\n    'controls',\n    // ------------------------------------\n    'vjs:@container/controls vjs:absolute vjs:inset-x-0 vjs:bottom-0 vjs:flex vjs:items-center vjs:gap-3.5 vjs:z-20 vjs:px-3 vjs:pb-3 vjs:pt-10 vjs:text-white',\n    // Animation\n    'vjs:transition vjs:will-change-[transform,filter,opacity] vjs:ease-out',\n    // ------------------------------------\n    //  FIXME: Temporary hide/show logic\n    'vjs:translate-y-full vjs:opacity-0 vjs:blur-sm vjs:delay-500 vjs:duration-300',\n    'vjs:has-[[data-paused]]:translate-y-0 vjs:has-[[data-paused]]:opacity-100 vjs:has-[[data-paused]]:blur-none vjs:has-[[data-paused]]:delay-0 vjs:has-[[data-paused]]:duration-75',\n    'vjs:has-[[aria-expanded=\"true\"]]:translate-y-0 vjs:has-[[aria-expanded=\"true\"]]:opacity-100 vjs:has-[[aria-expanded=\"true\"]]:blur-none vjs:has-[[aria-expanded=\"true\"]]:delay-0 vjs:has-[[aria-expanded=\"true\"]]:duration-75',\n    'vjs:group-hover/root:translate-y-0 vjs:group-hover/root:opacity-100 vjs:group-hover/root:blur-none vjs:group-hover/root:delay-0 vjs:group-hover/root:duration-75',\n    // ------------------------------------\n  ),\n  Icon: cn('icon vjs:[&_path]:transition-transform vjs:[&_path]:ease-out'),\n  TimeDisplayGroup: cn('flex items-center gap-1'),\n  Button: cn(\n    'vjs:group/button vjs:cursor-pointer vjs:relative vjs:shrink-0 vjs:transition-[color,background,outline-offset] vjs:select-none vjs:p-2.5 vjs:rounded-md',\n    // Background/foreground\n    'vjs:bg-transparent vjs:text-white',\n    // Hover and focus states\n    'vjs:hover:text-white/80 vjs:focus-visible:text-white/80',\n    // Focus state\n    'vjs:-outline-offset-2 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-2 vjs:focus-visible:outline-white',\n    // Disabled state\n    'vjs:disabled:grayscale vjs:disabled:opacity-50 vjs:disabled:cursor-not-allowed',\n    // Loading state\n    'vjs:aria-busy:pointer-events-none vjs:aria-busy:cursor-not-allowed',\n    // Expanded state\n    'vjs:aria-expanded:text-white/80',\n  ),\n  ButtonGroup: cn('vjs:flex vjs:items-center vjs:gap-1.5'),\n  IconButton: cn(\n    'vjs:grid vjs:[&_.icon]:[grid-area:1/1]',\n    'vjs:[&_.icon]:shrink-0 vjs:[&_.icon]:transition-opacity vjs:[&_.icon]:duration-150 vjs:[&_.icon]:ease-linear vjs:[&_.icon]:drop-shadow-[0_1px_0_var(--tw-shadow-color)] vjs:[&_.icon]:shadow-black/40',\n  ),\n  PlayIcon: cn('vjs:opacity-0 vjs:group-data-paused/button:opacity-100'),\n  PauseIcon: cn('vjs:group-data-paused/button:opacity-0'),\n  PlayTooltipPopup: cn(\n    'vjs:[&_.pause-tooltip]:inline vjs:data-paused:[&_.pause-tooltip]:hidden',\n    'vjs:[&_.play-tooltip]:hidden vjs:data-paused:[&_.play-tooltip]:inline',\n  ),\n  PlayTooltip: cn('play-tooltip'),\n  PauseTooltip: cn('pause-tooltip'),\n  VolumeHighIcon: cn('vjs:hidden vjs:group-data-[volume-level=high]/button:inline vjs:group-data-[volume-level=medium]/button:inline'),\n  VolumeLowIcon: cn('vjs:hidden vjs:group-data-[volume-level=low]/button:inline'),\n  VolumeOffIcon: cn('vjs:hidden vjs:group-data-[volume-level=off]/button:inline'),\n  FullscreenEnterIcon: cn(\n    'vjs:group-data-fullscreen/button:hidden',\n    'vjs:group-hover/button:[&_.arrow-1]:translate-x-px vjs:group-hover/button:[&_.arrow-1]:-translate-y-px',\n    'vjs:group-hover/button:[&_.arrow-2]:-translate-x-px vjs:group-hover/button:[&_.arrow-2]:translate-y-px',\n  ),\n  FullscreenExitIcon: cn(\n    'vjs:hidden vjs:group-data-fullscreen/button:inline',\n    'vjs:[&_.arrow-1]:translate-x-px vjs:[&_.arrow-1]:-translate-y-px',\n    'vjs:[&_.arrow-2]:-translate-x-px vjs:[&_.arrow-2]:translate-y-px',\n    'vjs:group-hover/button:[&_.arrow-1]:translate-0',\n    'vjs:group-hover/button:[&_.arrow-2]:translate-0',\n  ),\n  FullscreenTooltipPopup: cn(\n    'vjs:[&_.fullscreen-enter-tooltip]:inline vjs:data-fullscreen:[&_.fullscreen-enter-tooltip]:hidden',\n    'vjs:[&_.fullscreen-exit-tooltip]:hidden vjs:data-fullscreen:[&_.fullscreen-exit-tooltip]:inline',\n  ),\n  FullscreenEnterTooltip: cn('fullscreen-enter-tooltip'),\n  FullscreenExitTooltip: cn('fullscreen-exit-tooltip'),\n  TimeSliderRoot: cn('vjs:mx-2'),\n  TimeDisplay: cn('vjs:tabular-nums vjs:text-shadow-2xs/20'),\n  DurationDisplay: cn('vjs:text-white/50 vjs:contents'),\n  SliderRoot: cn(\n    'vjs:group/slider vjs:outline-0 vjs:flex vjs:items-center vjs:justify-center vjs:flex-1 vjs:group/slider vjs:relative vjs:rounded-full',\n    'vjs:data-[orientation=horizontal]:h-5 vjs:data-[orientation=horizontal]:min-w-20',\n    'vjs:data-[orientation=vertical]:w-5 vjs:data-[orientation=vertical]:h-18',\n  ),\n  SliderTrack: cn(\n    'vjs:relative vjs:select-none vjs:rounded-[inherit] vjs:bg-white/10',\n    'vjs:data-[orientation=horizontal]:w-full vjs:data-[orientation=horizontal]:h-[0.1875rem]',\n    'vjs:data-[orientation=vertical]:w-[0.1875rem]',\n    'vjs:-outline-offset-2 vjs:group-focus-visible/slider:outline-2 vjs:group-focus-visible/slider:outline-offset-6 vjs:group-focus-visible/slider:outline-white',\n  ),\n  SliderProgress: cn('vjs:bg-white vjs:rounded-[inherit]'),\n  SliderPointer: cn('vjs:hidden'),\n  SliderThumb: cn(\n    'vjs:bg-white vjs:z-10 vjs:size-3 vjs:select-none vjs:ring vjs:ring-black/10 vjs:rounded-full vjs:shadow-sm vjs:shadow-black/15 vjs:transition-[opacity,scale] vjs:ease-out vjs:opacity-0 vjs:scale-70 vjs:origin-center',\n    'vjs:group-hover/slider:opacity-100 vjs:group-hover/slider:scale-100',\n    'vjs:data-[orientation=horizontal]:hover:cursor-ew-resize',\n    'vjs:data-[orientation=vertical]:hover:cursor-ns-resize',\n  ),\n  PopupAnimation: cn(\n    // Animation\n    // XXX: We can't use transforms since floating UI uses them for positioning.\n    'vjs:transition-[transform,scale,opacity,filter] vjs:origin-bottom vjs:duration-200 vjs:data-instant:duration-0',\n    'vjs:data-starting-style:scale-0 vjs:data-starting-style:opacity-0 vjs:data-starting-style:blur-sm',\n    'vjs:data-ending-style:scale-0 vjs:data-ending-style:opacity-0 vjs:data-ending-style:blur-sm',\n  ),\n  PopoverPopup: cn('vjs:py-2 vjs:bg-transparent'),\n  TooltipPopup: cn(\n    'vjs:whitespace-nowrap vjs:flex vjs:flex-col vjs:rounded vjs:text-white vjs:text-xs vjs:@7xl/root:text-sm vjs:px-2 vjs:py-1 vjs:bg-white/20 vjs:backdrop-blur-3xl vjs:backdrop-saturate-150 vjs:backdrop-brightness-90 vjs:shadow-md vjs:shadow-black/5',\n  ),\n};\n\nexport default styles;\n","import type { PropsWithChildren } from 'react';\n\nimport { CurrentTimeDisplay } from '@/components/CurrentTimeDisplay';\nimport { DurationDisplay } from '@/components/DurationDisplay';\nimport { FullscreenButton } from '@/components/FullscreenButton';\nimport { MediaContainer } from '@/components/MediaContainer';\nimport MuteButton from '@/components/MuteButton';\nimport PlayButton from '@/components/PlayButton';\nimport Popover from '@/components/Popover';\nimport PreviewTimeDisplay from '@/components/PreviewTimeDisplay';\nimport { TimeSlider } from '@/components/TimeSlider';\nimport Tooltip from '@/components/Tooltip';\nimport VolumeSlider from '@/components/VolumeSlider';\nimport {\n  FullscreenEnterAltIcon,\n  FullscreenExitAltIcon,\n  PauseIcon,\n  PlayIcon,\n  VolumeHighIcon,\n  VolumeLowIcon,\n  VolumeOffIcon,\n} from '@/icons';\nimport styles from './styles';\n\ntype SkinProps = PropsWithChildren<{\n  className?: string;\n}>;\n\nexport default function MinimalSkin({ children, className = '' }: SkinProps): JSX.Element {\n  return (\n    <MediaContainer className={`${styles.MediaContainer} ${className}`}>\n      {children}\n\n      <div className={styles.Overlay} />\n\n      <div className={styles.Controls}>\n        <Tooltip.Root delay={500} closeDelay={0}>\n          <Tooltip.Trigger>\n            <PlayButton className={`${styles.Button} ${styles.IconButton}`}>\n              <PlayIcon className={`${styles.Icon} ${styles.PlayIcon}`} />\n              <PauseIcon className={`${styles.Icon} ${styles.PauseIcon}`} />\n            </PlayButton>\n          </Tooltip.Trigger>\n          <Tooltip.Positioner side=\"top-start\" sideOffset={6} collisionPadding={12}>\n            <Tooltip.Popup className={`${styles.PopupAnimation} ${styles.TooltipPopup} ${styles.PlayTooltipPopup}`}>\n              <span className={styles.PlayTooltip}>Play</span>\n              <span className={styles.PauseTooltip}>Pause</span>\n            </Tooltip.Popup>\n          </Tooltip.Positioner>\n        </Tooltip.Root>\n\n        <div className={styles.TimeDisplayGroup}>\n          <CurrentTimeDisplay\n            // Use showRemaining to show count down/remaining time\n            // showRemaining\n            className={styles.TimeDisplay}\n          />\n\n          <span className={styles.DurationDisplay}>\n            /\n            <DurationDisplay className={`${styles.TimeDisplay}`} />\n          </span>\n        </div>\n\n        <Tooltip.Root trackCursorAxis=\"x\">\n          <Tooltip.Trigger>\n            <TimeSlider.Root className={styles.SliderRoot}>\n              <TimeSlider.Track className={styles.SliderTrack}>\n                <TimeSlider.Progress className={styles.SliderProgress} />\n                <TimeSlider.Pointer className={styles.SliderPointer} />\n              </TimeSlider.Track>\n              <TimeSlider.Thumb className={styles.SliderThumb} />\n            </TimeSlider.Root>\n          </Tooltip.Trigger>\n          <Tooltip.Positioner side=\"top\" sideOffset={12} collisionPadding={12}>\n            <Tooltip.Popup className={`${styles.PopupAnimation} ${styles.TooltipPopup}`}>\n              <PreviewTimeDisplay className={styles.TimeDisplay} />\n            </Tooltip.Popup>\n          </Tooltip.Positioner>\n        </Tooltip.Root>\n\n        <div className={styles.ButtonGroup}>\n          <Popover.Root openOnHover delay={200} closeDelay={300}>\n            <Popover.Trigger>\n              <MuteButton className={`${styles.Button} ${styles.IconButton}`}>\n                <VolumeHighIcon className={`${styles.Icon} ${styles.VolumeHighIcon}`} />\n                <VolumeLowIcon className={`${styles.Icon} ${styles.VolumeLowIcon}`} />\n                <VolumeOffIcon className={`${styles.Icon} ${styles.VolumeOffIcon}`} />\n              </MuteButton>\n            </Popover.Trigger>\n            <Popover.Positioner side=\"top\" sideOffset={2}>\n              <Popover.Popup className={`${styles.PopupAnimation} ${styles.PopoverPopup}`}>\n                <VolumeSlider.Root className={styles.SliderRoot} orientation=\"vertical\">\n                  <VolumeSlider.Track className={styles.SliderTrack}>\n                    <VolumeSlider.Progress className={styles.SliderProgress} />\n                  </VolumeSlider.Track>\n                  <VolumeSlider.Thumb className={styles.SliderThumb} />\n                </VolumeSlider.Root>\n              </Popover.Popup>\n            </Popover.Positioner>\n          </Popover.Root>\n\n          <Tooltip.Root delay={500} closeDelay={0}>\n            <Tooltip.Trigger>\n              <FullscreenButton className={`${styles.Button} ${styles.IconButton}`}>\n                <FullscreenEnterAltIcon className={`${styles.Icon} ${styles.FullscreenEnterIcon}`} />\n                <FullscreenExitAltIcon className={`${styles.Icon} ${styles.FullscreenExitIcon}`} />\n              </FullscreenButton>\n            </Tooltip.Trigger>\n            <Tooltip.Positioner side=\"top-end\" sideOffset={6} collisionPadding={12}>\n              <Tooltip.Popup className={`${styles.PopupAnimation} ${styles.TooltipPopup} ${styles.FullscreenTooltipPopup}`}>\n                <span className={styles.FullscreenEnterTooltip}>Enter Fullscreen</span>\n                <span className={styles.FullscreenExitTooltip}>Exit Fullscreen</span>\n              </Tooltip.Popup>\n            </Tooltip.Positioner>\n          </Tooltip.Root>\n        </div>\n      </div>\n    </MediaContainer>\n  );\n}\n"],"mappings":";;;;;AAOA,SAAS,GAAG,GAAG,SAAyC;AACtD,QAAO,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI;;AAG1C,MAAMA,SAA4B;CAChC,gBAAgB,GACd,OACA,4IAEA,+DAEA,4MAEA,mCAEA,4CACD;CACD,SAAS,GACP,0EACA,+FACA,gDAEA,mCAGA,4IACA,6KACA,iGAED;CACD,UAAU,GAGR,YAEA,6JAEA,0EAGA,iFACA,mLACA,0OACA,mKAED;CACD,MAAM,GAAG,+DAA+D;CACxE,kBAAkB,GAAG,0BAA0B;CAC/C,QAAQ,GACN,2JAEA,qCAEA,2DAEA,wHAEA,kFAEA,sEAEA,kCACD;CACD,aAAa,GAAG,wCAAwC;CACxD,YAAY,GACV,0CACA,wMACD;CACD,UAAU,GAAG,yDAAyD;CACtE,WAAW,GAAG,yCAAyC;CACvD,kBAAkB,GAChB,2EACA,wEACD;CACD,aAAa,GAAG,eAAe;CAC/B,cAAc,GAAG,gBAAgB;CACjC,gBAAgB,GAAG,iHAAiH;CACpI,eAAe,GAAG,6DAA6D;CAC/E,eAAe,GAAG,6DAA6D;CAC/E,qBAAqB,GACnB,2CACA,0GACA,yGACD;CACD,oBAAoB,GAClB,sDACA,oEACA,oEACA,mDACA,kDACD;CACD,wBAAwB,GACtB,qGACA,kGACD;CACD,wBAAwB,GAAG,2BAA2B;CACtD,uBAAuB,GAAG,0BAA0B;CACpD,gBAAgB,GAAG,WAAW;CAC9B,aAAa,GAAG,0CAA0C;CAC1D,iBAAiB,GAAG,iCAAiC;CACrD,YAAY,GACV,yIACA,oFACA,2EACD;CACD,aAAa,GACX,sEACA,4FACA,iDACA,8JACD;CACD,gBAAgB,GAAG,qCAAqC;CACxD,eAAe,GAAG,aAAa;CAC/B,aAAa,GACX,2NACA,uEACA,4DACA,yDACD;CACD,gBAAgB,GAGd,kHACA,qGACA,8FACD;CACD,cAAc,GAAG,8BAA8B;CAC/C,cAAc,GACZ,yPACD;CACF;AAED,qBAAe;;;;AC/Gf,SAAwB,YAAY,EAAE,UAAU,YAAY,MAA8B;AACxF,QACE,qBAAC;EAAe,WAAW,GAAGC,eAAO,eAAe,GAAG;;GACpD;GAED,oBAAC,SAAI,WAAWA,eAAO,UAAW;GAElC,qBAAC;IAAI,WAAWA,eAAO;;KACrB,qBAACC,gBAAQ;MAAK,OAAO;MAAK,YAAY;iBACpC,oBAACA,gBAAQ,qBACP,qBAACC;OAAW,WAAW,GAAGF,eAAO,OAAO,GAAGA,eAAO;kBAChD,oBAACG,gBAAS,WAAW,GAAGH,eAAO,KAAK,GAAGA,eAAO,aAAc,EAC5D,oBAACI,iBAAU,WAAW,GAAGJ,eAAO,KAAK,GAAGA,eAAO,cAAe;QACnD,GACG,EAClB,oBAACC,gBAAQ;OAAW,MAAK;OAAY,YAAY;OAAG,kBAAkB;iBACpE,qBAACA,gBAAQ;QAAM,WAAW,GAAGD,eAAO,eAAe,GAAGA,eAAO,aAAa,GAAGA,eAAO;mBAClF,oBAAC;SAAK,WAAWA,eAAO;mBAAa;UAAW,EAChD,oBAAC;SAAK,WAAWA,eAAO;mBAAc;UAAY;SACpC;QACG;OACR;KAEf,qBAAC;MAAI,WAAWA,eAAO;iBACrB,oBAAC,sBAGC,WAAWA,eAAO,cAClB,EAEF,qBAAC;OAAK,WAAWA,eAAO;kBAAiB,KAEvC,oBAAC,mBAAgB,WAAW,GAAGA,eAAO,gBAAiB;QAClD;OACH;KAEN,qBAACC,gBAAQ;MAAK,iBAAgB;iBAC5B,oBAACA,gBAAQ,qBACP,qBAAC,WAAW;OAAK,WAAWD,eAAO;kBACjC,qBAAC,WAAW;QAAM,WAAWA,eAAO;mBAClC,oBAAC,WAAW,YAAS,WAAWA,eAAO,iBAAkB,EACzD,oBAAC,WAAW,WAAQ,WAAWA,eAAO,gBAAiB;SACtC,EACnB,oBAAC,WAAW,SAAM,WAAWA,eAAO,cAAe;QACnC,GACF,EAClB,oBAACC,gBAAQ;OAAW,MAAK;OAAM,YAAY;OAAI,kBAAkB;iBAC/D,oBAACA,gBAAQ;QAAM,WAAW,GAAGD,eAAO,eAAe,GAAGA,eAAO;kBAC3D,oBAACK,8BAAmB,WAAWL,eAAO,cAAe;SACvC;QACG;OACR;KAEf,qBAAC;MAAI,WAAWA,eAAO;iBACrB,qBAACM,gBAAQ;OAAK;OAAY,OAAO;OAAK,YAAY;kBAChD,oBAACA,gBAAQ,qBACP,qBAACC;QAAW,WAAW,GAAGP,eAAO,OAAO,GAAGA,eAAO;;SAChD,oBAACQ,sBAAe,WAAW,GAAGR,eAAO,KAAK,GAAGA,eAAO,mBAAoB;SACxE,oBAACS,qBAAc,WAAW,GAAGT,eAAO,KAAK,GAAGA,eAAO,kBAAmB;SACtE,oBAACU,qBAAc,WAAW,GAAGV,eAAO,KAAK,GAAGA,eAAO,kBAAmB;;SAC3D,GACG,EAClB,oBAACM,gBAAQ;QAAW,MAAK;QAAM,YAAY;kBACzC,oBAACA,gBAAQ;SAAM,WAAW,GAAGN,eAAO,eAAe,GAAGA,eAAO;mBAC3D,qBAACW,qBAAa;UAAK,WAAWX,eAAO;UAAY,aAAY;qBAC3D,oBAACW,qBAAa;WAAM,WAAWX,eAAO;qBACpC,oBAACW,qBAAa,YAAS,WAAWX,eAAO,iBAAkB;YACxC,EACrB,oBAACW,qBAAa,SAAM,WAAWX,eAAO,cAAe;WACnC;UACN;SACG;QACR,EAEf,qBAACC,gBAAQ;OAAK,OAAO;OAAK,YAAY;kBACpC,oBAACA,gBAAQ,qBACP,qBAAC;QAAiB,WAAW,GAAGD,eAAO,OAAO,GAAGA,eAAO;mBACtD,oBAACY,8BAAuB,WAAW,GAAGZ,eAAO,KAAK,GAAGA,eAAO,wBAAyB,EACrF,oBAACa,6BAAsB,WAAW,GAAGb,eAAO,KAAK,GAAGA,eAAO,uBAAwB;SAClE,GACH,EAClB,oBAACC,gBAAQ;QAAW,MAAK;QAAU,YAAY;QAAG,kBAAkB;kBAClE,qBAACA,gBAAQ;SAAM,WAAW,GAAGD,eAAO,eAAe,GAAGA,eAAO,aAAa,GAAGA,eAAO;oBAClF,oBAAC;UAAK,WAAWA,eAAO;oBAAwB;WAAuB,EACvE,oBAAC;UAAK,WAAWA,eAAO;oBAAuB;WAAsB;UACvD;SACG;QACR;OACX;;KACF;;GACS"}

package/dist/skins/frosted.css

@@ -1,4 +0,0 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-@layer base{.vjs *,.vjs :after,.vjs :before,.vjs ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.vjs ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.vjs,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.vjs hr{height:0;color:inherit;border-top-width:1px}.vjs abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.vjs h1,.vjs h2,.vjs h3,.vjs h4,.vjs h5,.vjs h6{font-size:inherit;font-weight:inherit}.vjs a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.vjs b,.vjs strong{font-weight:bolder}.vjs code,.vjs kbd,.vjs samp,.vjs pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.vjs small{font-size:80%}.vjs sub,.vjs sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.vjs sub{bottom:-.25em}.vjs sup{top:-.5em}.vjs table{text-indent:0;border-color:inherit;border-collapse:collapse}.vjs :-moz-focusring{outline:auto}.vjs progress{vertical-align:baseline}.vjs summary{display:list-item}.vjs ol,.vjs ul,.vjs menu{list-style:none}.vjs img,.vjs svg,.vjs video,.vjs canvas,.vjs audio,.vjs iframe,.vjs embed,.vjs object{vertical-align:middle;display:block}.vjs img,.vjs video{max-width:100%;height:auto}.vjs button,.vjs input,.vjs select,.vjs optgroup,.vjs textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.vjs ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.vjs :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.vjs :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.vjs ::file-selector-button{margin-inline-end:4px}.vjs ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.vjs ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.vjs ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}.vjs textarea{resize:vertical}.vjs ::-webkit-search-decoration{-webkit-appearance:none}.vjs ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.vjs ::-webkit-datetime-edit{display:inline-flex}.vjs ::-webkit-datetime-edit-fields-wrapper{padding:0}.vjs ::-webkit-datetime-edit{padding-block:0}.vjs ::-webkit-datetime-edit-year-field{padding-block:0}.vjs ::-webkit-datetime-edit-month-field{padding-block:0}.vjs ::-webkit-datetime-edit-day-field{padding-block:0}.vjs ::-webkit-datetime-edit-hour-field{padding-block:0}.vjs ::-webkit-datetime-edit-minute-field{padding-block:0}.vjs ::-webkit-datetime-edit-second-field{padding-block:0}.vjs ::-webkit-datetime-edit-millisecond-field{padding-block:0}.vjs ::-webkit-datetime-edit-meridiem-field{padding-block:0}.vjs ::-webkit-calendar-picker-indicator{line-height:1}.vjs :-moz-ui-invalid{box-shadow:none}.vjs button,.vjs input:where([type=button],[type=reset],[type=submit]){appearance:button}.vjs ::file-selector-button{appearance:button}.vjs ::-webkit-inner-spin-button{height:auto}.vjs ::-webkit-outer-spin-button{height:auto}.vjs [hidden]:where(:not([hidden=until-found])){display:none!important}}
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%;--tw-content:""}}}@layer theme{:root,:host{--vjs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vjs-color-blue-500:oklch(62.3% .214 259.815);--vjs-color-black:#000;--vjs-color-white:#fff;--vjs-spacing:.25rem;--vjs-text-xs:.75rem;--vjs-text-xs--line-height:calc(1/.75);--vjs-text-sm:.875rem;--vjs-text-sm--line-height:calc(1.25/.875);--vjs-radius-md:.375rem;--vjs-ease-out:cubic-bezier(0,0,.2,1);--vjs-blur-sm:8px;--vjs-blur-3xl:64px;--vjs-default-transition-duration:.15s;--vjs-default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base,components;@layer utilities{.vjs\:\@container\/controls{container:controls/inline-size}.vjs\:\@container\/root{container:root/inline-size}.vjs\:pointer-events-none{pointer-events:none}.vjs\:absolute{position:absolute}.vjs\:relative{position:relative}.vjs\:inset-0{inset:calc(var(--vjs-spacing)*0)}.vjs\:inset-x-0{inset-inline:calc(var(--vjs-spacing)*0)}.vjs\:inset-x-3{inset-inline:calc(var(--vjs-spacing)*3)}.vjs\:bottom-0{bottom:calc(var(--vjs-spacing)*0)}.vjs\:bottom-3{bottom:calc(var(--vjs-spacing)*3)}.vjs\:isolate{isolation:isolate}.vjs\:z-10{z-index:10}.vjs\:z-20{z-index:20}.vjs\:mx-2{margin-inline:calc(var(--vjs-spacing)*2)}.vjs\:contents{display:contents}.vjs\:flex{display:flex}.vjs\:grid{display:grid}.vjs\:hidden{display:none}.vjs\:size-2\.5{width:calc(var(--vjs-spacing)*2.5);height:calc(var(--vjs-spacing)*2.5)}.vjs\:size-3{width:calc(var(--vjs-spacing)*3);height:calc(var(--vjs-spacing)*3)}.vjs\:flex-1{flex:1}.vjs\:shrink-0{flex-shrink:0}.vjs\:origin-bottom{transform-origin:bottom}.vjs\:origin-center{transform-origin:50%}.vjs\:translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:scale-70{--tw-scale-x:70%;--tw-scale-y:70%;--tw-scale-z:70%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:cursor-pointer{cursor:pointer}.vjs\:flex-col{flex-direction:column}.vjs\:items-center{align-items:center}.vjs\:justify-center{justify-content:center}.vjs\:gap-0\.5{gap:calc(var(--vjs-spacing)*.5)}.vjs\:gap-1\.5{gap:calc(var(--vjs-spacing)*1.5)}.vjs\:gap-3{gap:calc(var(--vjs-spacing)*3)}.vjs\:gap-3\.5{gap:calc(var(--vjs-spacing)*3.5)}.vjs\:overflow-clip{overflow:clip}.vjs\:rounded{border-radius:.25rem}.vjs\:rounded-\(--frosted-border-radius\,2rem\){border-radius:var(--frosted-border-radius,2rem)}.vjs\:rounded-\(--minimal-border-radius\,0\.75rem\){border-radius:var(--minimal-border-radius,.75rem)}.vjs\:rounded-\[inherit\]{border-radius:inherit}.vjs\:rounded-full{border-radius:3.40282e38px}.vjs\:rounded-md{border-radius:var(--vjs-radius-md)}.vjs\:bg-black{background-color:var(--vjs-color-black)}.vjs\:bg-transparent{background-color:#0000}.vjs\:bg-white,.vjs\:bg-white\/10{background-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:bg-white\/10{background-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:bg-white\/20{background-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:bg-white\/20{background-color:color-mix(in oklab,var(--vjs-color-white)20%,transparent)}}.vjs\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.vjs\:from-black\/50{--tw-gradient-from:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--vjs-color-black)50%,transparent)}}.vjs\:from-black\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.vjs\:from-black\/70{--tw-gradient-from:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:from-black\/70{--tw-gradient-from:color-mix(in oklab,var(--vjs-color-black)70%,transparent)}}.vjs\:from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.vjs\:via-black\/20{--tw-gradient-via:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:via-black\/20{--tw-gradient-via:color-mix(in oklab,var(--vjs-color-black)20%,transparent)}}.vjs\:via-black\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.vjs\:via-black\/50{--tw-gradient-via:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:via-black\/50{--tw-gradient-via:color-mix(in oklab,var(--vjs-color-black)50%,transparent)}}.vjs\:via-black\/50{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.vjs\:via-\[7\.5rem\]{--tw-gradient-via-position:7.5rem}.vjs\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.vjs\:p-1{padding:calc(var(--vjs-spacing)*1)}.vjs\:p-2{padding:calc(var(--vjs-spacing)*2)}.vjs\:p-2\.5{padding:calc(var(--vjs-spacing)*2.5)}.vjs\:px-1{padding-inline:calc(var(--vjs-spacing)*1)}.vjs\:px-1\.5{padding-inline:calc(var(--vjs-spacing)*1.5)}.vjs\:px-2{padding-inline:calc(var(--vjs-spacing)*2)}.vjs\:px-2\.5{padding-inline:calc(var(--vjs-spacing)*2.5)}.vjs\:px-3{padding-inline:calc(var(--vjs-spacing)*3)}.vjs\:py-1{padding-block:calc(var(--vjs-spacing)*1)}.vjs\:py-2{padding-block:calc(var(--vjs-spacing)*2)}.vjs\:py-3{padding-block:calc(var(--vjs-spacing)*3)}.vjs\:pt-10{padding-top:calc(var(--vjs-spacing)*10)}.vjs\:pb-3{padding-bottom:calc(var(--vjs-spacing)*3)}.vjs\:font-sans{font-family:var(--vjs-font-sans)}.vjs\:text-xs{font-size:var(--vjs-text-xs);line-height:var(--tw-leading,var(--vjs-text-xs--line-height))}.vjs\:text-\[0\.8125rem\]{font-size:.8125rem}.vjs\:whitespace-nowrap{white-space:nowrap}.vjs\:text-white,.vjs\:text-white\/50{color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:text-white\/50{color:color-mix(in oklab,var(--vjs-color-white)50%,transparent)}}.vjs\:text-white\/90{color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:text-white\/90{color:color-mix(in oklab,var(--vjs-color-white)90%,transparent)}}.vjs\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.vjs\:subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.vjs\:opacity-0{opacity:0}.vjs\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:ring,.vjs\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:shadow-black\/5{--tw-shadow-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:shadow-black\/5{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--vjs-color-black)5%,transparent)var(--tw-shadow-alpha),transparent)}}.vjs\:shadow-black\/15{--tw-shadow-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:shadow-black\/15{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--vjs-color-black)15%,transparent)var(--tw-shadow-alpha),transparent)}}.vjs\:ring-black\/5{--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:ring-black\/5{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)5%,transparent)}}.vjs\:ring-black\/10{--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:ring-black\/10{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)10%,transparent)}}.vjs\:ring-white\/10{--tw-ring-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:ring-white\/10{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:outline-0{outline-style:var(--tw-outline-style);outline-width:0}.vjs\:-outline-offset-2{outline-offset:calc(2px*-1)}.vjs\:blur-sm{--tw-blur:blur(var(--vjs-blur-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:backdrop-blur-3xl{--tw-backdrop-blur:blur(var(--vjs-blur-3xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.vjs\:backdrop-brightness-90{--tw-backdrop-brightness:brightness(90%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.vjs\:backdrop-saturate-150{--tw-backdrop-saturate:saturate(150%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.vjs\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-\[color\,background\,outline-offset\]{transition-property:color,background,outline-offset;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-\[opacity\,height\,width\]{transition-property:opacity,height,width;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-\[opacity\,scale\]{transition-property:opacity,scale;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-\[outline-offset\]{transition-property:outline-offset;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-\[transform\,scale\,opacity\,filter\]{transition-property:transform,scale,opacity,filter;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:delay-500{transition-delay:.5s}.vjs\:duration-200{--tw-duration:.2s;transition-duration:.2s}.vjs\:duration-300{--tw-duration:.3s;transition-duration:.3s}.vjs\:ease-out{--tw-ease:var(--vjs-ease-out);transition-timing-function:var(--vjs-ease-out)}.vjs\:will-change-\[transform\,filter\,opacity\]{will-change:transform,filter,opacity}.vjs\:will-change-\[transform\,scale\,filter\,opacity\]{will-change:transform,scale,filter,opacity}.vjs\:select-none{-webkit-user-select:none;user-select:none}.vjs\:text-shadow-2xs\/20{--tw-text-shadow-alpha:20%;text-shadow:0px 1px 0px var(--tw-text-shadow-color,oklab(0% 0 0/.2))}.vjs\:text-shadow-2xs\/25{--tw-text-shadow-alpha:25%;text-shadow:0px 1px 0px var(--tw-text-shadow-color,oklab(0% 0 0/.25))}.vjs\:ring-inset{--tw-ring-inset:inset}.vjs\:group-focus-within\/slider\:opacity-100:is(:where(.vjs\:group\/slider):focus-within *){opacity:1}@media (hover:hover){.vjs\:group-hover\/root\:translate-y-0:is(:where(.vjs\:group\/root):hover *){--tw-translate-y:calc(var(--vjs-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/root\:scale-100:is(:where(.vjs\:group\/root):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:group-hover\/root\:opacity-100:is(:where(.vjs\:group\/root):hover *){opacity:1}.vjs\:group-hover\/root\:blur-none:is(:where(.vjs\:group\/root):hover *){--tw-blur: ;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:group-hover\/root\:delay-0:is(:where(.vjs\:group\/root):hover *){transition-delay:0s}.vjs\:group-hover\/root\:duration-75:is(:where(.vjs\:group\/root):hover *){--tw-duration:75ms;transition-duration:75ms}.vjs\:group-hover\/root\:duration-100:is(:where(.vjs\:group\/root):hover *){--tw-duration:.1s;transition-duration:.1s}.vjs\:group-hover\/slider\:scale-100:is(:where(.vjs\:group\/slider):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:group-hover\/slider\:opacity-100:is(:where(.vjs\:group\/slider):hover *){opacity:1}}.vjs\:group-focus-visible\/slider\:outline-2:is(:where(.vjs\:group\/slider):focus-visible *){outline-style:var(--tw-outline-style);outline-width:2px}.vjs\:group-focus-visible\/slider\:outline-offset-6:is(:where(.vjs\:group\/slider):focus-visible *){outline-offset:6px}.vjs\:group-focus-visible\/slider\:outline-blue-500:is(:where(.vjs\:group\/slider):focus-visible *){outline-color:var(--vjs-color-blue-500)}.vjs\:group-focus-visible\/slider\:outline-white:is(:where(.vjs\:group\/slider):focus-visible *){outline-color:var(--vjs-color-white)}.vjs\:group-active\/slider\:size-3:is(:where(.vjs\:group\/slider):active *){width:calc(var(--vjs-spacing)*3);height:calc(var(--vjs-spacing)*3)}.vjs\:group-data-fullscreen\/button\:hidden:is(:where(.vjs\:group\/button)[data-fullscreen] *){display:none}.vjs\:group-data-fullscreen\/button\:inline:is(:where(.vjs\:group\/button)[data-fullscreen] *){display:inline}.vjs\:group-data-paused\/button\:opacity-0:is(:where(.vjs\:group\/button)[data-paused] *){opacity:0}.vjs\:group-data-paused\/button\:opacity-100:is(:where(.vjs\:group\/button)[data-paused] *){opacity:1}.vjs\:group-data-\[volume-level\=high\]\/button\:inline:is(:where(.vjs\:group\/button)[data-volume-level=high] *),.vjs\:group-data-\[volume-level\=low\]\/button\:inline:is(:where(.vjs\:group\/button)[data-volume-level=low] *),.vjs\:group-data-\[volume-level\=medium\]\/button\:inline:is(:where(.vjs\:group\/button)[data-volume-level=medium] *),.vjs\:group-data-\[volume-level\=off\]\/button\:inline:is(:where(.vjs\:group\/button)[data-volume-level=off] *){display:inline}.vjs\:before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.vjs\:before\:absolute:before{content:var(--tw-content);position:absolute}.vjs\:before\:inset-px:before{content:var(--tw-content);inset:1px}.vjs\:before\:z-10:before{content:var(--tw-content);z-index:10}.vjs\:before\:rounded-\[inherit\]:before{content:var(--tw-content);border-radius:inherit}.vjs\:before\:ring-1:before{content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:before\:ring-white\/15:before{content:var(--tw-content);--tw-ring-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:before\:ring-white\/15:before{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)15%,transparent)}}.vjs\:before\:ring-inset:before{content:var(--tw-content);--tw-ring-inset:inset}.vjs\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.vjs\:after\:absolute:after{content:var(--tw-content);position:absolute}.vjs\:after\:inset-0:after{content:var(--tw-content);inset:calc(var(--vjs-spacing)*0)}.vjs\:after\:z-10:after{content:var(--tw-content);z-index:10}.vjs\:after\:rounded-\[inherit\]:after{content:var(--tw-content);border-radius:inherit}.vjs\:after\:ring:after,.vjs\:after\:ring-1:after{content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:after\:ring-black\/10:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:after\:ring-black\/10:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)10%,transparent)}}.vjs\:after\:ring-black\/15:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:after\:ring-black\/15:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)15%,transparent)}}.vjs\:after\:ring-inset:after{content:var(--tw-content);--tw-ring-inset:inset}@media (hover:hover){.vjs\:hover\:bg-white\/10:hover{background-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:hover\:text-white:hover,.vjs\:hover\:text-white\/80:hover{color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:hover\:text-white\/80:hover{color:color-mix(in oklab,var(--vjs-color-white)80%,transparent)}}.vjs\:hover\:no-underline:hover{text-decoration-line:none}}.vjs\:focus-visible\:bg-white\/10:focus-visible{background-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:focus-visible\:bg-white\/10:focus-visible{background-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:focus-visible\:text-white:focus-visible,.vjs\:focus-visible\:text-white\/80:focus-visible{color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:focus-visible\:text-white\/80:focus-visible{color:color-mix(in oklab,var(--vjs-color-white)80%,transparent)}}.vjs\:focus-visible\:no-underline:focus-visible{text-decoration-line:none}.vjs\:focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.vjs\:focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.vjs\:focus-visible\:outline-blue-500:focus-visible{outline-color:var(--vjs-color-blue-500)}.vjs\:focus-visible\:outline-white:focus-visible{outline-color:var(--vjs-color-white)}.vjs\:active\:size-3:active{width:calc(var(--vjs-spacing)*3);height:calc(var(--vjs-spacing)*3)}.vjs\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.vjs\:disabled\:opacity-50:disabled{opacity:.5}.vjs\:disabled\:grayscale:disabled{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:translate-y-0:has([aria-expanded=true]){--tw-translate-y:calc(var(--vjs-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:scale-100:has([aria-expanded=true]){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:opacity-100:has([aria-expanded=true]){opacity:1}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:blur-none:has([aria-expanded=true]){--tw-blur: ;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:delay-0:has([aria-expanded=true]){transition-delay:0s}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:duration-75:has([aria-expanded=true]){--tw-duration:75ms;transition-duration:75ms}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:duration-100:has([aria-expanded=true]){--tw-duration:.1s;transition-duration:.1s}.vjs\:has-\[\[data-paused\]\]\:translate-y-0:has([data-paused]){--tw-translate-y:calc(var(--vjs-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:has-\[\[data-paused\]\]\:scale-100:has([data-paused]){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:has-\[\[data-paused\]\]\:opacity-100:has([data-paused]){opacity:1}.vjs\:has-\[\[data-paused\]\]\:blur-none:has([data-paused]){--tw-blur: ;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:has-\[\[data-paused\]\]\:delay-0:has([data-paused]){transition-delay:0s}.vjs\:has-\[\[data-paused\]\]\:duration-75:has([data-paused]){--tw-duration:75ms;transition-duration:75ms}.vjs\:has-\[\[data-paused\]\]\:duration-100:has([data-paused]){--tw-duration:.1s;transition-duration:.1s}.vjs\:has-\[\+\.controls_\[aria-expanded\=\"true\"\]\]\:opacity-100:has(+.controls [aria-expanded=true]){opacity:1}.vjs\:has-\[\+\.controls_\[aria-expanded\=\"true\"\]\]\:delay-0:has(+.controls [aria-expanded=true]){transition-delay:0s}.vjs\:has-\[\+\.controls_\[aria-expanded\=\"true\"\]\]\:duration-75:has(+.controls [aria-expanded=true]){--tw-duration:75ms;transition-duration:75ms}.vjs\:has-\[\+\.controls_\[aria-expanded\=\"true\"\]\]\:duration-100:has(+.controls [aria-expanded=true]){--tw-duration:.1s;transition-duration:.1s}.vjs\:has-\[\+\.controls_\[data-paused\]\]\:opacity-100:has(+.controls [data-paused]){opacity:1}.vjs\:has-\[\+\.controls_\[data-paused\]\]\:delay-0:has(+.controls [data-paused]){transition-delay:0s}.vjs\:has-\[\+\.controls_\[data-paused\]\]\:duration-75:has(+.controls [data-paused]){--tw-duration:75ms;transition-duration:75ms}.vjs\:has-\[\+\.controls_\[data-paused\]\]\:duration-100:has(+.controls [data-paused]){--tw-duration:.1s;transition-duration:.1s}.vjs\:aria-busy\:pointer-events-none[aria-busy=true]{pointer-events:none}.vjs\:aria-busy\:cursor-not-allowed[aria-busy=true]{cursor:not-allowed}.vjs\:aria-expanded\:bg-white\/10[aria-expanded=true]{background-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:aria-expanded\:bg-white\/10[aria-expanded=true]{background-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:aria-expanded\:text-white[aria-expanded=true],.vjs\:aria-expanded\:text-white\/80[aria-expanded=true]{color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:aria-expanded\:text-white\/80[aria-expanded=true]{color:color-mix(in oklab,var(--vjs-color-white)80%,transparent)}}.vjs\:data-ending-style\:scale-0[data-ending-style]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:data-ending-style\:opacity-0[data-ending-style]{opacity:0}.vjs\:data-ending-style\:blur-sm[data-ending-style]{--tw-blur:blur(var(--vjs-blur-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:data-instant\:duration-0[data-instant]{--tw-duration:0s;transition-duration:0s}.vjs\:data-starting-style\:scale-0[data-starting-style]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:data-starting-style\:opacity-0[data-starting-style]{opacity:0}.vjs\:data-starting-style\:blur-sm[data-starting-style]{--tw-blur:blur(var(--vjs-blur-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:data-\[orientation\=horizontal\]\:h-1[data-orientation=horizontal]{height:calc(var(--vjs-spacing)*1)}.vjs\:data-\[orientation\=horizontal\]\:h-5[data-orientation=horizontal]{height:calc(var(--vjs-spacing)*5)}.vjs\:data-\[orientation\=horizontal\]\:h-\[0\.1875rem\][data-orientation=horizontal]{height:.1875rem}.vjs\:data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.vjs\:data-\[orientation\=horizontal\]\:min-w-20[data-orientation=horizontal]{min-width:calc(var(--vjs-spacing)*20)}@media (hover:hover){.vjs\:data-\[orientation\=horizontal\]\:hover\:cursor-ew-resize[data-orientation=horizontal]:hover{cursor:ew-resize}}.vjs\:data-\[orientation\=vertical\]\:h-18[data-orientation=vertical]{height:calc(var(--vjs-spacing)*18)}.vjs\:data-\[orientation\=vertical\]\:h-20[data-orientation=vertical]{height:calc(var(--vjs-spacing)*20)}.vjs\:data-\[orientation\=vertical\]\:w-1[data-orientation=vertical]{width:calc(var(--vjs-spacing)*1)}.vjs\:data-\[orientation\=vertical\]\:w-5[data-orientation=vertical]{width:calc(var(--vjs-spacing)*5)}.vjs\:data-\[orientation\=vertical\]\:w-\[0\.1875rem\][data-orientation=vertical]{width:.1875rem}@media (hover:hover){.vjs\:data-\[orientation\=vertical\]\:hover\:cursor-ns-resize[data-orientation=vertical]:hover{cursor:ns-resize}}@media (prefers-contrast:more){.vjs\:contrast-more\:bg-black\/90{background-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:contrast-more\:bg-black\/90{background-color:color-mix(in oklab,var(--vjs-color-black)90%,transparent)}}.vjs\:contrast-more\:from-black\/75{--tw-gradient-from:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:contrast-more\:from-black\/75{--tw-gradient-from:color-mix(in oklab,var(--vjs-color-black)75%,transparent)}}.vjs\:contrast-more\:from-black\/75{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.vjs\:contrast-more\:ring-black{--tw-ring-color:var(--vjs-color-black)}.vjs\:contrast-more\:after\:ring-white\/20:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:contrast-more\:after\:ring-white\/20:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)20%,transparent)}}}@container root (min-width:80rem){.vjs\:\@7xl\/root\:text-sm{font-size:var(--vjs-text-sm);line-height:var(--tw-leading,var(--vjs-text-sm--line-height))}}@media (prefers-color-scheme:dark){.vjs\:dark\:before\:ring-0:before{content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:dark\:after\:ring-white\/10:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:dark\:after\:ring-white\/10:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:dark\:after\:ring-white\/15:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:dark\:after\:ring-white\/15:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)15%,transparent)}}}.vjs\:reduced-transparency\:bg-black\/70 medi{background-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:reduced-transparency\:bg-black\/70 medi{background-color:color-mix(in oklab,var(--vjs-color-black)70%,transparent)}}.vjs\:reduced-transparency\:ring-black medi{--tw-ring-color:var(--vjs-color-black)}.vjs\:reduced-transparency\:after\:ring-white\/20 medi:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:reduced-transparency\:after\:ring-white\/20 medi:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)20%,transparent)}}.vjs\:\[\&_\.arrow-1\]\:-translate-x-px .arrow-1{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:\[\&_\.arrow-1\]\:translate-x-px .arrow-1{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:\[\&_\.arrow-1\]\:-translate-y-px .arrow-1{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}@media (hover:hover){.vjs\:group-hover\/button\:\[\&_\.arrow-1\]\:translate-0:is(:where(.vjs\:group\/button):hover *) .arrow-1{--tw-translate-x:calc(var(--vjs-spacing)*0);--tw-translate-y:calc(var(--vjs-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-1\]\:-translate-x-px:is(:where(.vjs\:group\/button):hover *) .arrow-1{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-1\]\:translate-x-px:is(:where(.vjs\:group\/button):hover *) .arrow-1{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-1\]\:-translate-y-px:is(:where(.vjs\:group\/button):hover *) .arrow-1{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}}.vjs\:\[\&_\.arrow-2\]\:-translate-x-px .arrow-2{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:\[\&_\.arrow-2\]\:translate-x-px .arrow-2{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:\[\&_\.arrow-2\]\:translate-y-px .arrow-2{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}@media (hover:hover){.vjs\:group-hover\/button\:\[\&_\.arrow-2\]\:translate-0:is(:where(.vjs\:group\/button):hover *) .arrow-2{--tw-translate-x:calc(var(--vjs-spacing)*0);--tw-translate-y:calc(var(--vjs-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-2\]\:-translate-x-px:is(:where(.vjs\:group\/button):hover *) .arrow-2{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-2\]\:translate-x-px:is(:where(.vjs\:group\/button):hover *) .arrow-2{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-2\]\:translate-y-px:is(:where(.vjs\:group\/button):hover *) .arrow-2{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}}.vjs\:\[\&_\.fullscreen-enter-tooltip\]\:inline .fullscreen-enter-tooltip{display:inline}.vjs\:data-fullscreen\:\[\&_\.fullscreen-enter-tooltip\]\:hidden[data-fullscreen] .fullscreen-enter-tooltip,.vjs\:\[\&_\.fullscreen-exit-tooltip\]\:hidden .fullscreen-exit-tooltip{display:none}.vjs\:data-fullscreen\:\[\&_\.fullscreen-exit-tooltip\]\:inline[data-fullscreen] .fullscreen-exit-tooltip{display:inline}.vjs\:\[\&_\.icon\]\:shrink-0 .icon{flex-shrink:0}.vjs\:\[\&_\.icon\]\:shadow-black\/25 .icon{--tw-shadow-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:\[\&_\.icon\]\:shadow-black\/25 .icon{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--vjs-color-black)25%,transparent)var(--tw-shadow-alpha),transparent)}}.vjs\:\[\&_\.icon\]\:shadow-black\/40 .icon{--tw-shadow-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:\[\&_\.icon\]\:shadow-black\/40 .icon{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--vjs-color-black)40%,transparent)var(--tw-shadow-alpha),transparent)}}.vjs\:\[\&_\.icon\]\:drop-shadow-\[0_1px_0_var\(--tw-shadow-color\)\] .icon{--tw-drop-shadow-size:drop-shadow(0 1px 0 var(--tw-drop-shadow-color,var(--tw-shadow-color)));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:\[\&_\.icon\]\:transition-opacity .icon{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:\[\&_\.icon\]\:duration-150 .icon{--tw-duration:.15s;transition-duration:.15s}.vjs\:\[\&_\.icon\]\:ease-linear .icon{--tw-ease:linear;transition-timing-function:linear}.vjs\:\[\&_\.icon\]\:\[grid-area\:1\/1\] .icon{grid-area:1/1}.vjs\:\[\&_\.pause-tooltip\]\:inline .pause-tooltip{display:inline}.vjs\:data-paused\:\[\&_\.pause-tooltip\]\:hidden[data-paused] .pause-tooltip,.vjs\:\[\&_\.play-tooltip\]\:hidden .play-tooltip{display:none}.vjs\:data-paused\:\[\&_\.play-tooltip\]\:inline[data-paused] .play-tooltip{display:inline}.vjs\:\[\&_path\]\:transition-transform path{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:\[\&_path\]\:ease-out path{--tw-ease:var(--vjs-ease-out);transition-timing-function:var(--vjs-ease-out)}.vjs\:\[\&_video\]\:h-full video{height:100%}.vjs\:\[\&_video\]\:w-full video{width:100%}.vjs\:\[\&\:fullscreen\]\:rounded-none:fullscreen{border-radius:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-content{syntax:"*";inherits:false;initial-value:""}

package/dist/skins/frosted.d.ts

@@ -1,2 +0,0 @@
-import { t as FrostedSkin } from "../FrostedSkin-t8edr5LV.js";
-export { FrostedSkin };

package/dist/skins/frosted.js

@@ -1,9 +0,0 @@
-'use client';
-
-
-import "../store-hGO5HE2A.js";
-import "../VolumeSlider-DBvAU2X3.js";
-import "../icons-BqfV81R8.js";
-import { t as FrostedSkin } from "../frosted-D2OXDJRV.js";
-
-export { FrostedSkin };

package/dist/skins/minimal.css

@@ -1,4 +0,0 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-@layer base{.vjs *,.vjs :after,.vjs :before,.vjs ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.vjs ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.vjs,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.vjs hr{height:0;color:inherit;border-top-width:1px}.vjs abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.vjs h1,.vjs h2,.vjs h3,.vjs h4,.vjs h5,.vjs h6{font-size:inherit;font-weight:inherit}.vjs a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.vjs b,.vjs strong{font-weight:bolder}.vjs code,.vjs kbd,.vjs samp,.vjs pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.vjs small{font-size:80%}.vjs sub,.vjs sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.vjs sub{bottom:-.25em}.vjs sup{top:-.5em}.vjs table{text-indent:0;border-color:inherit;border-collapse:collapse}.vjs :-moz-focusring{outline:auto}.vjs progress{vertical-align:baseline}.vjs summary{display:list-item}.vjs ol,.vjs ul,.vjs menu{list-style:none}.vjs img,.vjs svg,.vjs video,.vjs canvas,.vjs audio,.vjs iframe,.vjs embed,.vjs object{vertical-align:middle;display:block}.vjs img,.vjs video{max-width:100%;height:auto}.vjs button,.vjs input,.vjs select,.vjs optgroup,.vjs textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.vjs ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.vjs :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.vjs :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.vjs ::file-selector-button{margin-inline-end:4px}.vjs ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.vjs ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.vjs ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}.vjs textarea{resize:vertical}.vjs ::-webkit-search-decoration{-webkit-appearance:none}.vjs ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.vjs ::-webkit-datetime-edit{display:inline-flex}.vjs ::-webkit-datetime-edit-fields-wrapper{padding:0}.vjs ::-webkit-datetime-edit{padding-block:0}.vjs ::-webkit-datetime-edit-year-field{padding-block:0}.vjs ::-webkit-datetime-edit-month-field{padding-block:0}.vjs ::-webkit-datetime-edit-day-field{padding-block:0}.vjs ::-webkit-datetime-edit-hour-field{padding-block:0}.vjs ::-webkit-datetime-edit-minute-field{padding-block:0}.vjs ::-webkit-datetime-edit-second-field{padding-block:0}.vjs ::-webkit-datetime-edit-millisecond-field{padding-block:0}.vjs ::-webkit-datetime-edit-meridiem-field{padding-block:0}.vjs ::-webkit-calendar-picker-indicator{line-height:1}.vjs :-moz-ui-invalid{box-shadow:none}.vjs button,.vjs input:where([type=button],[type=reset],[type=submit]){appearance:button}.vjs ::file-selector-button{appearance:button}.vjs ::-webkit-inner-spin-button{height:auto}.vjs ::-webkit-outer-spin-button{height:auto}.vjs [hidden]:where(:not([hidden=until-found])){display:none!important}}
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%;--tw-content:""}}}@layer theme{:root,:host{--vjs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vjs-color-blue-500:oklch(62.3% .214 259.815);--vjs-color-black:#000;--vjs-color-white:#fff;--vjs-spacing:.25rem;--vjs-text-xs:.75rem;--vjs-text-xs--line-height:calc(1/.75);--vjs-text-sm:.875rem;--vjs-text-sm--line-height:calc(1.25/.875);--vjs-radius-md:.375rem;--vjs-ease-out:cubic-bezier(0,0,.2,1);--vjs-blur-sm:8px;--vjs-blur-3xl:64px;--vjs-default-transition-duration:.15s;--vjs-default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base,components;@layer utilities{.vjs\:\@container\/controls{container:controls/inline-size}.vjs\:\@container\/root{container:root/inline-size}.vjs\:pointer-events-none{pointer-events:none}.vjs\:absolute{position:absolute}.vjs\:relative{position:relative}.vjs\:inset-0{inset:calc(var(--vjs-spacing)*0)}.vjs\:inset-x-0{inset-inline:calc(var(--vjs-spacing)*0)}.vjs\:inset-x-3{inset-inline:calc(var(--vjs-spacing)*3)}.vjs\:bottom-0{bottom:calc(var(--vjs-spacing)*0)}.vjs\:bottom-3{bottom:calc(var(--vjs-spacing)*3)}.vjs\:isolate{isolation:isolate}.vjs\:z-10{z-index:10}.vjs\:z-20{z-index:20}.vjs\:mx-2{margin-inline:calc(var(--vjs-spacing)*2)}.vjs\:contents{display:contents}.vjs\:flex{display:flex}.vjs\:grid{display:grid}.vjs\:hidden{display:none}.vjs\:size-2\.5{width:calc(var(--vjs-spacing)*2.5);height:calc(var(--vjs-spacing)*2.5)}.vjs\:size-3{width:calc(var(--vjs-spacing)*3);height:calc(var(--vjs-spacing)*3)}.vjs\:flex-1{flex:1}.vjs\:shrink-0{flex-shrink:0}.vjs\:origin-bottom{transform-origin:bottom}.vjs\:origin-center{transform-origin:50%}.vjs\:translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:scale-70{--tw-scale-x:70%;--tw-scale-y:70%;--tw-scale-z:70%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:cursor-pointer{cursor:pointer}.vjs\:flex-col{flex-direction:column}.vjs\:items-center{align-items:center}.vjs\:justify-center{justify-content:center}.vjs\:gap-0\.5{gap:calc(var(--vjs-spacing)*.5)}.vjs\:gap-1\.5{gap:calc(var(--vjs-spacing)*1.5)}.vjs\:gap-3{gap:calc(var(--vjs-spacing)*3)}.vjs\:gap-3\.5{gap:calc(var(--vjs-spacing)*3.5)}.vjs\:overflow-clip{overflow:clip}.vjs\:rounded{border-radius:.25rem}.vjs\:rounded-\(--frosted-border-radius\,2rem\){border-radius:var(--frosted-border-radius,2rem)}.vjs\:rounded-\(--minimal-border-radius\,0\.75rem\){border-radius:var(--minimal-border-radius,.75rem)}.vjs\:rounded-\[inherit\]{border-radius:inherit}.vjs\:rounded-full{border-radius:3.40282e38px}.vjs\:rounded-md{border-radius:var(--vjs-radius-md)}.vjs\:bg-black{background-color:var(--vjs-color-black)}.vjs\:bg-transparent{background-color:#0000}.vjs\:bg-white,.vjs\:bg-white\/10{background-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:bg-white\/10{background-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:bg-white\/20{background-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:bg-white\/20{background-color:color-mix(in oklab,var(--vjs-color-white)20%,transparent)}}.vjs\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.vjs\:from-black\/50{--tw-gradient-from:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--vjs-color-black)50%,transparent)}}.vjs\:from-black\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.vjs\:from-black\/70{--tw-gradient-from:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:from-black\/70{--tw-gradient-from:color-mix(in oklab,var(--vjs-color-black)70%,transparent)}}.vjs\:from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.vjs\:via-black\/20{--tw-gradient-via:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:via-black\/20{--tw-gradient-via:color-mix(in oklab,var(--vjs-color-black)20%,transparent)}}.vjs\:via-black\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.vjs\:via-black\/50{--tw-gradient-via:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:via-black\/50{--tw-gradient-via:color-mix(in oklab,var(--vjs-color-black)50%,transparent)}}.vjs\:via-black\/50{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.vjs\:via-\[7\.5rem\]{--tw-gradient-via-position:7.5rem}.vjs\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.vjs\:p-1{padding:calc(var(--vjs-spacing)*1)}.vjs\:p-2{padding:calc(var(--vjs-spacing)*2)}.vjs\:p-2\.5{padding:calc(var(--vjs-spacing)*2.5)}.vjs\:px-1{padding-inline:calc(var(--vjs-spacing)*1)}.vjs\:px-1\.5{padding-inline:calc(var(--vjs-spacing)*1.5)}.vjs\:px-2{padding-inline:calc(var(--vjs-spacing)*2)}.vjs\:px-2\.5{padding-inline:calc(var(--vjs-spacing)*2.5)}.vjs\:px-3{padding-inline:calc(var(--vjs-spacing)*3)}.vjs\:py-1{padding-block:calc(var(--vjs-spacing)*1)}.vjs\:py-2{padding-block:calc(var(--vjs-spacing)*2)}.vjs\:py-3{padding-block:calc(var(--vjs-spacing)*3)}.vjs\:pt-10{padding-top:calc(var(--vjs-spacing)*10)}.vjs\:pb-3{padding-bottom:calc(var(--vjs-spacing)*3)}.vjs\:font-sans{font-family:var(--vjs-font-sans)}.vjs\:text-xs{font-size:var(--vjs-text-xs);line-height:var(--tw-leading,var(--vjs-text-xs--line-height))}.vjs\:text-\[0\.8125rem\]{font-size:.8125rem}.vjs\:whitespace-nowrap{white-space:nowrap}.vjs\:text-white,.vjs\:text-white\/50{color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:text-white\/50{color:color-mix(in oklab,var(--vjs-color-white)50%,transparent)}}.vjs\:text-white\/90{color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:text-white\/90{color:color-mix(in oklab,var(--vjs-color-white)90%,transparent)}}.vjs\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.vjs\:subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.vjs\:opacity-0{opacity:0}.vjs\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:ring,.vjs\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:shadow-black\/5{--tw-shadow-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:shadow-black\/5{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--vjs-color-black)5%,transparent)var(--tw-shadow-alpha),transparent)}}.vjs\:shadow-black\/15{--tw-shadow-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:shadow-black\/15{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--vjs-color-black)15%,transparent)var(--tw-shadow-alpha),transparent)}}.vjs\:ring-black\/5{--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:ring-black\/5{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)5%,transparent)}}.vjs\:ring-black\/10{--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:ring-black\/10{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)10%,transparent)}}.vjs\:ring-white\/10{--tw-ring-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:ring-white\/10{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:outline-0{outline-style:var(--tw-outline-style);outline-width:0}.vjs\:-outline-offset-2{outline-offset:calc(2px*-1)}.vjs\:blur-sm{--tw-blur:blur(var(--vjs-blur-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:backdrop-blur-3xl{--tw-backdrop-blur:blur(var(--vjs-blur-3xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.vjs\:backdrop-brightness-90{--tw-backdrop-brightness:brightness(90%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.vjs\:backdrop-saturate-150{--tw-backdrop-saturate:saturate(150%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.vjs\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-\[color\,background\,outline-offset\]{transition-property:color,background,outline-offset;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-\[opacity\,height\,width\]{transition-property:opacity,height,width;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-\[opacity\,scale\]{transition-property:opacity,scale;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-\[outline-offset\]{transition-property:outline-offset;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-\[transform\,scale\,opacity\,filter\]{transition-property:transform,scale,opacity,filter;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:delay-500{transition-delay:.5s}.vjs\:duration-200{--tw-duration:.2s;transition-duration:.2s}.vjs\:duration-300{--tw-duration:.3s;transition-duration:.3s}.vjs\:ease-out{--tw-ease:var(--vjs-ease-out);transition-timing-function:var(--vjs-ease-out)}.vjs\:will-change-\[transform\,filter\,opacity\]{will-change:transform,filter,opacity}.vjs\:will-change-\[transform\,scale\,filter\,opacity\]{will-change:transform,scale,filter,opacity}.vjs\:select-none{-webkit-user-select:none;user-select:none}.vjs\:text-shadow-2xs\/20{--tw-text-shadow-alpha:20%;text-shadow:0px 1px 0px var(--tw-text-shadow-color,oklab(0% 0 0/.2))}.vjs\:text-shadow-2xs\/25{--tw-text-shadow-alpha:25%;text-shadow:0px 1px 0px var(--tw-text-shadow-color,oklab(0% 0 0/.25))}.vjs\:ring-inset{--tw-ring-inset:inset}.vjs\:group-focus-within\/slider\:opacity-100:is(:where(.vjs\:group\/slider):focus-within *){opacity:1}@media (hover:hover){.vjs\:group-hover\/root\:translate-y-0:is(:where(.vjs\:group\/root):hover *){--tw-translate-y:calc(var(--vjs-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/root\:scale-100:is(:where(.vjs\:group\/root):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:group-hover\/root\:opacity-100:is(:where(.vjs\:group\/root):hover *){opacity:1}.vjs\:group-hover\/root\:blur-none:is(:where(.vjs\:group\/root):hover *){--tw-blur: ;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:group-hover\/root\:delay-0:is(:where(.vjs\:group\/root):hover *){transition-delay:0s}.vjs\:group-hover\/root\:duration-75:is(:where(.vjs\:group\/root):hover *){--tw-duration:75ms;transition-duration:75ms}.vjs\:group-hover\/root\:duration-100:is(:where(.vjs\:group\/root):hover *){--tw-duration:.1s;transition-duration:.1s}.vjs\:group-hover\/slider\:scale-100:is(:where(.vjs\:group\/slider):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:group-hover\/slider\:opacity-100:is(:where(.vjs\:group\/slider):hover *){opacity:1}}.vjs\:group-focus-visible\/slider\:outline-2:is(:where(.vjs\:group\/slider):focus-visible *){outline-style:var(--tw-outline-style);outline-width:2px}.vjs\:group-focus-visible\/slider\:outline-offset-6:is(:where(.vjs\:group\/slider):focus-visible *){outline-offset:6px}.vjs\:group-focus-visible\/slider\:outline-blue-500:is(:where(.vjs\:group\/slider):focus-visible *){outline-color:var(--vjs-color-blue-500)}.vjs\:group-focus-visible\/slider\:outline-white:is(:where(.vjs\:group\/slider):focus-visible *){outline-color:var(--vjs-color-white)}.vjs\:group-active\/slider\:size-3:is(:where(.vjs\:group\/slider):active *){width:calc(var(--vjs-spacing)*3);height:calc(var(--vjs-spacing)*3)}.vjs\:group-data-fullscreen\/button\:hidden:is(:where(.vjs\:group\/button)[data-fullscreen] *){display:none}.vjs\:group-data-fullscreen\/button\:inline:is(:where(.vjs\:group\/button)[data-fullscreen] *){display:inline}.vjs\:group-data-paused\/button\:opacity-0:is(:where(.vjs\:group\/button)[data-paused] *){opacity:0}.vjs\:group-data-paused\/button\:opacity-100:is(:where(.vjs\:group\/button)[data-paused] *){opacity:1}.vjs\:group-data-\[volume-level\=high\]\/button\:inline:is(:where(.vjs\:group\/button)[data-volume-level=high] *),.vjs\:group-data-\[volume-level\=low\]\/button\:inline:is(:where(.vjs\:group\/button)[data-volume-level=low] *),.vjs\:group-data-\[volume-level\=medium\]\/button\:inline:is(:where(.vjs\:group\/button)[data-volume-level=medium] *),.vjs\:group-data-\[volume-level\=off\]\/button\:inline:is(:where(.vjs\:group\/button)[data-volume-level=off] *){display:inline}.vjs\:before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.vjs\:before\:absolute:before{content:var(--tw-content);position:absolute}.vjs\:before\:inset-px:before{content:var(--tw-content);inset:1px}.vjs\:before\:z-10:before{content:var(--tw-content);z-index:10}.vjs\:before\:rounded-\[inherit\]:before{content:var(--tw-content);border-radius:inherit}.vjs\:before\:ring-1:before{content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:before\:ring-white\/15:before{content:var(--tw-content);--tw-ring-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:before\:ring-white\/15:before{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)15%,transparent)}}.vjs\:before\:ring-inset:before{content:var(--tw-content);--tw-ring-inset:inset}.vjs\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.vjs\:after\:absolute:after{content:var(--tw-content);position:absolute}.vjs\:after\:inset-0:after{content:var(--tw-content);inset:calc(var(--vjs-spacing)*0)}.vjs\:after\:z-10:after{content:var(--tw-content);z-index:10}.vjs\:after\:rounded-\[inherit\]:after{content:var(--tw-content);border-radius:inherit}.vjs\:after\:ring:after,.vjs\:after\:ring-1:after{content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:after\:ring-black\/10:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:after\:ring-black\/10:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)10%,transparent)}}.vjs\:after\:ring-black\/15:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:after\:ring-black\/15:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)15%,transparent)}}.vjs\:after\:ring-inset:after{content:var(--tw-content);--tw-ring-inset:inset}@media (hover:hover){.vjs\:hover\:bg-white\/10:hover{background-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:hover\:text-white:hover,.vjs\:hover\:text-white\/80:hover{color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:hover\:text-white\/80:hover{color:color-mix(in oklab,var(--vjs-color-white)80%,transparent)}}.vjs\:hover\:no-underline:hover{text-decoration-line:none}}.vjs\:focus-visible\:bg-white\/10:focus-visible{background-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:focus-visible\:bg-white\/10:focus-visible{background-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:focus-visible\:text-white:focus-visible,.vjs\:focus-visible\:text-white\/80:focus-visible{color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:focus-visible\:text-white\/80:focus-visible{color:color-mix(in oklab,var(--vjs-color-white)80%,transparent)}}.vjs\:focus-visible\:no-underline:focus-visible{text-decoration-line:none}.vjs\:focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.vjs\:focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.vjs\:focus-visible\:outline-blue-500:focus-visible{outline-color:var(--vjs-color-blue-500)}.vjs\:focus-visible\:outline-white:focus-visible{outline-color:var(--vjs-color-white)}.vjs\:active\:size-3:active{width:calc(var(--vjs-spacing)*3);height:calc(var(--vjs-spacing)*3)}.vjs\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.vjs\:disabled\:opacity-50:disabled{opacity:.5}.vjs\:disabled\:grayscale:disabled{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:translate-y-0:has([aria-expanded=true]){--tw-translate-y:calc(var(--vjs-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:scale-100:has([aria-expanded=true]){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:opacity-100:has([aria-expanded=true]){opacity:1}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:blur-none:has([aria-expanded=true]){--tw-blur: ;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:delay-0:has([aria-expanded=true]){transition-delay:0s}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:duration-75:has([aria-expanded=true]){--tw-duration:75ms;transition-duration:75ms}.vjs\:has-\[\[aria-expanded\=\"true\"\]\]\:duration-100:has([aria-expanded=true]){--tw-duration:.1s;transition-duration:.1s}.vjs\:has-\[\[data-paused\]\]\:translate-y-0:has([data-paused]){--tw-translate-y:calc(var(--vjs-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:has-\[\[data-paused\]\]\:scale-100:has([data-paused]){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:has-\[\[data-paused\]\]\:opacity-100:has([data-paused]){opacity:1}.vjs\:has-\[\[data-paused\]\]\:blur-none:has([data-paused]){--tw-blur: ;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:has-\[\[data-paused\]\]\:delay-0:has([data-paused]){transition-delay:0s}.vjs\:has-\[\[data-paused\]\]\:duration-75:has([data-paused]){--tw-duration:75ms;transition-duration:75ms}.vjs\:has-\[\[data-paused\]\]\:duration-100:has([data-paused]){--tw-duration:.1s;transition-duration:.1s}.vjs\:has-\[\+\.controls_\[aria-expanded\=\"true\"\]\]\:opacity-100:has(+.controls [aria-expanded=true]){opacity:1}.vjs\:has-\[\+\.controls_\[aria-expanded\=\"true\"\]\]\:delay-0:has(+.controls [aria-expanded=true]){transition-delay:0s}.vjs\:has-\[\+\.controls_\[aria-expanded\=\"true\"\]\]\:duration-75:has(+.controls [aria-expanded=true]){--tw-duration:75ms;transition-duration:75ms}.vjs\:has-\[\+\.controls_\[aria-expanded\=\"true\"\]\]\:duration-100:has(+.controls [aria-expanded=true]){--tw-duration:.1s;transition-duration:.1s}.vjs\:has-\[\+\.controls_\[data-paused\]\]\:opacity-100:has(+.controls [data-paused]){opacity:1}.vjs\:has-\[\+\.controls_\[data-paused\]\]\:delay-0:has(+.controls [data-paused]){transition-delay:0s}.vjs\:has-\[\+\.controls_\[data-paused\]\]\:duration-75:has(+.controls [data-paused]){--tw-duration:75ms;transition-duration:75ms}.vjs\:has-\[\+\.controls_\[data-paused\]\]\:duration-100:has(+.controls [data-paused]){--tw-duration:.1s;transition-duration:.1s}.vjs\:aria-busy\:pointer-events-none[aria-busy=true]{pointer-events:none}.vjs\:aria-busy\:cursor-not-allowed[aria-busy=true]{cursor:not-allowed}.vjs\:aria-expanded\:bg-white\/10[aria-expanded=true]{background-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:aria-expanded\:bg-white\/10[aria-expanded=true]{background-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:aria-expanded\:text-white[aria-expanded=true],.vjs\:aria-expanded\:text-white\/80[aria-expanded=true]{color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:aria-expanded\:text-white\/80[aria-expanded=true]{color:color-mix(in oklab,var(--vjs-color-white)80%,transparent)}}.vjs\:data-ending-style\:scale-0[data-ending-style]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:data-ending-style\:opacity-0[data-ending-style]{opacity:0}.vjs\:data-ending-style\:blur-sm[data-ending-style]{--tw-blur:blur(var(--vjs-blur-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:data-instant\:duration-0[data-instant]{--tw-duration:0s;transition-duration:0s}.vjs\:data-starting-style\:scale-0[data-starting-style]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.vjs\:data-starting-style\:opacity-0[data-starting-style]{opacity:0}.vjs\:data-starting-style\:blur-sm[data-starting-style]{--tw-blur:blur(var(--vjs-blur-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:data-\[orientation\=horizontal\]\:h-1[data-orientation=horizontal]{height:calc(var(--vjs-spacing)*1)}.vjs\:data-\[orientation\=horizontal\]\:h-5[data-orientation=horizontal]{height:calc(var(--vjs-spacing)*5)}.vjs\:data-\[orientation\=horizontal\]\:h-\[0\.1875rem\][data-orientation=horizontal]{height:.1875rem}.vjs\:data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.vjs\:data-\[orientation\=horizontal\]\:min-w-20[data-orientation=horizontal]{min-width:calc(var(--vjs-spacing)*20)}@media (hover:hover){.vjs\:data-\[orientation\=horizontal\]\:hover\:cursor-ew-resize[data-orientation=horizontal]:hover{cursor:ew-resize}}.vjs\:data-\[orientation\=vertical\]\:h-18[data-orientation=vertical]{height:calc(var(--vjs-spacing)*18)}.vjs\:data-\[orientation\=vertical\]\:h-20[data-orientation=vertical]{height:calc(var(--vjs-spacing)*20)}.vjs\:data-\[orientation\=vertical\]\:w-1[data-orientation=vertical]{width:calc(var(--vjs-spacing)*1)}.vjs\:data-\[orientation\=vertical\]\:w-5[data-orientation=vertical]{width:calc(var(--vjs-spacing)*5)}.vjs\:data-\[orientation\=vertical\]\:w-\[0\.1875rem\][data-orientation=vertical]{width:.1875rem}@media (hover:hover){.vjs\:data-\[orientation\=vertical\]\:hover\:cursor-ns-resize[data-orientation=vertical]:hover{cursor:ns-resize}}@media (prefers-contrast:more){.vjs\:contrast-more\:bg-black\/90{background-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:contrast-more\:bg-black\/90{background-color:color-mix(in oklab,var(--vjs-color-black)90%,transparent)}}.vjs\:contrast-more\:from-black\/75{--tw-gradient-from:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:contrast-more\:from-black\/75{--tw-gradient-from:color-mix(in oklab,var(--vjs-color-black)75%,transparent)}}.vjs\:contrast-more\:from-black\/75{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.vjs\:contrast-more\:ring-black{--tw-ring-color:var(--vjs-color-black)}.vjs\:contrast-more\:after\:ring-white\/20:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:contrast-more\:after\:ring-white\/20:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)20%,transparent)}}}@container root (min-width:80rem){.vjs\:\@7xl\/root\:text-sm{font-size:var(--vjs-text-sm);line-height:var(--tw-leading,var(--vjs-text-sm--line-height))}}@media (prefers-color-scheme:dark){.vjs\:dark\:before\:ring-0:before{content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vjs\:dark\:after\:ring-white\/10:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:dark\:after\:ring-white\/10:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)10%,transparent)}}.vjs\:dark\:after\:ring-white\/15:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-white)}@supports (color:color-mix(in lab, red, red)){.vjs\:dark\:after\:ring-white\/15:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)15%,transparent)}}}.vjs\:\[\&_\.arrow-1\]\:-translate-x-px .arrow-1{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:\[\&_\.arrow-1\]\:translate-x-px .arrow-1{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:\[\&_\.arrow-1\]\:-translate-y-px .arrow-1{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}@media (hover:hover){.vjs\:group-hover\/button\:\[\&_\.arrow-1\]\:translate-0:is(:where(.vjs\:group\/button):hover *) .arrow-1{--tw-translate-x:calc(var(--vjs-spacing)*0);--tw-translate-y:calc(var(--vjs-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-1\]\:-translate-x-px:is(:where(.vjs\:group\/button):hover *) .arrow-1{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-1\]\:translate-x-px:is(:where(.vjs\:group\/button):hover *) .arrow-1{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-1\]\:-translate-y-px:is(:where(.vjs\:group\/button):hover *) .arrow-1{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}}.vjs\:\[\&_\.arrow-2\]\:-translate-x-px .arrow-2{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:\[\&_\.arrow-2\]\:translate-x-px .arrow-2{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:\[\&_\.arrow-2\]\:translate-y-px .arrow-2{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}@media (hover:hover){.vjs\:group-hover\/button\:\[\&_\.arrow-2\]\:translate-0:is(:where(.vjs\:group\/button):hover *) .arrow-2{--tw-translate-x:calc(var(--vjs-spacing)*0);--tw-translate-y:calc(var(--vjs-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-2\]\:-translate-x-px:is(:where(.vjs\:group\/button):hover *) .arrow-2{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-2\]\:translate-x-px:is(:where(.vjs\:group\/button):hover *) .arrow-2{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.vjs\:group-hover\/button\:\[\&_\.arrow-2\]\:translate-y-px:is(:where(.vjs\:group\/button):hover *) .arrow-2{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}}.vjs\:\[\&_\.fullscreen-enter-tooltip\]\:inline .fullscreen-enter-tooltip{display:inline}.vjs\:data-fullscreen\:\[\&_\.fullscreen-enter-tooltip\]\:hidden[data-fullscreen] .fullscreen-enter-tooltip,.vjs\:\[\&_\.fullscreen-exit-tooltip\]\:hidden .fullscreen-exit-tooltip{display:none}.vjs\:data-fullscreen\:\[\&_\.fullscreen-exit-tooltip\]\:inline[data-fullscreen] .fullscreen-exit-tooltip{display:inline}.vjs\:\[\&_\.icon\]\:shrink-0 .icon{flex-shrink:0}.vjs\:\[\&_\.icon\]\:shadow-black\/25 .icon{--tw-shadow-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:\[\&_\.icon\]\:shadow-black\/25 .icon{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--vjs-color-black)25%,transparent)var(--tw-shadow-alpha),transparent)}}.vjs\:\[\&_\.icon\]\:shadow-black\/40 .icon{--tw-shadow-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:\[\&_\.icon\]\:shadow-black\/40 .icon{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--vjs-color-black)40%,transparent)var(--tw-shadow-alpha),transparent)}}.vjs\:\[\&_\.icon\]\:drop-shadow-\[0_1px_0_var\(--tw-shadow-color\)\] .icon{--tw-drop-shadow-size:drop-shadow(0 1px 0 var(--tw-drop-shadow-color,var(--tw-shadow-color)));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vjs\:\[\&_\.icon\]\:transition-opacity .icon{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:\[\&_\.icon\]\:duration-150 .icon{--tw-duration:.15s;transition-duration:.15s}.vjs\:\[\&_\.icon\]\:ease-linear .icon{--tw-ease:linear;transition-timing-function:linear}.vjs\:\[\&_\.icon\]\:\[grid-area\:1\/1\] .icon{grid-area:1/1}.vjs\:\[\&_\.pause-tooltip\]\:inline .pause-tooltip{display:inline}.vjs\:data-paused\:\[\&_\.pause-tooltip\]\:hidden[data-paused] .pause-tooltip,.vjs\:\[\&_\.play-tooltip\]\:hidden .play-tooltip{display:none}.vjs\:data-paused\:\[\&_\.play-tooltip\]\:inline[data-paused] .play-tooltip{display:inline}.vjs\:\[\&_path\]\:transition-transform path{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--vjs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vjs-default-transition-duration))}.vjs\:\[\&_path\]\:ease-out path{--tw-ease:var(--vjs-ease-out);transition-timing-function:var(--vjs-ease-out)}.vjs\:\[\&_video\]\:h-full video{height:100%}.vjs\:\[\&_video\]\:w-full video{width:100%}.vjs\:\[\&\:fullscreen\]\:rounded-none:fullscreen{border-radius:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-content{syntax:"*";inherits:false;initial-value:""}

package/dist/skins/minimal.d.ts

@@ -1,2 +0,0 @@
-import { t as MinimalSkin } from "../MinimalSkin-DzHkJgW-.js";
-export { MinimalSkin };

package/dist/skins/minimal.js

@@ -1,9 +0,0 @@
-'use client';
-
-
-import "../store-hGO5HE2A.js";
-import "../VolumeSlider-DBvAU2X3.js";
-import "../icons-BqfV81R8.js";
-import { t as MinimalSkin } from "../minimal-CDaU4avz.js";
-
-export { MinimalSkin };

package/dist/store-hGO5HE2A.js

@@ -1,124 +0,0 @@
-import { createMediaStore } from "@videojs/core/store";
-import { createContext, useContext, useDebugValue, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/store/context.ts
-/**
-* @description The {@link https://react.dev/learn/passing-data-deeply-with-context#context-an-alternative-to-passing-props|React Context}
-* used "under the hood" for media ui state updates, state change requests, and the hooks and providers that integrate with this context.
-* It is unlikely that you will/should be using `MediaContext` directly.
-*
-* @see {@link VideoProvider}
-* @see {@link useMediaDispatch}
-* @see {@link useMediaSelector}
-*/
-const MediaContext = createContext(null);
-
-//#endregion
-//#region src/store/use-sync-external-store.ts
-/**
-* inlined Object.is polyfill to avoid requiring consumers ship their own
-* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
-*/
-function isPolyfill(x, y) {
-	return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
-}
-const is = typeof Object.is === "function" ? Object.is : isPolyfill;
-function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
-	const instRef = useRef(null);
-	let inst;
-	if (instRef.current === null) {
-		inst = {
-			hasValue: false,
-			value: null
-		};
-		instRef.current = inst;
-	} else inst = instRef.current;
-	const [getSelection, getServerSelection] = useMemo(() => {
-		let hasMemo = false;
-		let memoizedSnapshot;
-		let memoizedSelection;
-		const memoizedSelector = (nextSnapshot) => {
-			if (!hasMemo) {
-				hasMemo = true;
-				memoizedSnapshot = nextSnapshot;
-				const nextSelection$1 = selector(nextSnapshot);
-				if (isEqual !== void 0) {
-					if (inst.hasValue) {
-						const currentSelection = inst.value;
-						if (isEqual(currentSelection, nextSelection$1)) {
-							memoizedSelection = currentSelection;
-							return currentSelection;
-						}
-					}
-				}
-				memoizedSelection = nextSelection$1;
-				return nextSelection$1;
-			}
-			const prevSnapshot = memoizedSnapshot;
-			const prevSelection = memoizedSelection;
-			if (is(prevSnapshot, nextSnapshot)) return prevSelection;
-			const nextSelection = selector(nextSnapshot);
-			if (isEqual !== void 0 && isEqual(prevSelection, nextSelection)) return prevSelection;
-			memoizedSnapshot = nextSnapshot;
-			memoizedSelection = nextSelection;
-			return nextSelection;
-		};
-		const maybeGetServerSnapshot = getServerSnapshot === void 0 ? null : getServerSnapshot;
-		const getSnapshotWithSelector = () => memoizedSelector(getSnapshot());
-		return [getSnapshotWithSelector, maybeGetServerSnapshot === null ? void 0 : () => memoizedSelector(maybeGetServerSnapshot())];
-	}, [
-		getSnapshot,
-		getServerSnapshot,
-		selector,
-		isEqual
-	]);
-	const value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
-	useEffect(() => {
-		inst.hasValue = true;
-		inst.value = value;
-	}, [value]);
-	useDebugValue(value);
-	return value;
-}
-
-//#endregion
-//#region src/store/hooks.ts
-const identity = (x) => x;
-function useMediaStore() {
-	return useContext(MediaContext);
-}
-function useMediaDispatch() {
-	const dispatch = useContext(MediaContext)?.dispatch ?? identity;
-	return (value) => {
-		return dispatch(value);
-	};
-}
-function useMediaRef() {
-	const dispatch = useMediaDispatch();
-	return (element) => {
-		dispatch({
-			type: "mediastateownerchangerequest",
-			detail: element
-		});
-	};
-}
-const refEquality = (a, b) => a === b;
-function useMediaSelector(selector, equalityFn = refEquality) {
-	const store = useContext(MediaContext);
-	return useSyncExternalStoreWithSelector(store?.subscribe ?? identity, store?.getState ?? identity, store?.getState ?? identity, selector, equalityFn);
-}
-
-//#endregion
-//#region src/store/video-provider.tsx
-function VideoProvider({ children }) {
-	const value = useMemo(() => createMediaStore(), []);
-	return /* @__PURE__ */ jsx(MediaContext.Provider, {
-		value,
-		children
-	});
-}
-
-//#endregion
-export { useMediaStore as a, useMediaSelector as i, useMediaDispatch as n, MediaContext as o, useMediaRef as r, VideoProvider as t };
-//# sourceMappingURL=store-hGO5HE2A.js.map

package/dist/store-hGO5HE2A.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"store-hGO5HE2A.js","names":["MediaContext: Context<any | null>","is: (x: any, y: any) => boolean","inst: SnapshotRef<Selection>","memoizedSnapshot: Snapshot","memoizedSelection: Selection","nextSelection","prevSnapshot: Snapshot","prevSelection: Selection"],"sources":["../src/store/context.ts","../src/store/use-sync-external-store.ts","../src/store/hooks.ts","../src/store/video-provider.tsx"],"sourcesContent":["import type { Context } from 'react';\nimport { createContext } from 'react';\n\n/**\n * @description The {@link https://react.dev/learn/passing-data-deeply-with-context#context-an-alternative-to-passing-props|React Context}\n * used \"under the hood\" for media ui state updates, state change requests, and the hooks and providers that integrate with this context.\n * It is unlikely that you will/should be using `MediaContext` directly.\n *\n * @see {@link VideoProvider}\n * @see {@link useMediaDispatch}\n * @see {@link useMediaSelector}\n */\nexport const MediaContext: Context<any | null> = createContext<any | null>(null);\n","/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { useDebugValue, useEffect, useMemo, useRef, useSyncExternalStore } from 'react';\n\n// NOTE: This is a port of https://github.com/facebook/react/blob/main/packages/use-sync-external-store/src/useSyncExternalStoreWithSelector.js\n// and React's internal/shared version of `Object.is` with refactors for TypeScript and bundling. Doing this to avoid adding an additional dependency\n// beyond core React when using the `MediaStore` React hooks and related (CJP)\n\n/**\n * inlined Object.is polyfill to avoid requiring consumers ship their own\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\n */\nfunction isPolyfill(x: any, y: any) {\n  return (\n    (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y) // eslint-disable-line no-self-compare\n  );\n}\n\ntype SnapshotRef<Selection>\n  = | {\n    hasValue: true;\n    value: Selection;\n  }\n  | {\n    hasValue: false;\n    value: null;\n  }\n  | null;\n\nconst is: (x: any, y: any) => boolean = typeof Object.is === 'function' ? Object.is : isPolyfill;\n\n// Same as useSyncExternalStore, but supports selector and isEqual arguments.\nexport function useSyncExternalStoreWithSelector<Snapshot, Selection>(\n  subscribe: (onStoreChange: () => void) => () => void,\n  getSnapshot: () => Snapshot,\n  getServerSnapshot: undefined | null | (() => Snapshot),\n  selector: (snapshot: Snapshot) => Selection,\n  isEqual?: (a: Selection, b: Selection) => boolean,\n): Selection {\n  // Use this to track the rendered snapshot.\n  const instRef = useRef<SnapshotRef<Selection>>(null);\n  let inst: SnapshotRef<Selection>;\n  if (instRef.current === null) {\n    inst = {\n      hasValue: false,\n      value: null,\n    };\n    instRef.current = inst as SnapshotRef<Selection>;\n  } else {\n    inst = instRef.current;\n  }\n\n  const [getSelection, getServerSelection] = useMemo(() => {\n    // Track the memoized state using closure variables that are local to this\n    // memoized instance of a getSnapshot function. Intentionally not using a\n    // useRef hook, because that state would be shared across all concurrent\n    // copies of the hook/component.\n    let hasMemo = false;\n    let memoizedSnapshot: Snapshot;\n    let memoizedSelection: Selection;\n    const memoizedSelector = (nextSnapshot: Snapshot) => {\n      if (!hasMemo) {\n        // The first time the hook is called, there is no memoized result.\n        hasMemo = true;\n        memoizedSnapshot = nextSnapshot;\n        const nextSelection = selector(nextSnapshot);\n        if (isEqual !== undefined) {\n          // Even if the selector has changed, the currently rendered selection\n          // may be equal to the new selection. We should attempt to reuse the\n          // current value if possible, to preserve downstream memoizations.\n          if (inst.hasValue) {\n            const currentSelection = inst.value;\n            if (isEqual(currentSelection, nextSelection)) {\n              memoizedSelection = currentSelection;\n              return currentSelection;\n            }\n          }\n        }\n        memoizedSelection = nextSelection;\n        return nextSelection;\n      }\n\n      // We may be able to reuse the previous invocation's result.\n      const prevSnapshot: Snapshot = memoizedSnapshot;\n      const prevSelection: Selection = memoizedSelection;\n\n      if (is(prevSnapshot, nextSnapshot)) {\n        // The snapshot is the same as last time. Reuse the previous selection.\n        return prevSelection;\n      }\n\n      // The snapshot has changed, so we need to compute a new selection.\n      const nextSelection = selector(nextSnapshot);\n\n      // If a custom isEqual function is provided, use that to check if the data\n      // has changed. If it hasn't, return the previous selection. That signals\n      // to React that the selections are conceptually equal, and we can bail\n      // out of rendering.\n      if (isEqual !== undefined && isEqual(prevSelection, nextSelection)) {\n        return prevSelection;\n      }\n\n      memoizedSnapshot = nextSnapshot;\n      memoizedSelection = nextSelection;\n      return nextSelection;\n    };\n    // Assigning this to a constant so that Flow knows it can't change.\n    const maybeGetServerSnapshot = getServerSnapshot === undefined ? null : getServerSnapshot;\n    const getSnapshotWithSelector = () => memoizedSelector(getSnapshot());\n    const getServerSnapshotWithSelector\n      = maybeGetServerSnapshot === null ? undefined : () => memoizedSelector(maybeGetServerSnapshot());\n    return [getSnapshotWithSelector, getServerSnapshotWithSelector];\n  }, [getSnapshot, getServerSnapshot, selector, isEqual]);\n\n  const value = useSyncExternalStore(subscribe, getSelection, getServerSelection);\n\n  useEffect(() => {\n    inst.hasValue = true;\n    inst.value = value;\n  }, [value]);\n\n  useDebugValue(value);\n  return value;\n}\n","/** @TODO !!! Revisit for SSR (CJP) */\nimport type { MediaStore } from '@videojs/core/store';\n\nimport { useContext } from 'react';\n\nimport { MediaContext } from './context';\nimport { useSyncExternalStoreWithSelector } from './use-sync-external-store';\n\nconst identity = (x?: any) => x;\n\nexport function useMediaStore(): MediaStore {\n  return useContext(MediaContext);\n}\n\nexport function useMediaDispatch(): (value: any) => unknown {\n  const store = useContext(MediaContext);\n  const dispatch = store?.dispatch ?? identity;\n  return (value: any) => {\n    return dispatch(value);\n  };\n}\n\nexport function useMediaRef() {\n  const dispatch = useMediaDispatch();\n\n  return (element: any): void => {\n    // NOTE: This should get invoked with `null` when using as a `ref` callback whenever\n    // the corresponding react media element instance (e.g. a `<video>`) is being removed.\n    /*\n    { type: 'mediastateownerchangerequest', detail: media }\n    */\n    dispatch({ type: 'mediastateownerchangerequest', detail: element });\n  };\n}\n\nexport const refEquality = (a: any, b: any): boolean => a === b;\n\nexport function useMediaSelector<S = any>(\n  selector: (state: any) => S,\n  equalityFn: (a: S, b: S) => boolean = refEquality,\n): S {\n  const store = useContext(MediaContext);\n  const selectedState = useSyncExternalStoreWithSelector(\n    store?.subscribe ?? identity,\n    store?.getState ?? identity,\n    store?.getState ?? identity,\n    selector,\n    equalityFn,\n  ) as S;\n\n  return selectedState;\n}\n","/** @TODO !!! Revisit for SSR (CJP) */\nimport type { ReactNode } from 'react';\n\nimport { createMediaStore } from '@videojs/core/store';\n\nimport { useMemo } from 'react';\nimport { MediaContext } from './context';\n\nexport function VideoProvider({ children }: { children: ReactNode }): JSX.Element {\n  const value = useMemo(() => createMediaStore(), []);\n\n  // useEffect(() => {\n  //   value?.dispatch({\n  //     type: 'documentelementchangerequest',\n  //     detail: globalThis.document,\n  //   });\n  //   return () => {\n  //     value?.dispatch({\n  //       type: 'documentelementchangerequest',\n  //       detail: undefined,\n  //     });\n  //   };\n  // }, []);\n\n  return <MediaContext.Provider value={value}>{children}</MediaContext.Provider>;\n}\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAaA,eAAoC,cAA0B,KAAK;;;;;;;;ACMhF,SAAS,WAAW,GAAQ,GAAQ;AAClC,QACG,MAAM,MAAM,MAAM,KAAK,IAAI,MAAM,IAAI,MAAQ,MAAM,KAAK,MAAM;;AAenE,MAAMC,KAAkC,OAAO,OAAO,OAAO,aAAa,OAAO,KAAK;AAGtF,SAAgB,iCACd,WACA,aACA,mBACA,UACA,SACW;CAEX,MAAM,UAAU,OAA+B,KAAK;CACpD,IAAIC;AACJ,KAAI,QAAQ,YAAY,MAAM;AAC5B,SAAO;GACL,UAAU;GACV,OAAO;GACR;AACD,UAAQ,UAAU;OAElB,QAAO,QAAQ;CAGjB,MAAM,CAAC,cAAc,sBAAsB,cAAc;EAKvD,IAAI,UAAU;EACd,IAAIC;EACJ,IAAIC;EACJ,MAAM,oBAAoB,iBAA2B;AACnD,OAAI,CAAC,SAAS;AAEZ,cAAU;AACV,uBAAmB;IACnB,MAAMC,kBAAgB,SAAS,aAAa;AAC5C,QAAI,YAAY,QAId;SAAI,KAAK,UAAU;MACjB,MAAM,mBAAmB,KAAK;AAC9B,UAAI,QAAQ,kBAAkBA,gBAAc,EAAE;AAC5C,2BAAoB;AACpB,cAAO;;;;AAIb,wBAAoBA;AACpB,WAAOA;;GAIT,MAAMC,eAAyB;GAC/B,MAAMC,gBAA2B;AAEjC,OAAI,GAAG,cAAc,aAAa,CAEhC,QAAO;GAIT,MAAM,gBAAgB,SAAS,aAAa;AAM5C,OAAI,YAAY,UAAa,QAAQ,eAAe,cAAc,CAChE,QAAO;AAGT,sBAAmB;AACnB,uBAAoB;AACpB,UAAO;;EAGT,MAAM,yBAAyB,sBAAsB,SAAY,OAAO;EACxE,MAAM,gCAAgC,iBAAiB,aAAa,CAAC;AAGrE,SAAO,CAAC,yBADJ,2BAA2B,OAAO,eAAkB,iBAAiB,wBAAwB,CAAC,CACnC;IAC9D;EAAC;EAAa;EAAmB;EAAU;EAAQ,CAAC;CAEvD,MAAM,QAAQ,qBAAqB,WAAW,cAAc,mBAAmB;AAE/E,iBAAgB;AACd,OAAK,WAAW;AAChB,OAAK,QAAQ;IACZ,CAAC,MAAM,CAAC;AAEX,eAAc,MAAM;AACpB,QAAO;;;;;ACxHT,MAAM,YAAY,MAAY;AAE9B,SAAgB,gBAA4B;AAC1C,QAAO,WAAW,aAAa;;AAGjC,SAAgB,mBAA4C;CAE1D,MAAM,WADQ,WAAW,aAAa,EACd,YAAY;AACpC,SAAQ,UAAe;AACrB,SAAO,SAAS,MAAM;;;AAI1B,SAAgB,cAAc;CAC5B,MAAM,WAAW,kBAAkB;AAEnC,SAAQ,YAAuB;AAM7B,WAAS;GAAE,MAAM;GAAgC,QAAQ;GAAS,CAAC;;;AAIvE,MAAa,eAAe,GAAQ,MAAoB,MAAM;AAE9D,SAAgB,iBACd,UACA,aAAsC,aACnC;CACH,MAAM,QAAQ,WAAW,aAAa;AAStC,QARsB,iCACpB,OAAO,aAAa,UACpB,OAAO,YAAY,UACnB,OAAO,YAAY,UACnB,UACA,WACD;;;;;ACxCH,SAAgB,cAAc,EAAE,YAAkD;CAChF,MAAM,QAAQ,cAAc,kBAAkB,EAAE,EAAE,CAAC;AAenD,QAAO,oBAAC,aAAa;EAAgB;EAAQ;GAAiC"}

package/dist/store.d.ts

@@ -1,2 +0,0 @@
-import { a as useMediaDispatch, c as useMediaStore, i as VideoProvider, l as MediaContext, n as MediaStateOwner, o as useMediaRef, r as MediaStore, s as useMediaSelector, t as MediaState } from "./index-CM70WSkA.js";
-export { MediaContext, MediaState, MediaStateOwner, MediaStore, VideoProvider, useMediaDispatch, useMediaRef, useMediaSelector, useMediaStore };

package/dist/store.js

@@ -1,6 +0,0 @@
-'use client';
-
-
-import { a as useMediaStore, i as useMediaSelector, n as useMediaDispatch, o as MediaContext, r as useMediaRef, t as VideoProvider } from "./store-hGO5HE2A.js";
-
-export { MediaContext, VideoProvider, useMediaDispatch, useMediaRef, useMediaSelector, useMediaStore };