@roku-ui/vue 0.29.0 → 0.31.0

package/dist/shared/color-helpers.d.ts

@@ -0,0 +1,9 @@
+import { Color as CuloriColor } from 'culori';
+/**
+ * Safely format a Culori color to hex; returns fallback when color is undefined
+ */
+export declare function safeHex(c: CuloriColor | undefined, fallback?: string): string;
+/**
+ * Safely format a Culori color with alpha override to hex8; returns fallback when color is undefined
+ */
+export declare function safeHex8(c: CuloriColor | undefined, alpha: number, fallback?: string): string;

package/dist/shared/color-system.d.ts

@@ -1,35 +1,6 @@
 import { Color as CuloriColor } from 'culori';
 import { MaybeRef } from 'vue';
 import { Color, InputVariant } from '../types';
-export declare const primaryColors: import('vue').ComputedRef<{
-    mode: "hsl";
-    h: number | undefined;
-    s: number;
-    l: number;
-    alpha: number | undefined;
-}[]>;
-export declare const secondaryColors: import('vue').ComputedRef<{
-    mode: "hsl";
-    h: number | undefined;
-    s: number;
-    l: number;
-    alpha: number | undefined;
-}[]>;
-export declare const tertiaryColors: import('vue').ComputedRef<{
-    mode: "hsl";
-    h: number | undefined;
-    s: number;
-    l: number;
-    alpha: number | undefined;
-}[]>;
-export declare const errorColors: import('vue').ComputedRef<{
-    mode: "hsl";
-    h: number | undefined;
-    s: number;
-    l: number;
-    alpha: number | undefined;
-}[]>;
-export declare const surfaceColors: import('vue').ComputedRef<any[]>;
 export declare function useColors(color: MaybeRef<Color>, lightnessMap?: number[]): import('vue').ComputedRef<CuloriColor[]>;
 export declare function useSurfaceColors(): import('vue').ComputedRef<any[]>;
 export declare function useTextCS(color: MaybeRef<Color>): import('vue').ComputedRef<CS>;
@@ -38,50 +9,28 @@ export type CSIndex = number | {
     dark: number;
     light: number;
 };
+export type CSAlpha = number | {
+    dark?: number;
+    light?: number;
+};
 export interface CSOptions {
     color: MaybeRef<Color | 'surface'>;
     type: CSType;
     index: CSIndex;
-    alpha?: number;
+    alpha?: CSAlpha;
 }
 export interface CS {
     style: Record<string, string>;
     class: string[] | string;
 }
-export declare function getCSInner(colors: CuloriColor[], type: CSType, darkIndex: number, lightIndex: number, alpha?: number): CS;
+export declare function getCSInner(colors: CuloriColor[], type: CSType, darkIndex: number, lightIndex: number, alpha?: CSAlpha): CS;
 export declare function useCS(cs: CSOptions): import('vue').ComputedRef<CS>;
-export declare function useColorCS(color: MaybeRef<Color>, type: CSType, index: CSIndex, alpha?: number): import('vue').ComputedRef<CS>;
-export declare function useSurfaceCS(type: CSType, index: CSIndex, alpha?: number): import('vue').ComputedRef<CS>;
+export declare function useColorCS(color: MaybeRef<Color>, type: CSType, index: CSIndex, alpha?: CSAlpha): import('vue').ComputedRef<CS>;
+export declare function useSurfaceCS(type: CSType, index: CSIndex, alpha?: CSAlpha): import('vue').ComputedRef<CS>;
 export declare function useOutlineCS(color: MaybeRef<Color>): import('vue').ComputedRef<CS>;
-export declare function useMergedCS(...cs: ReturnType<typeof useCS>[]): import('vue').ComputedRef<{
+export declare function useMergedCS(csList: ReturnType<typeof useCS>[], extraClass?: string[]): import('vue').ComputedRef<{
     style: Record<string, string>;
     class: string[];
 }>;
 export declare const borderCS: import('vue').ComputedRef<CS>;
-export declare function useInputColorStyle(color: MaybeRef<string>, variant?: MaybeRef<InputVariant>): import('vue').ComputedRef<{
-    '--d-bg': string;
-    '--d-border-f': string;
-    '--d-border': string;
-    '--d-placeholder': string;
-    '--d-text': string;
-    '--l-bg': string;
-    '--l-border-f': string;
-    '--l-border': string;
-    '--l-placeholder': string;
-    '--l-text': string;
-    '--d-bg-h'?: undefined;
-    '--l-bg-h'?: undefined;
-} | {
-    '--d-bg': string;
-    '--d-bg-h': string;
-    '--d-border': string;
-    '--l-bg': string;
-    '--l-bg-h': string;
-    '--l-border': string;
-    '--d-border-f'?: undefined;
-    '--d-placeholder'?: undefined;
-    '--d-text'?: undefined;
-    '--l-border-f'?: undefined;
-    '--l-placeholder'?: undefined;
-    '--l-text'?: undefined;
-}>;
+export declare function useInputColorStyle(color: MaybeRef<string>, variant?: MaybeRef<InputVariant>): import('vue').ComputedRef<Record<string, string>>;

package/dist/shared/constants.d.ts

@@ -1,21 +1,79 @@
-export declare const darkSurfaceBgIndex = 9;
-export declare const darkSurfaceBgVariant1Index = 8;
-export declare const darkSurfaceBgVariant2Index = 7;
-export declare const darkBorderIndex = 7;
-export declare const darkBorderVariantIndex = 7;
-export declare const darkTextIndex = 3;
-export declare const darkTextVariantIndex = 6;
-export declare const darkBgIndex = 5;
-export declare const darkBgVariantIndex = 6;
-export declare const lightBorderIndex = 3;
-export declare const lightBorderVariantIndex = 4;
-export declare const darkOpacity = 0.25;
-export declare const darkOpacityVariant = 0.3;
-export declare const lightSurfaceBgIndex = 1;
-export declare const lightSurfaceBgVariantIndex = 2;
-export declare const lightTextIndex = 6;
-export declare const lightTextVariantIndex = 5;
-export declare const lightBgIndex = 4;
-export declare const lightBgVariantIndex = 5;
-export declare const lightOpacity = 0.08;
-export declare const lightOpacityVariant = 0.15;
+export declare const SURFACE_BG: {
+    readonly base: {
+        readonly dark: 9;
+        readonly light: 0;
+    };
+    readonly container: {
+        readonly dark: 8;
+        readonly light: 0;
+    };
+    readonly containerHover: {
+        readonly dark: 7;
+        readonly light: 1;
+    };
+    readonly inverted: {
+        readonly dark: 1;
+        readonly light: 9;
+    };
+};
+export declare const SURFACE_BORDER: {
+    readonly base: {
+        readonly dark: 7;
+        readonly light: 3;
+    };
+    readonly subtle: {
+        readonly dark: 6;
+        readonly light: 4;
+    };
+    readonly inverted: {
+        readonly dark: 2;
+        readonly light: 7;
+    };
+};
+export declare const SURFACE_TEXT: {
+    readonly muted: {
+        readonly dark: 6;
+        readonly light: 5;
+    };
+    readonly inverted: {
+        readonly dark: 9;
+        readonly light: 0;
+    };
+};
+export declare const COLOR_BG: {
+    readonly solid: {
+        readonly dark: 7;
+        readonly light: 6;
+    };
+    readonly hover: {
+        readonly dark: 6;
+        readonly light: 5;
+    };
+};
+export declare const COLOR_BORDER: {
+    readonly solid: {
+        readonly dark: 7;
+        readonly light: 3;
+    };
+};
+export declare const COLOR_TEXT: {
+    readonly solid: {
+        readonly dark: 4;
+        readonly light: 6;
+    };
+    readonly hover: {
+        readonly dark: 2;
+        readonly light: 5;
+    };
+};
+export declare const COLOR_TINT_INDEX = 3;
+export declare const OPACITY_SCALE: {
+    readonly dark: {
+        readonly tint: 0.15;
+        readonly tintHover: 0.3;
+    };
+    readonly light: {
+        readonly tint: 0.1;
+        readonly tintHover: 0.15;
+    };
+};

package/dist/shared/container-styles.d.ts

@@ -24,3 +24,11 @@ export declare function useContainerLightCS(color: MaybeRef<Color>): import('vue
     style: Record<string, string>;
     class: string[];
 }>;
+export declare function useContainerOutlineCS(color: MaybeRef<Color>): import('vue').ComputedRef<{
+    style: Record<string, string>;
+    class: string[];
+}>;
+export declare function useContainerInvertedCS(): import('vue').ComputedRef<{
+    style: Record<string, string>;
+    class: string[];
+}>;

package/dist/shared/style-recipes.d.ts

@@ -0,0 +1,20 @@
+import { Color as CuloriColor } from 'culori';
+export interface PaletteCollection {
+    color: CuloriColor[];
+    [key: string]: CuloriColor[];
+}
+interface PaletteTokenConfig {
+    palette?: string;
+    index: number;
+    format?: 'hex' | 'hex8';
+    alpha?: number;
+    fallback?: string;
+}
+interface LiteralTokenConfig {
+    source: 'literal';
+    value: string;
+}
+export type VariantTokenConfig = PaletteTokenConfig | LiteralTokenConfig;
+export type VariantStyleConfig = Record<string, VariantTokenConfig>;
+export declare function buildVariantStyles(config: VariantStyleConfig, palettes: PaletteCollection): Record<string, string>;
+export {};

package/dist/shared/theme.d.ts

@@ -1,102 +1,114 @@
 import { ComputedRef } from 'vue';
-import { Rounded } from '../types';
+import { Color, CornerShape, Rounded, Size } from '../types';
+export type ThemeColorValue = string | readonly [string, ...string[]];
 export interface ThemeColors {
-    primary?: string;
-    secondary?: string;
-    tertiary?: string;
-    error?: string;
-    surface?: string;
+    primary?: ThemeColorValue;
+    secondary?: ThemeColorValue;
+    tertiary?: ThemeColorValue;
+    success?: ThemeColorValue;
+    info?: ThemeColorValue;
+    warning?: ThemeColorValue;
+    error?: ThemeColorValue;
+    surface?: ThemeColorValue;
 }
 export interface ComponentDefaults {
     Btn?: {
-        size?: 'sm' | 'md' | 'lg';
+        size?: Size;
         variant?: import('../types').BtnVariant;
         color?: string;
         rounded?: Rounded;
         pressEffect?: 'translate' | 'scale';
     };
+    Icon?: {
+        size?: Size;
+        variant?: import('../types').BtnVariant;
+        color?: Color;
+        rounded?: Rounded;
+        outlineColor?: Color;
+    };
     TextField?: {
-        size?: 'sm' | 'md' | 'lg';
-        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        size?: Size;
+        color?: Color;
         rounded?: Rounded;
     };
     Switch?: {
-        size?: 'sm' | 'md' | 'lg';
-        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        size?: Size;
+        color?: Color;
     };
     Select?: {
-        size?: 'sm' | 'md' | 'lg';
-        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        size?: Size;
+        color?: Color;
         rounded?: Rounded;
     };
     Checkbox?: {
-        size?: 'sm' | 'md' | 'lg';
-        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        size?: Size;
+        color?: Color;
         rounded?: Rounded;
     };
     Paper?: {
         variant?: import('../types').ContainerVariant;
-        color?: string;
+        color?: Color;
         rounded?: Rounded;
     };
     Progress?: {
-        size?: 'sm' | 'md' | 'lg';
-        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        size?: Size;
+        color?: Color;
     };
     Rating?: {
-        size?: 'sm' | 'md' | 'lg';
-        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        size?: Size;
+        color?: Color;
     };
     Slider?: {
-        size?: 'sm' | 'md' | 'lg';
-        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        size?: Size;
+        color?: Color;
     };
     Avatar?: {
-        size?: 'sm' | 'md' | 'lg';
-        color?: string;
+        size?: Size;
+        color?: Color;
         rounded?: Rounded;
+        cornerShape?: CornerShape;
     };
     Tag?: {
-        size?: 'sm' | 'md' | 'lg';
-        variant?: import('../types').ContainerVariant;
+        size?: Size;
+        variant?: import('../types').BtnVariant;
         color?: string;
         rounded?: Rounded;
     };
     Chip?: {
-        size?: 'sm' | 'md' | 'lg';
+        size?: Size;
         variant?: import('../types').ContainerVariant;
         color?: string;
         rounded?: Rounded;
     };
     Modal?: {
-        size?: 'sm' | 'md' | 'lg';
+        size?: Size;
         rounded?: Rounded;
     };
     Drawer?: {
-        size?: 'sm' | 'md' | 'lg';
+        size?: Size;
     };
     Notification?: {
-        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        color?: Color;
         rounded?: Rounded;
     };
     ColorInput?: {
-        size?: 'sm' | 'md' | 'lg';
+        size?: Size;
         rounded?: Rounded;
     };
     CalendarInput?: {
-        size?: 'sm' | 'md' | 'lg';
+        size?: Size;
         rounded?: Rounded;
     };
     PinInput?: {
-        size?: 'sm' | 'md' | 'lg';
+        size?: Size;
         rounded?: Rounded;
     };
     Dropzone?: {
         rounded?: Rounded;
     };
     Step?: {
-        size?: 'sm' | 'md' | 'lg';
-        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        size?: Size;
+        color?: Color;
         direction?: 'horizontal' | 'vertical';
         type?: 'default' | 'navigation' | 'dot' | 'simple';
     };
@@ -105,8 +117,8 @@ export interface ThemeData {
     withBorder: boolean;
     rounded: Rounded;
     colors: ThemeColors;
-    defaultSize: 'sm' | 'md' | 'lg';
-    defaultColor: 'primary' | 'secondary' | 'tertiary' | 'error';
+    defaultSize: Size;
+    defaultColor: Color;
     componentDefaults?: ComponentDefaults;
 }
 export declare const defaultThemeData: ThemeData;

package/dist/style.css

@@ -0,0 +1,2 @@
+::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}@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{--un-bg-opacity:100%;--un-leading:initial;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-text-opacity:100%;--un-border-opacity:100%;--un-divide-x-reverse:initial;--un-border-style:solid;--un-space-y-reverse:initial;--un-content:"";--un-outline-opacity:100%;--un-outline-style:solid;--un-placeholder-opacity:100%}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-leading{syntax:"*";inherits:false}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-content{syntax:"*";inherits:false;initial-value:""}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1}@property --un-ease{syntax:"*";inherits:false}@property --un-backdrop-blur{syntax:"*";inherits:false}@property --un-backdrop-brightness{syntax:"*";inherits:false}@property --un-backdrop-contrast{syntax:"*";inherits:false}@property --un-backdrop-grayscale{syntax:"*";inherits:false}@property --un-backdrop-hue-rotate{syntax:"*";inherits:false}@property --un-backdrop-invert{syntax:"*";inherits:false}@property --un-backdrop-opacity{syntax:"*";inherits:false}@property --un-backdrop-saturate{syntax:"*";inherits:false}@property --un-backdrop-sepia{syntax:"*";inherits:false}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-placeholder-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --un-border-style{syntax:"*";inherits:false;initial-value:solid}@property --un-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}:root,:host{--spacing:.25rem;--radius-DEFAULT:.25rem;--fontWeight-medium:500;--fontWeight-semibold:600;--default-transition-timingFunction:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--radius-md:.375rem;--radius-sm:.25rem;--radius-lg:.5rem;--fontWeight-bold:700;--tracking-widest:.1em;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--leading-relaxed:1.625;--leading-tight:1.25;--container-md:28rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--colors-white:#fff;--colors-black:#000;--text-xs-fontSize:.75rem;--text-xs-lineHeight:1rem;--text-sm-fontSize:.875rem;--text-sm-lineHeight:1.25rem;--text-base-fontSize:1rem;--text-base-lineHeight:1.5rem;--text-lg-fontSize:1.125rem;--text-lg-lineHeight:1.75rem;--text-2xl-fontSize:1.5rem;--text-2xl-lineHeight:2rem;--text-xl-fontSize:1.25rem;--text-xl-lineHeight:1.75rem;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-monoFont-family:var(--font-mono)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-featureSettings,normal);font-variation-settings:var(--default-font-variationSettings,normal);-webkit-tap-highlight-color:transparent}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}code,kbd,samp,pre{font-family:var(--default-monoFont-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-monoFont-featureSettings,normal);font-variation-settings:var(--default-monoFont-variationSettings,normal);font-size:1em}ol,ul,menu{list-style:none}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::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}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden~=until-found])){display:none!important}*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--un-default-border-color,#e5e7eb)}:before,:after{--un-content:""}html,: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}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,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}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{color-scheme:light dark;text-autospace:normal}:root[data-scheme=dark]{color-scheme:dark}:root[data-scheme=light]{color-scheme:light}@layer theme{:where([data-scheme=light]),:where([data-scheme=light] *),:where([data-scheme=dark] [data-scheme=light]),:where([data-scheme=dark] [data-scheme=light] *){--r-text-primary:var(--r-color-primary-5);--r-text-secondary:var(--r-color-secondary-5);--r-text-tertiary:var(--r-color-tertiary-5);--r-text-success:var(--r-color-success-5);--r-text-info:var(--r-color-info-5);--r-text-warning:var(--r-color-warning-5);--r-text-error:var(--r-color-error-5);--r-text-dimmed:var(--r-color-surface-3);--r-text-muted:var(--r-color-surface-5);--r-text-default:var(--r-color-surface-8);--r-text-highlight:var(--r-color-surface-10);--r-text-inverted:var(--r-color-surface-1);--r-bg-base:var(--r-color-surface-0);--r-bg-container:var(--r-color-surface-0);--r-bg-elevated:var(--r-color-surface-1);--r-bg-inverted:var(--r-color-surface-9);--r-bg-primary:var(--r-color-primary-5);--r-bg-secondary:var(--r-color-secondary-5);--r-bg-tertiary:var(--r-color-tertiary-5);--r-bg-success:var(--r-color-success-5);--r-bg-info:var(--r-color-info-5);--r-bg-warning:var(--r-color-warning-5);--r-bg-error:var(--r-color-error-5);--r-border-base:var(--r-color-surface-3);--r-border-container:var(--r-color-surface-4);--r-border-elevated:var(--r-color-surface-6);--r-border-inverted:var(--r-color-surface-9)}:where([data-scheme=dark]),:where([data-scheme=dark] *),:where([data-scheme=light] [data-scheme=dark]),:where([data-scheme=light] [data-scheme=dark] *){--r-text-primary:var(--r-color-primary-4);--r-text-secondary:var(--r-color-secondary-4);--r-text-tertiary:var(--r-color-tertiary-4);--r-text-success:var(--r-color-success-4);--r-text-info:var(--r-color-info-4);--r-text-warning:var(--r-color-warning-4);--r-text-error:var(--r-color-error-4);--r-text-dimmed:var(--r-color-surface-5);--r-text-muted:var(--r-color-surface-3);--r-text-default:var(--r-color-surface-1);--r-text-highlight:var(--r-color-surface-0);--r-text-inverted:var(--r-color-surface-9);--r-bg-base:var(--r-color-surface-9);--r-bg-container:var(--r-color-surface-9);--r-bg-elevated:var(--r-color-surface-8);--r-bg-inverted:var(--r-color-surface-1);--r-bg-primary:var(--r-color-primary-4);--r-bg-secondary:var(--r-color-secondary-4);--r-bg-tertiary:var(--r-color-tertiary-4);--r-bg-success:var(--r-color-success-4);--r-bg-info:var(--r-color-info-4);--r-bg-warning:var(--r-color-warning-4);--r-bg-error:var(--r-color-error-4);--r-border-base:var(--r-color-surface-7);--r-border-container:var(--r-color-surface-6);--r-border-elevated:var(--r-color-surface-5);--r-border-inverted:var(--r-color-surface-2)}}@layer components{:where(*){--r-scheme-bg-light:var(--l-bg,transparent);--r-scheme-bg-dark:var(--d-bg,var(--r-scheme-bg-light));--r-scheme-bg:var(--r-scheme-bg-light);--r-scheme-bg-hover-light:var(--l-bg-h,var(--r-scheme-bg));--r-scheme-bg-hover-dark:var(--d-bg-h,var(--r-scheme-bg-hover-light));--r-scheme-bg-hover:var(--r-scheme-bg-hover-light);--r-scheme-border-light:var(--l-border,currentColor);--r-scheme-border-dark:var(--d-border,var(--r-scheme-border-light));--r-scheme-border:var(--r-scheme-border-light);--r-scheme-border-hover-light:var(--l-border-h,var(--r-scheme-border));--r-scheme-border-hover-dark:var(--d-border-h,var(--r-scheme-border-hover-light));--r-scheme-border-hover:var(--r-scheme-border-hover-light);--r-scheme-border-focus-light:var(--l-border-f,var(--r-scheme-border));--r-scheme-border-focus-dark:var(--d-border-f,var(--r-scheme-border-focus-light));--r-scheme-border-focus:var(--r-scheme-border-focus-light);--r-scheme-text-light:var(--l-text,inherit);--r-scheme-text-dark:var(--d-text,var(--r-scheme-text-light));--r-scheme-text:var(--r-scheme-text-light);--r-scheme-text-hover-light:var(--l-text-h,var(--r-scheme-text));--r-scheme-text-hover-dark:var(--d-text-h,var(--r-scheme-text-hover-light));--r-scheme-text-hover:var(--r-scheme-text-hover-light);--r-scheme-placeholder-light:var(--l-placeholder,var(--r-scheme-text));--r-scheme-placeholder-dark:var(--d-placeholder,var(--r-scheme-placeholder-light));--r-scheme-placeholder:var(--r-scheme-placeholder-light);--r-scheme-outline-light:var(--l-outline,transparent);--r-scheme-outline-dark:var(--d-outline,var(--r-scheme-outline-light));--r-scheme-outline:var(--r-scheme-outline-light)}[data-scheme=dark] :where(*),[data-scheme=light] [data-scheme=dark] :where(*){--r-scheme-bg:var(--r-scheme-bg-dark);--r-scheme-bg-hover:var(--r-scheme-bg-hover-dark);--r-scheme-border:var(--r-scheme-border-dark);--r-scheme-border-hover:var(--r-scheme-border-hover-dark);--r-scheme-border-focus:var(--r-scheme-border-focus-dark);--r-scheme-text:var(--r-scheme-text-dark);--r-scheme-text-hover:var(--r-scheme-text-hover-dark);--r-scheme-placeholder:var(--r-scheme-placeholder-dark);--r-scheme-outline:var(--r-scheme-outline-dark)}[data-scheme=dark] [data-scheme=light] :where(*){--r-scheme-bg:var(--r-scheme-bg-light);--r-scheme-bg-hover:var(--r-scheme-bg-hover-light);--r-scheme-border:var(--r-scheme-border-light);--r-scheme-border-hover:var(--r-scheme-border-hover-light);--r-scheme-border-focus:var(--r-scheme-border-focus-light);--r-scheme-text:var(--r-scheme-text-light);--r-scheme-text-hover:var(--r-scheme-text-hover-light);--r-scheme-placeholder:var(--r-scheme-placeholder-light);--r-scheme-outline:var(--r-scheme-outline-light)}}.i-fluent-checkmark-12-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 12 12' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9.765 3.205a.75.75 0 0 1 .03 1.06l-4.25 4.5a.75.75 0 0 1-1.075.015L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.705 1.704l3.72-3.939a.75.75 0 0 1 1.06-.03'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-fluent-chevron-down-12-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 12 12' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 0 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-fluent-dismiss-12-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 12 12' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m1.897 2.054l.073-.084a.75.75 0 0 1 .976-.073l.084.073L6 4.939l2.97-2.97a.75.75 0 1 1 1.06 1.061L7.061 6l2.97 2.97a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L6 7.061l-2.97 2.97A.75.75 0 1 1 1.97 8.97L4.939 6l-2.97-2.97a.75.75 0 0 1-.072-.976l.073-.084z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-fluent-person-24-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.755 14a2.25 2.25 0 0 1 2.248 2.25v.918a2.75 2.75 0 0 1-.512 1.598c-1.546 2.164-4.07 3.235-7.49 3.235c-3.422 0-5.945-1.072-7.487-3.236a2.75 2.75 0 0 1-.51-1.596v-.92A2.25 2.25 0 0 1 6.253 14zM12 2.005a5 5 0 1 1 0 10a5 5 0 0 1 0-10'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-fluent-star-12-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 12 12' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M5.283 1.546a.8.8 0 0 1 1.435 0L7.83 3.798l2.486.361a.8.8 0 0 1 .443 1.365L8.96 7.277l.425 2.476a.8.8 0 0 1-1.16.844L6 9.427l-2.224 1.17a.8.8 0 0 1-1.16-.844l.424-2.476l-1.799-1.753a.8.8 0 0 1 .444-1.365l2.486-.36z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-heroicons-chevron-down-16-solid{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-heroicons-chevron-up-16-solid{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06L5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-line-md-moon-twotone-alt-loop{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-dasharray='4' stroke-dashoffset='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 4h1.5M13 4h-1.5M13 4v1.5M13 4v-1.5'%3E%3Canimate id='SVGjUNXVaqx' fill='freeze' attributeName='stroke-dashoffset' begin='0.7s;SVGjUNXVaqx.begin+6s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='SVGjUNXVaqx.begin+2s;SVGjUNXVaqx.begin+4s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='SVGjUNXVaqx.begin+1.2s;SVGjUNXVaqx.begin+3.2s;SVGjUNXVaqx.begin+5.2s' dur='0.4s' values='0;4'/%3E%3Cset fill='freeze' attributeName='d' begin='SVGjUNXVaqx.begin+1.8s' to='M12 5h1.5M12 5h-1.5M12 5v1.5M12 5v-1.5'/%3E%3Cset fill='freeze' attributeName='d' begin='SVGjUNXVaqx.begin+3.8s' to='M12 4h1.5M12 4h-1.5M12 4v1.5M12 4v-1.5'/%3E%3Cset fill='freeze' attributeName='d' begin='SVGjUNXVaqx.begin+5.8s' to='M13 4h1.5M13 4h-1.5M13 4v1.5M13 4v-1.5'/%3E%3C/path%3E%3Cpath d='M19 11h1.5M19 11h-1.5M19 11v1.5M19 11v-1.5'%3E%3Canimate id='SVGO88gQckN' fill='freeze' attributeName='stroke-dashoffset' begin='1.1s;SVGO88gQckN.begin+6s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='SVGO88gQckN.begin+2s;SVGO88gQckN.begin+4s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='SVGO88gQckN.begin+1.2s;SVGO88gQckN.begin+3.2s;SVGO88gQckN.begin+5.2s' dur='0.4s' values='0;4'/%3E%3Cset fill='freeze' attributeName='d' begin='SVGO88gQckN.begin+1.8s' to='M17 11h1.5M17 11h-1.5M17 11v1.5M17 11v-1.5'/%3E%3Cset fill='freeze' attributeName='d' begin='SVGO88gQckN.begin+3.8s' to='M18 12h1.5M18 12h-1.5M18 12v1.5M18 12v-1.5'/%3E%3Cset fill='freeze' attributeName='d' begin='SVGO88gQckN.begin+5.8s' to='M19 11h1.5M19 11h-1.5M19 11v1.5M19 11v-1.5'/%3E%3C/path%3E%3Cpath d='M19 4h1.5M19 4h-1.5M19 4v1.5M19 4v-1.5'%3E%3Canimate id='SVGPXuakc7A' fill='freeze' attributeName='stroke-dashoffset' begin='2s;SVGPXuakc7A.begin+6s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='SVGPXuakc7A.begin+2s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='SVGPXuakc7A.begin+1.2s;SVGPXuakc7A.begin+3.2s' dur='0.4s' values='0;4'/%3E%3Cset fill='freeze' attributeName='d' begin='SVGPXuakc7A.begin+1.8s' to='M20 5h1.5M20 5h-1.5M20 5v1.5M20 5v-1.5'/%3E%3Cset fill='freeze' attributeName='d' begin='SVGPXuakc7A.begin+5.8s' to='M19 4h1.5M19 4h-1.5M19 4v1.5M19 4v-1.5'/%3E%3C/path%3E%3C/g%3E%3Cpath fill='currentColor' fill-opacity='0' stroke='currentColor' stroke-dasharray='56' stroke-dashoffset='56' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 6 C7 12.08 11.92 17 18 17 C18.53 17 19.05 16.96 19.56 16.89 C17.95 19.36 15.17 21 12 21 C7.03 21 3 16.97 3 12 C3 8.83 4.64 6.05 7.11 4.44 C7.04 4.95 7 5.47 7 6 Z'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='1.5s' dur='0.15s' values='0;0.3'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='56;0'/%3E%3C/path%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-line-md-sunny-outline-twotone-loop{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath fill='currentColor' fill-opacity='0' stroke-dasharray='36' stroke-dashoffset='36' d='M12 7c2.76 0 5 2.24 5 5c0 2.76 -2.24 5 -5 5c-2.76 0 -5 -2.24 -5 -5c0 -2.76 2.24 -5 5 -5'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='0.9s' dur='0.15s' values='0;0.3'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.4s' values='36;0'/%3E%3C/path%3E%3Cg%3E%3Cpath stroke-dasharray='2' stroke-dashoffset='2' d='M12 19v1M19 12h1M12 5v-1M5 12h-1'%3E%3Canimate fill='freeze' attributeName='d' begin='0.5s' dur='0.2s' values='M12 19v1M19 12h1M12 5v-1M5 12h-1;M12 21v1M21 12h1M12 3v-1M3 12h-1'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.5s' dur='0.2s' values='2;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='2' stroke-dashoffset='2' d='M17 17l0.5 0.5M17 7l0.5 -0.5M7 7l-0.5 -0.5M7 17l-0.5 0.5'%3E%3Canimate fill='freeze' attributeName='d' begin='0.7s' dur='0.2s' values='M17 17l0.5 0.5M17 7l0.5 -0.5M7 7l-0.5 -0.5M7 17l-0.5 0.5;M18.5 18.5l0.5 0.5M18.5 5.5l0.5 -0.5M5.5 5.5l-0.5 -0.5M5.5 18.5l-0.5 0.5'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.7s' dur='0.2s' values='2;0'/%3E%3C/path%3E%3CanimateTransform attributeName='transform' dur='30s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-tabler-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-tabler-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-tabler-chevron-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 6l-6 6l6 6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-tabler-chevron-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-tabler-chevrons-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m11 7l-5 5l5 5m6-10l-5 5l5 5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-tabler-chevrons-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 7l5 5l-5 5m6-10l5 5l-5 5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-tabler-loader-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.i-tabler-minus{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;mask-size:100% 100%}.custom-colors,.custom-input-colors{color:color-mix(in oklab,var(--r-scheme-text)var(--un-text-opacity),transparent);border-width:1px;border-color:color-mix(in oklab,var(--r-scheme-border)var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--r-scheme-bg)var(--un-bg-opacity),transparent)}.custom-colors:hover{color:color-mix(in oklab,var(--r-scheme-text-hover)var(--un-text-opacity),transparent);background-color:color-mix(in oklab,var(--r-scheme-bg-hover)var(--un-bg-opacity),transparent)}.custom-colors:focus-visible{outline-color:color-mix(in oklab,var(--r-scheme-outline)var(--un-outline-opacity),transparent)}.custom-input-colors:focus{border-color:color-mix(in oklab,var(--r-scheme-border-focus)var(--un-border-opacity),transparent)}.custom-input-colors:hover{background-color:color-mix(in oklab,var(--r-scheme-bg-hover)var(--un-bg-opacity),transparent)}.container{width:100%}.custom-input-colors::placeholder{color:color-mix(in oklab,var(--r-scheme-placeholder)var(--un-placeholder-opacity),transparent)}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.bg-primary{background-color:rgb(var(--r-bg-primary)/var(--un-bg-opacity,1))}.text-dimmed{color:rgb(var(--r-text-dimmed)/var(--un-text-opacity,1))}.bg-container{background-color:rgb(var(--r-bg-container)/var(--un-bg-opacity,1))}.bg-elevated{background-color:rgb(var(--r-bg-elevated)/var(--un-bg-opacity,1))}.bg-inverted{background-color:rgb(var(--r-bg-inverted)/var(--un-bg-opacity,1))}.hover\:bg-container:hover{background-color:rgb(var(--r-bg-container)/var(--un-bg-opacity,1))}.hover\:bg-elevated:hover{background-color:rgb(var(--r-bg-elevated)/var(--un-bg-opacity,1))}.focus-visible\:bg-container:focus-visible{background-color:rgb(var(--r-bg-container)/var(--un-bg-opacity,1))}.focus-visible\:bg-elevated:focus-visible{background-color:rgb(var(--r-bg-elevated)/var(--un-bg-opacity,1))}.border-container{border-color:rgb(var(--r-border-container)/var(--un-border-opacity,1))}.text-primary{color:rgb(var(--r-text-primary)/var(--un-text-opacity,1))}.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading,var(--text-2xl-lineHeight))}.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading,var(--text-base-lineHeight))}.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight))}.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight))}.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight))}.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight))}.font-size-\[--font-size\]{font-size:var(--font-size)}.text-\[var\(--r-scheme-text\)\]{color:color-mix(in oklab,var(--r-scheme-text)var(--un-text-opacity),transparent)}.text-black{color:color-mix(in srgb,var(--colors-black)var(--un-text-opacity),transparent)}.text-transparent{color:#0000}.text-white{color:color-mix(in srgb,var(--colors-white)var(--un-text-opacity),transparent)}.hover\:text-\[var\(--r-scheme-text-hover\)\]:hover{color:color-mix(in oklab,var(--r-scheme-text-hover)var(--un-text-opacity),transparent)}.leading-0{--un-leading:0;line-height:0}.leading-relaxed{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--un-leading:var(--leading-tight);line-height:var(--leading-tight)}.tracking-widest{--un-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold)}.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium)}.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold)}.tab{tab-size:4}.m-0{margin:calc(var(--spacing)*0)}.-mx-0\.5{margin-inline:calc(calc(var(--spacing)*.5)*-1)}.-mx-1{margin-inline:calc(calc(var(--spacing)*1)*-1)}.-mx-1\.5{margin-inline:calc(calc(var(--spacing)*1.5)*-1)}.mx-0\.5{margin-inline:calc(var(--spacing)*.5)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-2\.5{margin-inline:calc(var(--spacing)*2.5)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.-mr-2{margin-right:calc(calc(var(--spacing)*2)*-1)}.-mr-3{margin-right:calc(calc(var(--spacing)*3)*-1)}.-mt-1{margin-top:calc(calc(var(--spacing)*1)*-1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-3\.5{margin-left:calc(var(--spacing)*3.5)}.ml-4{margin-left:calc(var(--spacing)*4)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.children\:px-0\!>*{padding-inline:calc(var(--spacing)*0)!important}.children\:px-1\.5>*,.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.children\:px-2\.5>*,.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.children\:px-2>*,.px-2{padding-inline:calc(var(--spacing)*2)}.children\:py-1>*,.py-1{padding-block:calc(var(--spacing)*1)}.children\:py-2>*,.py-2{padding-block:calc(var(--spacing)*2)}.px,.px-4{padding-inline:calc(var(--spacing)*4)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.pb{padding-bottom:calc(var(--spacing)*4)}.pl,.pl-4{padding-left:calc(var(--spacing)*4)}.pl-1\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pr{padding-right:calc(var(--spacing)*4)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pt{padding-top:calc(var(--spacing)*4)}.pt-2{padding-top:calc(var(--spacing)*2)}.before\:pb-\[calc\(\(1\/var\(--ar-ratio\,1\)\)\*100\%\)\]:before{padding-bottom:calc((1/var(--ar-ratio,1))*100%)}.text-center{text-align:center}.text-left{text-align:left}.focus-visible\:outline-2:focus-visible{outline-style:var(--un-outline-style);outline-width:2px}.focus-visible\:outline-\[var\(--r-scheme-outline\)\]:focus-visible{outline-color:color-mix(in oklab,var(--r-scheme-outline)var(--un-outline-opacity),transparent)}.outline-offset-0\!{outline-offset:0px!important}.outline{outline-style:var(--un-outline-style);outline-width:1px}.outline-none,.focus-visible\:outline-none:focus-visible{--un-outline-style:none;outline-style:none}.will-change-auto{will-change:auto}.will-change-transform{will-change:transform}.list-none{list-style-type:none}.b,.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.hover\:border:hover{border-width:1px}.border-x{border-inline-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.before\:border-r:before{border-right-width:1px}.\!border-transparent{border-color:#0000!important}.border-\[var\(--r-scheme-border\)\]{border-color:color-mix(in oklab,var(--r-scheme-border)var(--un-border-opacity),transparent)}.border-transparent{border-color:#0000}.hover\:border-\[var\(--r-scheme-border-hover\)\]:hover{border-color:color-mix(in oklab,var(--r-scheme-border-hover)var(--un-border-opacity),transparent)}.focus\:border-\[var\(--r-scheme-border-focus\)\]:focus{border-color:color-mix(in oklab,var(--r-scheme-border-focus)var(--un-border-opacity),transparent)}.rounded{border-radius:var(--radius-DEFAULT)}.rounded-\[--r-rounded\]{border-radius:var(--r-rounded)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.not-first-children\:rounded-l-0>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.not-last-children\:rounded-r-0>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-inherit{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.first-children\:rounded-r-0>:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.last-children\:rounded-l-0>:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-tl{border-top-left-radius:var(--radius-DEFAULT)}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr{border-top-right-radius:var(--radius-DEFAULT)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.border-dashed{--un-border-style:dashed;border-style:dashed}.border-x-none{--un-border-style:none;border-inline-style:none}.first-children\:border-r-none>:first-child{--un-border-style:none;border-right-style:none}.last-children\:border-l-none>:last-child{--un-border-style:none;border-left-style:none}.bg-\[var\(--r-scheme-bg\)\]{background-color:color-mix(in oklab,var(--r-scheme-bg)var(--un-bg-opacity),transparent)}.bg-primary-10{background-color:color-mix(in srgb,rgb(var(--r-color-primary-10))var(--un-bg-opacity),transparent)}.bg-surface-10\/60{background-color:color-mix(in srgb,rgb(var(--r-color-surface-10))60%,transparent)}.bg-transparent{background-color:#0000}.bg-white{background-color:color-mix(in srgb,var(--colors-white)var(--un-bg-opacity),transparent)}.hover\:bg-\[var\(--r-scheme-bg-hover\)\]:hover{background-color:color-mix(in oklab,var(--r-scheme-bg-hover)var(--un-bg-opacity),transparent)}.op-60,.opacity-60{opacity:.6}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.disabled\:opacity-60:disabled{opacity:.6}.scheme-switch{color-scheme:normal}.decoration-none{text-decoration:none}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1}.children\:flex-shrink-0>*,.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow-1{flex-grow:1}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.grid{display:grid}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.children\:h-full>*,.h-full{height:100%}.children\:w-full>*,.w-full{width:100%}.children\:w-max>*,.w-max{width:max-content}.h-\[calc\(100\%-0\.5rem\)\]{height:calc(100% - .5rem)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-1\/2{height:50%}.h-10{height:calc(var(--spacing)*10)}.h-100dvh{height:100dvh}.h-12{height:calc(var(--spacing)*12)}.h-1em{height:1em}.h-2{height:calc(var(--spacing)*2)}.h-2px{height:2px}.h-3,.h3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-fit{height:fit-content}.h-inherit{height:inherit}.max-h-full{max-height:100%}.max-w-100{max-width:calc(var(--spacing)*100)}.max-w-md{max-width:var(--container-md)}.min-h-\[--size\]{min-height:var(--size)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-full{min-height:100%}.min-w-\[--size\]{min-width:var(--size)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-128px{min-width:128px}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-20{min-width:calc(var(--spacing)*20)}.min-w-24{min-width:calc(var(--spacing)*24)}.min-w-80{min-width:calc(var(--spacing)*80)}.w-\[30px\]{width:30px}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-2{width:calc(var(--spacing)*2)}.w-2px{width:2px}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-64{width:calc(var(--spacing)*64)}.w-7{width:calc(var(--spacing)*7)}.w-72{width:calc(var(--spacing)*72)}.w-8{width:calc(var(--spacing)*8)}.w-80{width:calc(var(--spacing)*80)}.w-auto{width:auto}.w-inherit{width:inherit}.before\:h-0:before{height:calc(var(--spacing)*0)}.before\:h-full:before{height:100%}.aspect-square{aspect-ratio:1}.block,.before\:block:before{display:block}.inline-block{display:inline-block}.hidden,[data-scheme=dark] .dark\:hidden,[data-scheme=light] .light\:hidden{display:none}.visible{visibility:visible}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-pointer\!{cursor:pointer!important}.cursor-text{cursor:text}.cursor-not-allowed,.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.children\:pointer-events-auto>*{pointer-events:auto}.pointer-events-none{pointer-events:none}.select-none{user-select:none}.whitespace-nowrap{white-space:nowrap}.before\:content-\[\'\'\]:before,.before\:content-\[\"\"\]:before{--un-content:"";content:var(--un-content)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ring-2{--un-ring-shadow:var(--un-ring-inset,)0 0 0 calc(2px + var(--un-ring-offset-width))var(--un-ring-color,currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus-visible\:ring-1:focus-visible{--un-ring-shadow:var(--un-ring-inset,)0 0 0 calc(1px + var(--un-ring-offset-width))var(--un-ring-color,currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus-visible\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,)0 0 0 calc(2px + var(--un-ring-offset-width))var(--un-ring-color,currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-offset-1{--un-ring-offset-width:1px;--un-ring-offset-shadow:var(--un-ring-inset,)0 0 0 var(--un-ring-offset-width)var(--un-ring-offset-color)}.ring-offset-transparent{--un-ring-offset-color:transparent}.shadow,.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color,#0000001a),0 1px 2px -1px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color,#0000001a),0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-md{--un-shadow:0 4px 6px -1px var(--un-shadow-color,#0000001a),0 2px 4px -2px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color,#0000001a),0 8px 10px -6px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.-translate-x-0\.25{--un-translate-x:calc(calc(var(--spacing)*.25)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-x-0\.5{--un-translate-x:calc(calc(var(--spacing)*.5)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-x-0\.75{--un-translate-x:calc(calc(var(--spacing)*.75)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-x-1{--un-translate-x:calc(calc(var(--spacing)*1)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-x-1\.5{--un-translate-x:calc(calc(var(--spacing)*1.5)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-x-1\/1{--un-translate-x:-100%;translate:var(--un-translate-x)var(--un-translate-y)}.-translate-x-1\/2,.-translate-x-50\%{--un-translate-x:-50%;translate:var(--un-translate-x)var(--un-translate-y)}.-translate-x-2{--un-translate-x:calc(calc(var(--spacing)*2)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-x-3{--un-translate-x:calc(calc(var(--spacing)*3)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-y-0\.25{--un-translate-y:calc(calc(var(--spacing)*.25)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-y-0\.5{--un-translate-y:calc(calc(var(--spacing)*.5)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-y-0\.75{--un-translate-y:calc(calc(var(--spacing)*.75)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-y-1{--un-translate-y:calc(calc(var(--spacing)*1)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-y-1\.5{--un-translate-y:calc(calc(var(--spacing)*1.5)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-y-1\/2,.-translate-y-50\%{--un-translate-y:-50%;translate:var(--un-translate-x)var(--un-translate-y)}.-translate-y-2{--un-translate-y:calc(calc(var(--spacing)*2)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.-translate-y-3{--un-translate-y:calc(calc(var(--spacing)*3)*-1);translate:var(--un-translate-x)var(--un-translate-y)}.translate-x-0{--un-translate-x:calc(var(--spacing)*0);translate:var(--un-translate-x)var(--un-translate-y)}.translate-x-1\/1{--un-translate-x:100%;translate:var(--un-translate-x)var(--un-translate-y)}.translate-x-1\/2{--un-translate-x:50%;translate:var(--un-translate-x)var(--un-translate-y)}.translate-y-\[calc\(50\%\+3px\)\]{--un-translate-y:calc(50% + 3px);translate:var(--un-translate-x)var(--un-translate-y)}.translate-y-0{--un-translate-y:calc(var(--spacing)*0);translate:var(--un-translate-x)var(--un-translate-y)}.translate-y-1\/2{--un-translate-y:50%;translate:var(--un-translate-x)var(--un-translate-y)}.active\:translate-y-0\.25:active{--un-translate-y:calc(var(--spacing)*.25);translate:var(--un-translate-x)var(--un-translate-y)}.active\:translate-y-1px:active{--un-translate-y:1px;translate:var(--un-translate-x)var(--un-translate-y)}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-50{rotate:50deg}.scale-0{--un-scale-x:0%;--un-scale-y:0%;scale:var(--un-scale-x)var(--un-scale-y)}.scale-100{--un-scale-x:100%;--un-scale-y:100%;scale:var(--un-scale-x)var(--un-scale-y)}.scale-95{--un-scale-x:95%;--un-scale-y:95%;scale:var(--un-scale-x)var(--un-scale-y)}.active\:scale-97:active{--un-scale-x:97%;--un-scale-y:97%;scale:var(--un-scale-x)var(--un-scale-y)}.transform{transform:var(--un-rotate-x)var(--un-rotate-y)var(--un-rotate-z)var(--un-skew-x)var(--un-skew-y)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.transition-height{transition-property:height;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.transition-left{transition-property:left;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.transition-top\,bottom\,transform{transition-property:top,bottom,transform,translate,scale,rotate;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.transition-width{transition-property:width;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.duration-0\.3s{--un-duration:.3s;transition-duration:.3s}.duration-100{--un-duration:.1s;transition-duration:.1s}.duration-150{--un-duration:.15s;transition-duration:.15s}.duration-200{--un-duration:.2s;transition-duration:.2s}.duration-300{--un-duration:.3s;transition-duration:.3s}.ease-in{--un-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[corner-shape\:var\(--r-corner-shape\)\]{corner-shape:var(--r-corner-shape)}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.self-center{align-self:center}.self-stretch{align-self:stretch}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.inset-0{inset:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.children\:top-0>*,.top-0{top:calc(var(--spacing)*0)}.left-\[0\.25rem\]{left:.25rem}.left-\[calc\(0\.125rem-1px\)\]{left:calc(.125rem - 1px)}.left-\[calc\(0\.25rem-1px\)\]{left:calc(.25rem - 1px)}.left-\[calc\(0\.875rem-1px\)\]{left:calc(.875rem - 1px)}.left-\[calc\(1\.125rem-1px\)\]{left:calc(1.125rem - 1px)}.left-\[calc\(1\.5rem-1px\)\]{left:calc(1.5rem - 1px)}.left-\[calc\(1\.75rem-1px\)\]{left:calc(1.75rem - 1px)}.left-\[calc\(1rem\+0\.6px\)\]{left:calc(1rem + .6px)}.left-\[calc\(2\.25rem-1px\)\]{left:calc(2.25rem - 1px)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.left-4{left:calc(var(--spacing)*4)}.left-50\%{left:50%}.left-full{left:100%}.right-0{right:calc(var(--spacing)*0)}.right-100\%{right:100%}.right-2{right:calc(var(--spacing)*2)}.top-\[0\.25rem\]{top:.25rem}.top-1\/2,.top-50\%{top:50%}.top-100\%{top:100%}.before\:left-4:before{left:calc(var(--spacing)*4)}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.absolute,.children\:absolute>*{position:absolute}.fixed{position:fixed}.relative{position:relative}.before\:absolute:before{position:absolute}.static{position:static}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-100{z-index:100}.z-10000{z-index:10000}.z-20{z-index:20}.z-999{z-index:999}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-out-down{0%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes fade-out-up{0%{opacity:1}to{opacity:0;transform:translateY(-100%)}}@keyframes zoom-in{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoom-out{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate-keyframes-fade-in-down{animation:fade-in-down}.animate-keyframes-fade-in-up{animation:fade-in-up}.animate-keyframes-fade-out-down{animation:fade-out-down}.animate-keyframes-fade-out-up{animation:fade-out-up}.animate-keyframes-zoom-in{animation:zoom-in}.animate-keyframes-zoom-out{animation:zoom-out}@keyframes ping{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-duration-0\.1s{animation-duration:.1s}.animate-duration-0\.3s{animation-duration:.3s}.object-cover{object-fit:cover}.backdrop-blur-lg{--un-backdrop-blur:blur(16px);backdrop-filter:var(--un-backdrop-blur,)var(--un-backdrop-brightness,)var(--un-backdrop-contrast,)var(--un-backdrop-grayscale,)var(--un-backdrop-hue-rotate,)var(--un-backdrop-invert,)var(--un-backdrop-opacity,)var(--un-backdrop-saturate,)var(--un-backdrop-sepia,)}.backdrop-blur-md{--un-backdrop-blur:blur(12px);backdrop-filter:var(--un-backdrop-blur,)var(--un-backdrop-brightness,)var(--un-backdrop-contrast,)var(--un-backdrop-grayscale,)var(--un-backdrop-hue-rotate,)var(--un-backdrop-invert,)var(--un-backdrop-opacity,)var(--un-backdrop-saturate,)var(--un-backdrop-sepia,)}.backdrop-blur-sm{--un-backdrop-blur:blur(8px);backdrop-filter:var(--un-backdrop-blur,)var(--un-backdrop-brightness,)var(--un-backdrop-contrast,)var(--un-backdrop-grayscale,)var(--un-backdrop-hue-rotate,)var(--un-backdrop-invert,)var(--un-backdrop-opacity,)var(--un-backdrop-saturate,)var(--un-backdrop-sepia,)}.blur{--un-blur:blur(8px);filter:var(--un-blur,)var(--un-brightness,)var(--un-contrast,)var(--un-grayscale,)var(--un-hue-rotate,)var(--un-invert,)var(--un-saturate,)var(--un-sepia,)var(--un-drop-shadow,)}.filter-grayscale{--un-grayscale:grayscale(100%);filter:var(--un-blur,)var(--un-brightness,)var(--un-contrast,)var(--un-grayscale,)var(--un-hue-rotate,)var(--un-invert,)var(--un-saturate,)var(--un-sepia,)var(--un-drop-shadow,)}.filter{filter:var(--un-blur,)var(--un-brightness,)var(--un-contrast,)var(--un-grayscale,)var(--un-hue-rotate,)var(--un-invert,)var(--un-saturate,)var(--un-sepia,)var(--un-drop-shadow,)}.placeholder-\[var\(--r-scheme-placeholder\)\]::placeholder{color:color-mix(in oklab,var(--r-scheme-placeholder)var(--un-placeholder-opacity),transparent)}.divide-x{:where(&>:not(:last-child)){--un-divide-x-reverse:0;border-left-width:calc(1px*var(--un-divide-x-reverse));border-left-style:var(--un-border-style);border-right-width:calc(1px*calc(1 - var(--un-divide-x-reverse)));border-right-style:var(--un-border-style)}}.space-y-2{:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--un-space-y-reverse)))}}.space-y-5{:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--un-space-y-reverse)))}}@supports (color:color-mix(in lab, red, red)){.text-black{color:color-mix(in oklab,var(--colors-black)var(--un-text-opacity),transparent)}.text-white{color:color-mix(in oklab,var(--colors-white)var(--un-text-opacity),transparent)}.bg-white{background-color:color-mix(in oklab,var(--colors-white)var(--un-bg-opacity),transparent)}}@media (width>=48rem){.md\:ml-4{margin-left:calc(var(--spacing)*4)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:py-4{padding-block:calc(var(--spacing)*4)}.md\:pb-0{padding-bottom:calc(var(--spacing)*0)}.md\:pt-5\%{padding-top:5%}.md\:w-md{width:var(--container-md)}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}}.loading-progress{animation:1s infinite loading-progress}@keyframes loading-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}
+/*$vite$:1*/

package/dist/test/demo/CSSVarDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/IconDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/MenuDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/NumberFieldDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/WaterfallDemo.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement & HTMLElement>;
 export default _default;