@aures5g/vue-component-library 0.6.0 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button/UIButton.vue.d.ts +5 -0
- package/dist/components/button/uiButton.theme.d.ts +11 -7
- package/dist/components/copyToClipboard/UICopy.vue.d.ts +55 -0
- package/dist/components/copyToClipboard/uiCopy.const.d.ts +10 -0
- package/dist/components/copyToClipboard/uiCopy.theme.d.ts +7 -0
- package/dist/components/tooltip/tooltip.theme.d.ts +3 -0
- package/dist/config/acbs.d.ts +13 -0
- package/dist/config/primevue.d.ts +19 -2
- package/dist/index.d.ts +3 -2
- package/dist/style.css +1 -1
- package/dist/vue-component-library.js +1654 -996
- package/dist/vue-component-library.umd.cjs +18 -16
- package/package.json +2 -1
|
@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
7
7
|
pt?: PassThrough<ButtonPassThroughOptions<any>>;
|
|
8
8
|
ptOptions?: PassThroughOptions;
|
|
9
9
|
isAction?: boolean;
|
|
10
|
+
small?: boolean;
|
|
10
11
|
}>, {
|
|
11
12
|
label: string;
|
|
12
13
|
severity: "primary";
|
|
@@ -16,12 +17,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
16
17
|
mergeProps: boolean;
|
|
17
18
|
};
|
|
18
19
|
isAction: boolean;
|
|
20
|
+
small: boolean;
|
|
19
21
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
20
22
|
severity?: "text" | "success" | "warning" | "danger" | "outlined" | "primary";
|
|
21
23
|
label?: string;
|
|
22
24
|
pt?: PassThrough<ButtonPassThroughOptions<any>>;
|
|
23
25
|
ptOptions?: PassThroughOptions;
|
|
24
26
|
isAction?: boolean;
|
|
27
|
+
small?: boolean;
|
|
25
28
|
}>, {
|
|
26
29
|
label: string;
|
|
27
30
|
severity: "primary";
|
|
@@ -31,7 +34,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
31
34
|
mergeProps: boolean;
|
|
32
35
|
};
|
|
33
36
|
isAction: boolean;
|
|
37
|
+
small: boolean;
|
|
34
38
|
}>>>, {
|
|
39
|
+
small: boolean;
|
|
35
40
|
label: string;
|
|
36
41
|
pt: any;
|
|
37
42
|
ptOptions: {
|
|
@@ -1,13 +1,17 @@
|
|
|
1
|
-
export declare const BASE_BUTTON = "rounded-xs
|
|
2
|
-
export declare const BUTTON_PRIMARY = "bg-primary text-on-primary hover:after:bg-on-primary/[0.08] px-xl hover:shadow-1";
|
|
3
|
-
export declare const BUTTON_OUTLINED = "border-secondary border-[1px] text-primary px-xl hover:bg-primary/[0.08]";
|
|
4
|
-
export declare const BUTTON_TEXT = "text-primary px-md hover:bg-primary/[0.08]";
|
|
5
|
-
export declare const BUTTON_SUCCESS = "bg-success text-on-success px-xl hover:shadow-1";
|
|
6
|
-
export declare const BUTTON_WARNING = "bg-warning text-on-warning px-xl hover:shadow-1";
|
|
7
|
-
export declare const BUTTON_DANGER = "bg-error text-on-error px-xl hover:shadow-1";
|
|
1
|
+
export declare const BASE_BUTTON = "rounded-xs inline-flex items-center text-[16px] relative hover:after:size-full hover:after:absolute hover:after:left-0";
|
|
2
|
+
export declare const BUTTON_PRIMARY = "bg-primary text-on-primary hover:after:bg-on-primary/[0.08] px-xl hover:shadow-1 h-[40px]";
|
|
3
|
+
export declare const BUTTON_OUTLINED = "border-secondary border-[1px] text-primary px-xl hover:bg-primary/[0.08] h-[40px]";
|
|
4
|
+
export declare const BUTTON_TEXT = "text-primary px-md hover:bg-primary/[0.08] h-[40px]";
|
|
5
|
+
export declare const BUTTON_SUCCESS = "bg-success text-on-success px-xl hover:shadow-1 h-[40px]";
|
|
6
|
+
export declare const BUTTON_WARNING = "bg-warning text-on-warning px-xl hover:shadow-1 h-[40px]";
|
|
7
|
+
export declare const BUTTON_DANGER = "bg-error text-on-error px-xl hover:shadow-1 h-[40px]";
|
|
8
8
|
export declare const ACTION_BUTTON = "flex-row-reverse w-full gap-sm pr-lg";
|
|
9
9
|
export declare const ACTION_BUTTON_LABEL = "grow truncate text-left";
|
|
10
|
+
export declare const BASE_LABEL = "title-small";
|
|
10
11
|
export declare const BUTTON_LABEL_WITH_ICON = "pl-sm";
|
|
11
12
|
export declare const BUTTON_LABEL_WITHOUT_ICON = "";
|
|
12
13
|
export declare const BUTTON_SEVERITY_IS_NOT_TEXT = "pl-lg";
|
|
13
14
|
export declare const BUTTON_SEVERITY_IS_TEXT = "pr-lg";
|
|
15
|
+
export declare const BUTTON_ICON_ONLY_SMALL = "!h-[32px] w-[32px] !p-sm justify-center";
|
|
16
|
+
export declare const BUTTON_ICON_ONLY_LARGE = "h-[40px] text-[20px] !p-0 w-[40px] justify-center";
|
|
17
|
+
export declare const BUTTON_ICON_ONLY_LABEL = "hidden";
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
2
|
+
textToClipboard: string;
|
|
3
|
+
textToDisplay?: string | number;
|
|
4
|
+
tooltipText: string | number;
|
|
5
|
+
tooltipPosition?: "left" | "top" | "bottom" | "right";
|
|
6
|
+
hiddenIcon?: boolean;
|
|
7
|
+
iconPosition?: "left" | "right";
|
|
8
|
+
}>, {
|
|
9
|
+
textToDisplay: string;
|
|
10
|
+
tooltipPosition: "top";
|
|
11
|
+
hiddenIcon: boolean;
|
|
12
|
+
iconPosition: "right";
|
|
13
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
14
|
+
textToClipboard: string;
|
|
15
|
+
textToDisplay?: string | number;
|
|
16
|
+
tooltipText: string | number;
|
|
17
|
+
tooltipPosition?: "left" | "top" | "bottom" | "right";
|
|
18
|
+
hiddenIcon?: boolean;
|
|
19
|
+
iconPosition?: "left" | "right";
|
|
20
|
+
}>, {
|
|
21
|
+
textToDisplay: string;
|
|
22
|
+
tooltipPosition: "top";
|
|
23
|
+
hiddenIcon: boolean;
|
|
24
|
+
iconPosition: "right";
|
|
25
|
+
}>>>, {
|
|
26
|
+
textToDisplay: string | number;
|
|
27
|
+
tooltipPosition: "left" | "top" | "bottom" | "right";
|
|
28
|
+
hiddenIcon: boolean;
|
|
29
|
+
iconPosition: "left" | "right";
|
|
30
|
+
}, {}>, {
|
|
31
|
+
default?(_: {}): any;
|
|
32
|
+
}>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithDefaults<P, D> = {
|
|
35
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
36
|
+
default: D[K];
|
|
37
|
+
}> : P[K];
|
|
38
|
+
};
|
|
39
|
+
type __VLS_Prettify<T> = {
|
|
40
|
+
[K in keyof T]: T[K];
|
|
41
|
+
} & {};
|
|
42
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
43
|
+
new (): {
|
|
44
|
+
$slots: S;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
48
|
+
type __VLS_TypePropsToOption<T> = {
|
|
49
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
50
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
51
|
+
} : {
|
|
52
|
+
type: import('vue').PropType<T[K]>;
|
|
53
|
+
required: true;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const BASE_CLIPBOARD = "inline-flex justify-center items-center cursor-pointer gap-[5px] group";
|
|
2
|
+
export declare const ICON_LEFT = "flex-row-reverse";
|
|
3
|
+
export declare const HIDDEN_ICON = "hidden group-hover:flex";
|
|
4
|
+
export declare const COPY_ICON_TRANSITION = "duration-1000 ease-out";
|
|
5
|
+
export declare const COPY_ICON_ENTER_FROM = "transform opacity-0";
|
|
6
|
+
export declare const COPY_ICON_ENTER_TO = "opacity-100";
|
|
7
|
+
export declare const COPY_ICON_LEAVE = "hidden";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type Plugin } from 'vue';
|
|
2
|
+
import { type PrimeVueConfiguration } from 'primevue/config';
|
|
3
|
+
type PluginOptions = {
|
|
4
|
+
registerTooltip?: boolean;
|
|
5
|
+
locale?: {
|
|
6
|
+
copied?: string;
|
|
7
|
+
};
|
|
8
|
+
primevue?: PrimeVueConfiguration;
|
|
9
|
+
};
|
|
10
|
+
type PluginConfig = Omit<PluginOptions, 'primevue'>;
|
|
11
|
+
export declare const useACBSConfig: () => PluginConfig;
|
|
12
|
+
declare const _default: Plugin<PluginOptions[]>;
|
|
13
|
+
export default _default;
|
|
@@ -1,2 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
declare const _default: {
|
|
2
|
+
unstyled: true;
|
|
3
|
+
pt: {
|
|
4
|
+
directives: {
|
|
5
|
+
tooltip: {
|
|
6
|
+
root: {
|
|
7
|
+
class: string;
|
|
8
|
+
};
|
|
9
|
+
text: {
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
arrow: {
|
|
13
|
+
class: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export default _default;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import './assets/style.scss';
|
|
2
2
|
import HelloWorld from './components/HelloWorld/HelloWorld.vue';
|
|
3
|
-
import
|
|
3
|
+
import ACBSPlugin, { useACBSConfig } from './config/acbs';
|
|
4
4
|
import UIButton from './components/button/UIButton.vue';
|
|
5
5
|
import UIMenu from './components/menu/UIMenu.vue';
|
|
6
6
|
import UITag from './components/tag/UITag.vue';
|
|
7
7
|
import UIBadge from './components/badge/UIBadge.vue';
|
|
8
|
-
|
|
8
|
+
import UICopy from './components/copyToClipboard/UICopy.vue';
|
|
9
|
+
export { HelloWorld, ACBSPlugin, useACBSConfig, UIButton, UIMenu, UITag, UIBadge, UICopy };
|
package/dist/style.css
CHANGED
|
@@ -1 +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-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)}
|
|
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-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:14px;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-\[32px\]{height:32px!important}.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-\[32px\]{width:32px}.w-\[40px\]{width:40px}.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))}.transform{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))}.cursor-pointer{cursor:pointer}.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-\[5px\]{gap:5px}.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-\[4px\]{border-radius:4px}.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-\[rgba\(97\,97\,97\,0\.9\)\]{background-color:#616161e6}.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-0{padding:0!important}.\!p-sm{padding:var(--spacing-small)!important}.p-\[0\.5rem\]{padding:.5rem}.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-\[0\.875rem\]{font-size:.875rem}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.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-\[\#ffffff\]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.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))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\*\: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:hover .group-hover\:flex{display:flex}.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)}
|