@roku-ui/vue 0.16.0 → 0.16.2

package/dist/components/Avatar.vue.d.ts

@@ -30,8 +30,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
     skeleton?: boolean;
 }> & Readonly<{}>, {
     color: Color;
-    size: "sm" | "md" | "lg" | string | number;
     is: string | Component;
+    size: "sm" | "md" | "lg" | string | number;
     variant: ContainerVariant;
     rounded: Rounded;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/Btn.vue.d.ts

@@ -24,6 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     rounded?: "none" | "sm" | "md" | "lg" | "full" | string | number;
     disabled?: boolean;
     skeleton?: boolean;
+    outlineColor?: string;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     type?: "button" | "submit" | "reset";
     size?: "sm" | "md" | "lg";
@@ -36,11 +37,12 @@ declare const __VLS_component: import('vue').DefineComponent<{
     rounded?: "none" | "sm" | "md" | "lg" | "full" | string | number;
     disabled?: boolean;
     skeleton?: boolean;
+    outlineColor?: string;
 }> & Readonly<{}>, {
     type: "button" | "submit" | "reset";
     icon: boolean;
-    size: "sm" | "md" | "lg";
     is: string | Component;
+    size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
     pressEffect: "translate" | "scale";
     disabled: boolean;

package/dist/components/Chip.vue.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
     rounded?: "none" | "sm" | "md" | "lg" | "full" | string | number;
 }> & Readonly<{}>, {
     color: Color;
-    size: "sm" | "md" | "lg" | string | number;
     is: string | any;
+    size: "sm" | "md" | "lg" | string | number;
     variant: ContainerVariant;
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/Menu.vue.d.ts

@@ -0,0 +1,55 @@
+import { Rounded, Size } from '../types';
+import { VNodeChild } from 'vue';
+export interface MenuItemData {
+    label?: string;
+    value?: number | string | symbol;
+    icon?: string;
+    render?: () => VNodeChild;
+    children?: MenuItemData[];
+    size?: Size;
+}
+export interface MenuProps {
+    rounded?: Rounded;
+    items?: MenuItemData[];
+}
+declare let __VLS_typeProps: {
+    rounded?: Rounded;
+    enterActiveClass?: string;
+    leaveActiveClass?: string;
+    items?: MenuItemData[];
+};
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {
+            ref: string;
+        }): any;
+    };
+    refs: {
+        menuWrapperRef: HTMLDivElement;
+        menuTriggerRef: HTMLDivElement;
+        menuDropdownRef: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (value: string | number | symbol) => any;
+    "update:modelValue": (modelValue: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((value: string | number | symbol) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>, {
+    rounded: Rounded;
+    enterActiveClass: string;
+    leaveActiveClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MenuItem.vue.d.ts

@@ -0,0 +1,11 @@
+import { MenuItemData, MenuProps } from './Menu.vue';
+declare const _default: import('vue').DefineComponent<{
+    data: MenuItemData;
+    idx: number[];
+} & MenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    data: MenuItemData;
+    idx: number[];
+} & MenuProps> & Readonly<{}>, {
+    rounded: import('../types').Rounded;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Modal.vue.d.ts

@@ -1,6 +1,7 @@
 declare let __VLS_typeProps: {
     persistent?: boolean;
     blur?: 'sm' | 'md' | 'lg' | boolean;
+    title?: string;
 };
 type __VLS_PublicProps = {
     modelValue?: boolean;
@@ -8,6 +9,9 @@ type __VLS_PublicProps = {
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
+        title?(_: {}): any;
+        body?(_: {}): any;
+        footer?(_: {}): any;
     };
     refs: {};
     attrs: Partial<{}>;

package/dist/components/Notification.vue.d.ts

@@ -19,6 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
     block?: boolean;
     color?: string;
     size?: Size;
+    complete?: number;
+    total?: number;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{
@@ -32,6 +34,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
     block?: boolean;
     color?: string;
     size?: Size;
+    complete?: number;
+    total?: number;
 }> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -39,6 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     size: Size;
     rounded: "sm" | "md" | "lg" | "none" | string | number;
     block: boolean;
+    total: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/NotificationSystem.vue.d.ts

@@ -1,19 +1,26 @@
+type NotificationPosition = 'top-left' | 'top-right' | 'top' | 'bottom-left' | 'bottom-right' | 'bottom';
 declare const _default: import('vue').DefineComponent<{
-    position?: "top-left" | "top-right" | "top" | "bottom-left" | "bottom-right" | "bottom";
+    position?: NotificationPosition;
+    progress?: boolean;
+    topN?: number;
     gap?: number;
     pt?: number;
     pl?: number;
     pr?: number;
     pb?: number;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    position?: "top-left" | "top-right" | "top" | "bottom-left" | "bottom-right" | "bottom";
+    position?: NotificationPosition;
+    progress?: boolean;
+    topN?: number;
     gap?: number;
     pt?: number;
     pl?: number;
     pr?: number;
     pb?: number;
 }> & Readonly<{}>, {
-    position: "top-left" | "top-right" | "top" | "bottom-left" | "bottom-right" | "bottom";
+    progress: boolean;
+    position: NotificationPosition;
+    topN: number;
     gap: number;
     pt: number;
     pl: number;

package/dist/components/Progress.vue.d.ts

@@ -17,8 +17,8 @@ declare const _default: import('vue').DefineComponent<{
     loading?: boolean;
 }> & Readonly<{}>, {
     color: Color;
-    size: "sm" | "md" | "lg";
     value: number | string;
+    size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
     loading: boolean;
     max: number | string;

package/dist/components/TreeList.vue.d.ts

@@ -0,0 +1,32 @@
+import { Rounded } from '../types';
+import { VNode } from 'vue';
+interface TreeListLinkData {
+    title: string;
+    value: string;
+    attrs?: Record<string, any>;
+    is?: string | VNode;
+}
+interface TreeListHeaderData {
+    title: string;
+}
+interface TreeListTitleData {
+    title: string;
+    children: TreeListItemData[];
+    open?: boolean;
+}
+type TreeListItemData = TreeListLinkData | TreeListHeaderData | TreeListTitleData;
+declare let __VLS_typeProps: {
+    items: TreeListItemData[];
+    rounded?: Rounded;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & typeof __VLS_typeProps;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+}>, {
+    rounded: Rounded;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/index.d.ts

@@ -13,6 +13,8 @@ export { default as Dropzone } from './Dropzone.vue';
 export { default as FullscreenOverlay } from './FullscreenOverlay.vue';
 export { default as Image } from './Image.vue';
 export { default as Indicator } from './Indicator.vue';
+export { default as Menu } from './Menu.vue';
+export { default as MenuItem } from './MenuItem.vue';
 export { default as Modal } from './Modal.vue';
 export { default as Notification } from './Notification.vue';
 export { default as NotificationSystem } from './NotificationSystem.vue';
@@ -35,3 +37,4 @@ export { default as Tag } from './Tag.vue';
 export { default as TextField } from './TextField.vue';
 export { default as ThemeProvider } from './ThemeProvider.vue';
 export { default as Tooltip } from './Tooltip.vue';
+export { default as TreeList } from './TreeList.vue';

package/dist/composables/index.d.ts

@@ -33,6 +33,7 @@ export declare function useThemeData(name: string, color: {
 export declare function useThemeStyles(theme: ThemeData): {
     backgroundColor: string;
     color: string;
+    '--un-default-border-color': string;
 };
 export declare function useId(props: {
     id?: string;

package/dist/index.css

@@ -0,0 +1 @@
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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{list-style:none;margin:0;padding:0}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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root[data-scheme=dark]{color-scheme:dark}:root[data-scheme=light]{color-scheme:light}[data-scheme=light] [data-scheme=dark] *,[data-scheme=dark] *,[data-scheme=dark]{color-scheme:dark;--r-surface-background-base-color: rgb(var(--r-color-surface-10));--r-surface-background-color: rgb(var(--r-color-surface-9));--r-surface-background-variant-1-color: rgb(var(--r-color-surface-8));--r-surface-background-variant-2-color: rgb(var(--r-color-surface-7));--r-surface-border-color: rgb(var(--r-color-surface-7));--r-surface-border-variant-color: rgb(var(--r-color-surface-6));--r-surface-text-color: rgb(var(--r-color-surface-3));--r-surface-text-dimmed-color: rgb(var(--r-color-surface-5));--r-primary-background-color: rgb(var(--r-color-primary-5));--r-secondary-background-color: rgb(var(--r-color-secondary-5));--r-tertiary-background-color: rgb(var(--r-color-tertiary-5));--r-error-background-color: rgb(var(--r-color-error-5));--r-primary-text-color: rgb(var(--r-color-primary-3));--r-secondary-text-color: rgb(var(--r-color-secondary-3));--r-tertiary-text-color: rgb(var(--r-color-tertiary-3));--r-error-text-color: rgb(var(--r-color-error-3))}[data-scheme=light] *,[data-scheme=light],*{color-scheme:light;--r-surface-background-base-color: rgb(var(--r-color-surface-0));--r-surface-background-color: rgb(var(--r-color-surface-1));--r-surface-background-variant-1-color: rgb(var(--r-color-surface-2));--r-surface-background-variant-2-color: rgb(var(--r-color-surface-2));--r-surface-border-color: rgb(var(--r-color-surface-3));--r-surface-border-variant-color: rgb(var(--r-color-surface-4));--r-surface-text-color: rgb(var(--r-color-surface-7));--r-surface-text-dimmed-color: rgb(var(--r-color-surface-6));--r-primary-background-color: rgb(var(--r-color-primary-4));--r-secondary-background-color: rgb(var(--r-color-secondary-4));--r-tertiary-background-color: rgb(var(--r-color-tertiary-4));--r-error-background-color: rgb(var(--r-color-error-4));--r-primary-text-color: rgb(var(--r-color-primary-6));--r-secondary-text-color: rgb(var(--r-color-secondary-6));--r-tertiary-text-color: rgb(var(--r-color-tertiary-6));--r-error-text-color: rgb(var(--r-color-error-6))}:root{color-scheme:light dark}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.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='1.2em' height='1.2em' 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;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.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='1.2em' height='1.2em' 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;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.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='1.2em' height='1.2em' 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;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.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='1.2em' height='1.2em' 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;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.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='1.2em' height='1.2em' 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;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.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='1.2em' height='1.2em' 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='lineMdMoonTwotoneAltLoop0' fill='freeze' attributeName='stroke-dashoffset' begin='0.7s;lineMdMoonTwotoneAltLoop0.begin+6s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='lineMdMoonTwotoneAltLoop0.begin+2s;lineMdMoonTwotoneAltLoop0.begin+4s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='lineMdMoonTwotoneAltLoop0.begin+1.2s;lineMdMoonTwotoneAltLoop0.begin+3.2s;lineMdMoonTwotoneAltLoop0.begin+5.2s' dur='0.4s' values='0;4'/%3E%3Cset fill='freeze' attributeName='d' begin='lineMdMoonTwotoneAltLoop0.begin+1.8s' to='M12 5h1.5M12 5h-1.5M12 5v1.5M12 5v-1.5'/%3E%3Cset fill='freeze' attributeName='d' begin='lineMdMoonTwotoneAltLoop0.begin+3.8s' to='M12 4h1.5M12 4h-1.5M12 4v1.5M12 4v-1.5'/%3E%3Cset fill='freeze' attributeName='d' begin='lineMdMoonTwotoneAltLoop0.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='lineMdMoonTwotoneAltLoop1' fill='freeze' attributeName='stroke-dashoffset' begin='1.1s;lineMdMoonTwotoneAltLoop1.begin+6s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='lineMdMoonTwotoneAltLoop1.begin+2s;lineMdMoonTwotoneAltLoop1.begin+4s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='lineMdMoonTwotoneAltLoop1.begin+1.2s;lineMdMoonTwotoneAltLoop1.begin+3.2s;lineMdMoonTwotoneAltLoop1.begin+5.2s' dur='0.4s' values='0;4'/%3E%3Cset fill='freeze' attributeName='d' begin='lineMdMoonTwotoneAltLoop1.begin+1.8s' to='M17 11h1.5M17 11h-1.5M17 11v1.5M17 11v-1.5'/%3E%3Cset fill='freeze' attributeName='d' begin='lineMdMoonTwotoneAltLoop1.begin+3.8s' to='M18 12h1.5M18 12h-1.5M18 12v1.5M18 12v-1.5'/%3E%3Cset fill='freeze' attributeName='d' begin='lineMdMoonTwotoneAltLoop1.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='lineMdMoonTwotoneAltLoop2' fill='freeze' attributeName='stroke-dashoffset' begin='2s;lineMdMoonTwotoneAltLoop2.begin+6s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='lineMdMoonTwotoneAltLoop2.begin+2s' dur='0.4s' values='4;0'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='lineMdMoonTwotoneAltLoop2.begin+1.2s;lineMdMoonTwotoneAltLoop2.begin+3.2s' dur='0.4s' values='0;4'/%3E%3Cset fill='freeze' attributeName='d' begin='lineMdMoonTwotoneAltLoop2.begin+1.8s' to='M20 5h1.5M20 5h-1.5M20 5v1.5M20 5v-1.5'/%3E%3Cset fill='freeze' attributeName='d' begin='lineMdMoonTwotoneAltLoop2.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;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.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='1.2em' height='1.2em' 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;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.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='1.2em' height='1.2em' 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;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.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='1.2em' height='1.2em' 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;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.container{width:100%}.custom-colors,.custom-input-colors{border-width:1px;border-color:var(--l-border);background-color:var(--l-bg);color:var(--l-text)}[data-scheme=dark] .custom-colors,[data-scheme=dark] .custom-input-colors{border-color:var(--d-border);background-color:var(--d-bg);color:var(--d-text)}.custom-input-colors:focus{border-color:var(--l-border-f)}[data-scheme=dark] .custom-input-colors:focus{border-color:var(--d-border-f)}.before\:border-primary:before{border-color:var(--r-primary-background-color)}.bg-surface{background-color:var(--r-surface-background-color)}.bg-surface-variant-1{background-color:var(--r-surface-background-variant-1-color)}.bg-surface-variant-2{background-color:var(--r-surface-background-variant-2-color)}.hover\:bg-surface-variant-1:hover{background-color:var(--r-surface-background-variant-1-color)}.custom-colors:hover{background-color:var(--l-bg-h);color:var(--l-text-h)}[data-scheme=dark] .custom-colors:hover{background-color:var(--d-bg-h);color:var(--d-text-h)}.focus-visible\:bg-surface-variant-1:focus-visible{background-color:var(--r-surface-background-variant-1-color)}.text-primary{color:var(--r-primary-text-color)}.text-surface{color:var(--r-surface-text-color)}.text-surface-dimmed{color:var(--r-surface-text-dimmed-color)}.hover\:text-surface:hover{color:var(--r-surface-text-color)}.custom-colors:focus-visible{outline-color:var(--l-outline)}[data-scheme=dark] .custom-colors:focus-visible{outline-color:var(--d-outline)}.custom-input-colors::placeholder{color:var(--l-placeholder)}[data-scheme=dark] .custom-input-colors::placeholder{color:var(--d-placeholder)}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.children\:pointer-events-auto>*{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute,.children\:absolute>*{position:absolute}.fixed{position:fixed}.relative{position:relative}.before\:absolute:before{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.children\:top-0>*,.top-0{top: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:0}.left-100\%{left:100%}.left-2{left:.5rem}.left-4{left:1rem}.left-50\%{left:50%}.right-0{right:0}.right-100\%{right:100%}.right-2{right:.5rem}.top-\[0\.25rem\]{top:.25rem}.top-1\/2,.top-50\%{top:50%}.top-100\%{top:100%}.before\:left-4:before{left:1rem}.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-99999{z-index:99999}.-mx-0\.5{margin-left:-.125rem;margin-right:-.125rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mb-1{margin-bottom:.25rem}.ml-2{margin-left:.5rem}.mt-2{margin-top:.5rem}.box-content{box-sizing:content-box}.block{display:block}.before\:block:before{display:block}.inline-block{display:inline-block}.hidden,[data-scheme=dark] .dark\:hidden,[data-scheme=light] .light\:hidden{display:none}.children\:h-full>*,.h-full{height:100%}.children\:w-full>*,.w-full{width:100%}.children\:w-max>*{width:max-content}.h-\[--size\],.h-\[var\(--size\)\]{height:var(--size)}.h-\[calc\(100\%-0\.5rem\)\]{height:calc(100% - .5rem)}.h-0\.25{height:.0625rem}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-1em{height:1em}.h-2{height:.5rem}.h-2px{height:2px}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-fit{height:fit-content}.max-h-fit{max-height:fit-content}.max-w-100{max-width:25rem}.min-h-\[--size\]{min-height:var(--size)}.min-h-10{min-height:2.5rem}.min-h-16{min-height:4rem}.min-w-\[--size\]{min-width:var(--size)}.min-w-16{min-width:4rem}.min-w-20{min-width:5rem}.min-w-24{min-width:6rem}.min-w-80{min-width:20rem}.w-\[--size\],.w-\[var\(--size\)\]{width:var(--size)}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2px{width:2px}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-auto{width:auto}.before\:h-0:before{height:0}.before\:h-full:before{height:100%}.flex{display:flex}.inline-flex{display:inline-flex}.shrink-0{flex-shrink:0}.grow-1{flex-grow:1}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.-translate-x-0\.25{--un-translate-x:-.0625rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-0\.5{--un-translate-x:-.125rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-0\.75{--un-translate-x:-.1875rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-1{--un-translate-x:-.25rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-1\.5{--un-translate-x:-.375rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-1\/1{--un-translate-x:-100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-1\/2,.-translate-x-50\%{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-2{--un-translate-x:-.5rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-3{--un-translate-x:-.75rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-0\.25{--un-translate-y:-.0625rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-0\.5{--un-translate-y:-.125rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-0\.75{--un-translate-y:-.1875rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-1{--un-translate-y:-.25rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-1\.5{--un-translate-y:-.375rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-1\/2,.-translate-y-50\%{--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-2{--un-translate-y:-.5rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-3{--un-translate-y:-.75rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-x-0{--un-translate-x:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-x-1\/1{--un-translate-x:100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-x-1\/2{--un-translate-x:50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y-0{--un-translate-y:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y-1\/2{--un-translate-y:50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.active\:translate-y-0\.25:active{--un-translate-y:.0625rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.active\:translate-y-1px:active{--un-translate-y:1px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.rotate-0{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.rotate-50{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:50deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.scale-0{--un-scale-x:0;--un-scale-y:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.scale-100{--un-scale-x:1;--un-scale-y:1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes fade-in-down{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-out-down{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fade-out-up{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@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%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-duration-0\.1s{animation-duration:.1s}.animate-duration-0\.3s{animation-duration:.3s}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-pointer\!{cursor:pointer!important}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;user-select:none}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.self-center{align-self:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.b,.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.hover\:border:hover{border-width:1px}.border-r{border-right-width:1px}.before\:border-r:before{border-right-width:1px}.border-\[--l-border\]{border-color:var(--l-border)}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--r-surface-border-color\)\]{border-color:var(--r-surface-border-color)}.border-transparent{border-color:transparent}[data-scheme=dark] .dark\:border-\[--d-border\]{border-color:var(--d-border)}.hover\:border-\[--l-border-h\]:hover{border-color:var(--l-border-h)}[data-scheme=dark] .dark\:hover\:border-\[--d-border-h\]:hover{border-color:var(--d-border-h)}.rounded{border-radius:.25rem}.rounded-\[--r-rounded\]{border-radius:var(--r-rounded)}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.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}.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:.5rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-tr-lg{border-top-right-radius:.5rem}.border-dashed{border-style:dashed}.border-x-none{border-left-style:none;border-right-style:none}.first-children\:border-r-none>*:first-child{border-right-style:none}.last-children\:border-l-none>*:last-child{border-left-style:none}.bg-\[--l-bg\]{background-color:var(--l-bg)}.bg-\[var\(--d-bg\)\],[data-scheme=dark] .dark\:bg-\[--d-bg\],[data-scheme=dark] .dark\:bg-\[var\(--d-bg\)\]{background-color:var(--d-bg)}.bg-\[var\(--fill-color\)\]{background-color:var(--fill-color)}.bg-\[var\(--i-bg\)\],[data-scheme=dark] .dark\:bg-\[var\(--i-bg\)\]{background-color:var(--i-bg)}.bg-surface-0{--un-bg-opacity:1;background-color:rgb(var(--r-color-surface-0) / var(--un-bg-opacity))}.bg-surface-10\/50{background-color:rgb(var(--r-color-surface-10) / .5)}.bg-surface-3{--un-bg-opacity:1;background-color:rgb(var(--r-color-surface-3) / var(--un-bg-opacity))}.bg-white,[data-scheme=dark] .dark\:bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}[data-scheme=dark] .dark\:bg-surface-7{--un-bg-opacity:1;background-color:rgb(var(--r-color-surface-7) / var(--un-bg-opacity))}.hover\:bg-\[--l-bg-h\]:hover{background-color:var(--l-bg-h)}[data-scheme=dark] .dark\:hover\:bg-\[--d-bg-h\]:hover{background-color:var(--d-bg-h)}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.children\:px-1\.5>*,.px-1\.5{padding-left:.375rem;padding-right:.375rem}.children\:px-2\.5>*{padding-left:.625rem;padding-right:.625rem}.children\:px-2>*,.px-2{padding-left:.5rem;padding-right:.5rem}.children\:py-1>*,.py-1{padding-top:.25rem;padding-bottom:.25rem}.children\:py-2>*,.py-2{padding-top:.5rem;padding-bottom:.5rem}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pb{padding-bottom:1rem}.pl,.pl-4{padding-left:1rem}.pl-1\.5{padding-left:.375rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pr{padding-right:1rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt{padding-top:1rem}.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-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-size-\[--font-size\]{font-size:var(--font-size)}.text-\[--l-text\],.text-\[var\(--l-text\)\]{color:var(--l-text)}.text-\[var\(--d-text-h\)\]{color:var(--d-text-h)}.text-\[var\(--d-text\)\],[data-scheme=dark] .dark\:text-\[--d-text\],[data-scheme=dark] .dark\:text-\[var\(--d-text\)\]{color:var(--d-text)}.text-black{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity))}.hover\:text-\[--l-text-h\]:hover{color:var(--l-text-h)}[data-scheme=dark] .dark\:hover\:text-\[--d-text-h\]:hover{color:var(--d-text-h)}.font-bold{font-weight:700}.leading-0{line-height:0}.tracking-widest{letter-spacing:.1em}.decoration-none{text-decoration:none}.op-0,.opacity-0{opacity:0}.op-100{opacity:1}.op-60,.opacity-60{opacity:.6}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-\[--l-outline\]:focus-visible{outline-color:var(--l-outline)}[data-scheme=dark] .dark\:focus-visible\:outline-\[--d-outline\]:focus-visible{outline-color:var(--d-outline)}.outline-offset-0\!{outline-offset:0px!important}.outline{outline-style:solid}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-lg{--un-backdrop-blur:blur(16px);-webkit-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-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);-webkit-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-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(4px);-webkit-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-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-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter-grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-background-color\,border-color\,color{transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-background-color\,opacity{transition-property:background-color,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-left{transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-top\,bottom\,transform{transition-property:top,bottom,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-0\.3s{transition-duration:.3s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.before\:content-\[\'\'\]:before{content:""}.before\:content-\[\"\"\]:before{content:""}.placeholder-\[--l-placeholder\]::placeholder{color:var(--l-placeholder)}[data-scheme=dark] .dark\:placeholder-\[--d-placeholder\]::placeholder{color:var(--d-placeholder)}@media (min-width: 768px){.md\:w-md{width:28rem}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:pb-0{padding-bottom:0}.md\:pt-5\%{padding-top:5%}}.loading-progress{animation:loading-progress 1s infinite}@keyframes loading-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}