@videojs/react 0.1.0-preview.3 → 0.1.0-preview.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/{frosted-lf2WJmvT.js → frosted-ra_eRTyG.js} +4 -4
  2. package/dist/frosted-ra_eRTyG.js.map +1 -0
  3. package/dist/index.js +2 -2
  4. package/dist/{minimal-D4FIcy8O.js → minimal-Cj3N9SDN.js} +4 -4
  5. package/dist/minimal-Cj3N9SDN.js.map +1 -0
  6. package/dist/skins/frosted.css +1 -1
  7. package/dist/skins/frosted.js +1 -1
  8. package/dist/skins/minimal.css +1 -1
  9. package/dist/skins/minimal.js +1 -1
  10. package/package.json +5 -4
  11. package/dist/frosted-lf2WJmvT.js.map +0 -1
  12. package/dist/minimal-D4FIcy8O.js.map +0 -1
package/dist/{frosted-lf2WJmvT.js → frosted-ra_eRTyG.js} RENAMED
@@ -32,11 +32,11 @@ const styles = {
32
32
  FullscreenExitTooltip: cn("fullscreen-exit-tooltip"),
33
33
  TimeControls: cn("vjs:flex-1 vjs:flex vjs:items-center vjs:gap-3 vjs:px-1.5"),
34
34
  TimeDisplay: cn("vjs:tabular-nums vjs:text-shadow-2xs/25"),
35
- SliderRoot: cn("vjs:group/slider-root vjs:outline-0 vjs:flex vjs:items-center vjs:justify-center vjs:flex-1 vjs:relative vjs:rounded-full", "vjs:[&[data-orientation=\"horizontal\"]]:h-5 vjs:[&[data-orientation=\"horizontal\"]]:min-w-20", "vjs:[&[data-orientation=\"vertical\"]]:w-5 vjs:[&[data-orientation=\"vertical\"]]:h-20"),
36
- SliderTrack: cn("vjs:relative vjs:select-none vjs:transition-[outline-offset] vjs:rounded-[inherit] vjs:bg-white/20 vjs:ring-1 vjs:ring-black/5", "vjs:[&[data-orientation=\"horizontal\"]]:w-full vjs:[&[data-orientation=\"horizontal\"]]:h-1", "vjs:[&[data-orientation=\"vertical\"]]:w-1", "vjs:-outline-offset-2 vjs:group-focus-visible/slider-root:outline-2 vjs:group-focus-visible/slider-root:outline-offset-6 vjs:group-focus-visible/slider-root:outline-blue-500"),
35
+ SliderRoot: cn("vjs:group/slider vjs:outline-0 vjs:flex vjs:items-center vjs:justify-center vjs:flex-1 vjs:relative vjs:rounded-full", "vjs:[&[data-orientation=\"horizontal\"]]:h-5 vjs:[&[data-orientation=\"horizontal\"]]:min-w-20", "vjs:[&[data-orientation=\"vertical\"]]:w-5 vjs:[&[data-orientation=\"vertical\"]]:h-20"),
36
+ SliderTrack: cn("vjs:relative vjs:select-none vjs:transition-[outline-offset] vjs:rounded-[inherit] vjs:bg-white/20 vjs:ring-1 vjs:ring-black/5", "vjs:[&[data-orientation=\"horizontal\"]]:w-full vjs:[&[data-orientation=\"horizontal\"]]:h-1", "vjs:[&[data-orientation=\"vertical\"]]:w-1", "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-blue-500"),
37
37
  SliderProgress: cn("vjs:bg-white vjs:rounded-[inherit]"),
38
38
  SliderPointer: cn("vjs:bg-white/20 vjs:rounded-[inherit]"),
39
- SliderThumb: cn("vjs:bg-white vjs:z-10 vjs:select-none vjs:ring vjs:ring-black/10 vjs:rounded-full vjs:shadow-sm vjs:shadow-black/15 vjs:opacity-0 vjs:transition-[opacity,height,width] vjs:ease-out", "vjs:group-hover/slider-root:opacity-100 vjs:group-focus-within/slider-root:opacity-100", "vjs:size-2.5 vjs:active:size-3 vjs:group-active/slider-root:size-3", "vjs:[&[data-orientation=\"horizontal\"]]:hover:cursor-ew-resize", "vjs:[&[data-orientation=\"vertical\"]]:hover:cursor-ns-resize"),
39
+ SliderThumb: cn("vjs:bg-white vjs:z-10 vjs:select-none vjs:ring vjs:ring-black/10 vjs:rounded-full vjs:shadow-sm vjs:shadow-black/15 vjs:opacity-0 vjs:transition-[opacity,height,width] vjs:ease-out", "vjs:group-hover/slider:opacity-100 vjs:group-focus-within/slider:opacity-100", "vjs:size-2.5 vjs:active:size-3 vjs:group-active/slider:size-3", "vjs:[&[data-orientation=\"horizontal\"]]:hover:cursor-ew-resize", "vjs:[&[data-orientation=\"vertical\"]]:hover:cursor-ns-resize"),
40
40
  PopupAnimation: cn("vjs:transition-[transform,scale,opacity,filter] vjs:origin-bottom vjs:duration-200 vjs:data-[instant]:duration-0", "vjs:data-[starting-style]:scale-0 vjs:data-[starting-style]:opacity-0 vjs:data-[starting-style]:blur-sm", "vjs:data-[ending-style]:scale-0 vjs:data-[ending-style]:opacity-0 vjs:data-[ending-style]:blur-sm"),
41
41
  PopoverPopup: cn("vjs:relative vjs:px-1 vjs:py-3 vjs:rounded-full"),
42
42
  TooltipPopup: cn("vjs:whitespace-nowrap vjs:rounded-full vjs:text-white vjs:text-xs vjs:@7xl/root:text-sm vjs:px-2.5 vjs:py-1")
@@ -157,4 +157,4 @@ function FrostedSkin({ children, className = "" }) {
157
157
 
158
158
  //#endregion
159
159
  export { FrostedSkin as t };
160
- //# sourceMappingURL=frosted-lf2WJmvT.js.map
160
+ //# sourceMappingURL=frosted-ra_eRTyG.js.map
package/dist/frosted-ra_eRTyG.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"frosted-ra_eRTyG.js","names":["styles: FrostedSkinStyles","styles","PlayButton","PlayIcon","PauseIcon","MuteButton","VolumeHighIcon","VolumeLowIcon","VolumeOffIcon","FullscreenEnterIcon","FullscreenExitIcon"],"sources":["../src/skins/frosted/styles.ts","../src/skins/frosted/FrostedSkin.tsx"],"sourcesContent":["import type { FrostedSkinStyles } 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: FrostedSkinStyles = {\n MediaContainer: cn(\n 'vjs', // Scope preflight\n 'vjs:relative vjs:isolate vjs:@container/root vjs:group/root vjs:overflow-clip vjs:bg-black',\n // Base typography\n 'vjs:text-[0.8125rem]', // 13px\n // Fancy borders.\n 'vjs:after:absolute vjs:after:inset-0 vjs:after:ring-black/10 vjs:after:ring-1 vjs:dark:after:ring-white/10 vjs:after:ring-inset vjs:after:z-10 vjs:after:pointer-events-none vjs:after:rounded-[inherit]',\n 'vjs:before:absolute vjs:before:inset-px vjs:before:rounded-[inherit] vjs:before:ring-white/15 vjs:before:ring-1 vjs:before:ring-inset vjs:before:z-10 vjs:before:pointer-events-none vjs:dark:before:ring-0',\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:opacity-0 vjs:delay-500 vjs:duration-300 vjs:rounded-[inherit] vjs:absolute vjs:inset-0 vjs:pointer-events-none vjs:bg-gradient-to-t vjs:from-black/50 vjs:via-black/20 vjs:to-transparent vjs:transition-opacity vjs:backdrop-saturate-150 vjs:backdrop-brightness-90',\n // Hide when playing (for now).\n // FIXME: This is crude temporary logic, we'll improve it later I guess with a [data-show-controls] attribute or something?\n 'vjs:has-[+.controls_[data-paused]]:opacity-100 vjs:has-[+.controls_[data-paused]]:delay-0 vjs:has-[+.controls_[data-paused]]:duration-100',\n 'vjs:has-[+.controls_[aria-expanded=\"true\"]]:opacity-100 vjs:has-[+.controls_[aria-expanded=\"true\"]]:delay-0 vjs:has-[+.controls_[aria-expanded=\"true\"]]:duration-100',\n 'vjs:group-hover/root:opacity-100 vjs:group-hover/root:delay-0 vjs:group-hover/root:duration-100',\n ),\n Surface: cn(\n 'vjs:bg-white/10 vjs:backdrop-blur-3xl vjs:backdrop-saturate-150 vjs:backdrop-brightness-90',\n // Ring and shadow\n 'vjs:ring vjs:ring-white/10 vjs:ring-inset vjs:shadow-sm vjs:shadow-black/15',\n // Border to enhance contrast on lighter videos\n 'vjs:after:absolute vjs:after:inset-0 vjs:after:ring vjs:after:rounded-[inherit] vjs:after:ring-black/15 vjs:after:pointer-events-none vjs:after:z-10',\n // Reduced transparency for users with preference\n // XXX: This requires a Tailwind custom variant (see 1 below)\n 'vjs:reduced-transparency:bg-black/70 vjs:reduced-transparency:ring-black vjs:reduced-transparency:after:ring-white/20',\n // High contrast mode\n 'vjs:contrast-more:bg-black/90 vjs:contrast-more:ring-black vjs:contrast-more:after:ring-white/20',\n ),\n Controls: cn(\n 'vjs:@container/controls vjs:absolute vjs:inset-x-3 vjs:bottom-3 vjs:rounded-full vjs:flex vjs:items-center vjs:p-1 vjs:gap-0.5 vjs:text-white',\n // Animation\n 'vjs:transition vjs:will-change-[transform,scale,filter,opacity] vjs:origin-bottom vjs:ease-out',\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 // FIXME: Temporary hide/show logic\n 'vjs:scale-90 vjs:opacity-0 vjs:blur-sm vjs:delay-500 vjs:duration-300',\n 'vjs:has-[[data-paused]]:scale-100 vjs:has-[[data-paused]]:opacity-100 vjs:has-[[data-paused]]:blur-none vjs:has-[[data-paused]]:delay-0 vjs:has-[[data-paused]]:duration-100',\n 'vjs:has-[[aria-expanded=\"true\"]]:scale-100 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-100',\n 'vjs:group-hover/root:scale-100 vjs:group-hover/root:opacity-100 vjs:group-hover/root:blur-none vjs:group-hover/root:delay-0 vjs:group-hover/root:duration-100',\n ),\n Icon: cn('icon'),\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 vjs:rounded-full',\n // Background/foreground\n 'vjs:bg-transparent vjs:text-white/90',\n // Hover and focus states\n 'vjs:hover:no-underline vjs:hover:bg-white/10 vjs:hover:text-white vjs:focus-visible:no-underline vjs:focus-visible:bg-white/10 vjs:focus-visible:text-white',\n // Focus state\n 'vjs:-outline-offset-2 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-2 vjs:focus-visible:outline-blue-500',\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:bg-white/10 vjs:aria-expanded:text-white',\n ),\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/25',\n ),\n PlayButton: cn(\n 'vjs:[&_.pause-icon]:opacity-100 vjs:[&[data-paused]_.pause-icon]:opacity-0',\n 'vjs:[&_.play-icon]:opacity-0 vjs:[&[data-paused]_.play-icon]:opacity-100',\n ),\n PlayIcon: cn('play-icon'),\n PauseIcon: cn('pause-icon'),\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 MuteButton: cn(\n 'vjs:[&_.icon]:hidden',\n 'vjs:[&[data-volume-level=\"high\"]_.volume-high-icon]:inline',\n 'vjs:[&[data-volume-level=\"medium\"]_.volume-low-icon]:inline',\n 'vjs:[&[data-volume-level=\"low\"]_.volume-low-icon]:inline',\n 'vjs:[&[data-volume-level=\"off\"]_.volume-off-icon]:inline',\n ),\n VolumeHighIcon: cn('volume-high-icon'),\n VolumeLowIcon: cn('volume-low-icon'),\n VolumeOffIcon: cn('volume-off-icon'),\n FullscreenButton: cn(\n 'vjs:[&_.fullscreen-enter-icon]:opacity-100 vjs:[&[data-fullscreen]_.fullscreen-enter-icon]:opacity-0',\n 'vjs:[&_.fullscreen-exit-icon]:opacity-0 vjs:[&[data-fullscreen]_.fullscreen-exit-icon]:opacity-100',\n 'vjs:[&_path]:transition-transform vjs:ease-out',\n ),\n FullscreenEnterIcon: cn(\n 'fullscreen-enter-icon',\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 'fullscreen-exit-icon',\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 TimeControls: cn('vjs:flex-1 vjs:flex vjs:items-center vjs:gap-3 vjs:px-1.5'),\n TimeDisplay: cn('vjs:tabular-nums vjs:text-shadow-2xs/25'),\n SliderRoot: cn(\n 'vjs:group/slider vjs:outline-0 vjs:flex vjs:items-center vjs:justify-center vjs:flex-1 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-20',\n ),\n SliderTrack: cn(\n 'vjs:relative vjs:select-none vjs:transition-[outline-offset] vjs:rounded-[inherit] vjs:bg-white/20 vjs:ring-1 vjs:ring-black/5',\n 'vjs:[&[data-orientation=\"horizontal\"]]:w-full vjs:[&[data-orientation=\"horizontal\"]]:h-1',\n 'vjs:[&[data-orientation=\"vertical\"]]:w-1',\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-blue-500',\n ),\n SliderProgress: cn('vjs:bg-white vjs:rounded-[inherit]'),\n // TODO: Work out what we want to do here.\n SliderPointer: cn('vjs:bg-white/20 vjs:rounded-[inherit]'),\n SliderThumb: cn(\n 'vjs:bg-white vjs:z-10 vjs:select-none vjs:ring vjs:ring-black/10 vjs:rounded-full vjs:shadow-sm vjs:shadow-black/15 vjs:opacity-0 vjs:transition-[opacity,height,width] vjs:ease-out',\n 'vjs:group-hover/slider:opacity-100 vjs:group-focus-within/slider:opacity-100',\n 'vjs:size-2.5 vjs:active:size-3 vjs:group-active/slider:size-3',\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(\n 'vjs:relative vjs:px-1 vjs:py-3 vjs:rounded-full',\n ),\n TooltipPopup: cn(\n 'vjs:whitespace-nowrap vjs:rounded-full vjs:text-white vjs:text-xs vjs:@7xl/root:text-sm vjs:px-2.5 vjs:py-1',\n ),\n};\n\n/*\n[1] @custom-variant reduced-transparency @media (prefers-reduced-transparency: reduce);\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 FullscreenEnterIcon,\n FullscreenExitIcon,\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 FrostedSkin({ 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.Surface} ${styles.Controls}`} data-testid=\"media-controls\">\n <Tooltip.Root delay={500}>\n <Tooltip.Trigger>\n <PlayButton className={`${styles.Button} ${styles.IconButton} ${styles.PlayButton}`}>\n <PlayIcon className={`${styles.PlayIcon} ${styles.Icon}`} />\n <PauseIcon className={`${styles.PauseIcon} ${styles.Icon}`} />\n </PlayButton>\n </Tooltip.Trigger>\n <Tooltip.Portal>\n <Tooltip.Positioner side=\"top\" sideOffset={12} collisionPadding={12}>\n <Tooltip.Popup className={`${styles.TooltipPopup} ${styles.Surface} ${styles.PopupAnimation} ${styles.PlayTooltipPopup}`}>\n <span className={styles.PlayTooltip}>Play</span>\n <span className={styles.PauseTooltip}>Pause</span>\n </Tooltip.Popup>\n </Tooltip.Positioner>\n </Tooltip.Portal>\n </Tooltip.Root>\n\n <div className={styles.TimeControls}>\n <CurrentTimeDisplay\n // Use showRemaining to show count down/remaining time\n // showRemaining\n className={styles.TimeDisplay}\n />\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.Portal>\n <Tooltip.Positioner side=\"top\" sideOffset={18} collisionPadding={12}>\n <Tooltip.Popup className={`${styles.Surface} ${styles.PopupAnimation} ${styles.TooltipPopup}`}>\n <PreviewTimeDisplay className={styles.TimeDisplay} />\n </Tooltip.Popup>\n </Tooltip.Positioner>\n </Tooltip.Portal>\n </Tooltip.Root>\n\n <DurationDisplay className={styles.TimeDisplay} />\n </div>\n\n <Popover.Root openOnHover delay={200} closeDelay={100}>\n <Popover.Trigger>\n <MuteButton className={`${styles.Button} ${styles.IconButton} ${styles.MuteButton}`}>\n <VolumeHighIcon className={`${styles.VolumeHighIcon} ${styles.Icon}`} />\n <VolumeLowIcon className={`${styles.VolumeLowIcon} ${styles.Icon}`} />\n <VolumeOffIcon className={`${styles.VolumeOffIcon} ${styles.Icon}`} />\n </MuteButton>\n </Popover.Trigger>\n <Popover.Portal>\n <Popover.Positioner side=\"top\" sideOffset={12}>\n <Popover.Popup className={`${styles.Surface} ${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.Portal>\n </Popover.Root>\n\n <Tooltip.Root delay={500}>\n <Tooltip.Trigger>\n <FullscreenButton className={`${styles.Button} ${styles.IconButton} ${styles.FullscreenButton}`}>\n <FullscreenEnterIcon className={`${styles.FullscreenEnterIcon} ${styles.Icon}`} />\n <FullscreenExitIcon className={`${styles.FullscreenExitIcon} ${styles.Icon}`} />\n </FullscreenButton>\n </Tooltip.Trigger>\n <Tooltip.Portal>\n <Tooltip.Positioner side=\"top\" sideOffset={12} collisionPadding={12}>\n <Tooltip.Popup className={`${styles.Surface} ${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.Portal>\n </Tooltip.Root>\n </div>\n </MediaContainer>\n );\n}\n\n// function ArrowSvg(props: React.ComponentProps<'svg'>) {\n// return (\n// <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n// <path\n// d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n// className={styles.ArrowFill}\n// />\n// <path\n// d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n// className={styles.ArrowOuterStroke}\n// />\n// <path\n// d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n// className={styles.ArrowInnerStroke}\n// />\n// </svg>\n// );\n// }\n"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { a as useMediaStore, i as useMediaSelector, n as useMediaDispatch, o as MediaContext, r as useMediaRef, t as MediaProvider } from "./store-DpQF8Ges.js";
2
2
  import { _ as DurationDisplay, a as TimeSlider, c as Popover, f as MuteButton, g as FullscreenButton, h as useMediaContainerRef, m as MediaContainer, o as PreviewTimeDisplay, r as Tooltip, t as VolumeSlider, u as PlayButton, v as CurrentTimeDisplay } from "./VolumeSlider-DoR6idnJ.js";
3
3
  import "./icons-BqfV81R8.js";
4
- import { t as FrostedSkin } from "./frosted-lf2WJmvT.js";
5
- import { t as MinimalSkin } from "./minimal-D4FIcy8O.js";
4
+ import { t as FrostedSkin } from "./frosted-ra_eRTyG.js";
5
+ import { t as MinimalSkin } from "./minimal-Cj3N9SDN.js";
6
6
  import React, { forwardRef, useImperativeHandle, useRef } from "react";
7
7
  import { jsx } from "react/jsx-runtime";
8
8
  import { createMediaPlaybackController } from "@videojs/core/media";
package/dist/{minimal-D4FIcy8O.js → minimal-Cj3N9SDN.js} RENAMED
@@ -34,11 +34,11 @@ const styles = {
34
34
  TimeSliderRoot: cn("vjs:mx-2"),
35
35
  TimeDisplay: cn("vjs:tabular-nums vjs:text-shadow-2xs/20"),
36
36
  DurationDisplay: cn("vjs:text-white/50 vjs:contents"),
37
- SliderRoot: cn("vjs:group/slider-root vjs:outline-0 vjs:flex vjs:items-center vjs:justify-center vjs:flex-1 vjs:group/slider vjs:relative vjs:rounded-full", "vjs:[&[data-orientation=\"horizontal\"]]:h-5 vjs:[&[data-orientation=\"horizontal\"]]:min-w-20", "vjs:[&[data-orientation=\"vertical\"]]:w-5 vjs:[&[data-orientation=\"vertical\"]]:h-18"),
38
- SliderTrack: cn("vjs:relative vjs:select-none vjs:rounded-[inherit] vjs:bg-white/10", "vjs:[&[data-orientation=\"horizontal\"]]:w-full vjs:[&[data-orientation=\"horizontal\"]]:h-[0.1875rem]", "vjs:[&[data-orientation=\"vertical\"]]:w-[0.1875rem]", "vjs:-outline-offset-2 vjs:group-focus-visible/slider-root:outline-2 vjs:group-focus-visible/slider-root:outline-offset-6 vjs:group-focus-visible/slider-root:outline-white"),
37
+ SliderRoot: cn("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", "vjs:[&[data-orientation=\"horizontal\"]]:h-5 vjs:[&[data-orientation=\"horizontal\"]]:min-w-20", "vjs:[&[data-orientation=\"vertical\"]]:w-5 vjs:[&[data-orientation=\"vertical\"]]:h-18"),
38
+ SliderTrack: cn("vjs:relative vjs:select-none vjs:rounded-[inherit] vjs:bg-white/10", "vjs:[&[data-orientation=\"horizontal\"]]:w-full vjs:[&[data-orientation=\"horizontal\"]]:h-[0.1875rem]", "vjs:[&[data-orientation=\"vertical\"]]:w-[0.1875rem]", "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"),
39
39
  SliderProgress: cn("vjs:bg-white vjs:rounded-[inherit]"),
40
40
  SliderPointer: cn("vjs:hidden"),
41
- SliderThumb: cn("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", "vjs:group-hover/slider-root:opacity-100 vjs:group-hover/slider-root:scale-100", "vjs:[&[data-orientation=\"horizontal\"]]:hover:cursor-ew-resize", "vjs:[&[data-orientation=\"vertical\"]]:hover:cursor-ns-resize"),
41
+ SliderThumb: cn("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", "vjs:group-hover/slider:opacity-100 vjs:group-hover/slider:scale-100", "vjs:[&[data-orientation=\"horizontal\"]]:hover:cursor-ew-resize", "vjs:[&[data-orientation=\"vertical\"]]:hover:cursor-ns-resize"),
42
42
  PopupAnimation: cn("vjs:transition-[transform,scale,opacity,filter] vjs:origin-bottom vjs:duration-200 vjs:data-[instant]:duration-0", "vjs:data-[starting-style]:scale-0 vjs:data-[starting-style]:opacity-0 vjs:data-[starting-style]:blur-sm", "vjs:data-[ending-style]:scale-0 vjs:data-[ending-style]:opacity-0 vjs:data-[ending-style]:blur-sm"),
43
43
  PopoverPopup: cn("vjs:py-2"),
44
44
  TooltipPopup: cn("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")
@@ -162,4 +162,4 @@ function MinimalSkin({ children, className = "" }) {
162
162
 
163
163
  //#endregion
164
164
  export { MinimalSkin as t };
165
- //# sourceMappingURL=minimal-D4FIcy8O.js.map
165
+ //# sourceMappingURL=minimal-Cj3N9SDN.js.map
package/dist/minimal-Cj3N9SDN.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"minimal-Cj3N9SDN.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',\n // Base typography\n 'vjs:text-[0.8125rem]', // 13px\n 'vjs:after:absolute vjs:after:inset-0 vjs:after:ring-black/20 vjs:after:ring-1 vjs:dark:after:ring-white/20 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 // 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 // High contrast mode\n 'vjs:contrast-more:from-black/75',\n ),\n Controls: cn(\n 'controls', // FIXME: Temporary className hook for above logic in the overlay. Can be removed once have a proper way to handle controls visibility.\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 // 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 Icon: cn('icon'),\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 PlayButton: cn(\n 'vjs:[&_.pause-icon]:opacity-100 vjs:[&[data-paused]_.pause-icon]:opacity-0',\n 'vjs:[&_.play-icon]:opacity-0 vjs:[&[data-paused]_.play-icon]:opacity-100',\n ),\n PlayIcon: cn('play-icon'),\n PauseIcon: cn('pause-icon'),\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 MuteButton: cn(\n 'vjs:[&_.icon]:hidden',\n 'vjs:[&[data-volume-level=\"high\"]_.volume-high-icon]:inline',\n 'vjs:[&[data-volume-level=\"medium\"]_.volume-low-icon]:inline',\n 'vjs:[&[data-volume-level=\"low\"]_.volume-low-icon]:inline',\n 'vjs:[&[data-volume-level=\"off\"]_.volume-off-icon]:inline',\n ),\n VolumeHighIcon: cn('volume-high-icon'),\n VolumeLowIcon: cn('volume-low-icon'),\n VolumeOffIcon: cn('volume-off-icon'),\n FullscreenButton: cn(\n 'vjs:[&_.fullscreen-enter-icon]:opacity-100 vjs:[&[data-fullscreen]_.fullscreen-enter-icon]:opacity-0',\n 'vjs:[&_.fullscreen-exit-icon]:opacity-0 vjs:[&[data-fullscreen]_.fullscreen-exit-icon]:opacity-100',\n 'vjs:[&_path]:transition-transform vjs:ease-out',\n ),\n FullscreenEnterIcon: cn(\n 'fullscreen-enter-icon',\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 'fullscreen-exit-icon',\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(\n 'vjs:py-2',\n ),\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} ${styles.PlayButton}`}>\n <PlayIcon className={`${styles.PlayIcon} ${styles.Icon}`} />\n <PauseIcon className={`${styles.PauseIcon} ${styles.Icon}`} />\n </PlayButton>\n </Tooltip.Trigger>\n <Tooltip.Portal>\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.Portal>\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.Portal>\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.Portal>\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} ${styles.MuteButton}`}>\n <VolumeHighIcon className={`${styles.VolumeHighIcon} ${styles.Icon}`} />\n <VolumeLowIcon className={`${styles.VolumeLowIcon} ${styles.Icon}`} />\n <VolumeOffIcon className={`${styles.VolumeOffIcon} ${styles.Icon}`} />\n </MuteButton>\n </Popover.Trigger>\n <Popover.Portal>\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.Portal>\n </Popover.Root>\n\n <Tooltip.Root delay={500} closeDelay={0}>\n <Tooltip.Trigger>\n <FullscreenButton className={`${styles.Button} ${styles.IconButton} ${styles.FullscreenButton}`}>\n <FullscreenEnterAltIcon className={`${styles.FullscreenEnterIcon} ${styles.Icon}`} />\n <FullscreenExitAltIcon className={`${styles.FullscreenExitIcon} ${styles.Icon}`} />\n </FullscreenButton>\n </Tooltip.Trigger>\n <Tooltip.Portal>\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.Portal>\n </Tooltip.Root>\n </div>\n </div>\n </MediaContainer>\n );\n}\n"],"mappings":"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"}
package/dist/skins/frosted.css CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @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}}
3
3
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
4
- @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-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-\[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\: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\: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-root\:opacity-100:is(:where(.vjs\:group\/slider-root):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-root\:scale-100:is(:where(.vjs\:group\/slider-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\/slider-root\:opacity-100:is(:where(.vjs\:group\/slider-root):hover *){opacity:1}}.vjs\:group-focus-visible\/slider-root\:outline-2:is(:where(.vjs\:group\/slider-root):focus-visible *){outline-style:var(--tw-outline-style);outline-width:2px}.vjs\:group-focus-visible\/slider-root\:outline-offset-6:is(:where(.vjs\:group\/slider-root):focus-visible *){outline-offset:6px}.vjs\:group-focus-visible\/slider-root\:outline-blue-500:is(:where(.vjs\:group\/slider-root):focus-visible *){outline-color:var(--vjs-color-blue-500)}.vjs\:group-focus-visible\/slider-root\:outline-white:is(:where(.vjs\:group\/slider-root):focus-visible *){outline-color:var(--vjs-color-white)}.vjs\:group-active\/slider-root\:size-3:is(:where(.vjs\:group\/slider-root):active *){width:calc(var(--vjs-spacing)*3);height:calc(var(--vjs-spacing)*3)}.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-black\/20:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:after\:ring-black\/20:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)20%,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,)}@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\/20: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\/20:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)20%,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-icon\]\:opacity-100 .fullscreen-enter-icon{opacity:1}.vjs\:\[\&_\.fullscreen-enter-tooltip\]\:inline .fullscreen-enter-tooltip{display:inline}.vjs\:\[\&_\.fullscreen-exit-icon\]\:opacity-0 .fullscreen-exit-icon{opacity:0}.vjs\:\[\&_\.fullscreen-exit-tooltip\]\:hidden .fullscreen-exit-tooltip,.vjs\:\[\&_\.icon\]\:hidden .icon{display:none}.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-icon\]\:opacity-100 .pause-icon{opacity:1}.vjs\:\[\&_\.pause-tooltip\]\:inline .pause-tooltip{display:inline}.vjs\:\[\&_\.play-icon\]\:opacity-0 .play-icon{opacity:0}.vjs\:\[\&_\.play-tooltip\]\:hidden .play-tooltip{display:none}.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\:\[\&_video\]\:h-full video{height:100%}.vjs\:\[\&_video\]\:w-full video{width:100%}.vjs\:\[\&\:fullscreen\]\:rounded-none:fullscreen{border-radius:0}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-enter-icon\]\:opacity-0[data-fullscreen] .fullscreen-enter-icon{opacity:0}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-enter-tooltip\]\:hidden[data-fullscreen] .fullscreen-enter-tooltip{display:none}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-exit-icon\]\:opacity-100[data-fullscreen] .fullscreen-exit-icon{opacity:1}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-exit-tooltip\]\:inline[data-fullscreen] .fullscreen-exit-tooltip{display:inline}.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}}.vjs\:\[\&\[data-paused\]_\.pause-icon\]\:opacity-0[data-paused] .pause-icon{opacity:0}.vjs\:\[\&\[data-paused\]_\.pause-tooltip\]\:hidden[data-paused] .pause-tooltip{display:none}.vjs\:\[\&\[data-paused\]_\.play-icon\]\:opacity-100[data-paused] .play-icon{opacity:1}.vjs\:\[\&\[data-paused\]_\.play-tooltip\]\:inline[data-paused] .play-tooltip,.vjs\:\[\&\[data-volume-level\=\"high\"\]_\.volume-high-icon\]\:inline[data-volume-level=high] .volume-high-icon,.vjs\:\[\&\[data-volume-level\=\"low\"\]_\.volume-low-icon\]\:inline[data-volume-level=low] .volume-low-icon,.vjs\:\[\&\[data-volume-level\=\"medium\"\]_\.volume-low-icon\]\:inline[data-volume-level=medium] .volume-low-icon,.vjs\:\[\&\[data-volume-level\=\"off\"\]_\.volume-off-icon\]\:inline[data-volume-level=off] .volume-off-icon{display:inline}}.vjs{font-family:inherit}@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:""}
4
+ @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-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-\[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\: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\: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\: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-black\/20:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:after\:ring-black\/20:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)20%,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,)}@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\/20: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\/20:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-white)20%,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-icon\]\:opacity-100 .fullscreen-enter-icon{opacity:1}.vjs\:\[\&_\.fullscreen-enter-tooltip\]\:inline .fullscreen-enter-tooltip{display:inline}.vjs\:\[\&_\.fullscreen-exit-icon\]\:opacity-0 .fullscreen-exit-icon{opacity:0}.vjs\:\[\&_\.fullscreen-exit-tooltip\]\:hidden .fullscreen-exit-tooltip,.vjs\:\[\&_\.icon\]\:hidden .icon{display:none}.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-icon\]\:opacity-100 .pause-icon{opacity:1}.vjs\:\[\&_\.pause-tooltip\]\:inline .pause-tooltip{display:inline}.vjs\:\[\&_\.play-icon\]\:opacity-0 .play-icon{opacity:0}.vjs\:\[\&_\.play-tooltip\]\:hidden .play-tooltip{display:none}.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\:\[\&_video\]\:h-full video{height:100%}.vjs\:\[\&_video\]\:w-full video{width:100%}.vjs\:\[\&\:fullscreen\]\:rounded-none:fullscreen{border-radius:0}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-enter-icon\]\:opacity-0[data-fullscreen] .fullscreen-enter-icon{opacity:0}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-enter-tooltip\]\:hidden[data-fullscreen] .fullscreen-enter-tooltip{display:none}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-exit-icon\]\:opacity-100[data-fullscreen] .fullscreen-exit-icon{opacity:1}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-exit-tooltip\]\:inline[data-fullscreen] .fullscreen-exit-tooltip{display:inline}.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}}.vjs\:\[\&\[data-paused\]_\.pause-icon\]\:opacity-0[data-paused] .pause-icon{opacity:0}.vjs\:\[\&\[data-paused\]_\.pause-tooltip\]\:hidden[data-paused] .pause-tooltip{display:none}.vjs\:\[\&\[data-paused\]_\.play-icon\]\:opacity-100[data-paused] .play-icon{opacity:1}.vjs\:\[\&\[data-paused\]_\.play-tooltip\]\:inline[data-paused] .play-tooltip,.vjs\:\[\&\[data-volume-level\=\"high\"\]_\.volume-high-icon\]\:inline[data-volume-level=high] .volume-high-icon,.vjs\:\[\&\[data-volume-level\=\"low\"\]_\.volume-low-icon\]\:inline[data-volume-level=low] .volume-low-icon,.vjs\:\[\&\[data-volume-level\=\"medium\"\]_\.volume-low-icon\]\:inline[data-volume-level=medium] .volume-low-icon,.vjs\:\[\&\[data-volume-level\=\"off\"\]_\.volume-off-icon\]\:inline[data-volume-level=off] .volume-off-icon{display:inline}}.vjs{font-family:inherit}@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.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "../store-DpQF8Ges.js";
2
2
  import "../VolumeSlider-DoR6idnJ.js";
3
3
  import "../icons-BqfV81R8.js";
4
- import { t as FrostedSkin } from "../frosted-lf2WJmvT.js";
4
+ import { t as FrostedSkin } from "../frosted-ra_eRTyG.js";
5
5
 
6
6
  export { FrostedSkin };
package/dist/skins/minimal.css CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @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}}
3
3
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
4
- @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-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-\[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\: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\: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-root\:opacity-100:is(:where(.vjs\:group\/slider-root):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-root\:scale-100:is(:where(.vjs\:group\/slider-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\/slider-root\:opacity-100:is(:where(.vjs\:group\/slider-root):hover *){opacity:1}}.vjs\:group-focus-visible\/slider-root\:outline-2:is(:where(.vjs\:group\/slider-root):focus-visible *){outline-style:var(--tw-outline-style);outline-width:2px}.vjs\:group-focus-visible\/slider-root\:outline-offset-6:is(:where(.vjs\:group\/slider-root):focus-visible *){outline-offset:6px}.vjs\:group-focus-visible\/slider-root\:outline-blue-500:is(:where(.vjs\:group\/slider-root):focus-visible *){outline-color:var(--vjs-color-blue-500)}.vjs\:group-focus-visible\/slider-root\:outline-white:is(:where(.vjs\:group\/slider-root):focus-visible *){outline-color:var(--vjs-color-white)}.vjs\:group-active\/slider-root\:size-3:is(:where(.vjs\:group\/slider-root):active *){width:calc(var(--vjs-spacing)*3);height:calc(var(--vjs-spacing)*3)}.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-black\/20:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:after\:ring-black\/20:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)20%,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,)}@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\/20: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\/20: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-icon\]\:opacity-100 .fullscreen-enter-icon{opacity:1}.vjs\:\[\&_\.fullscreen-enter-tooltip\]\:inline .fullscreen-enter-tooltip{display:inline}.vjs\:\[\&_\.fullscreen-exit-icon\]\:opacity-0 .fullscreen-exit-icon{opacity:0}.vjs\:\[\&_\.fullscreen-exit-tooltip\]\:hidden .fullscreen-exit-tooltip,.vjs\:\[\&_\.icon\]\:hidden .icon{display:none}.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-icon\]\:opacity-100 .pause-icon{opacity:1}.vjs\:\[\&_\.pause-tooltip\]\:inline .pause-tooltip{display:inline}.vjs\:\[\&_\.play-icon\]\:opacity-0 .play-icon{opacity:0}.vjs\:\[\&_\.play-tooltip\]\:hidden .play-tooltip{display:none}.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\:\[\&_video\]\:h-full video{height:100%}.vjs\:\[\&_video\]\:w-full video{width:100%}.vjs\:\[\&\:fullscreen\]\:rounded-none:fullscreen{border-radius:0}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-enter-icon\]\:opacity-0[data-fullscreen] .fullscreen-enter-icon{opacity:0}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-enter-tooltip\]\:hidden[data-fullscreen] .fullscreen-enter-tooltip{display:none}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-exit-icon\]\:opacity-100[data-fullscreen] .fullscreen-exit-icon{opacity:1}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-exit-tooltip\]\:inline[data-fullscreen] .fullscreen-exit-tooltip{display:inline}.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}}.vjs\:\[\&\[data-paused\]_\.pause-icon\]\:opacity-0[data-paused] .pause-icon{opacity:0}.vjs\:\[\&\[data-paused\]_\.pause-tooltip\]\:hidden[data-paused] .pause-tooltip{display:none}.vjs\:\[\&\[data-paused\]_\.play-icon\]\:opacity-100[data-paused] .play-icon{opacity:1}.vjs\:\[\&\[data-paused\]_\.play-tooltip\]\:inline[data-paused] .play-tooltip,.vjs\:\[\&\[data-volume-level\=\"high\"\]_\.volume-high-icon\]\:inline[data-volume-level=high] .volume-high-icon,.vjs\:\[\&\[data-volume-level\=\"low\"\]_\.volume-low-icon\]\:inline[data-volume-level=low] .volume-low-icon,.vjs\:\[\&\[data-volume-level\=\"medium\"\]_\.volume-low-icon\]\:inline[data-volume-level=medium] .volume-low-icon,.vjs\:\[\&\[data-volume-level\=\"off\"\]_\.volume-off-icon\]\:inline[data-volume-level=off] .volume-off-icon{display:inline}}.vjs{font-family:inherit}@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:""}
4
+ @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-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-\[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\: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\: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\: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-black\/20:after{content:var(--tw-content);--tw-ring-color:var(--vjs-color-black)}@supports (color:color-mix(in lab, red, red)){.vjs\:after\:ring-black\/20:after{--tw-ring-color:color-mix(in oklab,var(--vjs-color-black)20%,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,)}@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\/20: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\/20: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-icon\]\:opacity-100 .fullscreen-enter-icon{opacity:1}.vjs\:\[\&_\.fullscreen-enter-tooltip\]\:inline .fullscreen-enter-tooltip{display:inline}.vjs\:\[\&_\.fullscreen-exit-icon\]\:opacity-0 .fullscreen-exit-icon{opacity:0}.vjs\:\[\&_\.fullscreen-exit-tooltip\]\:hidden .fullscreen-exit-tooltip,.vjs\:\[\&_\.icon\]\:hidden .icon{display:none}.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-icon\]\:opacity-100 .pause-icon{opacity:1}.vjs\:\[\&_\.pause-tooltip\]\:inline .pause-tooltip{display:inline}.vjs\:\[\&_\.play-icon\]\:opacity-0 .play-icon{opacity:0}.vjs\:\[\&_\.play-tooltip\]\:hidden .play-tooltip{display:none}.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\:\[\&_video\]\:h-full video{height:100%}.vjs\:\[\&_video\]\:w-full video{width:100%}.vjs\:\[\&\:fullscreen\]\:rounded-none:fullscreen{border-radius:0}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-enter-icon\]\:opacity-0[data-fullscreen] .fullscreen-enter-icon{opacity:0}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-enter-tooltip\]\:hidden[data-fullscreen] .fullscreen-enter-tooltip{display:none}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-exit-icon\]\:opacity-100[data-fullscreen] .fullscreen-exit-icon{opacity:1}.vjs\:\[\&\[data-fullscreen\]_\.fullscreen-exit-tooltip\]\:inline[data-fullscreen] .fullscreen-exit-tooltip{display:inline}.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}}.vjs\:\[\&\[data-paused\]_\.pause-icon\]\:opacity-0[data-paused] .pause-icon{opacity:0}.vjs\:\[\&\[data-paused\]_\.pause-tooltip\]\:hidden[data-paused] .pause-tooltip{display:none}.vjs\:\[\&\[data-paused\]_\.play-icon\]\:opacity-100[data-paused] .play-icon{opacity:1}.vjs\:\[\&\[data-paused\]_\.play-tooltip\]\:inline[data-paused] .play-tooltip,.vjs\:\[\&\[data-volume-level\=\"high\"\]_\.volume-high-icon\]\:inline[data-volume-level=high] .volume-high-icon,.vjs\:\[\&\[data-volume-level\=\"low\"\]_\.volume-low-icon\]\:inline[data-volume-level=low] .volume-low-icon,.vjs\:\[\&\[data-volume-level\=\"medium\"\]_\.volume-low-icon\]\:inline[data-volume-level=medium] .volume-low-icon,.vjs\:\[\&\[data-volume-level\=\"off\"\]_\.volume-off-icon\]\:inline[data-volume-level=off] .volume-off-icon{display:inline}}.vjs{font-family:inherit}@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.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "../store-DpQF8Ges.js";
2
2
  import "../VolumeSlider-DoR6idnJ.js";
3
3
  import "../icons-BqfV81R8.js";
4
- import { t as MinimalSkin } from "../minimal-D4FIcy8O.js";
4
+ import { t as MinimalSkin } from "../minimal-Cj3N9SDN.js";
5
5
 
6
6
  export { MinimalSkin };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@videojs/react",
3
3
  "type": "module",
4
- "version": "0.1.0-preview.3",
4
+ "version": "0.1.0-preview.4",
5
5
  "description": "React library for building media players",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -47,13 +47,14 @@
47
47
  },
48
48
  "dependencies": {
49
49
  "@floating-ui/react": "^0.27.16",
50
- "@videojs/icons": "0.1.0-preview.3",
51
- "@videojs/utils": "0.1.0-preview.3",
52
- "@videojs/core": "0.1.0-preview.3"
50
+ "@videojs/core": "0.1.0-preview.4",
51
+ "@videojs/utils": "0.1.0-preview.4",
52
+ "@videojs/icons": "0.1.0-preview.4"
53
53
  },
54
54
  "devDependencies": {
55
55
  "@svgr/babel-plugin-add-jsx-attribute": "^8.0.0",
56
56
  "@svgr/cli": "^8.1.0",
57
+ "@svgr/core": "^8.1.0",
57
58
  "@svgr/plugin-jsx": "^8.1.0",
58
59
  "@tailwindcss/cli": "^4.1.0",
59
60
  "@types/postcss-prefix-selector": "^1.16.3",
package/dist/frosted-lf2WJmvT.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"frosted-lf2WJmvT.js","names":["styles: FrostedSkinStyles","styles","PlayButton","PlayIcon","PauseIcon","MuteButton","VolumeHighIcon","VolumeLowIcon","VolumeOffIcon","FullscreenEnterIcon","FullscreenExitIcon"],"sources":["../src/skins/frosted/styles.ts","../src/skins/frosted/FrostedSkin.tsx"],"sourcesContent":["import type { FrostedSkinStyles } 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: FrostedSkinStyles = {\n MediaContainer: cn(\n 'vjs', // Scope preflight\n 'vjs:relative vjs:isolate vjs:@container/root vjs:group/root vjs:overflow-clip vjs:bg-black',\n // Base typography\n 'vjs:text-[0.8125rem]', // 13px\n // Fancy borders.\n 'vjs:after:absolute vjs:after:inset-0 vjs:after:ring-black/10 vjs:after:ring-1 vjs:dark:after:ring-white/10 vjs:after:ring-inset vjs:after:z-10 vjs:after:pointer-events-none vjs:after:rounded-[inherit]',\n 'vjs:before:absolute vjs:before:inset-px vjs:before:rounded-[inherit] vjs:before:ring-white/15 vjs:before:ring-1 vjs:before:ring-inset vjs:before:z-10 vjs:before:pointer-events-none vjs:dark:before:ring-0',\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:opacity-0 vjs:delay-500 vjs:duration-300 vjs:rounded-[inherit] vjs:absolute vjs:inset-0 vjs:pointer-events-none vjs:bg-gradient-to-t vjs:from-black/50 vjs:via-black/20 vjs:to-transparent vjs:transition-opacity vjs:backdrop-saturate-150 vjs:backdrop-brightness-90',\n // Hide when playing (for now).\n // FIXME: This is crude temporary logic, we'll improve it later I guess with a [data-show-controls] attribute or something?\n 'vjs:has-[+.controls_[data-paused]]:opacity-100 vjs:has-[+.controls_[data-paused]]:delay-0 vjs:has-[+.controls_[data-paused]]:duration-100',\n 'vjs:has-[+.controls_[aria-expanded=\"true\"]]:opacity-100 vjs:has-[+.controls_[aria-expanded=\"true\"]]:delay-0 vjs:has-[+.controls_[aria-expanded=\"true\"]]:duration-100',\n 'vjs:group-hover/root:opacity-100 vjs:group-hover/root:delay-0 vjs:group-hover/root:duration-100',\n ),\n Surface: cn(\n 'vjs:bg-white/10 vjs:backdrop-blur-3xl vjs:backdrop-saturate-150 vjs:backdrop-brightness-90',\n // Ring and shadow\n 'vjs:ring vjs:ring-white/10 vjs:ring-inset vjs:shadow-sm vjs:shadow-black/15',\n // Border to enhance contrast on lighter videos\n 'vjs:after:absolute vjs:after:inset-0 vjs:after:ring vjs:after:rounded-[inherit] vjs:after:ring-black/15 vjs:after:pointer-events-none vjs:after:z-10',\n // Reduced transparency for users with preference\n // XXX: This requires a Tailwind custom variant (see 1 below)\n 'vjs:reduced-transparency:bg-black/70 vjs:reduced-transparency:ring-black vjs:reduced-transparency:after:ring-white/20',\n // High contrast mode\n 'vjs:contrast-more:bg-black/90 vjs:contrast-more:ring-black vjs:contrast-more:after:ring-white/20',\n ),\n Controls: cn(\n 'vjs:@container/controls vjs:absolute vjs:inset-x-3 vjs:bottom-3 vjs:rounded-full vjs:flex vjs:items-center vjs:p-1 vjs:gap-0.5 vjs:text-white',\n // Animation\n 'vjs:transition vjs:will-change-[transform,scale,filter,opacity] vjs:origin-bottom vjs:ease-out',\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 // FIXME: Temporary hide/show logic\n 'vjs:scale-90 vjs:opacity-0 vjs:blur-sm vjs:delay-500 vjs:duration-300',\n 'vjs:has-[[data-paused]]:scale-100 vjs:has-[[data-paused]]:opacity-100 vjs:has-[[data-paused]]:blur-none vjs:has-[[data-paused]]:delay-0 vjs:has-[[data-paused]]:duration-100',\n 'vjs:has-[[aria-expanded=\"true\"]]:scale-100 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-100',\n 'vjs:group-hover/root:scale-100 vjs:group-hover/root:opacity-100 vjs:group-hover/root:blur-none vjs:group-hover/root:delay-0 vjs:group-hover/root:duration-100',\n ),\n Icon: cn('icon'),\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 vjs:rounded-full',\n // Background/foreground\n 'vjs:bg-transparent vjs:text-white/90',\n // Hover and focus states\n 'vjs:hover:no-underline vjs:hover:bg-white/10 vjs:hover:text-white vjs:focus-visible:no-underline vjs:focus-visible:bg-white/10 vjs:focus-visible:text-white',\n // Focus state\n 'vjs:-outline-offset-2 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-2 vjs:focus-visible:outline-blue-500',\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:bg-white/10 vjs:aria-expanded:text-white',\n ),\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/25',\n ),\n PlayButton: cn(\n 'vjs:[&_.pause-icon]:opacity-100 vjs:[&[data-paused]_.pause-icon]:opacity-0',\n 'vjs:[&_.play-icon]:opacity-0 vjs:[&[data-paused]_.play-icon]:opacity-100',\n ),\n PlayIcon: cn('play-icon'),\n PauseIcon: cn('pause-icon'),\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 MuteButton: cn(\n 'vjs:[&_.icon]:hidden',\n 'vjs:[&[data-volume-level=\"high\"]_.volume-high-icon]:inline',\n 'vjs:[&[data-volume-level=\"medium\"]_.volume-low-icon]:inline',\n 'vjs:[&[data-volume-level=\"low\"]_.volume-low-icon]:inline',\n 'vjs:[&[data-volume-level=\"off\"]_.volume-off-icon]:inline',\n ),\n VolumeHighIcon: cn('volume-high-icon'),\n VolumeLowIcon: cn('volume-low-icon'),\n VolumeOffIcon: cn('volume-off-icon'),\n FullscreenButton: cn(\n 'vjs:[&_.fullscreen-enter-icon]:opacity-100 vjs:[&[data-fullscreen]_.fullscreen-enter-icon]:opacity-0',\n 'vjs:[&_.fullscreen-exit-icon]:opacity-0 vjs:[&[data-fullscreen]_.fullscreen-exit-icon]:opacity-100',\n 'vjs:[&_path]:transition-transform vjs:ease-out',\n ),\n FullscreenEnterIcon: cn(\n 'fullscreen-enter-icon',\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 'fullscreen-exit-icon',\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 TimeControls: cn('vjs:flex-1 vjs:flex vjs:items-center vjs:gap-3 vjs:px-1.5'),\n TimeDisplay: cn('vjs:tabular-nums vjs:text-shadow-2xs/25'),\n SliderRoot: cn(\n 'vjs:group/slider-root vjs:outline-0 vjs:flex vjs:items-center vjs:justify-center vjs:flex-1 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-20',\n ),\n SliderTrack: cn(\n 'vjs:relative vjs:select-none vjs:transition-[outline-offset] vjs:rounded-[inherit] vjs:bg-white/20 vjs:ring-1 vjs:ring-black/5',\n 'vjs:[&[data-orientation=\"horizontal\"]]:w-full vjs:[&[data-orientation=\"horizontal\"]]:h-1',\n 'vjs:[&[data-orientation=\"vertical\"]]:w-1',\n 'vjs:-outline-offset-2 vjs:group-focus-visible/slider-root:outline-2 vjs:group-focus-visible/slider-root:outline-offset-6 vjs:group-focus-visible/slider-root:outline-blue-500',\n ),\n SliderProgress: cn('vjs:bg-white vjs:rounded-[inherit]'),\n // TODO: Work out what we want to do here.\n SliderPointer: cn('vjs:bg-white/20 vjs:rounded-[inherit]'),\n SliderThumb: cn(\n 'vjs:bg-white vjs:z-10 vjs:select-none vjs:ring vjs:ring-black/10 vjs:rounded-full vjs:shadow-sm vjs:shadow-black/15 vjs:opacity-0 vjs:transition-[opacity,height,width] vjs:ease-out',\n 'vjs:group-hover/slider-root:opacity-100 vjs:group-focus-within/slider-root:opacity-100',\n 'vjs:size-2.5 vjs:active:size-3 vjs:group-active/slider-root:size-3',\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(\n 'vjs:relative vjs:px-1 vjs:py-3 vjs:rounded-full',\n ),\n TooltipPopup: cn(\n 'vjs:whitespace-nowrap vjs:rounded-full vjs:text-white vjs:text-xs vjs:@7xl/root:text-sm vjs:px-2.5 vjs:py-1',\n ),\n};\n\n/*\n[1] @custom-variant reduced-transparency @media (prefers-reduced-transparency: reduce);\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 FullscreenEnterIcon,\n FullscreenExitIcon,\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 FrostedSkin({ 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.Surface} ${styles.Controls}`} data-testid=\"media-controls\">\n <Tooltip.Root delay={500}>\n <Tooltip.Trigger>\n <PlayButton className={`${styles.Button} ${styles.IconButton} ${styles.PlayButton}`}>\n <PlayIcon className={`${styles.PlayIcon} ${styles.Icon}`} />\n <PauseIcon className={`${styles.PauseIcon} ${styles.Icon}`} />\n </PlayButton>\n </Tooltip.Trigger>\n <Tooltip.Portal>\n <Tooltip.Positioner side=\"top\" sideOffset={12} collisionPadding={12}>\n <Tooltip.Popup className={`${styles.TooltipPopup} ${styles.Surface} ${styles.PopupAnimation} ${styles.PlayTooltipPopup}`}>\n <span className={styles.PlayTooltip}>Play</span>\n <span className={styles.PauseTooltip}>Pause</span>\n </Tooltip.Popup>\n </Tooltip.Positioner>\n </Tooltip.Portal>\n </Tooltip.Root>\n\n <div className={styles.TimeControls}>\n <CurrentTimeDisplay\n // Use showRemaining to show count down/remaining time\n // showRemaining\n className={styles.TimeDisplay}\n />\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.Portal>\n <Tooltip.Positioner side=\"top\" sideOffset={18} collisionPadding={12}>\n <Tooltip.Popup className={`${styles.Surface} ${styles.PopupAnimation} ${styles.TooltipPopup}`}>\n <PreviewTimeDisplay className={styles.TimeDisplay} />\n </Tooltip.Popup>\n </Tooltip.Positioner>\n </Tooltip.Portal>\n </Tooltip.Root>\n\n <DurationDisplay className={styles.TimeDisplay} />\n </div>\n\n <Popover.Root openOnHover delay={200} closeDelay={100}>\n <Popover.Trigger>\n <MuteButton className={`${styles.Button} ${styles.IconButton} ${styles.MuteButton}`}>\n <VolumeHighIcon className={`${styles.VolumeHighIcon} ${styles.Icon}`} />\n <VolumeLowIcon className={`${styles.VolumeLowIcon} ${styles.Icon}`} />\n <VolumeOffIcon className={`${styles.VolumeOffIcon} ${styles.Icon}`} />\n </MuteButton>\n </Popover.Trigger>\n <Popover.Portal>\n <Popover.Positioner side=\"top\" sideOffset={12}>\n <Popover.Popup className={`${styles.Surface} ${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.Portal>\n </Popover.Root>\n\n <Tooltip.Root delay={500}>\n <Tooltip.Trigger>\n <FullscreenButton className={`${styles.Button} ${styles.IconButton} ${styles.FullscreenButton}`}>\n <FullscreenEnterIcon className={`${styles.FullscreenEnterIcon} ${styles.Icon}`} />\n <FullscreenExitIcon className={`${styles.FullscreenExitIcon} ${styles.Icon}`} />\n </FullscreenButton>\n </Tooltip.Trigger>\n <Tooltip.Portal>\n <Tooltip.Positioner side=\"top\" sideOffset={12} collisionPadding={12}>\n <Tooltip.Popup className={`${styles.Surface} ${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.Portal>\n </Tooltip.Root>\n </div>\n </MediaContainer>\n );\n}\n\n// function ArrowSvg(props: React.ComponentProps<'svg'>) {\n// return (\n// <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n// <path\n// d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n// className={styles.ArrowFill}\n// />\n// <path\n// d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n// className={styles.ArrowOuterStroke}\n// />\n// <path\n// d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n// className={styles.ArrowInnerStroke}\n// />\n// </svg>\n// );\n// }\n"],"mappings":"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"}
package/dist/minimal-D4FIcy8O.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"minimal-D4FIcy8O.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',\n // Base typography\n 'vjs:text-[0.8125rem]', // 13px\n 'vjs:after:absolute vjs:after:inset-0 vjs:after:ring-black/20 vjs:after:ring-1 vjs:dark:after:ring-white/20 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 // 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 // High contrast mode\n 'vjs:contrast-more:from-black/75',\n ),\n Controls: cn(\n 'controls', // FIXME: Temporary className hook for above logic in the overlay. Can be removed once have a proper way to handle controls visibility.\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 // 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 Icon: cn('icon'),\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 PlayButton: cn(\n 'vjs:[&_.pause-icon]:opacity-100 vjs:[&[data-paused]_.pause-icon]:opacity-0',\n 'vjs:[&_.play-icon]:opacity-0 vjs:[&[data-paused]_.play-icon]:opacity-100',\n ),\n PlayIcon: cn('play-icon'),\n PauseIcon: cn('pause-icon'),\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 MuteButton: cn(\n 'vjs:[&_.icon]:hidden',\n 'vjs:[&[data-volume-level=\"high\"]_.volume-high-icon]:inline',\n 'vjs:[&[data-volume-level=\"medium\"]_.volume-low-icon]:inline',\n 'vjs:[&[data-volume-level=\"low\"]_.volume-low-icon]:inline',\n 'vjs:[&[data-volume-level=\"off\"]_.volume-off-icon]:inline',\n ),\n VolumeHighIcon: cn('volume-high-icon'),\n VolumeLowIcon: cn('volume-low-icon'),\n VolumeOffIcon: cn('volume-off-icon'),\n FullscreenButton: cn(\n 'vjs:[&_.fullscreen-enter-icon]:opacity-100 vjs:[&[data-fullscreen]_.fullscreen-enter-icon]:opacity-0',\n 'vjs:[&_.fullscreen-exit-icon]:opacity-0 vjs:[&[data-fullscreen]_.fullscreen-exit-icon]:opacity-100',\n 'vjs:[&_path]:transition-transform vjs:ease-out',\n ),\n FullscreenEnterIcon: cn(\n 'fullscreen-enter-icon',\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 'fullscreen-exit-icon',\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-root 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-root:outline-2 vjs:group-focus-visible/slider-root:outline-offset-6 vjs:group-focus-visible/slider-root: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-root:opacity-100 vjs:group-hover/slider-root: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(\n 'vjs:py-2',\n ),\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} ${styles.PlayButton}`}>\n <PlayIcon className={`${styles.PlayIcon} ${styles.Icon}`} />\n <PauseIcon className={`${styles.PauseIcon} ${styles.Icon}`} />\n </PlayButton>\n </Tooltip.Trigger>\n <Tooltip.Portal>\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.Portal>\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.Portal>\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.Portal>\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} ${styles.MuteButton}`}>\n <VolumeHighIcon className={`${styles.VolumeHighIcon} ${styles.Icon}`} />\n <VolumeLowIcon className={`${styles.VolumeLowIcon} ${styles.Icon}`} />\n <VolumeOffIcon className={`${styles.VolumeOffIcon} ${styles.Icon}`} />\n </MuteButton>\n </Popover.Trigger>\n <Popover.Portal>\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.Portal>\n </Popover.Root>\n\n <Tooltip.Root delay={500} closeDelay={0}>\n <Tooltip.Trigger>\n <FullscreenButton className={`${styles.Button} ${styles.IconButton} ${styles.FullscreenButton}`}>\n <FullscreenEnterAltIcon className={`${styles.FullscreenEnterIcon} ${styles.Icon}`} />\n <FullscreenExitAltIcon className={`${styles.FullscreenExitIcon} ${styles.Icon}`} />\n </FullscreenButton>\n </Tooltip.Trigger>\n <Tooltip.Portal>\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.Portal>\n </Tooltip.Root>\n </div>\n </div>\n </MediaContainer>\n );\n}\n"],"mappings":"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"}