npm - @videojs/react - Versions diffs - 0.1.0-preview.2 → 0.1.0-preview.3 - Mend

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

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 (16) hide show

package/README.md +2 -2
package/dist/FrostedSkin-t8edr5LV.d.ts.map +1 -1
package/dist/MinimalSkin-DzHkJgW-.d.ts.map +1 -1
package/dist/{frosted-BtDBmsH2.js → frosted-lf2WJmvT.js} +12 -15
package/dist/frosted-lf2WJmvT.js.map +1 -0
package/dist/index.d.ts.map +1 -1
package/dist/index.js +2 -2
package/dist/{minimal-DE2x_liR.js → minimal-D4FIcy8O.js} +13 -15
package/dist/minimal-D4FIcy8O.js.map +1 -0
package/dist/skins/frosted.css +1 -1
package/dist/skins/frosted.js +1 -1
package/dist/skins/minimal.css +1 -1
package/dist/skins/minimal.js +1 -1
package/package.json +6 -5
package/dist/frosted-BtDBmsH2.js.map +0 -1
package/dist/minimal-DE2x_liR.js.map +0 -1

package/README.md CHANGED Viewed

@@ -23,6 +23,6 @@ members:
 [Apache-2.0](./LICENSE)
 [package]: https://www.npmjs.com/package/@videojs/react
-[package-badge]: https://img.shields.io/npm/v/%40videojs%2Freact%40next
+[package-badge]: https://img.shields.io/npm/v/@videojs/react/next?label=@videojs/react@next
 [discord]: https://discord.gg/b664Gq3pdy
-[gh-discussions]: https://github.com/muxinc/vjs-10-monorepo/discussions
+[gh-discussions]: https://github.com/videojs/v10/discussions

package/dist/FrostedSkin-t8edr5LV.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FrostedSkin-t8edr5LV.d.ts","names":[],"sources":["../src/skins/frosted/FrostedSkin.tsx"],"sourcesContent":[],"mappings":";;;~~KAyBK~~,SAAA,GAAY;;~~AAzBsB~~,CAAA,CAAA;~~AA6Bf~~,iBAAA,WAAA,CAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAA0C,SAA1C,CAAA,EAAsD,GAAA,CAAI,OAA1D"}
1	+ {"version":3,"file":"FrostedSkin-t8edr5LV.d.ts","names":[],"sources":["../src/skins/frosted/FrostedSkin.tsx"],"sourcesContent":[],"mappings":";;;KAwBK,SAAA,GAAY;;AAxBsB,CAAA,CAAA;AA4Bf,iBAAA,WAAA,CAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAA0C,SAA1C,CAAA,EAAsD,GAAA,CAAI,OAA1D"}

package/dist/MinimalSkin-DzHkJgW-.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MinimalSkin-DzHkJgW-.d.ts","names":[],"sources":["../src/skins/minimal/MinimalSkin.tsx"],"sourcesContent":[],"mappings":";;;~~KA0BK~~,SAAA,GAAY;;~~AA1BsB~~,CAAA,CAAA;~~AA8Bf~~,iBAAA,WAAA,CAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAA0C,SAA1C,CAAA,EAAsD,GAAA,CAAI,OAA1D"}
1	+ {"version":3,"file":"MinimalSkin-DzHkJgW-.d.ts","names":[],"sources":["../src/skins/minimal/MinimalSkin.tsx"],"sourcesContent":[],"mappings":";;;KAwBK,SAAA,GAAY;;AAxBsB,CAAA,CAAA;AA4Bf,iBAAA,WAAA,CAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAA0C,SAA1C,CAAA,EAAsD,GAAA,CAAI,OAA1D"}

package/dist/{frosted-BtDBmsH2.js → frosted-lf2WJmvT.js} RENAMED Viewed

@@ -7,14 +7,14 @@ function cn(...classes) {
 	return classes.filter(Boolean).join(" ");
 }
 const styles = {
-	MediaContainer: cn("vjs", "vjs:relative vjs:isolate vjs:@container/root vjs:group/root vjs:overflow-clip", "vjs:text-[0.8125rem]", "vjs:[&:fullscreen]:rounded-none vjs:[&:fullscreen]:[&_video]:h-full vjs:[&:fullscreen]:[&_video]:w-full", "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]", "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", "vjs:[&_video]:rounded-[inherit] vjs:[&_video]:w-full vjs:[&_video]:h-auto"),
-	Overlay: cn("vjs:opacity-0 vjs:delay-500 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", "vjs:has-[+.controls_[data-paused]]:opacity-100 vjs:has-[+.controls_[data-paused]]:delay-0", "vjs:has-[+.controls_[aria-expanded=\"true\"]]:opacity-100 vjs:has-[+.controls_[aria-expanded=\"true\"]]:delay-0", "vjs:group-hover/root:opacity-100 vjs:group-hover/root:delay-0"),
+	MediaContainer: cn("vjs", "vjs:relative vjs:isolate vjs:@container/root vjs:group/root vjs:overflow-clip vjs:bg-black", "vjs:text-[0.8125rem]", "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]", "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", "vjs:[&:fullscreen]:rounded-none", "vjs:[&_video]:w-full vjs:[&_video]:h-full"),
+	Overlay: cn("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", "vjs:has-[+.controls_[data-paused]]:opacity-100 vjs:has-[+.controls_[data-paused]]:delay-0 vjs:has-[+.controls_[data-paused]]:duration-100", "vjs:has-[+.controls_[aria-expanded=\"true\"]]:opacity-100 vjs:has-[+.controls_[aria-expanded=\"true\"]]:delay-0 vjs:has-[+.controls_[aria-expanded=\"true\"]]:duration-100", "vjs:group-hover/root:opacity-100 vjs:group-hover/root:delay-0 vjs:group-hover/root:duration-100"),
 	Surface: cn("vjs:bg-white/10 vjs:backdrop-blur-3xl vjs:backdrop-saturate-150 vjs:backdrop-brightness-90", "vjs:ring vjs:ring-white/10 vjs:ring-inset vjs:shadow-sm vjs:shadow-black/15", "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", "vjs:reduced-transparency:bg-black/70 vjs:reduced-transparency:ring-black vjs:reduced-transparency:after:ring-white/20", "vjs:contrast-more:bg-black/90 vjs:contrast-more:ring-black vjs:contrast-more:after:ring-white/20"),
-	Controls: cn("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", "vjs:transition vjs:will-change-transform vjs:origin-bottom vjs:ease-out", "controls", "vjs:scale-90 vjs:opacity-0 vjs:delay-500 vjs:duration-300", "vjs:has-[[data-paused]]:scale-100 vjs:has-[[data-paused]]:opacity-100 vjs:has-[[data-paused]]:delay-0", "vjs:has-[[aria-expanded=\"true\"]]:scale-100 vjs:has-[[aria-expanded=\"true\"]]:opacity-100 vjs:has-[[aria-expanded=\"true\"]]:delay-0", "vjs:group-hover/root:scale-100 vjs:group-hover/root:opacity-100 vjs:group-hover/root:delay-0"),
+	Controls: cn("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", "vjs:transition vjs:will-change-[transform,scale,filter,opacity] vjs:origin-bottom vjs:ease-out", "controls", "vjs:scale-90 vjs:opacity-0 vjs:blur-sm vjs:delay-500 vjs:duration-300", "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", "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", "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"),
 	Icon: cn("icon"),
-	Button: cn("vjs:group/button vjs:cursor-pointer vjs:relative vjs:shrink-0 vjs:transition vjs:select-none vjs:p-2 vjs:rounded-full", "vjs:bg-transparent vjs:text-white/90", "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", "vjs:-outline-offset-2 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-2 vjs:focus-visible:outline-blue-500", "vjs:aria-disabled:grayscale vjs:aria-disabled:opacity-50 vjs:aria-disabled:cursor-not-allowed", "vjs:aria-busy:pointer-events-none vjs:aria-busy:cursor-not-allowed", "vjs:aria-expanded:bg-white/10 vjs:aria-expanded:text-white", "vjs:active:scale-95"),
-	IconButton: cn("vjs:grid vjs:[&_.icon]:[grid-area:1/1]", "vjs:[&_.icon]:shrink-0 vjs:[&_.icon]:transition-[opacity,filter] vjs:[&_.icon]:duration-500 vjs:[&_.icon]:linear vjs:[&_.icon]:drop-shadow-[0_1px_0_var(--tw-shadow-color)] vjs:[&_.icon]:shadow-black/25"),
-	PlayButton: cn("vjs:[&_.pause-icon]:opacity-100 vjs:[&[data-paused]_.pause-icon]:opacity-0 vjs:[&[data-paused]_.pause-icon]:blur-sm", "vjs:[&_.play-icon]:opacity-0 vjs:[&_.play-icon]:blur-sm vjs:[&[data-paused]_.play-icon]:opacity-100 vjs:[&[data-paused]_.play-icon]:blur-none"),
+	Button: cn("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", "vjs:bg-transparent vjs:text-white/90", "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", "vjs:-outline-offset-2 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-2 vjs:focus-visible:outline-blue-500", "vjs:disabled:grayscale vjs:disabled:opacity-50 vjs:disabled:cursor-not-allowed", "vjs:aria-busy:pointer-events-none vjs:aria-busy:cursor-not-allowed", "vjs:aria-expanded:bg-white/10 vjs:aria-expanded:text-white"),
+	IconButton: cn("vjs:grid vjs:[&_.icon]:[grid-area:1/1]", "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"),
+	PlayButton: cn("vjs:[&_.pause-icon]:opacity-100 vjs:[&[data-paused]_.pause-icon]:opacity-0", "vjs:[&_.play-icon]:opacity-0 vjs:[&[data-paused]_.play-icon]:opacity-100"),
 	PlayIcon: cn("play-icon"),
 	PauseIcon: cn("pause-icon"),
 	PlayTooltipPopup: cn("vjs:[&_.pause-tooltip]:inline vjs:[&[data-paused]_.pause-tooltip]:hidden", "vjs:[&_.play-tooltip]:hidden vjs:[&[data-paused]_.play-tooltip]:inline"),
@@ -32,14 +32,14 @@ const styles = {
 	FullscreenExitTooltip: cn("fullscreen-exit-tooltip"),
 	TimeControls: cn("vjs:flex-1 vjs:flex vjs:items-center vjs:gap-3 vjs:px-1.5"),
 	TimeDisplay: cn("vjs:tabular-nums vjs:text-shadow-2xs/25"),
-	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-20"),
-	SliderTrack: cn("vjs:-outline-offset-2 vjs:group-focus-visible/slider-root:outline-2 vjs:group-focus-visible/slider-root:outline-offset-2 vjs:group-focus-visible/slider-root:outline-blue-500", "vjs:w-full vjs:relative vjs:select-none vjs:rounded-full vjs:bg-white/20 vjs:ring-1 vjs:ring-black/5", "vjs:[&[data-orientation=\"horizontal\"]]:h-1", "vjs:[&[data-orientation=\"vertical\"]]:w-1"),
+	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"),
+	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"),
 	SliderProgress: cn("vjs:bg-white vjs:rounded-[inherit]"),
 	SliderPointer: cn("vjs:bg-white/20 vjs:rounded-[inherit]"),
-	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-in-out", "vjs:-outline-offset-2 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-2 vjs:focus-visible:outline-blue-500", "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"),
+	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"),
 	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"),
 	PopoverPopup: cn("vjs:relative vjs:px-1 vjs:py-3 vjs:rounded-full"),
-	TooltipPopup: cn("vjs:whitespace-nowrap vjs:flex vjs:flex-col vjs:rounded-full vjs:text-white vjs:text-xs vjs:@7xl/root:text-sm vjs:px-2.5 vjs:py-1")
+	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")
 };
 var styles_default = styles;
@@ -50,10 +50,7 @@ function FrostedSkin({ children, className = "" }) {
 		className: `${styles_default.MediaContainer} ${className}`,
 		children: [
 			children,
-			/* @__PURE__ */ jsx("div", {
-				className: styles_default.Overlay,
-				"aria-hidden": "true"
-			}),
+			/* @__PURE__ */ jsx("div", { className: styles_default.Overlay }),
 			/* @__PURE__ */ jsxs("div", {
 				className: `${styles_default.Surface} ${styles_default.Controls}`,
 				"data-testid": "media-controls",
@@ -160,4 +157,4 @@ function FrostedSkin({ children, className = "" }) {
 //#endregion
 export { FrostedSkin as t };
-//# sourceMappingURL=frosted-BtDBmsH2.js.map
+//# sourceMappingURL=frosted-lf2WJmvT.js.map

package/dist/frosted-lf2WJmvT.js.map ADDED Viewed

@@ -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/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","names":["CurrentTimeDisplay: ConnectedComponent<CurrentTimeDisplayProps, typeof renderCurrentTimeDisplay>","DurationDisplay: ConnectedComponent<DurationDisplayProps, typeof renderDurationDisplay>","FullscreenButton: ConnectedComponent<FullscreenButtonProps, typeof renderFullscreenButton>","MediaContainer: FC<PropsWithChildren<HTMLProps<HTMLDivElement> & { portalId?: string }>>","MuteButton: ConnectedComponent<MuteButtonProps, typeof renderMuteButton>","PlayButton: ConnectedComponent<PlayButtonProps, typeof renderPlayButton>","Popover: {\n Root: typeof PopoverRoot;\n Trigger: typeof PopoverTrigger;\n Positioner: typeof PopoverPositioner;\n Popup: typeof PopoverPopup;\n Portal: typeof PopoverPortal;\n}","PreviewTimeDisplay: ConnectedComponent<PreviewTimeDisplayProps, typeof renderPreviewTimeDisplay>","SimpleVideo: React.ForwardRefExoticComponent<\n SimpleVideoProps & React.RefAttributes<HTMLVideoElement>\n>","TimeSliderRoot: ConnectedComponent<TimeSliderProps, typeof renderTimeSliderRoot>","TimeSliderTrack: ConnectedComponent<React.ComponentProps<'div'>, typeof renderTimeSliderTrack>","TimeSliderThumb: ConnectedComponent<React.ComponentProps<'div'>, typeof renderTimeSliderThumb>","TimeSliderPointer: ConnectedComponent<\n React.ComponentProps<'div'>,\n typeof renderTimeSliderPointer\n>","TimeSliderProgress: ConnectedComponent<\n React.ComponentProps<'div'>,\n typeof renderTimeSliderProgress\n>","Tooltip: {\n Root: typeof TooltipRoot;\n Trigger: typeof TooltipTrigger;\n Positioner: typeof TooltipPositioner;\n Popup: typeof TooltipPopup;\n Arrow: typeof TooltipArrow;\n Portal: typeof TooltipPortal;\n}","MediaElementVideo: FC<VideoProps>","VolumeSliderRoot: ConnectedComponent<VolumeSliderProps, typeof renderVolumeSliderRoot>","VolumeSliderTrack: ConnectedComponent<\n React.ComponentProps<'div'>,\n typeof renderVolumeSliderTrack\n>","VolumeSliderThumb: ConnectedComponent<\n React.ComponentProps<'div'>,\n typeof renderVolumeSliderThumb\n>","VolumeSliderProgress: ConnectedComponent<\n React.ComponentProps<'div'>,\n typeof renderVolumeSliderProgress\n>"],"sources":["../src/utils/component-factory.tsx","../src/components/CurrentTimeDisplay.tsx","../src/components/DurationDisplay.tsx","../src/components/FullscreenButton.tsx","../src/components/MediaContainer.tsx","../src/components/MuteButton.tsx","../src/components/PlayButton.tsx","../src/components/Popover.tsx","../src/components/PreviewTimeDisplay.tsx","../src/components/SimpleVideo.tsx","../src/components/TimeSlider.tsx","../src/components/Tooltip.tsx","../src/components/Video.tsx","../src/components/VolumeSlider.tsx"],"sourcesContent":[],"mappings":"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"}
1	+ {"version":3,"file":"index.d.ts","names":["CurrentTimeDisplay: ConnectedComponent<CurrentTimeDisplayProps, typeof renderCurrentTimeDisplay>","DurationDisplay: ConnectedComponent<DurationDisplayProps, typeof renderDurationDisplay>","FullscreenButton: ConnectedComponent<FullscreenButtonProps, typeof renderFullscreenButton>","MediaContainer: FC<PropsWithChildren<HTMLProps<HTMLDivElement> & { portalId?: string }>>","MuteButton: ConnectedComponent<MuteButtonProps, typeof renderMuteButton>","PlayButton: ConnectedComponent<PlayButtonProps, typeof renderPlayButton>","Popover: {\n Root: typeof PopoverRoot;\n Trigger: typeof PopoverTrigger;\n Positioner: typeof PopoverPositioner;\n Popup: typeof PopoverPopup;\n Portal: typeof PopoverPortal;\n}","PreviewTimeDisplay: ConnectedComponent<PreviewTimeDisplayProps, typeof renderPreviewTimeDisplay>","SimpleVideo: React.ForwardRefExoticComponent<\n SimpleVideoProps & React.RefAttributes<HTMLVideoElement>\n>","TimeSliderRoot: ConnectedComponent<TimeSliderProps, typeof renderTimeSliderRoot>","TimeSliderTrack: ConnectedComponent<React.ComponentProps<'div'>, typeof renderTimeSliderTrack>","TimeSliderThumb: ConnectedComponent<React.ComponentProps<'div'>, typeof renderTimeSliderThumb>","TimeSliderPointer: ConnectedComponent<\n React.ComponentProps<'div'>,\n typeof renderTimeSliderPointer\n>","TimeSliderProgress: ConnectedComponent<\n React.ComponentProps<'div'>,\n typeof renderTimeSliderProgress\n>","Tooltip: {\n Root: typeof TooltipRoot;\n Trigger: typeof TooltipTrigger;\n Positioner: typeof TooltipPositioner;\n Popup: typeof TooltipPopup;\n Arrow: typeof TooltipArrow;\n Portal: typeof TooltipPortal;\n}","MediaElementVideo: FC<VideoProps>","VolumeSliderRoot: ConnectedComponent<VolumeSliderProps, typeof renderVolumeSliderRoot>","VolumeSliderTrack: ConnectedComponent<\n React.ComponentProps<'div'>,\n typeof renderVolumeSliderTrack\n>","VolumeSliderThumb: ConnectedComponent<\n React.ComponentProps<'div'>,\n typeof renderVolumeSliderThumb\n>","VolumeSliderProgress: ConnectedComponent<\n React.ComponentProps<'div'>,\n typeof renderVolumeSliderProgress\n>"],"sources":["../src/utils/component-factory.tsx","../src/components/CurrentTimeDisplay.tsx","../src/components/DurationDisplay.tsx","../src/components/FullscreenButton.tsx","../src/components/MediaContainer.tsx","../src/components/MuteButton.tsx","../src/components/PlayButton.tsx","../src/components/Popover.tsx","../src/components/PreviewTimeDisplay.tsx","../src/components/SimpleVideo.tsx","../src/components/TimeSlider.tsx","../src/components/Tooltip.tsx","../src/components/Video.tsx","../src/components/VolumeSlider.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAW0E,KAA9D,QAA8D,CAAW,SAAA,GAAA,EAAA,SAAA,GAAA,CA0CrF,GAAY,CAAA,KAAA,EA1C+C,MA0C/C,EAAA,KAAA,EA1C8D,MA0C9D,EAAA,GA1CyE,YA0CzE;;;;ACZkG,KDYlG,kBCZkG,CAY9G,eDA8C,MCAjCA,CAAAA,MAAuE,EAAA,GAAA,CAAA,EAAhC,kBDAiC,QCAjC,CAAA,GAAA,EAAA,GAAA,CAAA,CAAgC,GDAuB,KAAA,CAAM,yBCA7B,CDClF,KAAA,CAAM,eCD4E,CDC5D,MCD4D,GAAA;EAAnD,MAAA,CAAA,EDCW,SCDX;CAAA,CAAA,GDC0B,KAAA,CAAM,aCDhC,CDC8C,WCD9C,CAAA,CAAA;;;iBA5CjB,0BAAA;;;;KAcJ,uBAAA,GAA0B,kBAAkB;UAEvC,uBAAA,SAAgC,KAAA,CAAM;EDdvD,aAAY,CAAA,EAAA,OAAA;;AAAyE,iBC8BrE,wBAAA,CD9BqE,KAAA,EC8BrC,uBD9BqC,EAAA,KAAA,EC8BL,uBD9BK,CAAA,EC8BqB,GAAA,CAAI,OD9BzB;AAAA,cC0CxEA,kBD1CwE,EC0CpD,kBD1CoD,CC0CjC,uBD1CiC,EAAA,OC0CD,wBD1CC,CAAA;;;iBEFrE,uBAAA;;;KAYJ,uBAAA,UAAiC;KACjC,oBAAA,GAAuB,WAAW;iBAE9B,uBAAA,QAA+B,oBAAoB,kBAAkB;AFbzE,KEsBA,uBAAA,GFtBA,OEsBiC,uBFtBjC;KEuBP,oBAAA,GAAuB,UFvB+B,CEuBpB,uBFvBoB,CAAA;AAAe,iBEyB1D,qBAAA,CFzB0D,KAAA,EEyB7B,oBFzB6B,EAAA,KAAA,EEyBA,oBFzBA,CAAA,EEyBuB,GAAA,CAAI,OFzB3B;AAAW,KE6BzE,qBAAA,GF7ByE,OE6B1C,qBF7B0C;AAAA,cE+BxEC,eF/BwE,EE+BvD,kBF/BuD,CE+BpC,oBF/BoC,EAAA,OE+BP,qBF/BO,CAAA;;;iBGArE,wBAAA;;;;;KAmBJ,qBAAA,GAAwB,kBAAkB;AHnB1C,iBGqBI,wBAAA,CHrBJ,KAAA,EGsBH,iBHtBG,EAAA,KAAA,EGuBH,qBHvBG,CAAA,EGwBT,iBHxBS,CGwBS,MHxBT,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA;AAA+C,KG4C/C,qBAAA,GAAwB,UH5CuB,CAAA,OG4CL,wBH5CK,CAAA;AAAe,iBG8C1D,sBAAA,CH9C0D,KAAA,EG8C5B,qBH9C4B,EAAA,KAAA,EG8CE,qBH9CF,CAAA,EG8C0B,GAAA,CAAI,OH9C9B;AAAW,cGiExEC,gBHjEwE,EGiEtD,kBHjEsD,CGiEnC,qBHjEmC,EAAA,OGiEL,sBHjEK,CAAA;;;;;;;;;;AAArF;;;;;AA0CA;;;AACwB,iBI7BR,oBAAA,CAAA,CJ6BQ,EI7BgB,WJ6BhB,CI7B4B,WJ6B5B,GAAA,IAAA,CAAA;;;;;;;;;;AC7CxB;AAcA;AAEA;AAgBA;;AAAgF,cGenEC,cHfmE,EGenD,EHfmD,CGehD,iBHfgD,CGe9B,SHf8B,CGepB,cHfoB,CAAA,GAAA;EAA0B,QAAI,CAAA,EAAA,MAAA;CAAA,CAAA,CAAA;;;iBI9B9F,kBAAA;;;;;;ALAJ,KKkBA,eAAA,GAAkB,ULlBlB,CAAA,OKkBoC,kBLlBpC,CAAA;AAA+C,iBKoB3C,kBAAA,CLpB2C,KAAA,EKqBlD,iBLrBkD,EAAA,KAAA,EKsBlD,eLtBkD,CAAA,EKuBxD,iBLvBwD,CKuBtC,MLvBsC,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA;AAAe,KK6C9D,eAAA,GAAkB,UL7C4C,CAAA,OK6C1B,kBL7C0B,CAAA;AAAW,iBK+CrE,gBAAA,CL/CqE,KAAA,EK+C7C,eL/C6C,EAAA,KAAA,EK+CrB,eL/CqB,CAAA,EK+CH,GAAA,CAAI,OL/CD;AAAA,cKkExEC,ULlEwE,EKkE5D,kBLlE4D,CKkEzC,eLlEyC,EAAA,OKkEjB,gBLlEiB,CAAA;;;iBMArE,kBAAA;;;;;KAgBJ,eAAA,GAAkB,kBAAkB;ANhBpC,iBMkBI,kBAAA,CNlBJ,KAAA,EMmBH,MNnBG,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,KAAA,EMoBH,eNpBG,CAAA,EMqBT,iBNrBS,CMqBS,MNrBT,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA;AAA+C,KMyC/C,eAAA,GAAkB,UNzC6B,CAAA,OMyCX,kBNzCW,CAAA;AAAe,iBM2C1D,gBAAA,CN3C0D,KAAA,EM2ClC,eN3CkC,EAAA,KAAA,EM2CV,eN3CU,CAAA,EM2CQ,GAAA,CAAI,ON3CZ;AAAW,cM8DxEC,UN9DwE,EM8D5D,kBN9D4D,CM8DzC,eN9DyC,EAAA,OM8DjB,gBN9DiB,CAAA;;;UOiC3E,gBAAA;;;;YAIE;;APrCZ,UOwCU,mBAAA,CPxCE;EAA+C,QAAA,EOyC/C,SPzC+C;;UO4CjD,sBAAA,CP5C2E;EAAA,IAAA,CAAA,EO6C5E,SP7C4E;EA0CrF,UAAY,CAAA,EAAA,MAAA;EAAkC,QAAA,EOKlC,SPLkC;;UOQpC,iBAAA,CPPc;EAAoB,SAAA,CAAA,EAAA,MAAA;EAA1C,QAAM,EOSI,SPTJ;;UOYE,kBAAA,CPZuD;EAD0C,QAAM,EOcrG,SPdqG;EAAA,IAAA,CAAA,EOexG,WPfwG,GOe1F,UPf0F,GOe7E,gBPf6E,COe5D,WPf4D,GOe9C,UPf8C,GAAA,IAAA,CAAA,GAAA,IAAA;;;iBO6BxG,WAAA;;;;;GAA0E,mBAAmB,GAAA,CAAI;ANzE1G,iBMiIS,cAAA,CNjIO;EAAA;AAAA,CAAA,EMiIsB,mBNjItB,CAAA,EMiI4C,GAAA,CAAI,ONjIhD;AAchB,iBM8HS,iBAAA,CN9HG;EAAA,IAAA;EAA4C,UAAA;EAAA;AAAlB,CAAkB,EM8He,sBN9HjC,CAAA,EM8H0D,GAAA,CAAI,ON9H9D,GAAA,IAAA;AAEtC,iBM0IS,YAAA,CN1IQ;EAAA,SAAA;EAAgC;AAAM,CAAA,EM0IR,iBN1IQ,CAAA,EM0IY,GAAA,CAAI,ON1IhB;AAgBvD,iBM+JS,aAAA,CN/JO;EAAA,QAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EM+J0D,kBN/J1D,CAAA,EM+J+E,GAAA,CAAI,ON/JnF;AAAgC,cMwKnCC,ONxKmC,EAAA;EAAgC,IAAA,EAAA,OMyKjE,WNzKiE;EAA0B,OAAI,EAAA,OM0K5F,cN1K4F;EAAA,UAAA,EAAA,OM2KzF,iBN3KyF;EAY9G,KAAaN,EAAAA,OMgKG,YNhKoE;EAAhC,MAAA,EAAA,OMiKnC,aNjKmC;CAAgC;;;iBO5CpE,0BAAA;;;KAYJ,uBAAA,GAA0B,kBAAkB;UAEvC,uBAAA,SAAgC,KAAA,CAAM;;ARZvD;AAA0E,iBQ4B1D,wBAAA,CR5B0D,KAAA,EQ4B1B,uBR5B0B,EAAA,KAAA,EQ4BM,uBR5BN,CAAA,EQ4BgC,GAAA,CAAI,OR5BpC;AAAW,cQqCxEO,kBRrCwE,EQqCpD,kBRrCoD,CQqCjC,uBRrCiC,EAAA,OQqCD,wBRrCC,CAAA;;;KSCzE,gBAAA,GAAmB,kBAC7B,kBAAkB,oBAAoB,mBAAmB;;UAE/C;;;;ATJZ;;;;;AA0CA;;;;;;;;;;cSjBaC,aAAa,OAAA,CAAM,0BAC9B,mBAAmB,OAAA,CAAM,cAAc;;;AT1BkB,UUS1C,eAAA,SAAwB,KAAA,CAAM,qBVTY,CAAA,KAAA,CAAA,CAAA;EAAe,WAAA,CAAA,EAAA,YAAA,GAAA,UAAA;;UUahE,qBAAA,SAA8B,KAAA,CAAM,cVbuC,CAAA,KAAA,CAAA,CAAA;EA0CrF,kBAAY,CAAA,EAAA,YAAA,GAAA,UAAA;EAAkC,mBAAA,CAAA,EAAA,MAAA;EAAuC,eAAA,CAAA,EAAA,MAAA;;AACN,iBU+B/D,oBAAA,CV/B+D,KAAA,EU+BnC,qBV/BmC,CAAA,EU+BX,GAAA,CAAI,OV/BO;cUmCzEC,cVnC2D,EUmC3C,kBVnC2C,CUmCxB,eVnCwB,EAAA,OUmCA,oBVnCA,CAAA;AADgD,iBU6DjG,qBAAA,CV7DiG,KAAA,EU6DpE,qBV7DoE,CAAA,EU6D5C,GAAA,CAAI,OV7DwC;cUiE3GC,iBAAiB,mBAAmB,KAAA,CAAM,8BAA8B;iBAwB9D,qBAAA,QAA6B,wBAAwB,GAAA,CAAI;ATrIzE,cSyIMC,eTzIU,ESyIO,kBTzIP,CSyI0B,KAAA,CAAM,cTzIhC,CAAA,KAAA,CAAA,EAAA,OSyI8D,qBTzI9D,CAAA;AAgBC,iBSgJD,uBAAA,CThJuC,KAAA,ESgJR,qBThJQ,CAAA,ESgJgB,GAAA,CAAI,OThJpB;AAgBvD,cSoIMC,iBTpIU,ESoIS,kBTpIT,CSqId,KAAA,CAAM,cTrIQ,CAAA,KAAA,CAAA,EAAA,OSsIP,uBTtIO,CAAA;AAAgE,iBS2JhE,wBAAA,CT3JgE,KAAA,ES2JhC,qBT3JgC,CAAA,ES2JR,GAAA,CAAI,OT3JI;cS+J1EC,kBT/JwG,ES+JpF,kBT/JoF,CSgK5G,KAAA,CAAM,cThKsG,CAAA,KAAA,CAAA,EAAA,OSiKrG,wBTjKqG,CAAA;AAAA,cSwKjG,UTxKiG,EAAA;EAY9G,IAAab,EAAAA,OSsKE,cTtKqE;EAAhC,KAAA,EAAA,OSuKpC,eTvKoC;EAAgC,KAAA,EAAA,OSwKpE,eTxKoE;EAAnD,OAAA,EAAA,OSyKf,iBTzKe;EAAA,QAAA,EAAA,OS0Kd,kBT1Kc;;;;UULvB,gBAAA;;;YAGE;;;AXxCZ,UW4CU,mBAAA,CX5CE;EAA+C,QAAA,EW6C/C,SX7C+C;;UWgDjD,sBAAA,CXhD2E;EAAA,IAAA,CAAA,EWiD5E,SXjD4E;EA0CrF,UAAY,CAAA,EAAA,MAAA;EAAkC,gBAAA,CAAA,EAAA,MAAA;EAAuC,QAAA,EWUzE,SXVyE;;UWa3E,iBAAA,CXZkC;EAA1C,SAAM,CAAA,EAAA,MAAA;EAAuE,QAAA,EWcnE,SXdmE;;UWiBrE,iBAAA,CXlBuG;EAAA,SAAA,CAAA,EAAA,MAAA;YWoBrG;;UAGF,kBAAA;EVnEV,QAAgB,EUoEJ,SVpEI;EAchB,IAAY,CAAA,EUuDH,WVvDG,GUuDW,UVvDX,GUuDwB,gBVvDoB,CUuDH,WVvDG,GUuDW,UVvD7B,GAAA,IAAA,CAAA,GAAA,IAAA;EAEtC,MAAiB,CAAA,EAAA,MAAA;AAgBjB;iBUiES,WAAA,CVjEuC;EAAA,KAAA;EAAA,UAAA;EAAA,eAAA;EAAA;AAAA,CAAA,EUiE+B,gBVjE/B,CAAA,EUiEkD,GAAA,CAAI,OVjEtD;iBUoIvC,cAAA,CVpIuE;EAAA;AAAA,CAAA,EUoI1C,mBVpI0C,CAAA,EUoIpB,GAAA,CAAI,OVpIgB;iBUgJvE,iBAAA,CVhJqG;EAAA,IAAA;EAAA,UAAA;EAAA,gBAAA;EAAA;AAAA,CAAA,EUqJ3G,sBVrJ2G,CAAA,EUqJlF,GAAA,CAAI,OVrJ8E,GAAA,IAAA;iBUiLrG,YAAA,CVjLqG;EAAA,SAAA;EAAA;AAAA,CAAA,EUiL1D,iBVjL0D,CAAA,EUiLtC,GAAA,CAAI,OVjLkC,GAAA,IAAA;AAY9G,iBUmMS,YAAA,CVnM2E;EAAA,SAAA;EAAA;AAAA,CAAA,EUmMhC,iBVnMgC,CAAA,EUmMZ,GAAA,CAAI,OVnMQ;iBU0N3E,aAAA,CV1N2C;EAAA,QAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EU0NsB,kBV1NtB,CAAA,EU0N2C,GAAA,CAAI,OV1N/C;AAAgC,cUoOvEc,OVpOuE,EAAA;EAAnD,IAAA,EAAA,OUqOlB,WVrOkB;EAAA,OAAA,EAAA,OUsOf,cVtOe;qBUuOZ;gBACL;gBACA;ETrRhB,MAAgB,EAAA,OSsRC,aTtRD;AAYhB,CAAA;;;KUAK,iBAAA,GAAkB,YAAY,WAAW,kBAAkB;;KAG3D,aAAA,GAAgB,YACnB,KAAK,kBAAkB,oBAAoB,mBAAmB;EZdhE,GAAY,EYeH,GZfG,CYeC,iBZfD,CAAA;CAA+C,CAAA;AAAe,KYuF9D,UAAA,GAAa,iBZvFiD,CAAA;EAAW,SAAA,CAAA,EYwFvE,aZxFuE;EAAA,SAAA,CAAA,EAAA,MAAA,GAAA,SAAA;EA0CrF,KAAY,CAAA,EYgDF,aZhDE,GAAA,SAAA;CAAkC,CAAA;AAAuC,iBYoDrE,KAAA,CZpDqE;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EYoDJ,UZpDI,CAAA,EYoDS,GAAA,CAAI,OZpDb;AAC7D,cY4DXC,iBZ5DW,EY4DQ,EZ5DR,CY4DW,UZ5DX,CAAA;;;AA3CkD,UaSzD,iBAAA,SAA0B,KAAA,CAAM,cbTyB,CAAA,KAAA,CAAA,CAAA;EAAW,WAAA,CAAA,EAAA,YAAA,GAAA,UAAA;;AA0CrF,Ua7BU,uBAAA,SAAgC,KAAA,CAAM,cb6BpC,CAAA,KAAA,CAAA,CAAA;EAAkC,kBAAA,CAAA,EAAA,YAAA,GAAA,UAAA;EAAuC,YAAA,CAAA,EAAA,OAAA;EAC7D,mBAAA,CAAA,EAAA,MAAA;;AAAyC,iBa8BjD,sBAAA,Cb9BiD,KAAA,Ea8BnB,uBb9BmB,CAAA,Ea8BO,GAAA,CAAI,Ob9BX;cakC3DC,gBbnC2G,EamCzF,kBbnCyF,CamCtE,iBbnCsE,EAAA,OamC5C,sBbnC4C,CAAA;iBa4DjG,uBAAA,QAA+B,0BAA0B,GAAA,CAAI;cAIvEC,mBAAmB,mBACvB,KAAA,CAAM,8BACC;AZ9GO,iBYmIA,uBAAA,CZnIA,KAAA,EYmI+B,uBZnI/B,CAAA,EYmIyD,GAAA,CAAI,OZnI7D;AAchB,cYyHMC,iBZzHM,EYyHa,kBZzH+B,CY0HtD,KAAA,CAAM,cZ1H8B,CAAA,KAAA,CAAA,EAAA,OY2H7B,uBZ3H6B,CAAA;AAkBtB,iBY8HA,0BAAA,CZ9HA,KAAA,EY8HkC,uBZ9HlC,CAAA,EY8H4D,GAAA,CAAI,OZ9HhE;cYkIVC,oBZlI0C,EYkIpB,kBZlIoB,CYmI9C,KAAA,CAAM,cZnIwC,CAAA,KAAA,CAAA,EAAA,OYoIvC,0BZpIuC,CAAA;AAAgC,cY2InE,YZ3ImE,EAAA;EAA0B,IAAI,EAAA,OYoJ/F,gBZpJ+F;EAAA,KAAA,EAAA,OYqJ9F,iBZrJ8F;EAY9G,KAAanB,EAAAA,OY0IG,iBZ1IoE;EAAhC,QAAA,EAAA,OY2IjC,oBZ3IiC;CAAgC"}

package/dist/index.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { a as useMediaStore, i as useMediaSelector, n as useMediaDispatch, o as MediaContext, r as useMediaRef, t as MediaProvider } from "./store-DpQF8Ges.js";
 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";
 import "./icons-BqfV81R8.js";
-import { t as FrostedSkin } from "./frosted-BtDBmsH2.js";
-import { t as MinimalSkin } from "./minimal-DE2x_liR.js";
+import { t as FrostedSkin } from "./frosted-lf2WJmvT.js";
+import { t as MinimalSkin } from "./minimal-D4FIcy8O.js";
 import React, { forwardRef, useImperativeHandle, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { createMediaPlaybackController } from "@videojs/core/media";

package/dist/{minimal-DE2x_liR.js → minimal-D4FIcy8O.js} RENAMED Viewed

@@ -7,14 +7,15 @@ function cn(...classes) {
 	return classes.filter(Boolean).join(" ");
 }
 const styles = {
-	MediaContainer: cn("vjs", "vjs:relative vjs:isolate vjs:@container/root vjs:group/root vjs:overflow-clip vjs:bg-black", "vjs:text-[0.8125rem]", "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]", "vjs:[&:fullscreen]:rounded-none vjs:[&:fullscreen]:[&_video]:h-full vjs:[&:fullscreen]:[&_video]:w-full", "vjs:[&_video]:rounded-[inherit] vjs:[&_video]:w-full vjs:[&_video]:h-auto"),
-	Overlay: cn("vjs:absolute vjs:inset-0 vjs:rounded-[inherit] vjs:pointer-events-none", "vjs:bg-gradient-to-t vjs:from-black/70 vjs:via-black/50 vjs:via-[120px] vjs:to-transparent", "vjs:opacity-0 vjs:delay-500 vjs:duration-300", "vjs:has-[+.controls_[data-paused]]:opacity-100 vjs:has-[+.controls_[data-paused]]:delay-0 vjs:has-[+.controls_[data-paused]]:duration-75", "vjs:has-[+.controls_[aria-expanded=\"true\"]]:opacity-100 vjs:has-[+.controls_[aria-expanded=\"true\"]]:delay-0 vjs:has-[+.controls_[aria-expanded=\"true\"]]:duration-75", "vjs:group-hover/root:opacity-100 vjs:group-hover/root:delay-0 vjs:group-hover/root:duration-75", "vjs:contrast-more:from-black/75"),
-	Controls: cn("controls", "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", "vjs:transition vjs:ease-in-out", "vjs:translate-y-full vjs:opacity-0 vjs:delay-500 vjs:duration-300", "vjs:has-[[data-paused]]:translate-y-0 vjs:has-[[data-paused]]:opacity-100 vjs:has-[[data-paused]]:delay-0 vjs:has-[[data-paused]]:duration-75", "vjs:has-[[aria-expanded=\"true\"]]:translate-y-0 vjs:has-[[aria-expanded=\"true\"]]:opacity-100 vjs:has-[[aria-expanded=\"true\"]]:delay-0 vjs:has-[[aria-expanded=\"true\"]]:duration-75", "vjs:group-hover/root:translate-y-0 vjs:group-hover/root:opacity-100 vjs:group-hover/root:delay-0 vjs:group-hover/root:duration-75"),
+	MediaContainer: cn("vjs", "vjs:relative vjs:isolate vjs:@container/root vjs:group/root vjs:overflow-clip vjs:bg-black", "vjs:text-[0.8125rem]", "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]", "vjs:[&:fullscreen]:rounded-none", "vjs:[&_video]:w-full vjs:[&_video]:h-full"),
+	Overlay: cn("vjs:absolute vjs:inset-0 vjs:rounded-[inherit] vjs:pointer-events-none", "vjs:bg-gradient-to-t vjs:from-black/70 vjs:via-black/50 vjs:via-[7.5rem] vjs:to-transparent", "vjs:opacity-0 vjs:delay-500 vjs:duration-300", "vjs:has-[+.controls_[data-paused]]:opacity-100 vjs:has-[+.controls_[data-paused]]:delay-0 vjs:has-[+.controls_[data-paused]]:duration-75", "vjs:has-[+.controls_[aria-expanded=\"true\"]]:opacity-100 vjs:has-[+.controls_[aria-expanded=\"true\"]]:delay-0 vjs:has-[+.controls_[aria-expanded=\"true\"]]:duration-75", "vjs:group-hover/root:opacity-100 vjs:group-hover/root:delay-0 vjs:group-hover/root:duration-75", "vjs:contrast-more:from-black/75"),
+	Controls: cn("controls", "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", "vjs:transition vjs:will-change-[transform,filter,opacity] vjs:ease-out", "vjs:translate-y-full vjs:opacity-0 vjs:blur-sm vjs:delay-500 vjs:duration-300", "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", "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", "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"),
 	Icon: cn("icon"),
-	Button: cn("vjs:group/button vjs:cursor-pointer vjs:relative vjs:shrink-0 vjs:transition vjs:select-none vjs:p-2.5 vjs:rounded-md", "vjs:bg-transparent vjs:text-white", "vjs:hover:text-white/80 vjs:focus-visible:text-white/80", "vjs:-outline-offset-2 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-2 vjs:focus-visible:outline-white", "vjs:aria-disabled:grayscale vjs:aria-disabled:opacity-50 vjs:aria-disabled:cursor-not-allowed", "vjs:aria-busy:pointer-events-none vjs:aria-busy:cursor-not-allowed", "vjs:aria-expanded:text-white/80"),
+	TimeDisplayGroup: cn("flex items-center gap-1"),
+	Button: cn("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", "vjs:bg-transparent vjs:text-white", "vjs:hover:text-white/80 vjs:focus-visible:text-white/80", "vjs:-outline-offset-2 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-2 vjs:focus-visible:outline-white", "vjs:disabled:grayscale vjs:disabled:opacity-50 vjs:disabled:cursor-not-allowed", "vjs:aria-busy:pointer-events-none vjs:aria-busy:cursor-not-allowed", "vjs:aria-expanded:text-white/80"),
 	ButtonGroup: cn("vjs:flex vjs:items-center vjs:gap-1.5"),
-	IconButton: cn("vjs:grid vjs:[&_.icon]:[grid-area:1/1]", "vjs:[&_.icon]:shrink-0 vjs:[&_.icon]:transition-[opacity,filter] vjs:[&_.icon]:duration-300 vjs:[&_.icon]:linear vjs:[&_.icon]:drop-shadow-[0_1px_0_var(--tw-shadow-color)] vjs:[&_.icon]:shadow-black/40"),
-	PlayButton: cn("vjs:[&_.pause-icon]:opacity-100 vjs:[&_.pause-icon]:blur-none vjs:[&[data-paused]_.pause-icon]:opacity-0 vjs:[&[data-paused]_.pause-icon]:blur-xs", "vjs:[&_.play-icon]:opacity-0 vjs:[&_.play-icon]:blur-xs vjs:[&[data-paused]_.play-icon]:opacity-100 vjs:[&[data-paused]_.play-icon]:blur-none"),
+	IconButton: cn("vjs:grid vjs:[&_.icon]:[grid-area:1/1]", "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"),
+	PlayButton: cn("vjs:[&_.pause-icon]:opacity-100 vjs:[&[data-paused]_.pause-icon]:opacity-0", "vjs:[&_.play-icon]:opacity-0 vjs:[&[data-paused]_.play-icon]:opacity-100"),
 	PlayIcon: cn("play-icon"),
 	PauseIcon: cn("pause-icon"),
 	PlayTooltipPopup: cn("vjs:[&_.pause-tooltip]:inline vjs:[&[data-paused]_.pause-tooltip]:hidden", "vjs:[&_.play-tooltip]:hidden vjs:[&[data-paused]_.play-tooltip]:inline"),
@@ -33,11 +34,11 @@ const styles = {
 	TimeSliderRoot: cn("vjs:mx-2"),
 	TimeDisplay: cn("vjs:tabular-nums vjs:text-shadow-2xs/20"),
 	DurationDisplay: cn("vjs:text-white/50 vjs:contents"),
-	SliderRoot: cn("vjs:flex vjs:items-center vjs:justify-center vjs:flex-1 vjs:group/slider vjs:relative vjs:rounded-sm", "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", "vjs:-outline-offset-8 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-8 vjs:focus-visible:outline-white"),
-	SliderTrack: cn("vjs:relative vjs:select-none vjs:rounded-full vjs:bg-white/10 vjs:transition-[height,width] vjs:ease-in-out", "vjs:[&[data-orientation=\"horizontal\"]]:w-full vjs:[&[data-orientation=\"horizontal\"]]:h-[0.1875rem]", "vjs:[&[data-orientation=\"vertical\"]]:w-[0.1875rem]"),
+	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"),
+	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"),
 	SliderProgress: cn("vjs:bg-white vjs:rounded-[inherit]"),
 	SliderPointer: cn("vjs:hidden"),
-	SliderThumb: cn("vjs:opacity-0 vjs:scale-70 vjs:group-hover/slider:opacity-100 vjs:group-hover/slider:scale-100 vjs:focus-visible:opacity-100 vjs:focus-visible:scale-100", "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:-outline-offset-2 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-2 vjs:focus-visible:outline-amber-500", "vjs:[&[data-orientation=\"horizontal\"]]:hover:cursor-ew-resize", "vjs:[&[data-orientation=\"vertical\"]]:hover:cursor-ns-resize"),
+	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"),
 	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"),
 	PopoverPopup: cn("vjs:py-2"),
 	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")
@@ -51,10 +52,7 @@ function MinimalSkin({ children, className = "" }) {
 		className: `${styles_default.MediaContainer} ${className}`,
 		children: [
 			children,
-			/* @__PURE__ */ jsx("div", {
-				className: styles_default.Overlay,
-				"aria-hidden": "true"
-			}),
+			/* @__PURE__ */ jsx("div", { className: styles_default.Overlay }),
 			/* @__PURE__ */ jsxs("div", {
 				className: styles_default.Controls,
 				children: [
@@ -81,7 +79,7 @@ function MinimalSkin({ children, className = "" }) {
 						}) })]
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1",
+						className: styles_default.TimeDisplayGroup,
 						children: [/* @__PURE__ */ jsx(CurrentTimeDisplay, { className: styles_default.TimeDisplay }), /* @__PURE__ */ jsxs("span", {
 							className: styles_default.DurationDisplay,
 							children: ["/", /* @__PURE__ */ jsx(DurationDisplay, { className: `${styles_default.TimeDisplay}` })]
@@ -164,4 +162,4 @@ function MinimalSkin({ children, className = "" }) {
 //#endregion
 export { MinimalSkin as t };
-//# sourceMappingURL=minimal-DE2x_liR.js.map
+//# sourceMappingURL=minimal-D4FIcy8O.js.map

package/dist/minimal-D4FIcy8O.js.map ADDED Viewed

@@ -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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"}

package/dist/skins/frosted.css CHANGED Viewed

@@ -1,4 +1,4 @@
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
 @layer base{.vjs *,.vjs :after,.vjs :before,.vjs ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.vjs ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.vjs,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.vjs hr{height:0;color:inherit;border-top-width:1px}.vjs abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.vjs h1,.vjs h2,.vjs h3,.vjs h4,.vjs h5,.vjs h6{font-size:inherit;font-weight:inherit}.vjs a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.vjs b,.vjs strong{font-weight:bolder}.vjs code,.vjs kbd,.vjs samp,.vjs pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.vjs small{font-size:80%}.vjs sub,.vjs sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.vjs sub{bottom:-.25em}.vjs sup{top:-.5em}.vjs table{text-indent:0;border-color:inherit;border-collapse:collapse}.vjs :-moz-focusring{outline:auto}.vjs progress{vertical-align:baseline}.vjs summary{display:list-item}.vjs ol,.vjs ul,.vjs menu{list-style:none}.vjs img,.vjs svg,.vjs video,.vjs canvas,.vjs audio,.vjs iframe,.vjs embed,.vjs object{vertical-align:middle;display:block}.vjs img,.vjs video{max-width:100%;height:auto}.vjs button,.vjs input,.vjs select,.vjs optgroup,.vjs textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.vjs ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.vjs :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.vjs :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.vjs ::file-selector-button{margin-inline-end:4px}.vjs ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.vjs ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.vjs ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}.vjs textarea{resize:vertical}.vjs ::-webkit-search-decoration{-webkit-appearance:none}.vjs ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.vjs ::-webkit-datetime-edit{display:inline-flex}.vjs ::-webkit-datetime-edit-fields-wrapper{padding:0}.vjs ::-webkit-datetime-edit{padding-block:0}.vjs ::-webkit-datetime-edit-year-field{padding-block:0}.vjs ::-webkit-datetime-edit-month-field{padding-block:0}.vjs ::-webkit-datetime-edit-day-field{padding-block:0}.vjs ::-webkit-datetime-edit-hour-field{padding-block:0}.vjs ::-webkit-datetime-edit-minute-field{padding-block:0}.vjs ::-webkit-datetime-edit-second-field{padding-block:0}.vjs ::-webkit-datetime-edit-millisecond-field{padding-block:0}.vjs ::-webkit-datetime-edit-meridiem-field{padding-block:0}.vjs ::-webkit-calendar-picker-indicator{line-height:1}.vjs :-moz-ui-invalid{box-shadow:none}.vjs button,.vjs input:where([type=button],[type=reset],[type=submit]){appearance:button}.vjs ::file-selector-button{appearance:button}.vjs ::-webkit-inner-spin-button{height:auto}.vjs ::-webkit-outer-spin-button{height:auto}.vjs [hidden]:where(:not([hidden=until-found])){display:none!important}}
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-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:"";--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}}}@layer theme{:root,:host{--vjs-color-amber-500:oklch(76.9% .188 70.08);--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-sm:.25rem;--vjs-radius-md:.375rem;--vjs-ease-out:cubic-bezier(0,0,.2,1);--vjs-ease-in-out:cubic-bezier(.4,0,.2,1);--vjs-blur-xs:4px;--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\:w-full{width:100%}.vjs\:flex-1{flex:1}.vjs\:shrink-0{flex-shrink:0}.vjs\:origin-bottom{transform-origin:bottom}.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\:rounded-sm{border-radius:var(--vjs-radius-sm)}.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-\[120px\]{--tw-gradient-via-position:120px}.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\:-outline-offset-8{outline-offset:calc(8px*-1)}.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-\[height\,width\]{transition-property: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\,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-\[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-in-out{--tw-ease:var(--vjs-ease-in-out);transition-timing-function:var(--vjs-ease-in-out)}.vjs\:ease-out{--tw-ease:var(--vjs-ease-out);transition-timing-function:var(--vjs-ease-out)}.vjs\:will-change-transform{will-change:transform}.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\: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\/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-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-2:is(:where(.vjs\:group\/slider-root):focus-visible *){outline-offset:2px}.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-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-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\:scale-100:focus-visible{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.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\:opacity-100:focus-visible{opacity:1}.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-offset-8:focus-visible{outline-offset:8px}.vjs\:focus-visible\:outline-amber-500:focus-visible{outline-color:var(--vjs-color-amber-500)}.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\:active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.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\"\]\]\: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-\[\[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\]\]\: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-\[\+\.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_\[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\:aria-busy\:pointer-events-none[aria-busy=true]{pointer-events:none}.vjs\:aria-busy\:cursor-not-allowed[aria-busy=true],.vjs\:aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.vjs\:aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.vjs\:aria-disabled\:grayscale[aria-disabled=true]{--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\: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\: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\,filter\] .icon{transition-property: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\:\[\&_\.icon\]\:duration-300 .icon{--tw-duration:.3s;transition-duration:.3s}.vjs\:\[\&_\.icon\]\:duration-500 .icon{--tw-duration:.5s;transition-duration:.5s}.vjs\:\[\&_\.icon\]\:\[grid-area\:1\/1\] .icon{grid-area:1/1}.vjs\:\[\&_\.pause-icon\]\:opacity-100 .pause-icon{opacity:1}.vjs\:\[\&_\.pause-icon\]\:blur-none .pause-icon{--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\:\[\&_\.pause-tooltip\]\:inline .pause-tooltip{display:inline}.vjs\:\[\&_\.play-icon\]\:opacity-0 .play-icon{opacity:0}.vjs\:\[\&_\.play-icon\]\:blur-sm .play-icon{--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\:\[\&_\.play-icon\]\:blur-xs .play-icon{--tw-blur:blur(var(--vjs-blur-xs));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\:\[\&_\.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-auto video{height:auto}.vjs\:\[\&_video\]\:w-full video{width:100%}.vjs\:\[\&_video\]\:rounded-\[inherit\] video{border-radius:inherit}.vjs\:\[\&\:fullscreen\]\:rounded-none:fullscreen{border-radius:0}.vjs\:\[\&\:fullscreen\]\:\[\&_video\]\:h-full:fullscreen video{height:100%}.vjs\:\[\&\:fullscreen\]\:\[\&_video\]\:w-full:fullscreen video{width:100%}.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-icon\]\:blur-sm[data-paused] .pause-icon{--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-paused\]_\.pause-icon\]\:blur-xs[data-paused] .pause-icon{--tw-blur:blur(var(--vjs-blur-xs));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-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-icon\]\:blur-none[data-paused] .play-icon{--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\:\[\&\[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-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:""}@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}
+@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:""}

package/dist/skins/frosted.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "../store-DpQF8Ges.js";
 import "../VolumeSlider-DoR6idnJ.js";
 import "../icons-BqfV81R8.js";
-import { t as FrostedSkin } from "../frosted-BtDBmsH2.js";
+import { t as FrostedSkin } from "../frosted-lf2WJmvT.js";
 export { FrostedSkin };

package/dist/skins/minimal.css CHANGED Viewed

@@ -1,4 +1,4 @@
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
 @layer base{.vjs *,.vjs :after,.vjs :before,.vjs ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.vjs ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.vjs,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.vjs hr{height:0;color:inherit;border-top-width:1px}.vjs abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.vjs h1,.vjs h2,.vjs h3,.vjs h4,.vjs h5,.vjs h6{font-size:inherit;font-weight:inherit}.vjs a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.vjs b,.vjs strong{font-weight:bolder}.vjs code,.vjs kbd,.vjs samp,.vjs pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.vjs small{font-size:80%}.vjs sub,.vjs sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.vjs sub{bottom:-.25em}.vjs sup{top:-.5em}.vjs table{text-indent:0;border-color:inherit;border-collapse:collapse}.vjs :-moz-focusring{outline:auto}.vjs progress{vertical-align:baseline}.vjs summary{display:list-item}.vjs ol,.vjs ul,.vjs menu{list-style:none}.vjs img,.vjs svg,.vjs video,.vjs canvas,.vjs audio,.vjs iframe,.vjs embed,.vjs object{vertical-align:middle;display:block}.vjs img,.vjs video{max-width:100%;height:auto}.vjs button,.vjs input,.vjs select,.vjs optgroup,.vjs textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.vjs ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.vjs :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.vjs :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.vjs ::file-selector-button{margin-inline-end:4px}.vjs ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.vjs ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.vjs ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}.vjs textarea{resize:vertical}.vjs ::-webkit-search-decoration{-webkit-appearance:none}.vjs ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.vjs ::-webkit-datetime-edit{display:inline-flex}.vjs ::-webkit-datetime-edit-fields-wrapper{padding:0}.vjs ::-webkit-datetime-edit{padding-block:0}.vjs ::-webkit-datetime-edit-year-field{padding-block:0}.vjs ::-webkit-datetime-edit-month-field{padding-block:0}.vjs ::-webkit-datetime-edit-day-field{padding-block:0}.vjs ::-webkit-datetime-edit-hour-field{padding-block:0}.vjs ::-webkit-datetime-edit-minute-field{padding-block:0}.vjs ::-webkit-datetime-edit-second-field{padding-block:0}.vjs ::-webkit-datetime-edit-millisecond-field{padding-block:0}.vjs ::-webkit-datetime-edit-meridiem-field{padding-block:0}.vjs ::-webkit-calendar-picker-indicator{line-height:1}.vjs :-moz-ui-invalid{box-shadow:none}.vjs button,.vjs input:where([type=button],[type=reset],[type=submit]){appearance:button}.vjs ::file-selector-button{appearance:button}.vjs ::-webkit-inner-spin-button{height:auto}.vjs ::-webkit-outer-spin-button{height:auto}.vjs [hidden]:where(:not([hidden=until-found])){display:none!important}}
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-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:"";--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}}}@layer theme{:root,:host{--vjs-color-amber-500:oklch(76.9% .188 70.08);--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-sm:.25rem;--vjs-radius-md:.375rem;--vjs-ease-out:cubic-bezier(0,0,.2,1);--vjs-ease-in-out:cubic-bezier(.4,0,.2,1);--vjs-blur-xs:4px;--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\:w-full{width:100%}.vjs\:flex-1{flex:1}.vjs\:shrink-0{flex-shrink:0}.vjs\:origin-bottom{transform-origin:bottom}.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\:rounded-sm{border-radius:var(--vjs-radius-sm)}.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-\[120px\]{--tw-gradient-via-position:120px}.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\:-outline-offset-8{outline-offset:calc(8px*-1)}.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-\[height\,width\]{transition-property: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\,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-\[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-in-out{--tw-ease:var(--vjs-ease-in-out);transition-timing-function:var(--vjs-ease-in-out)}.vjs\:ease-out{--tw-ease:var(--vjs-ease-out);transition-timing-function:var(--vjs-ease-out)}.vjs\:will-change-transform{will-change:transform}.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\: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\/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-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-2:is(:where(.vjs\:group\/slider-root):focus-visible *){outline-offset:2px}.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-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-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\:scale-100:focus-visible{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.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\:opacity-100:focus-visible{opacity:1}.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-offset-8:focus-visible{outline-offset:8px}.vjs\:focus-visible\:outline-amber-500:focus-visible{outline-color:var(--vjs-color-amber-500)}.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\:active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.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\"\]\]\: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-\[\[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\]\]\: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-\[\+\.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_\[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\:aria-busy\:pointer-events-none[aria-busy=true]{pointer-events:none}.vjs\:aria-busy\:cursor-not-allowed[aria-busy=true],.vjs\:aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.vjs\:aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.vjs\:aria-disabled\:grayscale[aria-disabled=true]{--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\: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\:\[\&_\.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\,filter\] .icon{transition-property: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\:\[\&_\.icon\]\:duration-300 .icon{--tw-duration:.3s;transition-duration:.3s}.vjs\:\[\&_\.icon\]\:duration-500 .icon{--tw-duration:.5s;transition-duration:.5s}.vjs\:\[\&_\.icon\]\:\[grid-area\:1\/1\] .icon{grid-area:1/1}.vjs\:\[\&_\.pause-icon\]\:opacity-100 .pause-icon{opacity:1}.vjs\:\[\&_\.pause-icon\]\:blur-none .pause-icon{--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\:\[\&_\.pause-tooltip\]\:inline .pause-tooltip{display:inline}.vjs\:\[\&_\.play-icon\]\:opacity-0 .play-icon{opacity:0}.vjs\:\[\&_\.play-icon\]\:blur-sm .play-icon{--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\:\[\&_\.play-icon\]\:blur-xs .play-icon{--tw-blur:blur(var(--vjs-blur-xs));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\:\[\&_\.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-auto video{height:auto}.vjs\:\[\&_video\]\:w-full video{width:100%}.vjs\:\[\&_video\]\:rounded-\[inherit\] video{border-radius:inherit}.vjs\:\[\&\:fullscreen\]\:rounded-none:fullscreen{border-radius:0}.vjs\:\[\&\:fullscreen\]\:\[\&_video\]\:h-full:fullscreen video{height:100%}.vjs\:\[\&\:fullscreen\]\:\[\&_video\]\:w-full:fullscreen video{width:100%}.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-icon\]\:blur-sm[data-paused] .pause-icon{--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-paused\]_\.pause-icon\]\:blur-xs[data-paused] .pause-icon{--tw-blur:blur(var(--vjs-blur-xs));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-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-icon\]\:blur-none[data-paused] .play-icon{--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\:\[\&\[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-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:""}@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}
+@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:""}

package/dist/skins/minimal.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "../store-DpQF8Ges.js";
 import "../VolumeSlider-DoR6idnJ.js";
 import "../icons-BqfV81R8.js";
-import { t as MinimalSkin } from "../minimal-DE2x_liR.js";
+import { t as MinimalSkin } from "../minimal-D4FIcy8O.js";
 export { MinimalSkin };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@videojs/react",
   "type": "module",
-  "version": "0.1.0-preview.2",
+  "version": "0.1.0-preview.3",
   "description": "React library for building media players",
   "license": "Apache-2.0",
   "keywords": [
@@ -47,15 +47,16 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.16",
-    "@videojs/core": "0.1.0-preview.2",
-    "@videojs/utils": "0.1.0-preview.2",
-    "@videojs/icons": "0.1.0-preview.2"
+    "@videojs/icons": "0.1.0-preview.3",
+    "@videojs/utils": "0.1.0-preview.3",
+    "@videojs/core": "0.1.0-preview.3"
   },
   "devDependencies": {
     "@svgr/babel-plugin-add-jsx-attribute": "^8.0.0",
     "@svgr/cli": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "@tailwindcss/cli": "^4.1.0",
+    "@types/postcss-prefix-selector": "^1.16.3",
     "@types/react": "^18.0.0",
     "postcss": "^8.4.49",
     "postcss-prefix-selector": "^1.16.1",
@@ -69,7 +70,7 @@
   },
   "scripts": {
     "build": "tsdown",
-    "build:watch": "tsdown --watch ./src --silent",
+    "build:watch": "tsdown --watch ./src --ignore-watch ./src/icons/generated-icons --silent",
     "dev": "pnpm run build:watch",
     "format:icons": "echo noop. Need to replace based on eslint vs. prettier decisions!",
     "generate:icons": "svgr --config-file svgr.config.js --out-dir src/icons/generated-icons ../icons/assets && pnpm format:icons",

package/dist/frosted-BtDBmsH2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"frosted-BtDBmsH2.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',\n // Base typography\n 'vjs:text-[0.8125rem]', // 13px\n // Prevent rounded corners in fullscreen.\n 'vjs:[&:fullscreen]:rounded-none vjs:[&:fullscreen]:[&_video]:h-full vjs:[&:fullscreen]:[&_video]:w-full',\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 // Ensure the nested video inherits the radius.\n 'vjs:[&_video]:rounded-[inherit] vjs:[&_video]:w-full vjs:[&_video]:h-auto',\n ),\n Overlay: cn(\n 'vjs:opacity-0 vjs:delay-500 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',\n 'vjs:has-[+.controls_[aria-expanded=\"true\"]]:opacity-100 vjs:has-[+.controls_[aria-expanded=\"true\"]]:delay-0',\n 'vjs:group-hover/root:opacity-100 vjs:group-hover/root:delay-0',\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 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:delay-500 vjs:duration-300',\n 'vjs:has-[[data-paused]]:scale-100 vjs:has-[[data-paused]]:opacity-100 vjs:has-[[data-paused]]:delay-0',\n 'vjs:has-[[aria-expanded=\"true\"]]:scale-100 vjs:has-[[aria-expanded=\"true\"]]:opacity-100 vjs:has-[[aria-expanded=\"true\"]]:delay-0',\n 'vjs:group-hover/root:scale-100 vjs:group-hover/root:opacity-100 vjs:group-hover/root:delay-0',\n ),\n Icon: cn('icon'),\n Button: cn(\n 'vjs:group/button vjs:cursor-pointer vjs:relative vjs:shrink-0 vjs:transition 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:aria-disabled:grayscale vjs:aria-disabled:opacity-50 vjs:aria-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 // Pressed state\n 'vjs:active:scale-95',\n ),\n IconButton: cn(\n 'vjs:grid vjs:[&_.icon]:[grid-area:1/1]',\n 'vjs:[&_.icon]:shrink-0 vjs:[&_.icon]:transition-[opacity,filter] vjs:[&_.icon]:duration-500 vjs:[&_.icon]: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 vjs:[&[data-paused]_.pause-icon]:blur-sm',\n 'vjs:[&_.play-icon]:opacity-0 vjs:[&_.play-icon]:blur-sm vjs:[&[data-paused]_.play-icon]:opacity-100 vjs:[&[data-paused]_.play-icon]:blur-none',\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',\n 'vjs:outline-0',\n '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-20',\n ),\n SliderTrack: cn(\n 'vjs:-outline-offset-2 vjs:group-focus-visible/slider-root:outline-2 vjs:group-focus-visible/slider-root:outline-offset-2 vjs:group-focus-visible/slider-root:outline-blue-500',\n 'vjs:w-full vjs:relative vjs:select-none vjs:rounded-full vjs:bg-white/20 vjs:ring-1 vjs:ring-black/5',\n 'vjs:[&[data-orientation=\"horizontal\"]]:h-1',\n 'vjs:[&[data-orientation=\"vertical\"]]:w-1',\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',\n 'vjs:opacity-0 vjs:transition-[opacity,height,width] vjs:ease-in-out',\n 'vjs:-outline-offset-2 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-2 vjs:focus-visible:outline-blue-500',\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:flex vjs:flex-col 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 {\n FullscreenEnterIcon,\n FullscreenExitIcon,\n PauseIcon,\n PlayIcon,\n VolumeHighIcon,\n VolumeLowIcon,\n VolumeOffIcon,\n} from '@/icons';\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 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 {/* Background gradient to help with controls contrast. */}\n <div className={styles.Overlay} aria-hidden=\"true\" />\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-DE2x_liR.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"minimal-DE2x_liR.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 // 'ring-1 ring-inset ring-black/10 dark:ring-white/10',\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 // Prevent rounded corners in fullscreen.\n 'vjs:[&:fullscreen]:rounded-none vjs:[&:fullscreen]:[&_video]:h-full vjs:[&:fullscreen]:[&_video]:w-full',\n // Ensure the nested video inherits the radius.\n 'vjs:[&_video]:rounded-[inherit] vjs:[&_video]:w-full vjs:[&_video]:h-auto',\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-[120px] 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:ease-in-out',\n // FIXME: Temporary hide/show logic\n 'vjs:translate-y-full vjs:opacity-0 vjs:delay-500 vjs:duration-300',\n 'vjs:has-[[data-paused]]:translate-y-0 vjs:has-[[data-paused]]:opacity-100 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\"]]: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:delay-0 vjs:group-hover/root:duration-75',\n ),\n Icon: cn('icon'),\n Button: cn(\n 'vjs:group/button vjs:cursor-pointer vjs:relative vjs:shrink-0 vjs:transition 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:aria-disabled:grayscale vjs:aria-disabled:opacity-50 vjs:aria-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,filter] vjs:[&_.icon]:duration-300 vjs:[&_.icon]: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:[&_.pause-icon]:blur-none vjs:[&[data-paused]_.pause-icon]:opacity-0 vjs:[&[data-paused]_.pause-icon]:blur-xs',\n 'vjs:[&_.play-icon]:opacity-0 vjs:[&_.play-icon]:blur-xs vjs:[&[data-paused]_.play-icon]:opacity-100 vjs:[&[data-paused]_.play-icon]:blur-none',\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:flex vjs:items-center vjs:justify-center vjs:flex-1 vjs:group/slider vjs:relative vjs:rounded-sm',\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 // Focus state\n 'vjs:-outline-offset-8 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-8 vjs:focus-visible:outline-white',\n ),\n SliderTrack: cn(\n 'vjs:relative vjs:select-none vjs:rounded-full vjs:bg-white/10 vjs:transition-[height,width] vjs:ease-in-out',\n 'vjs:[&[data-orientation=\"horizontal\"]]:w-full vjs:[&[data-orientation=\"horizontal\"]]:h-[0.1875rem]',\n 'vjs:[&[data-orientation=\"vertical\"]]:w-[0.1875rem]',\n ),\n SliderProgress: cn('vjs:bg-white vjs:rounded-[inherit]'),\n SliderPointer: cn('vjs:hidden'),\n SliderThumb: cn(\n 'vjs:opacity-0 vjs:scale-70 vjs:group-hover/slider:opacity-100 vjs:group-hover/slider:scale-100 vjs:focus-visible:opacity-100 vjs:focus-visible:scale-100',\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',\n 'vjs:-outline-offset-2 vjs:focus-visible:outline-2 vjs:focus-visible:outline-offset-2 vjs:focus-visible:outline-amber-500',\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 Popover from '@/components/Popover';\n\nimport PreviewTimeDisplay from '@/components/PreviewTimeDisplay';\n\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 { 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 { TimeSlider } from '../../components/TimeSlider';\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} aria-hidden=\"true\" />\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=\"flex items-center gap-1\">\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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"}