@aures5g/vue-component-library 0.4.0 → 0.6.0

package/dist/components/badge/UIBadge.vue.d.ts

@@ -0,0 +1,56 @@
+import { type BadgePassThroughOptions } from 'primevue/badge';
+import { type PassThroughOptions } from 'primevue/passthrough';
+import type { PassThrough } from 'primevue/ts-helpers';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    value?: string;
+    severity?: "success" | "info" | "warning" | "secondary" | "danger" | "contrast" | "primary";
+    pt?: PassThrough<BadgePassThroughOptions<any>>;
+    ptOptions?: PassThroughOptions;
+}>, {
+    value: string;
+    severity: "primary";
+    pt: any;
+    ptOptions: () => {
+        mergeSections: boolean;
+        mergeProps: boolean;
+    };
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    value?: string;
+    severity?: "success" | "info" | "warning" | "secondary" | "danger" | "contrast" | "primary";
+    pt?: PassThrough<BadgePassThroughOptions<any>>;
+    ptOptions?: PassThroughOptions;
+}>, {
+    value: string;
+    severity: "primary";
+    pt: any;
+    ptOptions: () => {
+        mergeSections: boolean;
+        mergeProps: boolean;
+    };
+}>>>, {
+    value: string;
+    pt: any;
+    ptOptions: {
+        mergeSections: boolean;
+        mergeProps: boolean;
+    };
+    severity: "success" | "info" | "warning" | "secondary" | "danger" | "contrast" | "primary";
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/badge/uiBadge.const.d.ts

@@ -0,0 +1,10 @@
+export declare const BADGE_SEVERITY: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly INFO: "info";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly CONTRAST: "contrast";
+};
+export declare const SINGLE_CHAR_OR_DIGIT = 1;

package/dist/components/badge/uiBadge.theme.d.ts

@@ -0,0 +1,12 @@
+export declare const BASE_BADGE = "label-small justify-center inline-flex";
+export declare const BADGE_NOT_EMPTY = "px-xs min-w-[16px]";
+export declare const BADGE_EMPTY = "size-[6px]";
+export declare const BADGE_SINGLE_CHAR = "rounded-full";
+export declare const BADGE_LONG = "rounded-md";
+export declare const BADGE_PRIMARY = "bg-primary text-on-primary";
+export declare const BADGE_SECONDARY = "border-secondary border text-secondary";
+export declare const BADGE_SUCCESS = "bg-success text-on-success";
+export declare const BADGE_INFO = "bg-secondary-container text-on-secondary-container";
+export declare const BADGE_WARNING = "bg-warning text-on-warning";
+export declare const BADGE_DANGER = "bg-error text-on-error";
+export declare const BADGE_CONTRAST = "bg-inverse-surface text-inverse-on-surface";

package/dist/components/button/UIButton.vue.d.ts

@@ -1,260 +1,55 @@
-import { type VNode } from 'vue';
 import { type ButtonPassThroughOptions } from 'primevue/button';
-import type { PassThroughOptions } from 'primevue/passthrough';
-import type { PassThrough, HintedString } from 'primevue/ts-helpers';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    /**
-     * Text of the button.
-     */
+import { type PassThroughOptions } from 'primevue/passthrough';
+import type { PassThrough } from 'primevue/ts-helpers';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    severity?: "text" | "success" | "warning" | "danger" | "outlined" | "primary";
     label?: string;
-    /**
-     * Name of the icon.
-     */
-    icon?: string;
-    /**
-     * Position of the icon.
-     * @defaultValue left
-     */
-    iconPos?: "left" | "top" | "bottom" | "right";
-    /**
-     * Style class of the icon.
-     */
-    iconClass?: string;
-    /**
-     * Value of the badge.
-     */
-    badge?: string;
-    /**
-     * Style class of the badge.
-     */
-    badgeClass?: string;
-    /**
-     * Severity type of the badge.
-     */
-    badgeSeverity?: HintedString<"success" | "info" | "warning" | "secondary" | "danger" | "contrast">;
-    /**
-     * Whether the button is in loading state.
-     * @defaultValue false
-     */
-    loading?: boolean;
-    /**
-     * Icon to display in loading state.
-     */
-    loadingIcon?: string;
-    /**
-     *  Add a link style to the button.
-     * @defaultValue false
-     */
-    link?: boolean;
-    /**
-     * Defines the style of the button.
-     */
-    severity?: HintedString<"success" | "info" | "warning" | "help" | "secondary" | "danger" | "contrast">;
-    /**
-     * Add a shadow to indicate elevation.
-     * @defaultValue false
-     */
-    raised?: boolean;
-    /**
-     * Add a circular border radius to the button.
-     * @defaultValue false
-     */
-    rounded?: boolean;
-    /**
-     * Add a textual class to the button without a background initially.
-     * @defaultValue false
-     */
-    text?: boolean;
-    /**
-     * Add a border class without a background initially.
-     * @defaultValue false
-     */
-    outlined?: boolean;
-    /**
-     * Defines the size of the button.
-     */
-    size?: "small" | "large";
-    /**
-     * Add a plain textual class to the button without a background initially.
-     * @defaultValue false
-     */
-    plain?: boolean;
-    /**
-     * Used to pass attributes to DOM elements inside the component.
-     * @type {ButtonPassThroughOptions}
-     */
     pt?: PassThrough<ButtonPassThroughOptions<any>>;
-    /**
-     * Used to configure passthrough(pt) options of the component.
-     * @type {PassThroughOptions}
-     */
     ptOptions?: PassThroughOptions;
-    /**
-     * When enabled, it removes component related styles in the core.
-     * @defaultValue false
-     */
-    unstyled?: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    /**
-     * Text of the button.
-     */
+    isAction?: boolean;
+}>, {
+    label: string;
+    severity: "primary";
+    pt: any;
+    ptOptions: () => {
+        mergeSections: boolean;
+        mergeProps: boolean;
+    };
+    isAction: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    severity?: "text" | "success" | "warning" | "danger" | "outlined" | "primary";
     label?: string;
-    /**
-     * Name of the icon.
-     */
-    icon?: string;
-    /**
-     * Position of the icon.
-     * @defaultValue left
-     */
-    iconPos?: "left" | "top" | "bottom" | "right";
-    /**
-     * Style class of the icon.
-     */
-    iconClass?: string;
-    /**
-     * Value of the badge.
-     */
-    badge?: string;
-    /**
-     * Style class of the badge.
-     */
-    badgeClass?: string;
-    /**
-     * Severity type of the badge.
-     */
-    badgeSeverity?: HintedString<"success" | "info" | "warning" | "secondary" | "danger" | "contrast">;
-    /**
-     * Whether the button is in loading state.
-     * @defaultValue false
-     */
-    loading?: boolean;
-    /**
-     * Icon to display in loading state.
-     */
-    loadingIcon?: string;
-    /**
-     *  Add a link style to the button.
-     * @defaultValue false
-     */
-    link?: boolean;
-    /**
-     * Defines the style of the button.
-     */
-    severity?: HintedString<"success" | "info" | "warning" | "help" | "secondary" | "danger" | "contrast">;
-    /**
-     * Add a shadow to indicate elevation.
-     * @defaultValue false
-     */
-    raised?: boolean;
-    /**
-     * Add a circular border radius to the button.
-     * @defaultValue false
-     */
-    rounded?: boolean;
-    /**
-     * Add a textual class to the button without a background initially.
-     * @defaultValue false
-     */
-    text?: boolean;
-    /**
-     * Add a border class without a background initially.
-     * @defaultValue false
-     */
-    outlined?: boolean;
-    /**
-     * Defines the size of the button.
-     */
-    size?: "small" | "large";
-    /**
-     * Add a plain textual class to the button without a background initially.
-     * @defaultValue false
-     */
-    plain?: boolean;
-    /**
-     * Used to pass attributes to DOM elements inside the component.
-     * @type {ButtonPassThroughOptions}
-     */
     pt?: PassThrough<ButtonPassThroughOptions<any>>;
-    /**
-     * Used to configure passthrough(pt) options of the component.
-     * @type {PassThroughOptions}
-     */
     ptOptions?: PassThroughOptions;
-    /**
-     * When enabled, it removes component related styles in the core.
-     * @defaultValue false
-     */
-    unstyled?: boolean;
-}>>>, {}, {}>, Readonly<{
-    /**
-     * Custom content such as icons, images and text can be placed inside the button via the default slot. Note that when slot is used, label, icon and badge properties are not included.
-     */
-    default(): VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
-    /**
-     * Custom icon template.
-     * @param {Object} scope - icon slot's params.
-     */
-    icon(scope: {
-        /**
-         * Style class of the icon.
-         */
-        class: string;
-    }): VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
-    /**
-     * Custom loading icon template.
-     * @param {Object} scope - loading icon slot's params.
-     */
-    loadingicon(scope: {
-        /**
-         * Style class of the loading icon.
-         */
-        class: string;
-    }): VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
-}> & {
-    /**
-     * Custom content such as icons, images and text can be placed inside the button via the default slot. Note that when slot is used, label, icon and badge properties are not included.
-     */
-    default(): VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
-    /**
-     * Custom icon template.
-     * @param {Object} scope - icon slot's params.
-     */
-    icon(scope: {
-        /**
-         * Style class of the icon.
-         */
-        class: string;
-    }): VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
-    /**
-     * Custom loading icon template.
-     * @param {Object} scope - loading icon slot's params.
-     */
-    loadingicon(scope: {
-        /**
-         * Style class of the loading icon.
-         */
-        class: string;
-    }): VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+    isAction?: boolean;
+}>, {
+    label: string;
+    severity: "primary";
+    pt: any;
+    ptOptions: () => {
+        mergeSections: boolean;
+        mergeProps: boolean;
     };
+    isAction: boolean;
+}>>>, {
+    label: string;
+    pt: any;
+    ptOptions: {
+        mergeSections: boolean;
+        mergeProps: boolean;
+    };
+    severity: "text" | "success" | "warning" | "danger" | "outlined" | "primary";
+    isAction: boolean;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {

package/dist/components/button/uiButton.const.d.ts

@@ -0,0 +1,8 @@
+export declare const BUTTON_SEVERITY: {
+    readonly PRIMARY: "primary";
+    readonly OUTLINED: "outlined";
+    readonly TEXT: "text";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+};

package/dist/components/button/uiButton.theme.d.ts

@@ -0,0 +1,13 @@
+export declare const BASE_BUTTON = "rounded-xs h-[40px] inline-flex items-center title-small relative hover:after:size-full hover:after:absolute hover:after:left-0";
+export declare const BUTTON_PRIMARY = "bg-primary text-on-primary hover:after:bg-on-primary/[0.08] px-xl hover:shadow-1";
+export declare const BUTTON_OUTLINED = "border-secondary border-[1px] text-primary px-xl hover:bg-primary/[0.08]";
+export declare const BUTTON_TEXT = "text-primary px-md hover:bg-primary/[0.08]";
+export declare const BUTTON_SUCCESS = "bg-success text-on-success px-xl hover:shadow-1";
+export declare const BUTTON_WARNING = "bg-warning text-on-warning px-xl hover:shadow-1";
+export declare const BUTTON_DANGER = "bg-error text-on-error px-xl hover:shadow-1";
+export declare const ACTION_BUTTON = "flex-row-reverse w-full gap-sm pr-lg";
+export declare const ACTION_BUTTON_LABEL = "grow truncate text-left";
+export declare const BUTTON_LABEL_WITH_ICON = "pl-sm";
+export declare const BUTTON_LABEL_WITHOUT_ICON = "";
+export declare const BUTTON_SEVERITY_IS_NOT_TEXT = "pl-lg";
+export declare const BUTTON_SEVERITY_IS_TEXT = "pr-lg";

package/dist/index.d.ts

@@ -4,4 +4,5 @@ import PrimeVue from './config/primevue';
 import UIButton from './components/button/UIButton.vue';
 import UIMenu from './components/menu/UIMenu.vue';
 import UITag from './components/tag/UITag.vue';
-export { HelloWorld, PrimeVue, UIButton, UIMenu, UITag };
+import UIBadge from './components/badge/UIBadge.vue';
+export { HelloWorld, PrimeVue, UIButton, UIMenu, UITag, UIBadge };

package/dist/style.css

@@ -1 +1 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-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]){-webkit-text-decoration:underline dotted;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;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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]{display:none}:root{--color-primary-0: #000000;--color-primary-10: #001b3e;--color-primary-20: #002f64;--color-primary-30: #00458d;--color-primary-40: #005db8;--color-primary-50: #0075e6;--color-primary-60: #3f90ff;--color-primary-70: #7aacff;--color-primary-80: #aac7ff;--color-primary-90: #d6e3ff;--color-primary-95: #ecf0ff;--color-primary-99: #fdfbff;--color-primary-100: #ffffff;--color-primary-key: #097CF1;--color-secondary-0: #000000;--color-secondary-10: #051d33;--color-secondary-20: #1d3249;--color-secondary-30: #344860;--color-secondary-40: #4c6079;--color-secondary-50: #647993;--color-secondary-60: #7e92ad;--color-secondary-70: #99aeca;--color-secondary-80: #b3c8e5;--color-secondary-90: #d1e4ff;--color-secondary-95: #e9f1ff;--color-secondary-99: #fdfcff;--color-secondary-100: #ffffff;--color-secondary-key: #99AECA;--color-tertiary-0: #000000;--color-tertiary-10: #290055;--color-tertiary-20: #440087;--color-tertiary-30: #6200bc;--color-tertiary-40: #7c2ed9;--color-tertiary-50: #964ef4;--color-tertiary-60: #ad72ff;--color-tertiary-70: #c297ff;--color-tertiary-80: #d8baff;--color-tertiary-90: #eddcff;--color-tertiary-95: #f8edff;--color-tertiary-99: #f8edff;--color-tertiary-100: #ffffff;--color-tertiary-key: #9047EE;--color-neutral-0: #000000;--color-neutral-10: #141c26;--color-neutral-20: #29313c;--color-neutral-30: #3f4753;--color-neutral-40: #575f6b;--color-neutral-50: #6f7884;--color-neutral-60: #89919e;--color-neutral-70: #a3acb9;--color-neutral-80: #bfc7d5;--color-neutral-90: #dbe3f1;--color-neutral-92: #E0E9F7;--color-neutral-94: #E6EEFD;--color-neutral-95: #e9f1ff;--color-neutral-96: #EEF4FF;--color-neutral-98: #F8F9FF;--color-neutral-99: #fdfcff;--color-neutral-100: #ffffff;--color-neutral-key: #575F6B;--color-variant-neutral-0: #000000;--color-variant-neutral-10: #161c27;--color-variant-neutral-20: #2a303d;--color-variant-neutral-30: #414754;--color-variant-neutral-40: #595e6c;--color-variant-neutral-50: #717785;--color-variant-neutral-60: #8b919f;--color-variant-neutral-70: #a5abba;--color-variant-neutral-80: #c1c6d6;--color-variant-neutral-90: #dde2f3;--color-variant-neutral-95: #ecf0ff;--color-variant-neutral-99: #fdfbff;--color-variant-neutral-100: #ffffff;--color-variant-neutral-key: #595E6C;--color-error-0: #000000;--color-error-10: #40000a;--color-error-20: #680016;--color-error-30: #920024;--color-error-40: #bb1334;--color-error-50: #de334a;--color-error-60: #ff5263;--color-error-70: #ff888d;--color-error-80: #ffb3b4;--color-error-90: #ffdad9;--color-error-95: #ffdad9;--color-error-99: #fffbff;--color-error-100: #ffffff;--color-error-key: #FC495D;--color-warning-0: #000000;--color-warning-10: #261900;--color-warning-20: #412d00;--color-warning-30: #5d4200;--color-warning-40: #7b5800;--color-warning-50: #9a7000;--color-warning-60: #bb8800;--color-warning-70: #dca100;--color-warning-80: #febc1c;--color-warning-90: #ffdea5;--color-warning-95: #ffefd7;--color-warning-99: #fffbff;--color-warning-100: #ffffff;--color-warning-key: #FEBC1C;--color-success-0: #000000;--color-success-10: #002111;--color-success-20: #003920;--color-success-30: #005231;--color-success-40: #006d43;--color-success-50: #008955;--color-success-60: #1ca56a;--color-success-70: #44c183;--color-success-80: #63dd9c;--color-success-90: #80fab7;--color-success-95: #c0ffd6;--color-success-99: #f5fff5;--color-success-100: #ffffff;--color-success-key: #44C183;--color-primary: var(--color-primary-40);--color-on-primary: var(--color-primary-100);--color-primary-container: var(--color-primary-90);--color-on-primary-container: var(--color-primary-10);--color-secondary: var(--color-secondary-40);--color-on-secondary: var(--color-secondary-100);--color-secondary-container: var(--color-secondary-90);--color-on-secondary-container: var(--color-secondary-10);--color-tertiary: var(--color-tertiary-40);--color-on-tertiary: var(--color-tertiary-100);--color-tertiary-container: var(--color-tertiary-90);--color-on-tertiary-container: var(--color-tertiary-10);--color-error: var(--color-error-40);--color-on-error: var(--color-primary-100);--color-error-container: var(--color-error-90);--color-on-error-container: var(--color-error-10);--color-warning: var(--color-warning-80);--color-on-warning: var(--color-warning-100);--color-warning-container: var(--color-warning-90);--color-on-warning-container: var(--color-warning-10);--color-success: var(--color-success-60);--color-on-success: var(--color-success-100);--color-success-container: var(--color-success-95);--color-on-success-container: var(--color-success-20);--color-primary-fixed: var(--color-primary-90);--color-primary-fixed-dim: var(--color-primary-80);--color-on-primary-fixed: var(--color-primary-10);--color-on-primary-fixed-variant: var(--color-primary-30);--color-secondary-fixed: var(--color-secondary-90);--color-secondary-fixed-dim: var(--color-secondary-80);--color-on-secondary-fixed: var(--color-secondary-10);--color-on-secondary-fixed-variant: var(--color-secondary-30);--color-tertiary-fixed: var(--color-tertiary-90);--color-tertiary-fixed-dim: var(--color-tertiary-80);--color-on-tertiary-fixed: var(--color-tertiary-10);--color-on-tertiary-fixed-variant: var(--color-tertiary-30);--color-surface-dim: var(--color-neutral-90);--color-surface: var(--color-neutral-98);--color-surface-container-lowest: var(--color-neutral-100);--color-surface-container-low: var(--color-neutral-96);--color-surface-container: var(--color-neutral-94);--color-surface-container-high: var(--color-neutral-92);--color-surface-container-highest: var(--color-neutral-90);--color-on-surface: var(--color-neutral-10);--color-on-surface-variant: var(--color-variant-neutral-30);--color-outline: var(--color-variant-neutral-50);--color-outline-variant: var(--color-variant-neutral-80);--color-inverse-surface: var(--color-neutral-20);--color-inverse-on-surface: var(--color-neutral-95);--color-inverse-primary: var(--color-primary-80);--color-scrim: var(--color-neutral-0);--color-shadow: var(--color-neutral-0);--typescale-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--typescale-display-large-line-height: 64px;--typescale-display-large-size: 57px;--typescale-display-large-tracking: -.25px;--typescale-display-large-weight: 400;--typescale-display-medium-line-height: 52px;--typescale-display-medium-size: 45px;--typescale-display-medium-tracking: normal;--typescale-display-medium-weight: 400;--typescale-display-small-line-height: 44px;--typescale-display-small-size: 36px;--typescale-display-small-tracking: normal;--typescale-display-small-weight: 400;--typescale-headline-large-line-height: 40px;--typescale-headline-large-size: 32px;--typescale-headline-large-tracking: normal;--typescale-headline-large-weight: 400;--typescale-headline-medium-line-height: 36px;--typescale-headline-medium-size: 28px;--typescale-headline-medium-tracking: normal;--typescale-headline-medium-weight: 400;--typescale-headline-small-line-height: 32px;--typescale-headline-small-size: 24px;--typescale-headline-small-tracking: normal;--typescale-headline-small-weight: 400;--typescale-title-large-line-height: 28px;--typescale-title-large-size: 22px;--typescale-title-large-tracking: normal;--typescale-title-large-weight: 400;--typescale-title-medium-line-height: 24px;--typescale-title-medium-size: 16px;--typescale-title-medium-tracking: .15px;--typescale-title-medium-weight: 500;--typescale-title-small-line-height: 20px;--typescale-title-small-size: 14px;--typescale-title-small-tracking: .1px;--typescale-title-small-weight: 500;--typescale-label-large-line-height: 20px;--typescale-label-large-size: 14px;--typescale-label-large-tracking: .1px;--typescale-label-large-weight: 500;--typescale-label-medium-line-height: 16px;--typescale-label-medium-size: 12px;--typescale-label-medium-tracking: .5px;--typescale-label-medium-weight: 500;--typescale-label-small-line-height: 16px;--typescale-label-small-size: 11px;--typescale-label-small-tracking: .5px;--typescale-label-small-weight: 500;--typescale-body-large-line-height: 24px;--typescale-body-large-size: 16px;--typescale-body-large-tracking: .5px;--typescale-body-large-weight: 400;--typescale-body-medium-line-height: 20px;--typescale-body-medium-size: 14px;--typescale-body-medium-tracking: .25px;--typescale-body-medium-weight: 400;--typescale-body-small-line-height: 16px;--typescale-body-small-size: 12px;--typescale-body-small-tracking: .4px;--typescale-body-small-weight: 400;--elevation-1: none;--elevation-2: 0 1px 3px 1px rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .3);--elevation-3: 0 2px 6px 2px rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .3);--elevation-4: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);--elevation-5: 0 4px 4px 0 rgba(0, 0, 0, .3), 0 8px 12px 6px rgba(0, 0, 0, .15);--spacing-extra-small: 4px;--spacing-small: 8px;--spacing-medium: 12px;--spacing-large: 16px;--radius-none: 0;--radius-extra-small: 4px;--radius-small: 8px;--radius-medium: 12px;--radius-large: 16px;--radius-extra-large: 28px;--radius-full: 100%}html{font-family:var(--typescale-font-family)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.label-medium{font-size:12px;font-weight:500;font-style:normal;line-height:16px;letter-spacing:.5px}.label-large{font-size:14px;font-weight:500;font-style:normal;line-height:20px;letter-spacing:.1px}.headline-small{font-size:24px;font-weight:400;font-style:normal;line-height:32px;letter-spacing:0em}.title-large{font-size:22px;font-weight:400;font-style:normal;line-height:28px;letter-spacing:0em}.title-small{font-size:16px;font-weight:500;font-style:normal;line-height:20px;letter-spacing:.1px}.body-small{font-size:12px;font-weight:400;font-style:normal;line-height:16px;letter-spacing:.4px}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.-bottom-\[15\%\]{bottom:-15%}.left-\[50\%\]{left:50%}.left-full{left:100%}.z-\[99\]{z-index:99}.my-\[10px\]{margin-top:10px;margin-bottom:10px}.ml-lg{margin-left:var(--spacing-large)}.ml-xs{margin-left:var(--spacing-extra-small)}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.size-\[16px\]{width:16px;height:16px}.size-\[24px\]{width:24px;height:24px}.h-\[21px\]{height:21px}.h-\[24px\]{height:24px}.h-\[28px\]{height:28px}.h-\[40px\]{height:40px}.h-\[unset\]{height:unset}.h-full{height:100%}.w-\[20px\]{width:20px}.w-\[var\(--navbar--collapsed\)\]{width:var(--navbar--collapsed)}.w-\[var\(--navbar--full\)\]{width:var(--navbar--full)}.w-full{width:100%}.min-w-\[24px\]{min-width:24px}.min-w-\[28px\]{min-width:28px}.min-w-\[unset\]{min-width:unset}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:var(--radius-full)}.rounded-xs{border-radius:var(--radius-extra-small)}.border,.border-\[1px\]{border-width:1px}.border-solid{border-style:solid}.border-outline-variant{--tw-border-opacity: 1;border-color:rgb(from var(--color-outline-variant) R G B / var(--tw-border-opacity))}.border-secondary{--tw-border-opacity: 1;border-color:rgb(from var(--color-secondary) R G B / var(--tw-border-opacity))}.\!bg-inverse-surface{--tw-bg-opacity: 1 !important;background-color:rgb(from var(--color-inverse-surface) R G B / var(--tw-bg-opacity))!important}.bg-error{--tw-bg-opacity: 1;background-color:rgb(from var(--color-error) R G B / var(--tw-bg-opacity))}.bg-inverse-surface{--tw-bg-opacity: 1;background-color:rgb(from var(--color-inverse-surface) R G B / var(--tw-bg-opacity))}.bg-on-primary{--tw-bg-opacity: 1;background-color:rgb(from var(--color-on-primary) R G B / var(--tw-bg-opacity))}.bg-on-surface\/\[\.16\]{background-color:rgb(from var(--color-on-surface) R G B / .16)}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(from var(--color-primary) R G B / var(--tw-bg-opacity))}.bg-primary-container{--tw-bg-opacity: 1;background-color:rgb(from var(--color-primary-container) R G B / var(--tw-bg-opacity))}.bg-secondary-container{--tw-bg-opacity: 1;background-color:rgb(from var(--color-secondary-container) R G B / var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(from var(--color-success) R G B / var(--tw-bg-opacity))}.bg-surface-container-low{--tw-bg-opacity: 1;background-color:rgb(from var(--color-surface-container-low) R G B / var(--tw-bg-opacity))}.bg-surface-container-lowest{--tw-bg-opacity: 1;background-color:rgb(from var(--color-surface-container-lowest) R G B / var(--tw-bg-opacity))}.bg-warning{--tw-bg-opacity: 1;background-color:rgb(from var(--color-warning) R G B / var(--tw-bg-opacity))}.p-\[6px\]{padding:6px}.p-md{padding:var(--spacing-medium)}.p-sm{padding:var(--spacing-small)}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[5px\]{padding-left:5px;padding-right:5px}.px-lg{padding-left:var(--spacing-large);padding-right:var(--spacing-large)}.px-md{padding-left:var(--spacing-medium);padding-right:var(--spacing-medium)}.px-sm{padding-left:var(--spacing-small);padding-right:var(--spacing-small)}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-md{padding-top:var(--spacing-medium);padding-bottom:var(--spacing-medium)}.py-sm{padding-top:var(--spacing-small);padding-bottom:var(--spacing-small)}.pl-xs{padding-left:var(--spacing-extra-small)}.pr-sm{padding-right:var(--spacing-small)}.text-\[9px\]{font-size:9px}.leading-\[9px\]{line-height:9px}.\!text-inverse-on-surface{--tw-text-opacity: 1 !important;color:rgb(from var(--color-inverse-on-surface) R G B / var(--tw-text-opacity))!important}.text-inverse-on-surface{--tw-text-opacity: 1;color:rgb(from var(--color-inverse-on-surface) R G B / var(--tw-text-opacity))}.text-on-error{--tw-text-opacity: 1;color:rgb(from var(--color-on-error) R G B / var(--tw-text-opacity))}.text-on-primary{--tw-text-opacity: 1;color:rgb(from var(--color-on-primary) R G B / var(--tw-text-opacity))}.text-on-secondary-container{--tw-text-opacity: 1;color:rgb(from var(--color-on-secondary-container) R G B / var(--tw-text-opacity))}.text-on-success{--tw-text-opacity: 1;color:rgb(from var(--color-on-success) R G B / var(--tw-text-opacity))}.text-on-surface-variant{--tw-text-opacity: 1;color:rgb(from var(--color-on-surface-variant) R G B / var(--tw-text-opacity))}.text-on-warning{--tw-text-opacity: 1;color:rgb(from var(--color-on-warning) R G B / var(--tw-text-opacity))}.text-primary{--tw-text-opacity: 1;color:rgb(from var(--color-primary) R G B / var(--tw-text-opacity))}.text-primary-container{--tw-text-opacity: 1;color:rgb(from var(--color-primary-container) R G B / var(--tw-text-opacity))}.text-secondary{--tw-text-opacity: 1;color:rgb(from var(--color-secondary) R G B / var(--tw-text-opacity))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\*\:block>*{display:block}.hover\:bg-on-surface\/\[\.08\]:hover{background-color:rgb(from var(--color-on-surface) R G B / .08)}.hover\:bg-on-surface\/\[\.16\]:hover{background-color:rgb(from var(--color-on-surface) R G B / .16)}.group.navbar--collapsed .group-\[\.navbar--collapsed\]\:-rotate-180{--tw-rotate: -180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}h1[data-v-a32a0456]{font-weight:500;font-size:2.6rem;position:relative;top:-10px}h3[data-v-a32a0456]{font-size:1.2rem}.greetings h1[data-v-a32a0456],.greetings h3[data-v-a32a0456]{text-align:center}@media (min-width: 1024px){.greetings h1[data-v-a32a0456],.greetings h3[data-v-a32a0456]{text-align:left}}:root{--navbar--collapsed: 56px;--navbar--full: 260px;--navbar-width: var(--navbar--collapsed)}
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-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]){-webkit-text-decoration:underline dotted;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;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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]{display:none}:root{--color-primary-0: #000000;--color-primary-10: #001b3e;--color-primary-20: #002f64;--color-primary-30: #00458d;--color-primary-40: #005db8;--color-primary-50: #0075e6;--color-primary-60: #3f90ff;--color-primary-70: #7aacff;--color-primary-80: #aac7ff;--color-primary-90: #d6e3ff;--color-primary-95: #ecf0ff;--color-primary-99: #fdfbff;--color-primary-100: #ffffff;--color-primary-key: #097CF1;--color-secondary-0: #000000;--color-secondary-10: #051d33;--color-secondary-20: #1d3249;--color-secondary-30: #344860;--color-secondary-40: #4c6079;--color-secondary-50: #647993;--color-secondary-60: #7e92ad;--color-secondary-70: #99aeca;--color-secondary-80: #b3c8e5;--color-secondary-90: #d1e4ff;--color-secondary-95: #e9f1ff;--color-secondary-99: #fdfcff;--color-secondary-100: #ffffff;--color-secondary-key: #99AECA;--color-tertiary-0: #000000;--color-tertiary-10: #290055;--color-tertiary-20: #440087;--color-tertiary-30: #6200bc;--color-tertiary-40: #7c2ed9;--color-tertiary-50: #964ef4;--color-tertiary-60: #ad72ff;--color-tertiary-70: #c297ff;--color-tertiary-80: #d8baff;--color-tertiary-90: #eddcff;--color-tertiary-95: #f8edff;--color-tertiary-99: #f8edff;--color-tertiary-100: #ffffff;--color-tertiary-key: #9047EE;--color-neutral-0: #000000;--color-neutral-10: #141c26;--color-neutral-20: #29313c;--color-neutral-30: #3f4753;--color-neutral-40: #575f6b;--color-neutral-50: #6f7884;--color-neutral-60: #89919e;--color-neutral-70: #a3acb9;--color-neutral-80: #bfc7d5;--color-neutral-90: #dbe3f1;--color-neutral-92: #E0E9F7;--color-neutral-94: #E6EEFD;--color-neutral-95: #e9f1ff;--color-neutral-96: #EEF4FF;--color-neutral-98: #F8F9FF;--color-neutral-99: #fdfcff;--color-neutral-100: #ffffff;--color-neutral-key: #575F6B;--color-variant-neutral-0: #000000;--color-variant-neutral-10: #161c27;--color-variant-neutral-20: #2a303d;--color-variant-neutral-30: #414754;--color-variant-neutral-40: #595e6c;--color-variant-neutral-50: #717785;--color-variant-neutral-60: #8b919f;--color-variant-neutral-70: #a5abba;--color-variant-neutral-80: #c1c6d6;--color-variant-neutral-90: #dde2f3;--color-variant-neutral-95: #ecf0ff;--color-variant-neutral-99: #fdfbff;--color-variant-neutral-100: #ffffff;--color-variant-neutral-key: #595E6C;--color-error-0: #000000;--color-error-10: #40000a;--color-error-20: #680016;--color-error-30: #920024;--color-error-40: #bb1334;--color-error-50: #de334a;--color-error-60: #ff5263;--color-error-70: #ff888d;--color-error-80: #ffb3b4;--color-error-90: #ffdad9;--color-error-95: #ffdad9;--color-error-99: #fffbff;--color-error-100: #ffffff;--color-error-key: #FC495D;--color-warning-0: #000000;--color-warning-10: #261900;--color-warning-20: #412d00;--color-warning-30: #5d4200;--color-warning-40: #7b5800;--color-warning-50: #9a7000;--color-warning-60: #bb8800;--color-warning-70: #dca100;--color-warning-80: #febc1c;--color-warning-90: #ffdea5;--color-warning-95: #ffefd7;--color-warning-99: #fffbff;--color-warning-100: #ffffff;--color-warning-key: #FEBC1C;--color-success-0: #000000;--color-success-10: #002111;--color-success-20: #003920;--color-success-30: #005231;--color-success-40: #006d43;--color-success-50: #008955;--color-success-60: #1ca56a;--color-success-70: #44c183;--color-success-80: #63dd9c;--color-success-90: #80fab7;--color-success-95: #c0ffd6;--color-success-99: #f5fff5;--color-success-100: #ffffff;--color-success-key: #44C183;--color-primary: var(--color-primary-40);--color-on-primary: var(--color-primary-100);--color-primary-container: var(--color-primary-90);--color-on-primary-container: var(--color-primary-10);--color-secondary: var(--color-secondary-40);--color-on-secondary: var(--color-secondary-100);--color-secondary-container: var(--color-secondary-90);--color-on-secondary-container: var(--color-secondary-10);--color-tertiary: var(--color-tertiary-40);--color-on-tertiary: var(--color-tertiary-100);--color-tertiary-container: var(--color-tertiary-90);--color-on-tertiary-container: var(--color-tertiary-10);--color-error: var(--color-error-40);--color-on-error: var(--color-primary-100);--color-error-container: var(--color-error-90);--color-on-error-container: var(--color-error-10);--color-warning: var(--color-warning-80);--color-on-warning: var(--color-warning-100);--color-warning-container: var(--color-warning-90);--color-on-warning-container: var(--color-warning-10);--color-success: var(--color-success-60);--color-on-success: var(--color-success-100);--color-success-container: var(--color-success-95);--color-on-success-container: var(--color-success-20);--color-primary-fixed: var(--color-primary-90);--color-primary-fixed-dim: var(--color-primary-80);--color-on-primary-fixed: var(--color-primary-10);--color-on-primary-fixed-variant: var(--color-primary-30);--color-secondary-fixed: var(--color-secondary-90);--color-secondary-fixed-dim: var(--color-secondary-80);--color-on-secondary-fixed: var(--color-secondary-10);--color-on-secondary-fixed-variant: var(--color-secondary-30);--color-tertiary-fixed: var(--color-tertiary-90);--color-tertiary-fixed-dim: var(--color-tertiary-80);--color-on-tertiary-fixed: var(--color-tertiary-10);--color-on-tertiary-fixed-variant: var(--color-tertiary-30);--color-surface-dim: var(--color-neutral-90);--color-surface: var(--color-neutral-98);--color-surface-container-lowest: var(--color-neutral-100);--color-surface-container-low: var(--color-neutral-96);--color-surface-container: var(--color-neutral-94);--color-surface-container-high: var(--color-neutral-92);--color-surface-container-highest: var(--color-neutral-90);--color-on-surface: var(--color-neutral-10);--color-on-surface-variant: var(--color-variant-neutral-30);--color-outline: var(--color-variant-neutral-50);--color-outline-variant: var(--color-variant-neutral-80);--color-inverse-surface: var(--color-neutral-20);--color-inverse-on-surface: var(--color-neutral-95);--color-inverse-primary: var(--color-primary-80);--color-scrim: var(--color-neutral-0);--color-shadow: var(--color-neutral-0);--typescale-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--typescale-display-large-line-height: 64px;--typescale-display-large-size: 57px;--typescale-display-large-tracking: -.25px;--typescale-display-large-weight: 400;--typescale-display-medium-line-height: 52px;--typescale-display-medium-size: 45px;--typescale-display-medium-tracking: normal;--typescale-display-medium-weight: 400;--typescale-display-small-line-height: 44px;--typescale-display-small-size: 36px;--typescale-display-small-tracking: normal;--typescale-display-small-weight: 400;--typescale-headline-large-line-height: 40px;--typescale-headline-large-size: 32px;--typescale-headline-large-tracking: normal;--typescale-headline-large-weight: 400;--typescale-headline-medium-line-height: 36px;--typescale-headline-medium-size: 28px;--typescale-headline-medium-tracking: normal;--typescale-headline-medium-weight: 400;--typescale-headline-small-line-height: 32px;--typescale-headline-small-size: 24px;--typescale-headline-small-tracking: normal;--typescale-headline-small-weight: 400;--typescale-title-large-line-height: 28px;--typescale-title-large-size: 22px;--typescale-title-large-tracking: normal;--typescale-title-large-weight: 400;--typescale-title-medium-line-height: 24px;--typescale-title-medium-size: 16px;--typescale-title-medium-tracking: .15px;--typescale-title-medium-weight: 500;--typescale-title-small-line-height: 20px;--typescale-title-small-size: 14px;--typescale-title-small-tracking: .1px;--typescale-title-small-weight: 500;--typescale-label-large-line-height: 20px;--typescale-label-large-size: 14px;--typescale-label-large-tracking: .1px;--typescale-label-large-weight: 500;--typescale-label-medium-line-height: 16px;--typescale-label-medium-size: 12px;--typescale-label-medium-tracking: .5px;--typescale-label-medium-weight: 500;--typescale-label-small-line-height: 16px;--typescale-label-small-size: 11px;--typescale-label-small-tracking: .5px;--typescale-label-small-weight: 500;--typescale-body-large-line-height: 24px;--typescale-body-large-size: 16px;--typescale-body-large-tracking: .5px;--typescale-body-large-weight: 400;--typescale-body-medium-line-height: 20px;--typescale-body-medium-size: 14px;--typescale-body-medium-tracking: .25px;--typescale-body-medium-weight: 400;--typescale-body-small-line-height: 16px;--typescale-body-small-size: 12px;--typescale-body-small-tracking: .4px;--typescale-body-small-weight: 400;--elevation-0: none;--elevation-1: 0 1px 3px 1px rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .3);--elevation-2: 0 2px 6px 2px rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .3);--elevation-3: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);--elevation-4: 0 2px 3px 0 rgba(0, 0, 0, .3), 0 6px 10px 4px rgba(0, 0, 0, .15);--elevation-5: 0 4px 4px 0 rgba(0, 0, 0, .3), 0 8px 12px 6px rgba(0, 0, 0, .15);--spacing-extra-small: 4px;--spacing-small: 8px;--spacing-medium: 12px;--spacing-large: 16px;--spacing-extra-large: 24px;--radius-none: 0;--radius-extra-small: 4px;--radius-small: 8px;--radius-medium: 12px;--radius-large: 16px;--radius-extra-large: 28px;--radius-full: 100%}html{font-family:var(--typescale-font-family)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.label-medium{font-size:12px;font-weight:500;font-style:normal;line-height:16px;letter-spacing:.5px}.label-large{font-size:14px;font-weight:500;font-style:normal;line-height:20px;letter-spacing:.1px}.label-small{font-size:11px;font-weight:500;font-style:normal;line-height:16px;letter-spacing:.5px}.headline-small{font-size:24px;font-weight:400;font-style:normal;line-height:32px;letter-spacing:0em}.title-large{font-size:22px;font-weight:400;font-style:normal;line-height:28px;letter-spacing:0em}.title-small{font-size:16px;font-weight:500;font-style:normal;line-height:20px;letter-spacing:.1px}.body-small{font-size:12px;font-weight:400;font-style:normal;line-height:16px;letter-spacing:.4px}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.-bottom-\[40\%\]{bottom:-40%}.left-\[50\%\]{left:50%}.left-full{left:100%}.z-\[99\]{z-index:99}.mx-0{margin-left:0;margin-right:0}.my-\[10px\]{margin-top:10px;margin-bottom:10px}.ml-lg{margin-left:var(--spacing-large)}.ml-xs{margin-left:var(--spacing-extra-small)}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.size-\[16px\]{width:16px;height:16px}.size-\[24px\]{width:24px;height:24px}.size-\[6px\]{width:6px;height:6px}.h-\[21px\]{height:21px}.h-\[24px\]{height:24px}.h-\[28px\]{height:28px}.h-\[40px\]{height:40px}.h-\[unset\]{height:unset}.h-full{height:100%}.w-\[20px\]{width:20px}.w-\[var\(--navbar--collapsed\)\]{width:var(--navbar--collapsed)}.w-\[var\(--navbar--full\)\]{width:var(--navbar--full)}.w-full{width:100%}.min-w-\[16px\]{min-width:16px}.min-w-\[24px\]{min-width:24px}.min-w-\[28px\]{min-width:28px}.min-w-\[unset\]{min-width:unset}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-small)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:var(--radius-full)}.rounded-md{border-radius:var(--radius-medium)}.rounded-xs{border-radius:var(--radius-extra-small)}.border,.border-\[1px\]{border-width:1px}.border-solid{border-style:solid}.border-outline-variant{--tw-border-opacity: 1;border-color:rgb(from var(--color-outline-variant) R G B / var(--tw-border-opacity))}.border-secondary{--tw-border-opacity: 1;border-color:rgb(from var(--color-secondary) R G B / var(--tw-border-opacity))}.\!bg-inverse-surface{--tw-bg-opacity: 1 !important;background-color:rgb(from var(--color-inverse-surface) R G B / var(--tw-bg-opacity))!important}.bg-error{--tw-bg-opacity: 1;background-color:rgb(from var(--color-error) R G B / var(--tw-bg-opacity))}.bg-inverse-surface{--tw-bg-opacity: 1;background-color:rgb(from var(--color-inverse-surface) R G B / var(--tw-bg-opacity))}.bg-on-primary{--tw-bg-opacity: 1;background-color:rgb(from var(--color-on-primary) R G B / var(--tw-bg-opacity))}.bg-on-surface\/\[\.16\]{background-color:rgb(from var(--color-on-surface) R G B / .16)}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(from var(--color-primary) R G B / var(--tw-bg-opacity))}.bg-primary-container{--tw-bg-opacity: 1;background-color:rgb(from var(--color-primary-container) R G B / var(--tw-bg-opacity))}.bg-secondary-container{--tw-bg-opacity: 1;background-color:rgb(from var(--color-secondary-container) R G B / var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(from var(--color-success) R G B / var(--tw-bg-opacity))}.bg-surface-container-low{--tw-bg-opacity: 1;background-color:rgb(from var(--color-surface-container-low) R G B / var(--tw-bg-opacity))}.bg-surface-container-lowest{--tw-bg-opacity: 1;background-color:rgb(from var(--color-surface-container-lowest) R G B / var(--tw-bg-opacity))}.bg-warning{--tw-bg-opacity: 1;background-color:rgb(from var(--color-warning) R G B / var(--tw-bg-opacity))}.p-\[6px\]{padding:6px}.p-md{padding:var(--spacing-medium)}.p-sm{padding:var(--spacing-small)}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[5px\]{padding-left:5px;padding-right:5px}.px-lg{padding-left:var(--spacing-large);padding-right:var(--spacing-large)}.px-md{padding-left:var(--spacing-medium);padding-right:var(--spacing-medium)}.px-sm{padding-left:var(--spacing-small);padding-right:var(--spacing-small)}.px-xl{padding-left:var(--spacing-extra-large);padding-right:var(--spacing-extra-large)}.px-xs{padding-left:var(--spacing-extra-small);padding-right:var(--spacing-extra-small)}.py-0{padding-top:0;padding-bottom:0}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-md{padding-top:var(--spacing-medium);padding-bottom:var(--spacing-medium)}.py-sm{padding-top:var(--spacing-small);padding-bottom:var(--spacing-small)}.pl-lg{padding-left:var(--spacing-large)}.pl-sm{padding-left:var(--spacing-small)}.pl-xs{padding-left:var(--spacing-extra-small)}.pr-lg{padding-right:var(--spacing-large)}.pr-sm{padding-right:var(--spacing-small)}.text-left{text-align:left}.text-\[9px\]{font-size:9px}.leading-\[9px\]{line-height:9px}.\!text-inverse-on-surface{--tw-text-opacity: 1 !important;color:rgb(from var(--color-inverse-on-surface) R G B / var(--tw-text-opacity))!important}.text-inverse-on-surface{--tw-text-opacity: 1;color:rgb(from var(--color-inverse-on-surface) R G B / var(--tw-text-opacity))}.text-on-error{--tw-text-opacity: 1;color:rgb(from var(--color-on-error) R G B / var(--tw-text-opacity))}.text-on-primary{--tw-text-opacity: 1;color:rgb(from var(--color-on-primary) R G B / var(--tw-text-opacity))}.text-on-secondary-container{--tw-text-opacity: 1;color:rgb(from var(--color-on-secondary-container) R G B / var(--tw-text-opacity))}.text-on-success{--tw-text-opacity: 1;color:rgb(from var(--color-on-success) R G B / var(--tw-text-opacity))}.text-on-surface-variant{--tw-text-opacity: 1;color:rgb(from var(--color-on-surface-variant) R G B / var(--tw-text-opacity))}.text-on-warning{--tw-text-opacity: 1;color:rgb(from var(--color-on-warning) R G B / var(--tw-text-opacity))}.text-primary{--tw-text-opacity: 1;color:rgb(from var(--color-primary) R G B / var(--tw-text-opacity))}.text-primary-container{--tw-text-opacity: 1;color:rgb(from var(--color-primary-container) R G B / var(--tw-text-opacity))}.text-secondary{--tw-text-opacity: 1;color:rgb(from var(--color-secondary) R G B / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\*\:block>*{display:block}.hover\:bg-on-surface\/\[\.08\]:hover{background-color:rgb(from var(--color-on-surface) R G B / .08)}.hover\:bg-on-surface\/\[\.16\]:hover{background-color:rgb(from var(--color-on-surface) R G B / .16)}.hover\:bg-primary\/\[0\.08\]:hover{background-color:rgb(from var(--color-primary) R G B / .08)}.hover\:shadow-1:hover{--tw-shadow: var(--elevation-1);--tw-shadow-colored: var(--elevation-1);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:after\:absolute:hover:after{content:var(--tw-content);position:absolute}.hover\:after\:left-0:hover:after{content:var(--tw-content);left:0}.hover\:after\:size-full:hover:after{content:var(--tw-content);width:100%;height:100%}.hover\:after\:bg-on-primary\/\[0\.08\]:hover:after{content:var(--tw-content);background-color:rgb(from var(--color-on-primary) R G B / .08)}.group.navbar--collapsed .group-\[\.navbar--collapsed\]\:-rotate-180{--tw-rotate: -180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}h1[data-v-a32a0456]{font-weight:500;font-size:2.6rem;position:relative;top:-10px}h3[data-v-a32a0456]{font-size:1.2rem}.greetings h1[data-v-a32a0456],.greetings h3[data-v-a32a0456]{text-align:center}@media (min-width: 1024px){.greetings h1[data-v-a32a0456],.greetings h3[data-v-a32a0456]{text-align:left}}:root{--navbar--collapsed: 56px;--navbar--full: 260px;--navbar-width: var(--navbar--collapsed)}