@aures5g/vue-component-library 0.5.0 → 0.6.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 +43 -248
- package/dist/components/button/uiButton.const.d.ts +8 -0
- package/dist/components/button/uiButton.theme.d.ts +13 -0
- package/dist/style.css +1 -1
- package/dist/vue-component-library.js +678 -646
- package/dist/vue-component-library.umd.cjs +16 -16
- package/package.json +2 -2
|
@@ -1,260 +1,55 @@
|
|
|
1
|
-
import { type VNode } from 'vue';
|
|
2
1
|
import { type ButtonPassThroughOptions } from 'primevue/button';
|
|
3
|
-
import type
|
|
4
|
-
import type { PassThrough
|
|
5
|
-
declare const _default:
|
|
6
|
-
|
|
7
|
-
* Text of the button.
|
|
8
|
-
*/
|
|
2
|
+
import { type PassThroughOptions } from 'primevue/passthrough';
|
|
3
|
+
import type { PassThrough } from 'primevue/ts-helpers';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
5
|
+
severity?: "text" | "success" | "warning" | "danger" | "outlined" | "primary";
|
|
9
6
|
label?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Name of the icon.
|
|
12
|
-
*/
|
|
13
|
-
icon?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Position of the icon.
|
|
16
|
-
* @defaultValue left
|
|
17
|
-
*/
|
|
18
|
-
iconPos?: "left" | "top" | "bottom" | "right";
|
|
19
|
-
/**
|
|
20
|
-
* Style class of the icon.
|
|
21
|
-
*/
|
|
22
|
-
iconClass?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Value of the badge.
|
|
25
|
-
*/
|
|
26
|
-
badge?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Style class of the badge.
|
|
29
|
-
*/
|
|
30
|
-
badgeClass?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Severity type of the badge.
|
|
33
|
-
*/
|
|
34
|
-
badgeSeverity?: HintedString<"success" | "info" | "warning" | "secondary" | "danger" | "contrast">;
|
|
35
|
-
/**
|
|
36
|
-
* Whether the button is in loading state.
|
|
37
|
-
* @defaultValue false
|
|
38
|
-
*/
|
|
39
|
-
loading?: boolean;
|
|
40
|
-
/**
|
|
41
|
-
* Icon to display in loading state.
|
|
42
|
-
*/
|
|
43
|
-
loadingIcon?: string;
|
|
44
|
-
/**
|
|
45
|
-
* Add a link style to the button.
|
|
46
|
-
* @defaultValue false
|
|
47
|
-
*/
|
|
48
|
-
link?: boolean;
|
|
49
|
-
/**
|
|
50
|
-
* Defines the style of the button.
|
|
51
|
-
*/
|
|
52
|
-
severity?: HintedString<"success" | "info" | "warning" | "help" | "secondary" | "danger" | "contrast">;
|
|
53
|
-
/**
|
|
54
|
-
* Add a shadow to indicate elevation.
|
|
55
|
-
* @defaultValue false
|
|
56
|
-
*/
|
|
57
|
-
raised?: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* Add a circular border radius to the button.
|
|
60
|
-
* @defaultValue false
|
|
61
|
-
*/
|
|
62
|
-
rounded?: boolean;
|
|
63
|
-
/**
|
|
64
|
-
* Add a textual class to the button without a background initially.
|
|
65
|
-
* @defaultValue false
|
|
66
|
-
*/
|
|
67
|
-
text?: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* Add a border class without a background initially.
|
|
70
|
-
* @defaultValue false
|
|
71
|
-
*/
|
|
72
|
-
outlined?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Defines the size of the button.
|
|
75
|
-
*/
|
|
76
|
-
size?: "small" | "large";
|
|
77
|
-
/**
|
|
78
|
-
* Add a plain textual class to the button without a background initially.
|
|
79
|
-
* @defaultValue false
|
|
80
|
-
*/
|
|
81
|
-
plain?: boolean;
|
|
82
|
-
/**
|
|
83
|
-
* Used to pass attributes to DOM elements inside the component.
|
|
84
|
-
* @type {ButtonPassThroughOptions}
|
|
85
|
-
*/
|
|
86
7
|
pt?: PassThrough<ButtonPassThroughOptions<any>>;
|
|
87
|
-
/**
|
|
88
|
-
* Used to configure passthrough(pt) options of the component.
|
|
89
|
-
* @type {PassThroughOptions}
|
|
90
|
-
*/
|
|
91
8
|
ptOptions?: PassThroughOptions;
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
9
|
+
isAction?: boolean;
|
|
10
|
+
}>, {
|
|
11
|
+
label: string;
|
|
12
|
+
severity: "primary";
|
|
13
|
+
pt: any;
|
|
14
|
+
ptOptions: () => {
|
|
15
|
+
mergeSections: boolean;
|
|
16
|
+
mergeProps: boolean;
|
|
17
|
+
};
|
|
18
|
+
isAction: boolean;
|
|
19
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
20
|
+
severity?: "text" | "success" | "warning" | "danger" | "outlined" | "primary";
|
|
101
21
|
label?: string;
|
|
102
|
-
/**
|
|
103
|
-
* Name of the icon.
|
|
104
|
-
*/
|
|
105
|
-
icon?: string;
|
|
106
|
-
/**
|
|
107
|
-
* Position of the icon.
|
|
108
|
-
* @defaultValue left
|
|
109
|
-
*/
|
|
110
|
-
iconPos?: "left" | "top" | "bottom" | "right";
|
|
111
|
-
/**
|
|
112
|
-
* Style class of the icon.
|
|
113
|
-
*/
|
|
114
|
-
iconClass?: string;
|
|
115
|
-
/**
|
|
116
|
-
* Value of the badge.
|
|
117
|
-
*/
|
|
118
|
-
badge?: string;
|
|
119
|
-
/**
|
|
120
|
-
* Style class of the badge.
|
|
121
|
-
*/
|
|
122
|
-
badgeClass?: string;
|
|
123
|
-
/**
|
|
124
|
-
* Severity type of the badge.
|
|
125
|
-
*/
|
|
126
|
-
badgeSeverity?: HintedString<"success" | "info" | "warning" | "secondary" | "danger" | "contrast">;
|
|
127
|
-
/**
|
|
128
|
-
* Whether the button is in loading state.
|
|
129
|
-
* @defaultValue false
|
|
130
|
-
*/
|
|
131
|
-
loading?: boolean;
|
|
132
|
-
/**
|
|
133
|
-
* Icon to display in loading state.
|
|
134
|
-
*/
|
|
135
|
-
loadingIcon?: string;
|
|
136
|
-
/**
|
|
137
|
-
* Add a link style to the button.
|
|
138
|
-
* @defaultValue false
|
|
139
|
-
*/
|
|
140
|
-
link?: boolean;
|
|
141
|
-
/**
|
|
142
|
-
* Defines the style of the button.
|
|
143
|
-
*/
|
|
144
|
-
severity?: HintedString<"success" | "info" | "warning" | "help" | "secondary" | "danger" | "contrast">;
|
|
145
|
-
/**
|
|
146
|
-
* Add a shadow to indicate elevation.
|
|
147
|
-
* @defaultValue false
|
|
148
|
-
*/
|
|
149
|
-
raised?: boolean;
|
|
150
|
-
/**
|
|
151
|
-
* Add a circular border radius to the button.
|
|
152
|
-
* @defaultValue false
|
|
153
|
-
*/
|
|
154
|
-
rounded?: boolean;
|
|
155
|
-
/**
|
|
156
|
-
* Add a textual class to the button without a background initially.
|
|
157
|
-
* @defaultValue false
|
|
158
|
-
*/
|
|
159
|
-
text?: boolean;
|
|
160
|
-
/**
|
|
161
|
-
* Add a border class without a background initially.
|
|
162
|
-
* @defaultValue false
|
|
163
|
-
*/
|
|
164
|
-
outlined?: boolean;
|
|
165
|
-
/**
|
|
166
|
-
* Defines the size of the button.
|
|
167
|
-
*/
|
|
168
|
-
size?: "small" | "large";
|
|
169
|
-
/**
|
|
170
|
-
* Add a plain textual class to the button without a background initially.
|
|
171
|
-
* @defaultValue false
|
|
172
|
-
*/
|
|
173
|
-
plain?: boolean;
|
|
174
|
-
/**
|
|
175
|
-
* Used to pass attributes to DOM elements inside the component.
|
|
176
|
-
* @type {ButtonPassThroughOptions}
|
|
177
|
-
*/
|
|
178
22
|
pt?: PassThrough<ButtonPassThroughOptions<any>>;
|
|
179
|
-
/**
|
|
180
|
-
* Used to configure passthrough(pt) options of the component.
|
|
181
|
-
* @type {PassThroughOptions}
|
|
182
|
-
*/
|
|
183
23
|
ptOptions?: PassThroughOptions;
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
*/
|
|
193
|
-
default(): VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
194
|
-
[key: string]: any;
|
|
195
|
-
}>[];
|
|
196
|
-
/**
|
|
197
|
-
* Custom icon template.
|
|
198
|
-
* @param {Object} scope - icon slot's params.
|
|
199
|
-
*/
|
|
200
|
-
icon(scope: {
|
|
201
|
-
/**
|
|
202
|
-
* Style class of the icon.
|
|
203
|
-
*/
|
|
204
|
-
class: string;
|
|
205
|
-
}): VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
206
|
-
[key: string]: any;
|
|
207
|
-
}>[];
|
|
208
|
-
/**
|
|
209
|
-
* Custom loading icon template.
|
|
210
|
-
* @param {Object} scope - loading icon slot's params.
|
|
211
|
-
*/
|
|
212
|
-
loadingicon(scope: {
|
|
213
|
-
/**
|
|
214
|
-
* Style class of the loading icon.
|
|
215
|
-
*/
|
|
216
|
-
class: string;
|
|
217
|
-
}): VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
218
|
-
[key: string]: any;
|
|
219
|
-
}>[];
|
|
220
|
-
}> & {
|
|
221
|
-
/**
|
|
222
|
-
* 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.
|
|
223
|
-
*/
|
|
224
|
-
default(): VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
225
|
-
[key: string]: any;
|
|
226
|
-
}>[];
|
|
227
|
-
/**
|
|
228
|
-
* Custom icon template.
|
|
229
|
-
* @param {Object} scope - icon slot's params.
|
|
230
|
-
*/
|
|
231
|
-
icon(scope: {
|
|
232
|
-
/**
|
|
233
|
-
* Style class of the icon.
|
|
234
|
-
*/
|
|
235
|
-
class: string;
|
|
236
|
-
}): VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
237
|
-
[key: string]: any;
|
|
238
|
-
}>[];
|
|
239
|
-
/**
|
|
240
|
-
* Custom loading icon template.
|
|
241
|
-
* @param {Object} scope - loading icon slot's params.
|
|
242
|
-
*/
|
|
243
|
-
loadingicon(scope: {
|
|
244
|
-
/**
|
|
245
|
-
* Style class of the loading icon.
|
|
246
|
-
*/
|
|
247
|
-
class: string;
|
|
248
|
-
}): VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
249
|
-
[key: string]: any;
|
|
250
|
-
}>[];
|
|
251
|
-
}>;
|
|
252
|
-
export default _default;
|
|
253
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
254
|
-
new (): {
|
|
255
|
-
$slots: S;
|
|
24
|
+
isAction?: boolean;
|
|
25
|
+
}>, {
|
|
26
|
+
label: string;
|
|
27
|
+
severity: "primary";
|
|
28
|
+
pt: any;
|
|
29
|
+
ptOptions: () => {
|
|
30
|
+
mergeSections: boolean;
|
|
31
|
+
mergeProps: boolean;
|
|
256
32
|
};
|
|
33
|
+
isAction: boolean;
|
|
34
|
+
}>>>, {
|
|
35
|
+
label: string;
|
|
36
|
+
pt: any;
|
|
37
|
+
ptOptions: {
|
|
38
|
+
mergeSections: boolean;
|
|
39
|
+
mergeProps: boolean;
|
|
40
|
+
};
|
|
41
|
+
severity: "text" | "success" | "warning" | "danger" | "outlined" | "primary";
|
|
42
|
+
isAction: boolean;
|
|
43
|
+
}, {}>;
|
|
44
|
+
export default _default;
|
|
45
|
+
type __VLS_WithDefaults<P, D> = {
|
|
46
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
47
|
+
default: D[K];
|
|
48
|
+
}> : P[K];
|
|
257
49
|
};
|
|
50
|
+
type __VLS_Prettify<T> = {
|
|
51
|
+
[K in keyof T]: T[K];
|
|
52
|
+
} & {};
|
|
258
53
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
259
54
|
type __VLS_TypePropsToOption<T> = {
|
|
260
55
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
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";
|
|
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";
|
|
8
|
+
export declare const ACTION_BUTTON = "flex-row-reverse w-full gap-sm pr-lg";
|
|
9
|
+
export declare const ACTION_BUTTON_LABEL = "grow truncate text-left";
|
|
10
|
+
export declare const BUTTON_LABEL_WITH_ICON = "pl-sm";
|
|
11
|
+
export declare const BUTTON_LABEL_WITHOUT_ICON = "";
|
|
12
|
+
export declare const BUTTON_SEVERITY_IS_NOT_TEXT = "pl-lg";
|
|
13
|
+
export declare const BUTTON_SEVERITY_IS_TEXT = "pr-lg";
|
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-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}.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}.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-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-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-xs{padding-left:var(--spacing-extra-small);padding-right:var(--spacing-extra-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)}
|
|
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)}
|