@infonomic/uikit 5.39.1 → 5.41.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/forms/checkbox.js +2 -0
- package/dist/components/forms/checkbox.module.css +37 -4
- package/dist/components/forms/checkbox_module.css +20 -3
- package/dist/components/forms/error-text.d.ts +2 -1
- package/dist/components/forms/error-text.d.ts.map +1 -1
- package/dist/components/forms/error-text.js +2 -2
- package/dist/components/forms/error-text.module.css +15 -0
- package/dist/components/forms/error-text.module.js +4 -1
- package/dist/components/forms/error-text_module.css +12 -0
- package/dist/components/forms/help-text.d.ts +2 -1
- package/dist/components/forms/help-text.d.ts.map +1 -1
- package/dist/components/forms/help-text.js +2 -2
- package/dist/components/forms/help-text.module.css +15 -0
- package/dist/components/forms/help-text.module.js +4 -1
- package/dist/components/forms/help-text_module.css +12 -0
- package/dist/components/forms/input.js +2 -0
- package/dist/styles/components-vanilla.css +1 -1
- package/dist/styles/styles.css +1 -1
- package/package.json +1 -1
- package/src/components/forms/checkbox.module.css +37 -4
- package/src/components/forms/checkbox.stories.tsx +49 -0
- package/src/components/forms/checkbox.tsx +2 -2
- package/src/components/forms/error-text.module.css +15 -0
- package/src/components/forms/error-text.tsx +3 -2
- package/src/components/forms/help-text.module.css +15 -0
- package/src/components/forms/help-text.tsx +3 -2
- package/src/components/forms/input.tsx +2 -2
- package/src/styles/functional/colors.css +4 -4
|
@@ -38,8 +38,10 @@ const checkbox_Checkbox = function({ ref, id, name, label, variant = 'outlined',
|
|
|
38
38
|
}),
|
|
39
39
|
error ? /*#__PURE__*/ jsx(ErrorText, {
|
|
40
40
|
id: `error-for-${id}`,
|
|
41
|
+
size: size,
|
|
41
42
|
text: errorText ?? helpText
|
|
42
43
|
}) : helpText?.length > 0 && /*#__PURE__*/ jsx(HelpText, {
|
|
44
|
+
size: size,
|
|
43
45
|
text: helpText
|
|
44
46
|
})
|
|
45
47
|
]
|
|
@@ -106,22 +106,55 @@ infonomic-components;
|
|
|
106
106
|
/* Sizes */
|
|
107
107
|
.sm,
|
|
108
108
|
:global(.infonomic-checkbox-sm) {
|
|
109
|
-
width:
|
|
110
|
-
height:
|
|
109
|
+
width: 16px;
|
|
110
|
+
height: 16px;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.sm .icon,
|
|
114
|
+
:global(.infonomic-checkbox-sm) :global(.infonomic-checkbox-icon) {
|
|
115
|
+
width: 16px;
|
|
116
|
+
height: 16px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.sm~.label,
|
|
120
|
+
:global(.infonomic-checkbox-sm)~ :global(.infonomic-checkbox-label) {
|
|
121
|
+
font-size: 0.85rem;
|
|
111
122
|
}
|
|
112
123
|
|
|
113
124
|
.md,
|
|
114
125
|
:global(.infonomic-checkbox-md) {
|
|
115
|
-
width:
|
|
116
|
-
height:
|
|
126
|
+
width: 18px;
|
|
127
|
+
height: 18px;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.md .icon,
|
|
131
|
+
:global(.infonomic-checkbox-md) :global(.infonomic-checkbox-icon) {
|
|
132
|
+
width: 18px;
|
|
133
|
+
height: 18px;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.md~.label,
|
|
137
|
+
:global(.infonomic-checkbox-md)~ :global(.infonomic-checkbox-label) {
|
|
138
|
+
font-size: 0.875rem;
|
|
117
139
|
}
|
|
118
140
|
|
|
119
141
|
.lg,
|
|
120
142
|
:global(.infonomic-checkbox-lg) {
|
|
143
|
+
width: 20px;
|
|
144
|
+
height: 20px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.lg .icon,
|
|
148
|
+
:global(.infonomic-checkbox-lg) :global(.infonomic-checkbox-icon) {
|
|
121
149
|
width: 22px;
|
|
122
150
|
height: 22px;
|
|
123
151
|
}
|
|
124
152
|
|
|
153
|
+
.lg~.label,
|
|
154
|
+
:global(.infonomic-checkbox-lg)~ :global(.infonomic-checkbox-label) {
|
|
155
|
+
font-size: 1rem;
|
|
156
|
+
}
|
|
157
|
+
|
|
125
158
|
/* Variants */
|
|
126
159
|
.outlined,
|
|
127
160
|
:global(.infonomic-checkbox-outlined) {
|
|
@@ -78,21 +78,38 @@
|
|
|
78
78
|
font-size: .875rem;
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
:is(.sm-FMFjMf, .infonomic-checkbox-sm) {
|
|
81
|
+
:is(.sm-FMFjMf, .infonomic-checkbox-sm), :is(.sm-FMFjMf .icon-gwRvT_, .infonomic-checkbox-sm .infonomic-checkbox-icon) {
|
|
82
|
+
width: 16px;
|
|
83
|
+
height: 16px;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
:is(.sm-FMFjMf ~ .label-rsCVhp, .infonomic-checkbox-sm ~ .infonomic-checkbox-label) {
|
|
87
|
+
font-size: .85rem;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
:is(.md-iztHYW, .infonomic-checkbox-md), :is(.md-iztHYW .icon-gwRvT_, .infonomic-checkbox-md .infonomic-checkbox-icon) {
|
|
82
91
|
width: 18px;
|
|
83
92
|
height: 18px;
|
|
84
93
|
}
|
|
85
94
|
|
|
86
|
-
:is(.md-iztHYW, .infonomic-checkbox-md) {
|
|
95
|
+
:is(.md-iztHYW ~ .label-rsCVhp, .infonomic-checkbox-md ~ .infonomic-checkbox-label) {
|
|
96
|
+
font-size: .875rem;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
:is(.lg-GVxECP, .infonomic-checkbox-lg) {
|
|
87
100
|
width: 20px;
|
|
88
101
|
height: 20px;
|
|
89
102
|
}
|
|
90
103
|
|
|
91
|
-
:is(.lg-GVxECP, .infonomic-checkbox-lg) {
|
|
104
|
+
:is(.lg-GVxECP .icon-gwRvT_, .infonomic-checkbox-lg .infonomic-checkbox-icon) {
|
|
92
105
|
width: 22px;
|
|
93
106
|
height: 22px;
|
|
94
107
|
}
|
|
95
108
|
|
|
109
|
+
:is(.lg-GVxECP ~ .label-rsCVhp, .infonomic-checkbox-lg ~ .infonomic-checkbox-label) {
|
|
110
|
+
font-size: 1rem;
|
|
111
|
+
}
|
|
112
|
+
|
|
96
113
|
:is(.outlined-VB1vGz, .infonomic-checkbox-outlined) {
|
|
97
114
|
border: 2px solid var(--checkbox-variant-outlined-border);
|
|
98
115
|
--checkbox-icon-color: white;
|
|
@@ -2,8 +2,9 @@ import type React from 'react';
|
|
|
2
2
|
interface ErrorTextProps {
|
|
3
3
|
id: string;
|
|
4
4
|
className?: string;
|
|
5
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
6
|
text: string;
|
|
6
7
|
}
|
|
7
|
-
export declare function ErrorText({ id, className, text }: ErrorTextProps): React.JSX.Element;
|
|
8
|
+
export declare function ErrorText({ id, className, size, text }: ErrorTextProps): React.JSX.Element;
|
|
8
9
|
export {};
|
|
9
10
|
//# sourceMappingURL=error-text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error-text.d.ts","sourceRoot":"","sources":["../../../src/components/forms/error-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"error-text.d.ts","sourceRoot":"","sources":["../../../src/components/forms/error-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAM1F"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import classnames from "classnames";
|
|
3
3
|
import error_text_module from "./error-text.module.js";
|
|
4
|
-
function ErrorText({ id, className, text }) {
|
|
4
|
+
function ErrorText({ id, className, size, text }) {
|
|
5
5
|
return /*#__PURE__*/ jsx("p", {
|
|
6
6
|
id: id,
|
|
7
|
-
className: classnames('error-text', error_text_module.text, className),
|
|
7
|
+
className: classnames('error-text', error_text_module.text, size && error_text_module[size], className),
|
|
8
8
|
children: text
|
|
9
9
|
});
|
|
10
10
|
}
|
|
@@ -12,4 +12,19 @@ infonomic-components;
|
|
|
12
12
|
font-size: 0.875rem;
|
|
13
13
|
color: var(--error);
|
|
14
14
|
}
|
|
15
|
+
|
|
16
|
+
.sm,
|
|
17
|
+
:global(.infonomic-error-text-sm) {
|
|
18
|
+
font-size: 0.85rem;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.md,
|
|
22
|
+
:global(.infonomic-error-text-md) {
|
|
23
|
+
font-size: 0.875rem;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.lg,
|
|
27
|
+
:global(.infonomic-error-text-lg) {
|
|
28
|
+
font-size: 0.9rem;
|
|
29
|
+
}
|
|
15
30
|
}
|
|
@@ -5,5 +5,17 @@
|
|
|
5
5
|
color: var(--error);
|
|
6
6
|
font-size: .875rem;
|
|
7
7
|
}
|
|
8
|
+
|
|
9
|
+
:is(.sm-jCozDb, .infonomic-error-text-sm) {
|
|
10
|
+
font-size: .85rem;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
:is(.md-b7GT8M, .infonomic-error-text-md) {
|
|
14
|
+
font-size: .875rem;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
:is(.lg-q2oWv7, .infonomic-error-text-lg) {
|
|
18
|
+
font-size: .9rem;
|
|
19
|
+
}
|
|
8
20
|
}
|
|
9
21
|
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
interface HelpTextProps {
|
|
3
3
|
className?: string;
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
4
5
|
text: string;
|
|
5
6
|
}
|
|
6
|
-
export declare function HelpText({ className, text }: HelpTextProps): React.JSX.Element;
|
|
7
|
+
export declare function HelpText({ className, size, text }: HelpTextProps): React.JSX.Element;
|
|
7
8
|
export {};
|
|
8
9
|
//# sourceMappingURL=help-text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"help-text.d.ts","sourceRoot":"","sources":["../../../src/components/forms/help-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"help-text.d.ts","sourceRoot":"","sources":["../../../src/components/forms/help-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAEpF"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import classnames from "classnames";
|
|
3
3
|
import help_text_module from "./help-text.module.js";
|
|
4
|
-
function HelpText({ className, text }) {
|
|
4
|
+
function HelpText({ className, size, text }) {
|
|
5
5
|
return /*#__PURE__*/ jsx("p", {
|
|
6
|
-
className: classnames('infonomic-help-text', help_text_module.text, className),
|
|
6
|
+
className: classnames('infonomic-help-text', help_text_module.text, size && help_text_module[size], className),
|
|
7
7
|
children: text
|
|
8
8
|
});
|
|
9
9
|
}
|
|
@@ -12,4 +12,19 @@ infonomic-components;
|
|
|
12
12
|
font-size: 0.875rem;
|
|
13
13
|
color: var(--muted);
|
|
14
14
|
}
|
|
15
|
+
|
|
16
|
+
.sm,
|
|
17
|
+
:global(.infonomic-help-text-sm) {
|
|
18
|
+
font-size: 0.85rem;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.md,
|
|
22
|
+
:global(.infonomic-help-text-md) {
|
|
23
|
+
font-size: 0.875rem;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.lg,
|
|
27
|
+
:global(.infonomic-help-text-lg) {
|
|
28
|
+
font-size: 0.9rem;
|
|
29
|
+
}
|
|
15
30
|
}
|
|
@@ -5,5 +5,17 @@
|
|
|
5
5
|
color: var(--muted);
|
|
6
6
|
font-size: .875rem;
|
|
7
7
|
}
|
|
8
|
+
|
|
9
|
+
:is(.sm-NX28sU, .infonomic-help-text-sm) {
|
|
10
|
+
font-size: .85rem;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
:is(.md-BEtXW1, .infonomic-help-text-md) {
|
|
14
|
+
font-size: .875rem;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
:is(.lg-han8YY, .infonomic-help-text-lg) {
|
|
18
|
+
font-size: .9rem;
|
|
19
|
+
}
|
|
8
20
|
}
|
|
9
21
|
|
|
@@ -51,8 +51,10 @@ const Input = ({ ref, id, name, type = 'text', variant = 'outlined', inputSize =
|
|
|
51
51
|
}),
|
|
52
52
|
error ? /*#__PURE__*/ jsx(ErrorText, {
|
|
53
53
|
id: `error-for-${id}`,
|
|
54
|
+
size: inputSize,
|
|
54
55
|
text: errorText ?? helpText
|
|
55
56
|
}) : helpText?.length > 0 && /*#__PURE__*/ jsx(HelpText, {
|
|
57
|
+
size: inputSize,
|
|
56
58
|
text: helpText
|
|
57
59
|
})
|
|
58
60
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer infonomic-base,infonomic-functional,infonomic-utilities,infonomic-theme,infonomic-typography;@layer infonomic-components{:is(.card-mqJaiW,.infonomic-card){width:100%;max-width:100%;color:var(--foreground);background:var(--canvas-25);border-width:var(--border-width-thin);border-color:var(--border-color);border-style:var(--border-style-solid);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex}:is(:is(.dark,[data-theme=dark]) .card-mqJaiW,:is(.dark,[data-theme=dark]) .infonomic-card){background:var(--canvas-800)}:is(.card-hover-hvT4d6,.infonomic-card-hover){transition:background .2s ease-in-out}:is(.card-hover-hvT4d6:hover,.infonomic-card-hover:hover){background:oklch(from var(--theme-50) 1 .03 h)}:is(:is(.dark,[data-theme=dark]) .card-hover-hvT4d6:hover,:is(.dark,[data-theme=dark]) .infonomic-card-hover:hover){background:oklch(from var(--canvas-800) .2 c h)}:is(.card-header-XnoBkP,.infonomic-card-header){flex-direction:column;gap:.5rem;padding:1rem;display:flex}:is(.card-title-JI7Lu3,.infonomic-card-title){color:var(--headings);letter-spacing:-.015em;font-size:1.8rem;font-weight:700;line-height:1}:is(.card-description-fwu7HE,.infonomic-card-description){color:var(--muted);font-size:.875rem}:is(.card-content-uhoZYJ,.infonomic-card-content){flex:1;padding:0 1rem 1rem}:is(.card-footer-BxTa4b,.infonomic-card-footer){align-items:center;padding:0 1rem 1rem;display:flex}:is(.container-tSpizY,.infonomic-container){width:100%;max-width:60rem;margin:0 auto;padding:0 1rem}@media (width>=66rem){:is(.container-tSpizY,.infonomic-container){max-width:64rem}}@media (width>=77rem){:is(.container-tSpizY,.infonomic-container){max-width:74.375rem}}@media (width>=94rem){:is(.container-tSpizY,.infonomic-container){max-width:87.5rem}}:is(.badge-8xVidp,.infonomic-badge){font-size:var(--font-size-sm);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-sm);padding:.25em .4em;font-weight:400;line-height:1;display:inline-block}:is(.primary-oZyR_M,.infonomic-badge-primary){color:var(--text-on-primary-strong);background-color:var(--fill-primary-strong)}:is(.secondary-VsqJTm,.infonomic-badge-secondary){color:var(--text-on-secondary-strong);background-color:var(--fill-secondary-strong)}:is(.noeffect-R8eJtO,.infonomic-badge-noeffect){color:var(--text-on-noeffect-strong);background-color:var(--fill-noeffect-strong)}:is(.success-h2otET,.infonomic-badge-success){color:var(--text-on-success-strong);background-color:var(--fill-success-strong)}:is(.info-OG3F3u,.infonomic-badge-info){color:var(--text-on-info-strong);background-color:var(--fill-info-strong)}:is(.warning-zTXksZ,.infonomic-badge-warning){color:var(--text-on-warning-strong);background-color:var(--fill-warning-strong)}:is(.danger-hKF7l_,.infonomic-badge-danger){color:var(--text-on-danger-strong);background-color:var(--fill-danger-strong)}:is(.button-IjDhC0,.infonomic-button){cursor:pointer;text-align:center;gap:var(--gap-2);white-space:nowrap;outline-offset:2px;transition:background-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:2px solid #0000;justify-content:center;align-items:center;font-weight:400;line-height:0;display:inline-flex}:is(.button-IjDhC0:disabled,.button-IjDhC0[disabled],.infonomic-button:disabled,.infonomic-button[disabled]){pointer-events:none}:is(.button-IjDhC0:focus,.button-IjDhC0:active,.infonomic-button:focus,.infonomic-button:active){--ring-offset-color:var(--background);--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);--ring-shadow:var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--ring-color);box-shadow:var(--ring-offset-shadow), var(--ring-shadow), var(--shadow,0 0 #0000)}.button-IjDhC0.square-P_6yde,.infonomic-button-square{aspect-ratio:1;border-radius:var(--border-radius-sm);padding:0}.button-IjDhC0.round-uqus3n,.infonomic-button-round{aspect-ratio:1;border-radius:var(--border-radius-full);padding:0}:is(.xs-jxTd5R,.infonomic-button-xs){min-height:26px;padding:.2rem .4rem;font-size:.7rem}:is(.sm-uD_Ugt,.infonomic-button-sm){min-height:32px;padding:.25rem .5rem;font-size:.775rem}:is(.md-Qp9ad6,.infonomic-button-md){min-height:38px;padding:.625rem 1.25rem;font-size:.95rem}:is(.lg-FAYTen,.infonomic-button-lg){min-height:46px;padding:.75rem 1.5rem;font-size:1.1rem}:is(.xl-Gwvhl4,.infonomic-button-xl){min-height:54px;padding:.75rem 1.5rem;font-size:1.2rem}:is(.filled-CwGsrO,.infonomic-button-filled){color:var(--button-variant-filled-foreground);background-color:var(--button-variant-filled)}:is(.filled-CwGsrO:hover,.infonomic-button-filled:hover){background-color:var(--button-variant-filled-hover)}:is(.filled-CwGsrO:focus,.filled-CwGsrO:active,.infonomic-button-filled:focus,.infonomic-button-filled:active){--ring-color:var(--button-ring-color)}:is(.filled-CwGsrO:disabled,.filled-CwGsrO[disabled],.infonomic-button-filled:disabled,.infonomic-button-filled[disabled]){background-color:var(--button-variant-filled-disabled,oklch(from var(--button-variant-filled) calc(l * 1.1) calc(c * .85) h));color:var(--button-variant-filled-foreground-disabled,oklch(from var(--button-variant-filled-foreground) calc(l * .9) calc(c * .85) h))}:is(.filled-weak-QLU8bA,.infonomic-button-filled-weak){color:var(--button-variant-filled-weak-foreground);background-color:var(--button-variant-filled-weak)}:is(.filled-weak-QLU8bA:hover,.infonomic-button-filled-weak:hover){background-color:var(--button-variant-filled-weak-hover)}:is(.filled-weak-QLU8bA:focus,.filled-weak-QLU8bA:active,.infonomic-button-filled-weak:focus,.infonomic-button-filled-weak:active){--ring-color:var(--button-ring-color)}:is(.filled-weak-QLU8bA:disabled,.filled-weak-QLU8bA[disabled],.infonomic-button-filled-weak:disabled,.infonomic-button-filled-weak[disabled]){background-color:var(--button-variant-filled-weak-disabled,oklch(from var(--button-variant-filled-weak) calc(l * 1.1) calc(c * .85) h));color:var(--button-variant-filled-weak-foreground-disabled,oklch(from var(--button-variant-filled-weak-foreground) calc(l * .9) calc(c * .85) h))}:is(.outlined-nZGbxu,.infonomic-button-outlined){border:1px solid var(--button-variant-outlined-border);color:var(--button-variant-outlined-foreground);background-color:var(--button-variant-outlined)}:is(.outlined-nZGbxu:disabled,.outlined-nZGbxu[disabled],.infonomic-button-outlined:disabled,.infonomic-button-outlined[disabled]){border-color:var(--button-variant-outlined-border-disabled,oklch(from var(--button-variant-outlined-border) calc(l * 1.5) calc(c * .8) h));color:var(--button-variant-outlined-foreground-disabled,oklch(from var(--button-variant-outlined-foreground) calc(l * 1.1) calc(c * .7) h))}:is(.outlined-nZGbxu:hover,.infonomic-button-outlined:hover){background-color:var(--button-variant-outlined-hover)}:is(.outlined-nZGbxu:focus,.outlined-nZGbxu:active,.infonomic-button-outlined:focus,.infonomic-button-outlined:active){--ring-color:var(--button-ring-color)}:is(.gradient-ySC3O3,.infonomic-button-gradient){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:disabled,.gradient-ySC3O3[disabled],.infonomic-button-gradient:disabled,.infonomic-button-gradient[disabled]){background:unset;background-color:var(--button-variant-gradient-disabled,oklch(from var(--button-variant-gradient-end) calc(l * 1.2) calc(c * .85) h));color:var(--button-variant-gradient-foreground-disabled,oklch(from var(--button-variant-gradient-foreground) calc(l * .9) calc(c * .85) h))}:is(.gradient-ySC3O3:hover,.infonomic-button-gradient:hover){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:focus,.gradient-ySC3O3:active,.infonomic-button-gradient:focus,.infonomic-button-gradient:active){--ring-color:var(--button-ring-color)}:is(.text-GaxlcE,.infonomic-button-text){background-color:var(--button-variant-text);color:var(--button-variant-text-foreground)}:is(.text-GaxlcE:disabled,.text-GaxlcE[disabled],.infonomic-button-text:disabled,.infonomic-button-text[disabled]){color:oklch(from var(--button-variant-text-foreground) calc(l * 1.5) calc(c * .5) h)}:is(.text-GaxlcE:hover,.infonomic-button-text:hover){background-color:var(--button-variant-text-hover)}:is(.text-GaxlcE:focus,.text-GaxlcE:active,.infonomic-button-text:focus,.infonomic-button-text:active){--ring-color:var(--button-ring-color)}:is(.primary-tUmczz,.infonomic-button-primary){--button-ring-color:var(--ring-primary);--button-variant-filled:var(--fill-primary-strong);--button-variant-filled-hover:var(--fill-primary-strong-hover);--button-variant-filled-disabled:var(--fill-primary-strong-disabled);--button-variant-filled-foreground:var(--text-on-primary-strong);--button-variant-filled-foreground-disabled:var(--text-on-primary-strong-disabled);--button-variant-filled-weak:var(--fill-primary-weak);--button-variant-filled-weak-hover:var(--fill-primary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-primary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-primary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-primary-weak-disabled);--button-variant-outlined:var(--fill-primary-outlined);--button-variant-outlined-hover:var(--fill-primary-outlined-hover);--button-variant-outlined-border:var(--stroke-primary);--button-variant-outlined-border-disabled:var(--stroke-primary-disabled);--button-variant-outlined-foreground:var(--text-on-primary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-primary-outlined-disabled);--button-variant-text:var(--fill-primary-text);--button-variant-text-hover:var(--fill-primary-text-hover);--button-variant-text-foreground:var(--text-primary);--button-variant-gradient-start:var(--gradient-primary-start);--button-variant-gradient-end:var(--gradient-primary-end);--button-variant-gradient-foreground:var(--gradient-primary-foreground);--button-variant-gradient-disabled:var(--gradient-primary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-primary-disabled)}:is(.secondary-UqT2AY,.infonomic-button-secondary){--button-ring-color:var(--ring-secondary);--button-variant-filled:var(--fill-secondary-strong);--button-variant-filled-hover:var(--fill-secondary-strong-hover);--button-variant-filled-disabled:var(--fill-secondary-strong-disabled);--button-variant-filled-foreground:var(--text-on-secondary-strong);--button-variant-filled-foreground-disabled:var(--text-on-secondary-strong-disabled);--button-variant-filled-weak:var(--fill-secondary-weak);--button-variant-filled-weak-hover:var(--fill-secondary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-secondary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-secondary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-secondary-weak-disabled);--button-variant-outlined:var(--fill-secondary-outlined);--button-variant-outlined-border:var(--stroke-secondary);--button-variant-outlined-border-disabled:var(--stroke-secondary-disabled);--button-variant-outlined-hover:var(--fill-secondary-outlined-hover);--button-variant-outlined-foreground:var(--text-on-secondary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-secondary-outlined-disabled);--button-variant-text:var(--fill-secondary-text);--button-variant-text-hover:var(--fill-secondary-text-hover);--button-variant-text-foreground:var(--text-secondary);--button-variant-gradient-start:var(--gradient-secondary-start);--button-variant-gradient-end:var(--gradient-secondary-end);--button-variant-gradient-foreground:var(--gradient-secondary-foreground);--button-variant-gradient-disabled:var(--gradient-secondary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-secondary-disabled)}:is(.noeffect-fpxSgg,.infonomic-button-noeffect){--button-ring-color:var(--ring-noeffect);--button-variant-filled:var(--fill-noeffect-strong);--button-variant-filled-hover:var(--fill-noeffect-strong-hover);--button-variant-filled-disabled:var(--fill-noeffect-strong-disabled);--button-variant-filled-foreground:var(--text-on-noeffect-strong);--button-variant-filled-foreground-disabled:var(--text-on-noeffect-strong-disabled);--button-variant-filled-weak:var(--fill-noeffect-weak);--button-variant-filled-weak-hover:var(--fill-noeffect-weak-hover);--button-variant-filled-weak-disabled:var(--fill-noeffect-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-noeffect-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-noeffect-weak-disabled);--button-variant-outlined:var(--fill-noeffect-outlined);--button-variant-outlined-hover:var(--fill-noeffect-outlined-hover);--button-variant-outlined-disabled:var(--fill-noeffect-outlined-disabled);--button-variant-outlined-border:var(--stroke-noeffect);--button-variant-outlined-border-disabled:var(--stroke-noeffect-disabled);--button-variant-outlined-foreground:var(--text-on-noeffect-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-noeffect-disabled);--button-variant-text:var(--fill-noeffect-text);--button-variant-text-hover:var(--fill-noeffect-text-hover);--button-variant-text-foreground:var(--text-noeffect);--button-variant-gradient-start:var(--gradient-noeffect-start);--button-variant-gradient-end:var(--gradient-noeffect-end);--button-variant-gradient-foreground:var(--gradient-noeffect-foreground);--button-variant-gradient-disabled:var(--gradient-noeffect-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-noeffect-disabled)}:is(.success-fTNDEn,.infonomic-button-success){--button-ring-color:var(--ring-success);--button-variant-filled:var(--fill-success-strong);--button-variant-filled-hover:var(--fill-success-strong-hover);--button-variant-filled-disabled:var(--fill-success-strong-disabled);--button-variant-filled-foreground:var(--text-on-success-strong);--button-variant-filled-foreground-disabled:var(--text-on-success-strong-disabled);--button-variant-filled-weak:var(--fill-success-weak);--button-variant-filled-weak-hover:var(--fill-success-weak-hover);--button-variant-filled-weak-disabled:var(--fill-success-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-success-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-success-weak-disabled);--button-variant-outlined:var(--fill-success-outlined);--button-variant-outlined-hover:var(--fill-success-outlined-hover);--button-variant-outlined-border:var(--stroke-success);--button-variant-outlined-border-disabled:var(--stroke-success-disabled);--button-variant-outlined-foreground:var(--text-on-success-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-success-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-success-text-hover);--button-variant-text-foreground:var(--text-success);--button-variant-gradient-start:var(--gradient-success-start);--button-variant-gradient-end:var(--gradient-success-end);--button-variant-gradient-foreground:var(--gradient-success-foreground);--button-variant-gradient-disabled:var(--gradient-success-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-success-disabled)}:is(.info-qrdXQD,.infonomic-button-info){--button-ring-color:var(--ring-info);--button-variant-filled:var(--fill-info-strong);--button-variant-filled-hover:var(--fill-info-strong-hover);--button-variant-filled-disabled:var(--fill-info-strong-disabled);--button-variant-filled-foreground:var(--text-on-info-strong);--button-variant-filled-foreground-disabled:var(--text-on-info-strong-disabled);--button-variant-filled-weak:var(--fill-info-weak);--button-variant-filled-weak-hover:var(--fill-info-weak-hover);--button-variant-filled-weak-disabled:var(--fill-info-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-info-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-info-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-info-outlined-hover);--button-variant-outlined-border:var(--stroke-info);--button-variant-outlined-border-disabled:var(--stroke-info-disabled);--button-variant-outlined-foreground:var(--text-on-info-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-info-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-info-text-hover);--button-variant-text-foreground:var(--text-info);--button-variant-gradient-start:var(--gradient-info-start);--button-variant-gradient-end:var(--gradient-info-end);--button-variant-gradient-foreground:var(--gradient-info-foreground);--button-variant-gradient-disabled:var(--gradient-info-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-info-disabled)}:is(.warning-a00T3A,.infonomic-button-warning){--button-ring-color:var(--ring-warning);--button-variant-filled:var(--fill-warning-strong);--button-variant-filled-hover:var(--fill-warning-strong-hover);--button-variant-filled-disabled:var(--fill-warning-strong-disabled);--button-variant-filled-foreground:var(--text-on-warning-strong);--button-variant-filled-foreground-disabled:var(--text-on-warning-strong-disabled);--button-variant-filled-weak:var(--fill-warning-weak);--button-variant-filled-weak-hover:var(--fill-warning-weak-hover);--button-variant-filled-weak-disabled:var(--fill-warning-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-warning-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-warning-weak-disabled);--button-variant-outlined:var(--fill-warning-outlined);--button-variant-outlined-hover:var(--fill-warning-outlined-hover);--button-variant-outlined-border:var(--stroke-warning);--button-variant-outlined-border-disabled:var(--stroke-warning-disabled);--button-variant-outlined-foreground:var(--text-on-warning-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-warning-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-warning-text-hover);--button-variant-text-foreground:var(--text-warning);--button-variant-gradient-start:var(--gradient-warning-start);--button-variant-gradient-end:var(--gradient-warning-end);--button-variant-gradient-foreground:var(--gradient-warning-foreground);--button-variant-gradient-disabled:var(--gradient-warning-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-warning-disabled)}:is(.danger-rwIV_i,.infonomic-button-danger){--button-ring-color:var(--ring-danger);--button-variant-filled:var(--fill-danger-strong);--button-variant-filled-hover:var(--fill-danger-strong-hover);--button-variant-filled-disabled:var(--fill-danger-strong-disabled);--button-variant-filled-foreground:var(--text-on-danger-strong);--button-variant-filled-foreground-disabled:var(--text-on-danger-strong-disabled);--button-variant-filled-weak:var(--fill-danger-weak);--button-variant-filled-weak-hover:var(--fill-danger-weak-hover);--button-variant-filled-weak-disabled:var(--fill-danger-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-danger-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-danger-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-danger-outlined-hover);--button-variant-outlined-border:var(--stroke-danger);--button-variant-outlined-border-disabled:var(--stroke-danger-disabled);--button-variant-outlined-foreground:var(--text-on-danger-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-danger-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-danger-text-hover);--button-variant-text-foreground:var(--text-danger);--button-variant-gradient-start:var(--gradient-danger-start);--button-variant-gradient-end:var(--gradient-danger-end);--button-variant-gradient-foreground:var(--gradient-danger-foreground);--button-variant-gradient-disabled:var(--gradient-danger-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-danger-disabled)}:is(.fullWidth-wXvP0v,.infonomic-button-full-width){width:100%;display:flex}:is(.button-group-uqvOi8,.infonomic-button-group){place-items:center;gap:var(--gap-2);flex-direction:column;display:flex}@media screen and (width>=40rem){:is(.button-group-uqvOi8,.infonomic-button-group){flex-direction:row}}:is(.copy-button-container-vCNz8o,.infonomic-copy-button-container){display:inline-block}:is(.copy-button-oa4bdj svg,.infonomic-copy-button svg){width:90%;height:90%;display:block}:is(.xs-lZmf78,.infonomic-copy-button-xs){width:26px;height:26px;min-height:26px;padding:.25rem}:is(.sm-KNN1e5,.infonomic-copy-button-sm){width:32px;height:32px;min-height:32px;padding:.35rem}:is(.md-OoH0l4,.infonomic-copy-button-md){width:38px;height:38px;min-height:38px;padding:.45rem}:is(.lg-uu5ujz,.infonomic-copy-button-lg){width:46px;height:46px;min-height:46px;padding:.55rem}:is(.xl-pFYyrS,.infonomic-copy-button-xl){width:54px;height:54px;min-height:54px;padding:.65rem}:is(.input-wrapper-xxN94z,.infonomic-input-wrapper){gap:var(--gap-1);flex-direction:column;display:flex}:is(.input-container-GveKcr,.infonomic-input-container){align-items:center;gap:var(--gap-2);width:100%;padding:0;display:flex;position:relative}:is(.input-voSL1w,.infonomic-input){gap:var(--gap-2);width:100%;transition:all var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:none;align-items:center;font-weight:400;display:inline-flex}:is(.input-voSL1w:focus,.input-voSL1w:active,.infonomic-input:focus,.infonomic-input:active){--ring-offset-color:var(--background);--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);--ring-shadow:var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--ring-color);box-shadow:var(--ring-offset-shadow), var(--ring-shadow), var(--shadow,0 0 #0000)}:is(.input-voSL1w:disabled,.input-voSL1w[disabled],.infonomic-input:disabled,.infonomic-input[disabled]){pointer-events:none}:is(.label-a8k0oS,.infonomic-input-label){color:var(--label-color);font-size:.875rem;font-weight:500}:is(.sm-cI5ETu,.infonomic-input-sm){min-height:32px;padding:.25rem .5rem;font-size:.875rem;line-height:0}:is(.md-moqLi4,.infonomic-input-md){min-height:36px;padding:.3rem .5rem;font-size:1rem;line-height:0}:is(.lg-Tn3YZZ,.infonomic-input-lg){min-height:40px;padding:.4rem .5rem;font-size:1.175rem;line-height:0}:is(.start-adornment-H0sdmX,.end-adornment-xl3mid,.infonomic-input-start-adornment,.infonomic-input-end-adornment){align-items:center;display:flex;position:absolute}:is(.start-adornment-H0sdmX,.infonomic-input-start-adornment){left:5px}:is(.end-adornment-xl3mid,.infonomic-input-end-adornment){right:5px}:is(.help-text-MZW4yX,.infonomic-input-help-text){color:var(--help-text-color);font-size:.75rem}:is(.outlined-xbB8mE,.infonomic-input-outlined){border:1px solid var(--input-variant-outlined-border);background-color:#0000}:is(.outlined-xbB8mE:hover,.infonomic-input-outlined:hover){border:1px solid var(--input-variant-outlined-hover-border)}:is(.outlined-xbB8mE:focus,.outlined-xbB8mE:active,.infonomic-input-outlined:focus,.infonomic-input-outlined:active){--ring-color:var(--input-variant-outline-ring-color)}:is(.underlined-zAz2HP,.infonomic-input-underlined){border-bottom:1px solid var(--input-variant-underlined-border);gap:var(--gap-1);background-color:var(--input-variant-underlined);border-radius:0}.underlined-zAz2HP.sm-cI5ETu,.infonomic-input-underlined.input-sm{min-height:26px;padding:.25rem .1rem}.underlined-zAz2HP.md-moqLi4,.infonomic-input-underlined.input-md{min-height:30px;padding:.25rem .1rem}.underlined-zAz2HP.lg-Tn3YZZ,.infonomic-input-underlined.input-lg{min-height:34px;padding:0 .1rem}:is(.underlined-zAz2HP:hover,.infonomic-input-underlined:hover){border-bottom:1px solid var(--input-variant-underlined-hover-border)}:is(.filled-M1_LzJ,.infonomic-input-filled){background-color:var(--input-variant-filled)}:is(.error-n0kSb0,.infonomic-input-error),:is(.error-n0kSb0:hover,.infonomic-input-error:hover){border:1px solid var(--red-400)}:is(.error-n0kSb0:focus,.error-n0kSb0:active,.infonomic-input-error:focus,.infonomic-input-error:active){--ring-color:var(--red-300)}.underlined-zAz2HP.start-adornment-padding-YAcYOx,.start-adornment-padding-YAcYOx,.infonomic-input-underlined.input-start-adornment-padding,.infonomic-input-start-adornment-padding{padding-left:2rem}.underlined-zAz2HP.end-adornment-padding-nC63CK,.end-adornment-padding-nC63CK,.infonomic-input-underlined.input-end-adornment-padding,.infonomic-input-end-adornment-padding{padding-right:2rem}.underlined-zAz2HP.start-adornment-H0sdmX,.infonomic-input-underlined.input-start-adornment{left:0}.underlined-zAz2HP.end-adornment-xl3mid,.infonomic-input-underlined.input-end-adornment{right:0}:is(.primary-xZZpZI,.infonomic-input-primary){--input-variant-outlined-border:var(--stroke-primary);--input-variant-outlined-hover-border:var(--stroke-primary-hover);--input-variant-outline-ring-color:var(--ring-primary);--input-variant-underlined-border:var(--stroke-primary);--input-variant-underlined-hover-border:var(--stroke-primary-hover);--input-variant-filled:var(--fill-primary-weak)}:is(.secondary-WWDy2x,.infonomic-input-secondary){--input-variant-outlined-border:var(--stroke-secondary);--input-variant-outlined-hover-border:var(--stroke-secondary-hover);--input-variant-outline-ring-color:var(--ring-secondary);--input-variant-underlined-border:var(--stroke-secondary);--input-variant-underlined-hover-border:var(--stroke-secondary-hover);--input-variant-filled:var(--fill-secondary-weak)}:is(.noeffect-LHbgak,.infonomic-input-noeffect){--input-variant-outlined-border:var(--stroke-noeffect);--input-variant-outlined-hover-border:var(--stroke-noeffect-hover);--input-variant-outline-ring-color:var(--ring-noeffect);--input-variant-underlined-border:var(--stroke-noeffect);--input-variant-underlined-hover-border:var(--stroke-noeffect-hover);--input-variant-filled:var(--fill-noeffect-weak)}:is(.success-pMbTwx,.infonomic-input-success){--input-variant-outlined-border:var(--stroke-success);--input-variant-outlined-hover-border:var(--stroke-success-hover);--input-variant-outline-ring-color:var(--ring-success);--input-variant-underlined-border:var(--stroke-success);--input-variant-underlined-hover-border:var(--stroke-success-hover);--input-variant-filled:var(--fill-success-weak)}:is(.info-SRpUkb,.infonomic-input-info){--input-variant-outlined-border:var(--stroke-info);--input-variant-outlined-hover-border:var(--stroke-info-hover);--input-variant-outline-ring-color:var(--ring-info);--input-variant-underlined-border:var(--stroke-info);--input-variant-underlined-hover-border:var(--stroke-info-hover);--input-variant-filled:var(--fill-info-weak)}:is(.warning-mHL8O2,.infonomic-input-warning){--input-variant-outlined-border:var(--stroke-warning);--input-variant-outlined-hover-border:var(--stroke-warning-hover);--input-variant-outline-ring-color:var(--ring-warning);--input-variant-underlined-border:var(--stroke-warning);--input-variant-underlined-hover-border:var(--stroke-warning-hover);--input-variant-filled:var(--fill-warning-weak)}:is(.danger-Rzx3WQ,.infonomic-input-danger){--input-variant-outlined-border:var(--stroke-danger);--input-variant-outlined-hover-border:var(--stroke-danger-hover);--input-variant-outline-ring-color:var(--ring-danger);--input-variant-underlined-border:var(--stroke-danger);--input-variant-underlined-hover-border:var(--stroke-danger-hover);--input-variant-filled:var(--fill-danger-weak)}:is(.adornment-IbSUaL,.infonomic-input-adornment){white-space:nowrap;align-items:center;line-height:0;display:flex}:is(.start-hcDqEk,.infonomic-input-adornment-start){justify-content:flex-start}:is(.end-j0ZhyO,.infonomic-input-adornment-end){justify-content:flex-end}:is(.text-area-P_aQjC,.infonomic-text-area){width:100%;padding:.5rem;font-size:1rem}:is(.underlined-a9hkur,.infonomic-text-area--underlined){padding-left:0;padding-right:0}:is(.label-Q88hWY,.infonomic-label){color:var(--text);font-weight:500;display:block}:is(.required-uod5eu,.infonomic-label-required){color:var(--error)}:is(.text-xJE0DB,.infonomic-error-text){color:var(--error);font-size:.875rem}:is(.text-U6KD9f,.infonomic-help-text){color:var(--muted);font-size:.875rem}:is(.section-CEcZOp,.infonomic-section){width:100%;position:relative}:is(.scroll-to-top-WYqAAl,.infonomic-scroll-to-top){opacity:0;visibility:hidden;z-index:20;width:0;height:0;color:var(--text-on-primary);background-color:var(--fill-primary-strong);cursor:pointer;border-style:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.5,1),color 1ms;display:flex;position:fixed;bottom:45px;right:30px}.scroll-to-top-WYqAAl span,.infonomic-scroll-to-top span{width:18px;padding-bottom:3px}.scroll-to-top-WYqAAl span svg path,.infonomic-scroll-to-top span svg path{stroke:none;fill:var(--text-on-primary)}.scroll-to-top-WYqAAl:hover,.scroll-to-top-WYqAAl:focus,.infonomic-scroll-to-top:hover,.infonomic-scroll-to-top:focus{color:var(--text-on-primary);background-color:var(--fill-primary-strong-hover);transform:translateY(-5px)}:is(.scroll-to-top-shown-Wemu5m,.infonomic-scroll-to-top-shown){opacity:1;visibility:visible;border-radius:20px;width:40px;min-width:0;height:40px;padding:0;bottom:20px;right:10px}@media screen and (width>=587px){:is(.scroll-to-top-WYqAAl,.infonomic-scroll-to-top){bottom:45px;right:45px}.scroll-to-top-WYqAAl span,.infonomic-scroll-to-top span{width:18px}:is(.scroll-to-top-shown-Wemu5m,.infonomic-scroll-to-top-shown){border-radius:21px;width:42px;height:42px;bottom:22px;right:22px}}}
|
|
1
|
+
@layer infonomic-base,infonomic-functional,infonomic-utilities,infonomic-theme,infonomic-typography;@layer infonomic-components{:is(.card-mqJaiW,.infonomic-card){width:100%;max-width:100%;color:var(--foreground);background:var(--canvas-25);border-width:var(--border-width-thin);border-color:var(--border-color);border-style:var(--border-style-solid);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex}:is(:is(.dark,[data-theme=dark]) .card-mqJaiW,:is(.dark,[data-theme=dark]) .infonomic-card){background:var(--canvas-800)}:is(.card-hover-hvT4d6,.infonomic-card-hover){transition:background .2s ease-in-out}:is(.card-hover-hvT4d6:hover,.infonomic-card-hover:hover){background:oklch(from var(--theme-50) 1 .03 h)}:is(:is(.dark,[data-theme=dark]) .card-hover-hvT4d6:hover,:is(.dark,[data-theme=dark]) .infonomic-card-hover:hover){background:oklch(from var(--canvas-800) .2 c h)}:is(.card-header-XnoBkP,.infonomic-card-header){flex-direction:column;gap:.5rem;padding:1rem;display:flex}:is(.card-title-JI7Lu3,.infonomic-card-title){color:var(--headings);letter-spacing:-.015em;font-size:1.8rem;font-weight:700;line-height:1}:is(.card-description-fwu7HE,.infonomic-card-description){color:var(--muted);font-size:.875rem}:is(.card-content-uhoZYJ,.infonomic-card-content){flex:1;padding:0 1rem 1rem}:is(.card-footer-BxTa4b,.infonomic-card-footer){align-items:center;padding:0 1rem 1rem;display:flex}:is(.container-tSpizY,.infonomic-container){width:100%;max-width:60rem;margin:0 auto;padding:0 1rem}@media (width>=66rem){:is(.container-tSpizY,.infonomic-container){max-width:64rem}}@media (width>=77rem){:is(.container-tSpizY,.infonomic-container){max-width:74.375rem}}@media (width>=94rem){:is(.container-tSpizY,.infonomic-container){max-width:87.5rem}}:is(.badge-8xVidp,.infonomic-badge){font-size:var(--font-size-sm);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-sm);padding:.25em .4em;font-weight:400;line-height:1;display:inline-block}:is(.primary-oZyR_M,.infonomic-badge-primary){color:var(--text-on-primary-strong);background-color:var(--fill-primary-strong)}:is(.secondary-VsqJTm,.infonomic-badge-secondary){color:var(--text-on-secondary-strong);background-color:var(--fill-secondary-strong)}:is(.noeffect-R8eJtO,.infonomic-badge-noeffect){color:var(--text-on-noeffect-strong);background-color:var(--fill-noeffect-strong)}:is(.success-h2otET,.infonomic-badge-success){color:var(--text-on-success-strong);background-color:var(--fill-success-strong)}:is(.info-OG3F3u,.infonomic-badge-info){color:var(--text-on-info-strong);background-color:var(--fill-info-strong)}:is(.warning-zTXksZ,.infonomic-badge-warning){color:var(--text-on-warning-strong);background-color:var(--fill-warning-strong)}:is(.danger-hKF7l_,.infonomic-badge-danger){color:var(--text-on-danger-strong);background-color:var(--fill-danger-strong)}:is(.button-IjDhC0,.infonomic-button){cursor:pointer;text-align:center;gap:var(--gap-2);white-space:nowrap;outline-offset:2px;transition:background-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:2px solid #0000;justify-content:center;align-items:center;font-weight:400;line-height:0;display:inline-flex}:is(.button-IjDhC0:disabled,.button-IjDhC0[disabled],.infonomic-button:disabled,.infonomic-button[disabled]){pointer-events:none}:is(.button-IjDhC0:focus,.button-IjDhC0:active,.infonomic-button:focus,.infonomic-button:active){--ring-offset-color:var(--background);--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);--ring-shadow:var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--ring-color);box-shadow:var(--ring-offset-shadow), var(--ring-shadow), var(--shadow,0 0 #0000)}.button-IjDhC0.square-P_6yde,.infonomic-button-square{aspect-ratio:1;border-radius:var(--border-radius-sm);padding:0}.button-IjDhC0.round-uqus3n,.infonomic-button-round{aspect-ratio:1;border-radius:var(--border-radius-full);padding:0}:is(.xs-jxTd5R,.infonomic-button-xs){min-height:26px;padding:.2rem .4rem;font-size:.7rem}:is(.sm-uD_Ugt,.infonomic-button-sm){min-height:32px;padding:.25rem .5rem;font-size:.775rem}:is(.md-Qp9ad6,.infonomic-button-md){min-height:38px;padding:.625rem 1.25rem;font-size:.95rem}:is(.lg-FAYTen,.infonomic-button-lg){min-height:46px;padding:.75rem 1.5rem;font-size:1.1rem}:is(.xl-Gwvhl4,.infonomic-button-xl){min-height:54px;padding:.75rem 1.5rem;font-size:1.2rem}:is(.filled-CwGsrO,.infonomic-button-filled){color:var(--button-variant-filled-foreground);background-color:var(--button-variant-filled)}:is(.filled-CwGsrO:hover,.infonomic-button-filled:hover){background-color:var(--button-variant-filled-hover)}:is(.filled-CwGsrO:focus,.filled-CwGsrO:active,.infonomic-button-filled:focus,.infonomic-button-filled:active){--ring-color:var(--button-ring-color)}:is(.filled-CwGsrO:disabled,.filled-CwGsrO[disabled],.infonomic-button-filled:disabled,.infonomic-button-filled[disabled]){background-color:var(--button-variant-filled-disabled,oklch(from var(--button-variant-filled) calc(l * 1.1) calc(c * .85) h));color:var(--button-variant-filled-foreground-disabled,oklch(from var(--button-variant-filled-foreground) calc(l * .9) calc(c * .85) h))}:is(.filled-weak-QLU8bA,.infonomic-button-filled-weak){color:var(--button-variant-filled-weak-foreground);background-color:var(--button-variant-filled-weak)}:is(.filled-weak-QLU8bA:hover,.infonomic-button-filled-weak:hover){background-color:var(--button-variant-filled-weak-hover)}:is(.filled-weak-QLU8bA:focus,.filled-weak-QLU8bA:active,.infonomic-button-filled-weak:focus,.infonomic-button-filled-weak:active){--ring-color:var(--button-ring-color)}:is(.filled-weak-QLU8bA:disabled,.filled-weak-QLU8bA[disabled],.infonomic-button-filled-weak:disabled,.infonomic-button-filled-weak[disabled]){background-color:var(--button-variant-filled-weak-disabled,oklch(from var(--button-variant-filled-weak) calc(l * 1.1) calc(c * .85) h));color:var(--button-variant-filled-weak-foreground-disabled,oklch(from var(--button-variant-filled-weak-foreground) calc(l * .9) calc(c * .85) h))}:is(.outlined-nZGbxu,.infonomic-button-outlined){border:1px solid var(--button-variant-outlined-border);color:var(--button-variant-outlined-foreground);background-color:var(--button-variant-outlined)}:is(.outlined-nZGbxu:disabled,.outlined-nZGbxu[disabled],.infonomic-button-outlined:disabled,.infonomic-button-outlined[disabled]){border-color:var(--button-variant-outlined-border-disabled,oklch(from var(--button-variant-outlined-border) calc(l * 1.5) calc(c * .8) h));color:var(--button-variant-outlined-foreground-disabled,oklch(from var(--button-variant-outlined-foreground) calc(l * 1.1) calc(c * .7) h))}:is(.outlined-nZGbxu:hover,.infonomic-button-outlined:hover){background-color:var(--button-variant-outlined-hover)}:is(.outlined-nZGbxu:focus,.outlined-nZGbxu:active,.infonomic-button-outlined:focus,.infonomic-button-outlined:active){--ring-color:var(--button-ring-color)}:is(.gradient-ySC3O3,.infonomic-button-gradient){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:disabled,.gradient-ySC3O3[disabled],.infonomic-button-gradient:disabled,.infonomic-button-gradient[disabled]){background:unset;background-color:var(--button-variant-gradient-disabled,oklch(from var(--button-variant-gradient-end) calc(l * 1.2) calc(c * .85) h));color:var(--button-variant-gradient-foreground-disabled,oklch(from var(--button-variant-gradient-foreground) calc(l * .9) calc(c * .85) h))}:is(.gradient-ySC3O3:hover,.infonomic-button-gradient:hover){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:focus,.gradient-ySC3O3:active,.infonomic-button-gradient:focus,.infonomic-button-gradient:active){--ring-color:var(--button-ring-color)}:is(.text-GaxlcE,.infonomic-button-text){background-color:var(--button-variant-text);color:var(--button-variant-text-foreground)}:is(.text-GaxlcE:disabled,.text-GaxlcE[disabled],.infonomic-button-text:disabled,.infonomic-button-text[disabled]){color:oklch(from var(--button-variant-text-foreground) calc(l * 1.5) calc(c * .5) h)}:is(.text-GaxlcE:hover,.infonomic-button-text:hover){background-color:var(--button-variant-text-hover)}:is(.text-GaxlcE:focus,.text-GaxlcE:active,.infonomic-button-text:focus,.infonomic-button-text:active){--ring-color:var(--button-ring-color)}:is(.primary-tUmczz,.infonomic-button-primary){--button-ring-color:var(--ring-primary);--button-variant-filled:var(--fill-primary-strong);--button-variant-filled-hover:var(--fill-primary-strong-hover);--button-variant-filled-disabled:var(--fill-primary-strong-disabled);--button-variant-filled-foreground:var(--text-on-primary-strong);--button-variant-filled-foreground-disabled:var(--text-on-primary-strong-disabled);--button-variant-filled-weak:var(--fill-primary-weak);--button-variant-filled-weak-hover:var(--fill-primary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-primary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-primary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-primary-weak-disabled);--button-variant-outlined:var(--fill-primary-outlined);--button-variant-outlined-hover:var(--fill-primary-outlined-hover);--button-variant-outlined-border:var(--stroke-primary);--button-variant-outlined-border-disabled:var(--stroke-primary-disabled);--button-variant-outlined-foreground:var(--text-on-primary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-primary-outlined-disabled);--button-variant-text:var(--fill-primary-text);--button-variant-text-hover:var(--fill-primary-text-hover);--button-variant-text-foreground:var(--text-primary);--button-variant-gradient-start:var(--gradient-primary-start);--button-variant-gradient-end:var(--gradient-primary-end);--button-variant-gradient-foreground:var(--gradient-primary-foreground);--button-variant-gradient-disabled:var(--gradient-primary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-primary-disabled)}:is(.secondary-UqT2AY,.infonomic-button-secondary){--button-ring-color:var(--ring-secondary);--button-variant-filled:var(--fill-secondary-strong);--button-variant-filled-hover:var(--fill-secondary-strong-hover);--button-variant-filled-disabled:var(--fill-secondary-strong-disabled);--button-variant-filled-foreground:var(--text-on-secondary-strong);--button-variant-filled-foreground-disabled:var(--text-on-secondary-strong-disabled);--button-variant-filled-weak:var(--fill-secondary-weak);--button-variant-filled-weak-hover:var(--fill-secondary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-secondary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-secondary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-secondary-weak-disabled);--button-variant-outlined:var(--fill-secondary-outlined);--button-variant-outlined-border:var(--stroke-secondary);--button-variant-outlined-border-disabled:var(--stroke-secondary-disabled);--button-variant-outlined-hover:var(--fill-secondary-outlined-hover);--button-variant-outlined-foreground:var(--text-on-secondary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-secondary-outlined-disabled);--button-variant-text:var(--fill-secondary-text);--button-variant-text-hover:var(--fill-secondary-text-hover);--button-variant-text-foreground:var(--text-secondary);--button-variant-gradient-start:var(--gradient-secondary-start);--button-variant-gradient-end:var(--gradient-secondary-end);--button-variant-gradient-foreground:var(--gradient-secondary-foreground);--button-variant-gradient-disabled:var(--gradient-secondary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-secondary-disabled)}:is(.noeffect-fpxSgg,.infonomic-button-noeffect){--button-ring-color:var(--ring-noeffect);--button-variant-filled:var(--fill-noeffect-strong);--button-variant-filled-hover:var(--fill-noeffect-strong-hover);--button-variant-filled-disabled:var(--fill-noeffect-strong-disabled);--button-variant-filled-foreground:var(--text-on-noeffect-strong);--button-variant-filled-foreground-disabled:var(--text-on-noeffect-strong-disabled);--button-variant-filled-weak:var(--fill-noeffect-weak);--button-variant-filled-weak-hover:var(--fill-noeffect-weak-hover);--button-variant-filled-weak-disabled:var(--fill-noeffect-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-noeffect-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-noeffect-weak-disabled);--button-variant-outlined:var(--fill-noeffect-outlined);--button-variant-outlined-hover:var(--fill-noeffect-outlined-hover);--button-variant-outlined-disabled:var(--fill-noeffect-outlined-disabled);--button-variant-outlined-border:var(--stroke-noeffect);--button-variant-outlined-border-disabled:var(--stroke-noeffect-disabled);--button-variant-outlined-foreground:var(--text-on-noeffect-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-noeffect-disabled);--button-variant-text:var(--fill-noeffect-text);--button-variant-text-hover:var(--fill-noeffect-text-hover);--button-variant-text-foreground:var(--text-noeffect);--button-variant-gradient-start:var(--gradient-noeffect-start);--button-variant-gradient-end:var(--gradient-noeffect-end);--button-variant-gradient-foreground:var(--gradient-noeffect-foreground);--button-variant-gradient-disabled:var(--gradient-noeffect-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-noeffect-disabled)}:is(.success-fTNDEn,.infonomic-button-success){--button-ring-color:var(--ring-success);--button-variant-filled:var(--fill-success-strong);--button-variant-filled-hover:var(--fill-success-strong-hover);--button-variant-filled-disabled:var(--fill-success-strong-disabled);--button-variant-filled-foreground:var(--text-on-success-strong);--button-variant-filled-foreground-disabled:var(--text-on-success-strong-disabled);--button-variant-filled-weak:var(--fill-success-weak);--button-variant-filled-weak-hover:var(--fill-success-weak-hover);--button-variant-filled-weak-disabled:var(--fill-success-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-success-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-success-weak-disabled);--button-variant-outlined:var(--fill-success-outlined);--button-variant-outlined-hover:var(--fill-success-outlined-hover);--button-variant-outlined-border:var(--stroke-success);--button-variant-outlined-border-disabled:var(--stroke-success-disabled);--button-variant-outlined-foreground:var(--text-on-success-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-success-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-success-text-hover);--button-variant-text-foreground:var(--text-success);--button-variant-gradient-start:var(--gradient-success-start);--button-variant-gradient-end:var(--gradient-success-end);--button-variant-gradient-foreground:var(--gradient-success-foreground);--button-variant-gradient-disabled:var(--gradient-success-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-success-disabled)}:is(.info-qrdXQD,.infonomic-button-info){--button-ring-color:var(--ring-info);--button-variant-filled:var(--fill-info-strong);--button-variant-filled-hover:var(--fill-info-strong-hover);--button-variant-filled-disabled:var(--fill-info-strong-disabled);--button-variant-filled-foreground:var(--text-on-info-strong);--button-variant-filled-foreground-disabled:var(--text-on-info-strong-disabled);--button-variant-filled-weak:var(--fill-info-weak);--button-variant-filled-weak-hover:var(--fill-info-weak-hover);--button-variant-filled-weak-disabled:var(--fill-info-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-info-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-info-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-info-outlined-hover);--button-variant-outlined-border:var(--stroke-info);--button-variant-outlined-border-disabled:var(--stroke-info-disabled);--button-variant-outlined-foreground:var(--text-on-info-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-info-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-info-text-hover);--button-variant-text-foreground:var(--text-info);--button-variant-gradient-start:var(--gradient-info-start);--button-variant-gradient-end:var(--gradient-info-end);--button-variant-gradient-foreground:var(--gradient-info-foreground);--button-variant-gradient-disabled:var(--gradient-info-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-info-disabled)}:is(.warning-a00T3A,.infonomic-button-warning){--button-ring-color:var(--ring-warning);--button-variant-filled:var(--fill-warning-strong);--button-variant-filled-hover:var(--fill-warning-strong-hover);--button-variant-filled-disabled:var(--fill-warning-strong-disabled);--button-variant-filled-foreground:var(--text-on-warning-strong);--button-variant-filled-foreground-disabled:var(--text-on-warning-strong-disabled);--button-variant-filled-weak:var(--fill-warning-weak);--button-variant-filled-weak-hover:var(--fill-warning-weak-hover);--button-variant-filled-weak-disabled:var(--fill-warning-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-warning-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-warning-weak-disabled);--button-variant-outlined:var(--fill-warning-outlined);--button-variant-outlined-hover:var(--fill-warning-outlined-hover);--button-variant-outlined-border:var(--stroke-warning);--button-variant-outlined-border-disabled:var(--stroke-warning-disabled);--button-variant-outlined-foreground:var(--text-on-warning-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-warning-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-warning-text-hover);--button-variant-text-foreground:var(--text-warning);--button-variant-gradient-start:var(--gradient-warning-start);--button-variant-gradient-end:var(--gradient-warning-end);--button-variant-gradient-foreground:var(--gradient-warning-foreground);--button-variant-gradient-disabled:var(--gradient-warning-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-warning-disabled)}:is(.danger-rwIV_i,.infonomic-button-danger){--button-ring-color:var(--ring-danger);--button-variant-filled:var(--fill-danger-strong);--button-variant-filled-hover:var(--fill-danger-strong-hover);--button-variant-filled-disabled:var(--fill-danger-strong-disabled);--button-variant-filled-foreground:var(--text-on-danger-strong);--button-variant-filled-foreground-disabled:var(--text-on-danger-strong-disabled);--button-variant-filled-weak:var(--fill-danger-weak);--button-variant-filled-weak-hover:var(--fill-danger-weak-hover);--button-variant-filled-weak-disabled:var(--fill-danger-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-danger-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-danger-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-danger-outlined-hover);--button-variant-outlined-border:var(--stroke-danger);--button-variant-outlined-border-disabled:var(--stroke-danger-disabled);--button-variant-outlined-foreground:var(--text-on-danger-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-danger-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-danger-text-hover);--button-variant-text-foreground:var(--text-danger);--button-variant-gradient-start:var(--gradient-danger-start);--button-variant-gradient-end:var(--gradient-danger-end);--button-variant-gradient-foreground:var(--gradient-danger-foreground);--button-variant-gradient-disabled:var(--gradient-danger-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-danger-disabled)}:is(.fullWidth-wXvP0v,.infonomic-button-full-width){width:100%;display:flex}:is(.button-group-uqvOi8,.infonomic-button-group){place-items:center;gap:var(--gap-2);flex-direction:column;display:flex}@media screen and (width>=40rem){:is(.button-group-uqvOi8,.infonomic-button-group){flex-direction:row}}:is(.copy-button-container-vCNz8o,.infonomic-copy-button-container){display:inline-block}:is(.copy-button-oa4bdj svg,.infonomic-copy-button svg){width:90%;height:90%;display:block}:is(.xs-lZmf78,.infonomic-copy-button-xs){width:26px;height:26px;min-height:26px;padding:.25rem}:is(.sm-KNN1e5,.infonomic-copy-button-sm){width:32px;height:32px;min-height:32px;padding:.35rem}:is(.md-OoH0l4,.infonomic-copy-button-md){width:38px;height:38px;min-height:38px;padding:.45rem}:is(.lg-uu5ujz,.infonomic-copy-button-lg){width:46px;height:46px;min-height:46px;padding:.55rem}:is(.xl-pFYyrS,.infonomic-copy-button-xl){width:54px;height:54px;min-height:54px;padding:.65rem}:is(.input-wrapper-xxN94z,.infonomic-input-wrapper){gap:var(--gap-1);flex-direction:column;display:flex}:is(.input-container-GveKcr,.infonomic-input-container){align-items:center;gap:var(--gap-2);width:100%;padding:0;display:flex;position:relative}:is(.input-voSL1w,.infonomic-input){gap:var(--gap-2);width:100%;transition:all var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:none;align-items:center;font-weight:400;display:inline-flex}:is(.input-voSL1w:focus,.input-voSL1w:active,.infonomic-input:focus,.infonomic-input:active){--ring-offset-color:var(--background);--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);--ring-shadow:var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--ring-color);box-shadow:var(--ring-offset-shadow), var(--ring-shadow), var(--shadow,0 0 #0000)}:is(.input-voSL1w:disabled,.input-voSL1w[disabled],.infonomic-input:disabled,.infonomic-input[disabled]){pointer-events:none}:is(.label-a8k0oS,.infonomic-input-label){color:var(--label-color);font-size:.875rem;font-weight:500}:is(.sm-cI5ETu,.infonomic-input-sm){min-height:32px;padding:.25rem .5rem;font-size:.875rem;line-height:0}:is(.md-moqLi4,.infonomic-input-md){min-height:36px;padding:.3rem .5rem;font-size:1rem;line-height:0}:is(.lg-Tn3YZZ,.infonomic-input-lg){min-height:40px;padding:.4rem .5rem;font-size:1.175rem;line-height:0}:is(.start-adornment-H0sdmX,.end-adornment-xl3mid,.infonomic-input-start-adornment,.infonomic-input-end-adornment){align-items:center;display:flex;position:absolute}:is(.start-adornment-H0sdmX,.infonomic-input-start-adornment){left:5px}:is(.end-adornment-xl3mid,.infonomic-input-end-adornment){right:5px}:is(.help-text-MZW4yX,.infonomic-input-help-text){color:var(--help-text-color);font-size:.75rem}:is(.outlined-xbB8mE,.infonomic-input-outlined){border:1px solid var(--input-variant-outlined-border);background-color:#0000}:is(.outlined-xbB8mE:hover,.infonomic-input-outlined:hover){border:1px solid var(--input-variant-outlined-hover-border)}:is(.outlined-xbB8mE:focus,.outlined-xbB8mE:active,.infonomic-input-outlined:focus,.infonomic-input-outlined:active){--ring-color:var(--input-variant-outline-ring-color)}:is(.underlined-zAz2HP,.infonomic-input-underlined){border-bottom:1px solid var(--input-variant-underlined-border);gap:var(--gap-1);background-color:var(--input-variant-underlined);border-radius:0}.underlined-zAz2HP.sm-cI5ETu,.infonomic-input-underlined.input-sm{min-height:26px;padding:.25rem .1rem}.underlined-zAz2HP.md-moqLi4,.infonomic-input-underlined.input-md{min-height:30px;padding:.25rem .1rem}.underlined-zAz2HP.lg-Tn3YZZ,.infonomic-input-underlined.input-lg{min-height:34px;padding:0 .1rem}:is(.underlined-zAz2HP:hover,.infonomic-input-underlined:hover){border-bottom:1px solid var(--input-variant-underlined-hover-border)}:is(.filled-M1_LzJ,.infonomic-input-filled){background-color:var(--input-variant-filled)}:is(.error-n0kSb0,.infonomic-input-error),:is(.error-n0kSb0:hover,.infonomic-input-error:hover){border:1px solid var(--red-400)}:is(.error-n0kSb0:focus,.error-n0kSb0:active,.infonomic-input-error:focus,.infonomic-input-error:active){--ring-color:var(--red-300)}.underlined-zAz2HP.start-adornment-padding-YAcYOx,.start-adornment-padding-YAcYOx,.infonomic-input-underlined.input-start-adornment-padding,.infonomic-input-start-adornment-padding{padding-left:2rem}.underlined-zAz2HP.end-adornment-padding-nC63CK,.end-adornment-padding-nC63CK,.infonomic-input-underlined.input-end-adornment-padding,.infonomic-input-end-adornment-padding{padding-right:2rem}.underlined-zAz2HP.start-adornment-H0sdmX,.infonomic-input-underlined.input-start-adornment{left:0}.underlined-zAz2HP.end-adornment-xl3mid,.infonomic-input-underlined.input-end-adornment{right:0}:is(.primary-xZZpZI,.infonomic-input-primary){--input-variant-outlined-border:var(--stroke-primary);--input-variant-outlined-hover-border:var(--stroke-primary-hover);--input-variant-outline-ring-color:var(--ring-primary);--input-variant-underlined-border:var(--stroke-primary);--input-variant-underlined-hover-border:var(--stroke-primary-hover);--input-variant-filled:var(--fill-primary-weak)}:is(.secondary-WWDy2x,.infonomic-input-secondary){--input-variant-outlined-border:var(--stroke-secondary);--input-variant-outlined-hover-border:var(--stroke-secondary-hover);--input-variant-outline-ring-color:var(--ring-secondary);--input-variant-underlined-border:var(--stroke-secondary);--input-variant-underlined-hover-border:var(--stroke-secondary-hover);--input-variant-filled:var(--fill-secondary-weak)}:is(.noeffect-LHbgak,.infonomic-input-noeffect){--input-variant-outlined-border:var(--stroke-noeffect);--input-variant-outlined-hover-border:var(--stroke-noeffect-hover);--input-variant-outline-ring-color:var(--ring-noeffect);--input-variant-underlined-border:var(--stroke-noeffect);--input-variant-underlined-hover-border:var(--stroke-noeffect-hover);--input-variant-filled:var(--fill-noeffect-weak)}:is(.success-pMbTwx,.infonomic-input-success){--input-variant-outlined-border:var(--stroke-success);--input-variant-outlined-hover-border:var(--stroke-success-hover);--input-variant-outline-ring-color:var(--ring-success);--input-variant-underlined-border:var(--stroke-success);--input-variant-underlined-hover-border:var(--stroke-success-hover);--input-variant-filled:var(--fill-success-weak)}:is(.info-SRpUkb,.infonomic-input-info){--input-variant-outlined-border:var(--stroke-info);--input-variant-outlined-hover-border:var(--stroke-info-hover);--input-variant-outline-ring-color:var(--ring-info);--input-variant-underlined-border:var(--stroke-info);--input-variant-underlined-hover-border:var(--stroke-info-hover);--input-variant-filled:var(--fill-info-weak)}:is(.warning-mHL8O2,.infonomic-input-warning){--input-variant-outlined-border:var(--stroke-warning);--input-variant-outlined-hover-border:var(--stroke-warning-hover);--input-variant-outline-ring-color:var(--ring-warning);--input-variant-underlined-border:var(--stroke-warning);--input-variant-underlined-hover-border:var(--stroke-warning-hover);--input-variant-filled:var(--fill-warning-weak)}:is(.danger-Rzx3WQ,.infonomic-input-danger){--input-variant-outlined-border:var(--stroke-danger);--input-variant-outlined-hover-border:var(--stroke-danger-hover);--input-variant-outline-ring-color:var(--ring-danger);--input-variant-underlined-border:var(--stroke-danger);--input-variant-underlined-hover-border:var(--stroke-danger-hover);--input-variant-filled:var(--fill-danger-weak)}:is(.adornment-IbSUaL,.infonomic-input-adornment){white-space:nowrap;align-items:center;line-height:0;display:flex}:is(.start-hcDqEk,.infonomic-input-adornment-start){justify-content:flex-start}:is(.end-j0ZhyO,.infonomic-input-adornment-end){justify-content:flex-end}:is(.text-area-P_aQjC,.infonomic-text-area){width:100%;padding:.5rem;font-size:1rem}:is(.underlined-a9hkur,.infonomic-text-area--underlined){padding-left:0;padding-right:0}:is(.label-Q88hWY,.infonomic-label){color:var(--text);font-weight:500;display:block}:is(.required-uod5eu,.infonomic-label-required){color:var(--error)}:is(.text-xJE0DB,.infonomic-error-text){color:var(--error);font-size:.875rem}:is(.sm-jCozDb,.infonomic-error-text-sm){font-size:.85rem}:is(.md-b7GT8M,.infonomic-error-text-md){font-size:.875rem}:is(.lg-q2oWv7,.infonomic-error-text-lg){font-size:.9rem}:is(.text-U6KD9f,.infonomic-help-text){color:var(--muted);font-size:.875rem}:is(.sm-NX28sU,.infonomic-help-text-sm){font-size:.85rem}:is(.md-BEtXW1,.infonomic-help-text-md){font-size:.875rem}:is(.lg-han8YY,.infonomic-help-text-lg){font-size:.9rem}:is(.section-CEcZOp,.infonomic-section){width:100%;position:relative}:is(.scroll-to-top-WYqAAl,.infonomic-scroll-to-top){opacity:0;visibility:hidden;z-index:20;width:0;height:0;color:var(--text-on-primary);background-color:var(--fill-primary-strong);cursor:pointer;border-style:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.5,1),color 1ms;display:flex;position:fixed;bottom:45px;right:30px}.scroll-to-top-WYqAAl span,.infonomic-scroll-to-top span{width:18px;padding-bottom:3px}.scroll-to-top-WYqAAl span svg path,.infonomic-scroll-to-top span svg path{stroke:none;fill:var(--text-on-primary)}.scroll-to-top-WYqAAl:hover,.scroll-to-top-WYqAAl:focus,.infonomic-scroll-to-top:hover,.infonomic-scroll-to-top:focus{color:var(--text-on-primary);background-color:var(--fill-primary-strong-hover);transform:translateY(-5px)}:is(.scroll-to-top-shown-Wemu5m,.infonomic-scroll-to-top-shown){opacity:1;visibility:visible;border-radius:20px;width:40px;min-width:0;height:40px;padding:0;bottom:20px;right:10px}@media screen and (width>=587px){:is(.scroll-to-top-WYqAAl,.infonomic-scroll-to-top){bottom:45px;right:45px}.scroll-to-top-WYqAAl span,.infonomic-scroll-to-top span{width:18px}:is(.scroll-to-top-shown-Wemu5m,.infonomic-scroll-to-top-shown){border-radius:21px;width:42px;height:42px;bottom:22px;right:22px}}}
|
package/dist/styles/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer infonomic-base{@keyframes enterFromRight{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes enterFromLeft{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes exitToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}@keyframes exitToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}@keyframes scaleIn{0%{opacity:0;transform:rotateX(-30deg)scale(.9)}to{opacity:1;transform:rotateX(0)scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:rotateX(0)scale(1)}to{opacity:0;transform:rotateX(-10deg)scale(.95)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}:root{--border-width-thin:1px;--border-width-normal:2px;--border-width-thick:4px;--border-style-solid:solid;--border-style-dashed:dashed;--border-style-dotted:dotted;--border-radius-none:0px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:24px;--border-radius-full:9999px;--ring-offset-width:2px;--ring-inset: ;--ring-shadow:0 0 #0000;--breakpoint-xs:30rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:66rem;--breakpoint-xl:77rem;--breakpoint-2xl:94rem;--theme-base:oklch(43.11% .1 317.53);--theme-25:oklch(from var(--theme-base) calc(l * 2) c h);--theme-50:oklch(from var(--theme-base) calc(l * 1.75) c h);--theme-100:oklch(from var(--theme-base) calc(l * 1.5) c h);--theme-200:oklch(from var(--theme-base) calc(l * 1.25) c h);--theme-300:oklch(from var(--theme-base) calc(l * 1.1) c h);--theme-400:var(--theme-base);--theme-500:oklch(from var(--theme-base) calc(l * .95) c h);--theme-600:oklch(from var(--theme-base) calc(l * .9) c h);--theme-700:oklch(from var(--theme-base) calc(l * .85) c h);--theme-800:oklch(from var(--theme-base) calc(l * .8) c h);--theme-900:oklch(from var(--theme-base) calc(l * .75) c h);--theme-950:oklch(from var(--theme-base) calc(l * .7) c h);--primary-base:oklch(49.7% .189 295.76);--primary-25:oklch(from var(--primary-base) calc(l * 2) c h);--primary-50:oklch(from var(--primary-base) calc(l * 1.75) c h);--primary-100:oklch(from var(--primary-base) calc(l * 1.5) c h);--primary-200:oklch(from var(--primary-base) calc(l * 1.25) c h);--primary-300:oklch(from var(--primary-base) calc(l * 1.1) c h);--primary-400:var(--primary-base);--primary-500:oklch(from var(--primary-base) calc(l * .95) c h);--primary-600:oklch(from var(--primary-base) calc(l * .9) c h);--primary-700:oklch(from var(--primary-base) calc(l * .85) c h);--primary-800:oklch(from var(--primary-base) calc(l * .8) c h);--primary-900:oklch(from var(--primary-base) calc(l * .75) c h);--primary-950:oklch(from var(--primary-base) calc(l * .7) c h);--secondary-base:oklch(84.61% .15 82.94);--secondary-25:oklch(from var(--secondary-base) calc(l * 2.25) .1 h);--secondary-50:oklch(from var(--secondary-base) calc(l * 2) c h);--secondary-100:oklch(from var(--secondary-base) calc(l * 1.75) c h);--secondary-200:oklch(from var(--secondary-base) calc(l * 1.5) c h);--secondary-300:oklch(from var(--secondary-base) calc(l * 1.1) c h);--secondary-400:var(--secondary-base);--secondary-500:oklch(from var(--secondary-base) calc(l * .95) c h);--secondary-600:oklch(from var(--secondary-base) calc(l * .9) c h);--secondary-700:oklch(from var(--secondary-base) calc(l * .85) c h);--secondary-800:oklch(from var(--secondary-base) calc(l * .8) c h);--secondary-900:oklch(from var(--secondary-base) calc(l * .75) c h);--secondary-950:oklch(from var(--secondary-base) calc(l * .7) c h);--accent-base:oklch(75.4% .1 324.9);--accent-25:oklch(from var(--accent-base) .985 .06 h);--accent-50:oklch(from var(--accent-base) .975 .08 h);--accent-100:oklch(from var(--accent-base) .9 .07 h);--accent-200:oklch(from var(--accent-base) .85 c h);--accent-300:oklch(from var(--accent-base) .8 c h);--accent-400:var(--accent-base);--accent-500:oklch(from var(--accent-base) .7 c h);--accent-600:oklch(from var(--accent-base) .68 c h);--accent-700:oklch(from var(--accent-base) .62 .1 h);--accent-800:oklch(from var(--accent-base) .6 .1 h);--accent-900:oklch(from var(--accent-base) .58 .1 h);--accent-950:oklch(from var(--accent-base) .5 .11 h);--canvas-base:oklch(54.2% .0037 275.34);--canvas-25:oklch(from var(--canvas-base) calc(l * 1.9) c h);--canvas-50:oklch(from var(--canvas-base) calc(l * 1.75) c h);--canvas-100:oklch(from var(--canvas-base) calc(l * 1.6) c h);--canvas-200:oklch(from var(--canvas-base) calc(l * 1.4) c h);--canvas-300:oklch(from var(--canvas-base) calc(l * 1.2) c h);--canvas-400:var(--canvas-base);--canvas-500:oklch(from var(--canvas-base) calc(l * .9) c h);--canvas-600:oklch(from var(--canvas-base) calc(l * .7) c h);--canvas-700:oklch(from var(--canvas-base) calc(l * .5) c h);--canvas-800:oklch(from var(--canvas-base) calc(l * .335) c h);--canvas-900:oklch(from var(--canvas-base) calc(l * .3) c h);--canvas-950:oklch(from var(--canvas-base) calc(l * .225) c h);--gray-base:oklch(59.84% 0 0);--gray-25:oklch(from var(--gray-base) calc(l * 1.625) c h);--gray-50:oklch(from var(--gray-base) calc(l * 1.575) c h);--gray-100:oklch(from var(--gray-base) calc(l * 1.475) c h);--gray-200:oklch(from var(--gray-base) calc(l * 1.35) c h);--gray-300:oklch(from var(--gray-base) calc(l * 1.175) c h);--gray-400:var(--gray-base);--gray-500:oklch(from var(--gray-base) calc(l * .85) c h);--gray-600:oklch(from var(--gray-base) calc(l * .725) c h);--gray-700:oklch(from var(--gray-base) calc(l * .6126) c h);--gray-800:oklch(from var(--gray-base) calc(l * .5) c h);--gray-900:oklch(from var(--gray-base) calc(l * .4) c h);--gray-950:oklch(from var(--gray-base) calc(l * .3) c h);--green-base:oklch(65.26% .18 142.58);--green-25:oklch(from var(--green-base) calc(l * 2) c h);--green-50:oklch(from var(--green-base) calc(l * 1.75) c h);--green-100:oklch(from var(--green-base) calc(l * 1.5) c h);--green-200:oklch(from var(--green-base) calc(l * 1.25) c h);--green-300:oklch(from var(--green-base) calc(l * 1.1) c h);--green-400:var(--green-base);--green-500:oklch(from var(--green-base) calc(l * .95) c h);--green-600:oklch(from var(--green-base) calc(l * .9) c h);--green-700:oklch(from var(--green-base) calc(l * .85) c h);--green-800:oklch(from var(--green-base) calc(l * .8) c h);--green-900:oklch(from var(--green-base) calc(l * .75) c h);--green-950:oklch(from var(--green-base) calc(l * .7) c h);--blue-base:oklch(53.66% .1942 265.89);--blue-25:oklch(from var(--blue-base) calc(l * 2) c h);--blue-50:oklch(from var(--blue-base) calc(l * 1.75) c h);--blue-100:oklch(from var(--blue-base) calc(l * 1.5) c h);--blue-200:oklch(from var(--blue-base) calc(l * 1.25) c h);--blue-300:oklch(from var(--blue-base) calc(l * 1.1) c h);--blue-400:var(--blue-base);--blue-500:oklch(from var(--blue-base) calc(l * .95) c h);--blue-600:oklch(from var(--blue-base) calc(l * .9) c h);--blue-700:oklch(from var(--blue-base) calc(l * .85) c h);--blue-800:oklch(from var(--blue-base) calc(l * .8) c h);--blue-900:oklch(from var(--blue-base) calc(l * .75) c h);--blue-950:oklch(from var(--blue-base) calc(l * .7) c h);--yellow-base:oklch(75% .15 82.94);--yellow-25:oklch(from var(--yellow-base) calc(l * 2) c h);--yellow-50:oklch(from var(--yellow-base) calc(l * 1.75) c h);--yellow-100:oklch(from var(--yellow-base) calc(l * 1.5) c h);--yellow-200:oklch(from var(--yellow-base) calc(l * 1.25) c h);--yellow-300:oklch(from var(--yellow-base) calc(l * 1.1) c h);--yellow-400:var(--yellow-base);--yellow-500:oklch(from var(--yellow-base) calc(l * .95) c h);--yellow-600:oklch(from var(--yellow-base) calc(l * .9) c h);--yellow-700:oklch(from var(--yellow-base) calc(l * .85) c h);--yellow-800:oklch(from var(--yellow-base) calc(l * .8) c h);--yellow-900:oklch(from var(--yellow-base) calc(l * .75) c h);--yellow-950:oklch(from var(--yellow-base) calc(l * .7) c h);--red-base:oklch(54.27% .18 31.76);--red-25:oklch(from var(--red-base) calc(l * 2) c h);--red-50:oklch(from var(--red-base) calc(l * 1.75) c h);--red-100:oklch(from var(--red-base) calc(l * 1.5) c h);--red-200:oklch(from var(--red-base) calc(l * 1.25) c h);--red-300:oklch(from var(--red-base) calc(l * 1.1) c h);--red-400:var(--red-base);--red-500:oklch(from var(--red-base) calc(l * .95) c h);--red-600:oklch(from var(--red-base) calc(l * .9) c h);--red-700:oklch(from var(--red-base) calc(l * .85) c h);--red-800:oklch(from var(--red-base) calc(l * .8) c h);--red-900:oklch(from var(--red-base) calc(l * .75) c h);--red-950:oklch(from var(--red-base) calc(l * .7) c h);--opacity-0:0;--opacity-25:.25;--opacity-50:.5;--opacity-75:.75;--opacity-100:1;--shadow:0 0 #0000;--shadow-xs:0px 1px 2px #0000000d;--shadow-sm:0px 2px 4px #0000001a;--shadow-md:0px 4px 6px #0000001a;--shadow-lg:0px 6px 12px #00000026;--shadow-xl:0px 8px 16px #0003;--spacing-0:0;--spacing-2:.125rem;--spacing-4:.25rem;--spacing-6:.375rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-28:1.75rem;--spacing-32:2rem;--spacing-36:2.25rem;--spacing-40:2.5rem;--spacing-44:2.75rem;--spacing-48:3rem;--spacing-64:4rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-112:7rem;--spacing-128:8rem;--size-0:0;--size-2:.125rem;--size-4:.25rem;--size-6:.375rem;--size-8:.5rem;--size-12:.75rem;--size-16:1rem;--size-20:1.25rem;--size-24:1.5rem;--size-28:1.75rem;--size-32:2rem;--size-36:2.25rem;--size-40:2.5rem;--size-44:2.75rem;--size-48:3rem;--size-64:4rem;--size-80:5rem;--size-96:6rem;--size-112:7rem;--size-128:8rem;--transition-fast:.175s ease-in-out;--transition-normal:.23s ease-in-out;--transition-slow:.4s ease-in-out;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:2.625rem;--font-size-6xl:3rem;--font-size-7xl:3.375rem;--font-size-8xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-ultrabold:900;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.05em;--z-index-low:10;--z-index-medium:100;--z-index-high:1000;--z-index-modal:1050;--z-index-toast:1100}}@layer infonomic-functional{:root{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500) calc(l * .9) c h);--fill-primary-strong-disabled:oklch(from var(--primary-500) calc(l * 1.1) calc(c * .85) h);--fill-primary-weak:oklch(from var(--primary-500) calc(l * 2.04) calc(c * .2) h / .7);--fill-primary-weak-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-weak-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-outlined:transparent;--fill-primary-outlined-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-outlined-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-text:transparent;--fill-primary-text-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-text-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--text-on-primary-strong:white;--text-on-primary-strong-hover:var(--primary-600);--text-on-primary-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-primary-weak:oklch(from var(--primary-500) calc(l * .7) c h);--text-on-primary-weak-hover:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-weak-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-outlined:oklch(from var(--primary-500) calc(l * .7) c h);--text-on-primary-outlined-hover:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-outlined-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-primary:var(--primary-500);--text-primary-weak:oklch(from var(--primary-500) calc(l * .7) c h);--text-primary-hover:oklch(from var(--primary-500) calc(l * .7) c h);--text-primary-disabled:oklch(from var(--primary-500) calc(l * 1.5) calc(c * .5) h);--stroke-primary:var(--primary-600);--stroke-primary-hover:oklch(from var(--primary-600) calc(l * .85) c h);--stroke-primary-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .8) h);--ring-primary:var(--primary-500);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700) calc(l * 1.2) calc(c * .85) h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500) calc(l * .95) c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .85) h);--fill-secondary-weak:oklch(from var(--secondary-500) calc(l * 1.6) calc(c * .4) h / .5);--fill-secondary-weak-hover:oklch(from var(--secondary-500) calc(l * 1.2) calc(c * .4) h / .5);--fill-secondary-weak-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .5);--fill-secondary-outlined:var(--fill-secondary-outlined);--fill-secondary-outlined-hover:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) h / .7);--fill-secondary-outlined-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .7);--fill-secondary-text:transparent;--fill-secondary-text-hover:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) h / .7);--fill-secondary-text-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .7);--text-on-secondary-strong:black;--text-on-secondary-strong-disabled:oklch(0% 0 0);--text-on-secondary-strong-hover:oklch(0% 0 0);--text-on-secondary-weak:var(--secondary-900);--text-on-secondary-weak-hover:oklch(from var(--secondary-900) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-weak-disabled:oklch(from var(--secondary-900) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined:var(--secondary-800);--text-on-secondary-outlined-hover:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined-disabled:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-secondary:var(--secondary-800);--text-secondary-weak:oklch(from var(--secondary-500) calc(l * .7) c h);--text-secondary-hover:oklch(from var(--secondary-900) calc(l * .7) c h);--text-secondary-disabled:oklch(from var(--secondary-700) calc(l * 1.5) calc(c * .5) h);--stroke-secondary:var(--secondary-700);--stroke-secondary-hover:oklch(from var(--secondary-700) calc(l * .85) c h);--stroke-secondary-disabled:oklch(from var(--secondary-700) calc(l * 1.5) calc(c * .8) h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700) calc(l * 1.2) calc(c * .85) h);--fill-noeffect-strong:var(--gray-100);--fill-noeffect-strong-hover:oklch(from var(--gray-100) calc(l * .95) c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-100) calc(l * 1.1) calc(c * .85) h);--fill-noeffect-weak:oklch(from var(--gray-100) calc(l * 1.07) c h / .7);--fill-noeffect-weak-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .7);--fill-noeffect-weak-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .7);--fill-noeffect-outlined:transparent;--fill-noeffect-outlined-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .5);--fill-noeffect-outlined-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .5);--fill-noeffect-text:transparent;--fill-noeffect-text-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .5);--fill-noeffect-text-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .5);--text-on-noeffect-strong:black;--text-on-noeffect-strong-hover:oklch(0% 0 0);--text-on-noeffect-strong-disabled:oklch(0% 0 0);--text-on-noeffect-weak:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-weak-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-weak-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-outlined-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-text:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-text-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-text-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-noeffect:var(--gray-600);--text-noeffect-weak:oklch(from var(--gray-400) calc(l * .7) c h);--text-noeffect-hover:oklch(from var(--gray-400) calc(l * .7) c h);--text-noeffect-disabled:oklch(from var(--gray-600) calc(l * 1.5) calc(c * .5) h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500) calc(l * .75) c h);--stroke-noeffect-disabled:oklch(from var(--gray-500) calc(l * 1.5) calc(c * .8) h);--ring-noeffect:var(--gray-200);--gradient-noeffect-start:var(--gray-100);--gradient-noeffect-end:var(--gray-200);--gradient-noeffect-foreground:black;--gradient-noeffect-hover:var(--gray-400);--gradient-noeffect-disabled:oklch(from var(--gray-200) calc(l * 1.2) calc(c * .85) h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400) calc(l * .9) c h);--fill-success-strong-disabled:oklch(from var(--green-400) calc(l * 1.1) calc(c * .85) h);--fill-success-weak:oklch(from var(--green-100) calc(l * 1.09) calc(c * .85) h / .5);--fill-success-weak-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .5);--fill-success-weak-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .5);--fill-success-outlined:transparent;--fill-success-outlined-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .4);--fill-success-outlined-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .4);--fill-success-text:transparent;--fill-success-text-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .4);--fill-success-text-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .4);--text-on-success-strong:white;--text-on-success-strong-hover:oklch(90% 5.0664e-8 90);--text-on-success-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-success-weak:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-weak-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-weak-disabled:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-outlined:var(--green-600);--text-on-success-outlined-hover:oklch(from var(--green-600) calc(l * .7) c h);--text-on-success-outlined-disabled:oklch(from var(--green-600) calc(l * .7) c h);--text-success:var(--green-600);--text-success-weak:oklch(from var(--green-400) calc(l * .7) c h);--text-success-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-success-disabled:oklch(from var(--green-600) calc(l * 1.5) calc(c * .5) h);--stroke-success:var(--green-600);--stroke-success-hover:oklch(from var(--green-600) calc(l * .85) c h);--stroke-success-disabled:oklch(from var(--green-600) calc(l * 1.5) calc(c * .8) h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700) calc(l * 1.2) calc(c * .85) h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400) calc(l * .9) c h);--fill-info-strong-disabled:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .85) h);--fill-info-weak:oklch(from var(--blue-400) calc(l * 1.75) calc(c * .2) h / .7);--fill-info-weak-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-weak-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--fill-info-outlined:transparent;--fill-info-outlined-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-outlined-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--fill-info-text:transparent;--fill-info-text-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-text-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--text-on-info-strong:white;--text-on-info-strong-hover:oklch(90% 5.0664e-8 90);--text-on-info-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-info-weak:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-weak-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-weak-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-info:var(--blue-300);--text-info-weak:oklch(from var(--blue-400) calc(l * .7) c h);--text-info-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-info-disabled:oklch(from var(--blue-300) calc(l * 1.5) calc(c * .5) h);--stroke-info:var(--blue-500);--stroke-info-hover:oklch(from var(--blue-500) calc(l * .85) c h);--stroke-info-disabled:oklch(from var(--blue-500) calc(l * 1.5) calc(c * .8) h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700) calc(l * 1.2) calc(c * .85) h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300) calc(l * .95) c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300) calc(l * 1.1) calc(c * .85) h);--fill-warning-weak:oklch(from var(--yellow-300) calc(l * 1.5) calc(c * .5) h / .7);--fill-warning-weak-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-weak-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--fill-warning-outlined:transparent;--fill-warning-outlined-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-outlined-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--fill-warning-text:transparent;--fill-warning-text-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-text-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--text-on-warning-strong:black;--text-on-warning-strong-hover:oklch(0% 0 0);--text-on-warning-strong-disabled:oklch(0% 0 0);--text-on-warning-weak:var(--yellow-700);--text-on-warning-weak-hover:oklch(from var(--yellow-700) calc(l * .9) calc(c * .85) h);--text-on-warning-weak-disabled:oklch(from var(--yellow-700) calc(l * .9) calc(c * .85) h);--text-on-warning-outlined:var(--yellow-800);--text-on-warning-outlined-hover:oklch(from var(--yellow-800) calc(l * .9) calc(c * .85) h);--text-on-warning-outlined-disabled:oklch(from var(--yellow-800) calc(l * .9) calc(c * .85) h);--text-warning:var(--yellow-700);--text-warning-weak:oklch(from var(--yellow-700) calc(l * .6) c h);--text-warning-hover:oklch(from var(--yellow-700) calc(l * .6) c h);--text-warning-disabled:oklch(from var(--yellow-700) calc(l * 1.5) calc(c * .5) h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500) calc(l * .85) c h);--stroke-warning-disabled:oklch(from var(--yellow-500) calc(l * 1.5) calc(c * .8) h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400) calc(l * 1.2) calc(c * .85) h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400) calc(l * .9) c h);--fill-danger-strong-disabled:oklch(from var(--red-400) calc(l * 1.1) calc(c * .85) h);--fill-danger-weak:oklch(from var(--red-300) calc(l * 1.75) calc(c * .5) h / .7);--fill-danger-weak-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-weak-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-outlined:transparent;--fill-danger-outlined-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-outlined-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-text:transparent;--fill-danger-text-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-text-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--text-on-danger-strong:white;--text-on-danger-strong-hover:oklch(90% 5.0664e-8 90);--text-on-danger-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-danger-weak:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-weak-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-weak-disabled:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined-disabled:oklch(from var(--red-400) calc(l * .7) c h);--text-danger:var(--red-500);--text-danger-weak:oklch(from var(--red-400) calc(l * .7) c h);--text-danger-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-danger-disabled:oklch(from var(--red-500) calc(l * 1.5) calc(c * .5) h);--stroke-danger:var(--red-500);--stroke-danger-hover:oklch(from var(--red-500) calc(l * .85) c h);--stroke-danger-disabled:oklch(from var(--red-500) calc(l * 1.5) calc(c * .8) h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700) calc(l * 1.2) calc(c * .85) h)}.dark,[data-theme=dark],[data-theme=dark]::backdrop{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500) calc(l * .9) c h);--fill-primary-strong-disabled:oklch(from var(--primary-500) calc(l * 1.1) calc(c * .85) h);--fill-primary-weak:oklch(from var(--primary-500) calc(l * 1.05) calc(c * .9) h / .5);--fill-primary-weak-hover:oklch(from var(--primary-500) l calc(c * .9) h / .5);--fill-primary-weak-disabled:oklch(from var(--primary-500) l calc(c * .9) h / .5);--fill-primary-outlined:transparent;--fill-primary-outlined-hover:oklch(from var(--primary-500) calc(l * .9) calc(c * .9) h / .3);--fill-primary-outlined-disabled:oklch(from var(--primary-500) calc(l * .9) calc(c * .9) h / .3);--fill-primary-text:transparent;--fill-primary-text-hover:oklch(from var(--primary-500) calc(l * .9) calc(c * .9) h / .3);--fill-primary-text-disabled:oklch(from var(--primary-500) calc(l * .9) calc(c * .9) h / .3);--text-on-primary-strong:white;--text-on-primary-strong-hover:var(--primary-600);--text-on-primary-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-primary-weak:var(--primary-200);--text-on-primary-weak-hover:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-weak-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-outlined:var(--primary-200);--text-on-primary-outlined-hover:oklch(from var(--primary-200) l calc(c * .5) h);--text-on-primary-outlined-disabled:oklch(from var(--primary-200) l calc(c * .5) h);--text-primary:var(--primary-300);--text-primary-weak:oklch(from var(--primary-300) calc(l * .7) c h);--text-primary-hover:oklch(from var(--primary-300) calc(l * .7) c h);--text-primary-disabled:oklch(from var(--primary-300) calc(l * 1.5) calc(c * .5) h);--stroke-primary:var(--primary-300);--stroke-primary-hover:oklch(from var(--primary-300) calc(l * 1.1) c h);--stroke-primary-disabled:oklch(from var(--primary-300) calc(l * .8) calc(c * .8) h);--ring-primary:var(--primary-300);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700) calc(l * .85) calc(c * .85) h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500) calc(l * .95) c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .85) h);--fill-secondary-weak:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .8) h / .2);--fill-secondary-weak-hover:oklch(from var(--secondary-500) l calc(c * .8) h / .2);--fill-secondary-weak-disabled:oklch(from var(--secondary-500) l calc(c * .8) c h / .2);--fill-secondary-outlined:transparent;--fill-secondary-outlined-hover:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .8) h / .1);--fill-secondary-outlined-disabled:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .8) h / .1);--fill-secondary-text:transparent;--fill-secondary-text-hover:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .8) h / .1);--fill-secondary-text-disabled:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .8) h / .1);--text-on-secondary-strong:black;--text-on-secondary-strong-disabled:oklch(0% 0 0);--text-on-secondary-strong-hover:oklch(0% 0 0);--text-on-secondary-weak:oklch(from var(--secondary-500) calc(l * .7) c h);--text-on-secondary-weak-hover:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-weak-disabled:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined:oklch(from var(--secondary-500) calc(l * .7) c h);--text-on-secondary-outlined-hover:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined-disabled:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-secondary:var(--secondary-500);--text-secondary-weak:oklch(from var(--secondary-500) calc(l * .7) c h);--text-secondary-hover:oklch(from var(--secondary-500) calc(l * .7) c h);--text-secondary-disabled:oklch(from var(--secondary-500) calc(l * 1.5) calc(c * .5) h);--stroke-secondary:var(--secondary-500);--stroke-secondary-hover:oklch(from var(--secondary-500) calc(l * 1.1) c h);--stroke-secondary-disabled:oklch(from var(--secondary-500) calc(l * .8) calc(c * .8) h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700) calc(l * .85) calc(c * .85) h);--fill-noeffect-strong:var(--gray-100);--fill-noeffect-strong-hover:oklch(from var(--gray-100) calc(l * .95) c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-100) calc(l * 1.1) calc(c * .85) h);--fill-noeffect-weak:oklch(from var(--gray-100) calc(l * 1.09) c h / .3);--fill-noeffect-weak-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .3);--fill-noeffect-weak-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .3);--fill-noeffect-outlined:transparent;--fill-noeffect-outlined-hover:oklch(from var(--gray-300) calc(l * 1.05) c h / .1);--fill-noeffect-outlined-disabled:oklch(from var(--gray-300) calc(l * 1.07) c h / .1);--fill-noeffect-text:transparent;--fill-noeffect-text-hover:oklch(from var(--gray-300) calc(l * 1.05) c h / .1);--fill-noeffect-text-disabled:oklch(from var(--gray-300) calc(l * 1.07) c h / .1);--text-on-noeffect-strong:black;--text-on-noeffect-strong-hover:oklch(0% 0 0);--text-on-noeffect-strong-disabled:oklch(0% 0 0);--text-on-noeffect-weak:var(--gray-950);--text-on-noeffect-weak-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-weak-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined:var(--gray-200);--text-on-noeffect-outlined-hover:oklch(from var(--gray-200) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined-disabled:oklch(from var(--gray-200) calc(l * 1.5) calc(c * .5) h);--text-noeffect:var(--gray-200);--text-noeffect-weak:oklch(from var(--gray-200) calc(l * .7) c h);--text-noeffect-hover:oklch(from var(--gray-200) calc(l * .7) c h);--text-noeffect-disabled:oklch(from var(--gray-200) calc(l * 1.5) calc(c * .5) h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500) calc(l * 1.2) c h);--stroke-noeffect-disabled:oklch(from var(--gray-500) calc(l * .8) calc(c * .8) h);--ring-noeffect:var(--gray-900);--gradient-noeffect-start:var(--gray-700);--gradient-noeffect-end:var(--gray-800);--gradient-noeffect-foreground:white;--gradient-noeffect-hover:var(--gray-800);--gradient-noeffect-disabled:oklch(from var(--gray-800) calc(l * .85) calc(c * .85) h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400) calc(l * .9) c h);--fill-success-strong-disabled:oklch(from var(--green-400) calc(l * 1.1) calc(c * .85) h);--fill-success-weak:oklch(from var(--green-100) calc(l * 1.09) calc(c * .85) h / .2);--fill-success-weak-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .2);--fill-success-weak-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .2);--fill-success-outlined:transparent;--fill-success-outlined-hover:oklch(from var(--green-300) calc(l * .975) calc(c * .85) h / .2);--fill-success-outlined-disabled:oklch(from var(--green-300) calc(l * 1.07) calc(c * .85) h / .2);--fill-success-text:transparent;--fill-success-text-hover:oklch(from var(--green-300) calc(l * .975) calc(c * .85) h / .1);--fill-success-text-disabled:oklch(from var(--green-300) calc(l * 1.07) calc(c * .85) h / .1);--text-on-success-strong:white;--text-on-success-strong-hover:oklch(90% 5.0664e-8 90);--text-on-success-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-success-weak:var(--green-400);--text-on-success-weak-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-weak-disabled:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-outlined:oklch(from var(--green-200) calc(l * .7) c h);--text-on-success-outlined-hover:oklch(from var(--green-200) calc(l * .7) c h);--text-on-success-outlined-disabled:oklch(from var(--green-200) calc(l * .7) c h);--text-success:var(--green-300);--text-success-weak:oklch(from var(--green-300) calc(l * .7) c h);--text-success-hover:oklch(from var(--green-300) calc(l * .7) c h);--text-success-disabled:oklch(from var(--green-300) calc(l * 1.5) calc(c * .5) h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700) calc(l * .85) calc(c * .85) h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400) calc(l * .9) c h);--fill-info-strong-disabled:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .85) h);--fill-info-weak:oklch(from var(--blue-400) calc(l * 1.75) calc(c * .9) h / .2);--fill-info-weak-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .9) h / .2);--fill-info-weak-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .9) h / .2);--fill-info-outlined:transparent;--fill-info-outlined-hover:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .9) h / .2);--fill-info-outlined-disabled:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .9) h / .2);--fill-info-text:transparent;--fill-info-text-hover:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .9) h / .2);--fill-info-text-disabled:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .9) h / .2);--text-on-info-strong:white;--text-on-info-strong-hover:oklch(90% 5.0664e-8 90);--text-on-info-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-info-weak:var(--blue-200);--text-on-info-weak-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-weak-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined:var(--blue-200);--text-on-info-outlined-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-info:var(--blue-200);--text-info-weak:oklch(from var(--blue-200) calc(l * .7) c h);--text-info-hover:oklch(from var(--blue-200) calc(l * .7) c h);--text-info-disabled:oklch(from var(--blue-200) calc(l * 1.5) calc(c * .5) h);--stroke-info:var(--blue-400);--stroke-info-hover:oklch(from var(--blue-400) calc(l * 1.1) c h);--stroke-info-disabled:oklch(from var(--blue-400) calc(l * .8) calc(c * .8) h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700) calc(l * .85) calc(c * .85) h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300) calc(l * .875) c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300) calc(l * 1.1) calc(c * .85) h);--fill-warning-weak:oklch(from var(--yellow-300) calc(l * 1.5) calc(c * .8) h / .2);--fill-warning-weak-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .8) h / .2);--fill-warning-weak-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .8) h / .2);--fill-warning-outlined:transparent;--fill-warning-outlined-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .8) h / .1);--fill-warning-outlined-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .8) h / .1);--fill-warning-text:transparent;--fill-warning-text-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .8) h / .1);--fill-warning-text-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .8) h / .1);--text-on-warning-strong:black;--text-on-warning-strong-hover:oklch(0% 0 0);--text-on-warning-strong-disabled:oklch(0% 0 0);--text-on-warning-weak:var(--yellow-400);--text-on-warning-weak-hover:oklch(from var(--yellow-400) calc(l * .9) calc(c * .85) h);--text-on-warning-weak-disabled:oklch(from var(--yellow-400) calc(l * .9) calc(c * .85) h);--text-on-warning-outlined:var(--yellow-400);--text-on-warning-outlined-hover:oklch(from var(--yellow-400) calc(l * .9) calc(c * .85) h);--text-on-warning-outlined-disabled:oklch(from var(--yellow-400) calc(l * .9) calc(c * .85) h);--text-warning:var(--yellow-400);--text-warning-weak:oklch(from var(--yellow-300) calc(l * .6) c h);--text-warning-hover:oklch(from var(--yellow-300) calc(l * .6) c h);--text-warning-disabled:oklch(from var(--yellow-700) calc(l * 1.5) calc(c * .5) h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500) calc(l * 1.1) c h);--stroke-warning-disabled:oklch(from var(--yellow-500) calc(l * .8) calc(c * .8) h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400) calc(l * .85) calc(c * .85) h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400) calc(l * .9) c h);--fill-danger-strong-disabled:oklch(from var(--red-400) calc(l * 1.1) calc(c * .85) h);--fill-danger-weak:oklch(from var(--red-400) calc(l * 1.75) calc(c * .9) h / .2);--fill-danger-weak-hover:oklch(from var(--red-400) calc(l * 1.65) calc(c * .9) h / .2);--fill-danger-weak-disabled:oklch(from var(--red-400) calc(l * 1.65) calc(c * .9) h / .2);--fill-danger-outlined:transparent;--fill-danger-outlined-hover:oklch(from var(--red-300) calc(l * 1.65) c h / .1);--fill-danger-outlined-disabled:oklch(from var(--red-300) calc(l * 1.65) c h / .1);--fill-danger-text:transparent;--fill-danger-text-hover:oklch(from var(--red-300) calc(l * 1.65) c h / .1);--fill-danger-text-disabled:oklch(from var(--red-300) calc(l * 1.65) c h / .1);--text-on-danger-strong:white;--text-on-danger-strong-hover:oklch(90% 5.0664e-8 90);--text-on-danger-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-danger-weak:oklch(from var(--red-100) calc(l * .7) c h);--text-on-danger-weak-hover:oklch(from var(--red-100) calc(l * .7) c h);--text-on-danger-weak-disabled:oklch(from var(--red-100) calc(l * .7) c h);--text-on-danger-outlined:var(--red-400);--text-on-danger-outlined-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined-disabled:oklch(from var(--red-400) calc(l * .7) c h);--text-danger:var(--red-400);--text-danger-weak:oklch(from var(--red-400) calc(l * .7) c h);--text-danger-disabled:oklch(from var(--red-500) calc(l * 1.5) calc(c * .5) h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700) calc(l * .85) calc(c * .85) h)}.not-dark{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500) calc(l * .9) c h);--fill-primary-strong-disabled:oklch(from var(--primary-500) calc(l * 1.1) calc(c * .85) h);--fill-primary-weak:oklch(from var(--primary-500) calc(l * 2.04) calc(c * .2) h / .7);--fill-primary-weak-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-weak-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-outlined:transparent;--fill-primary-outlined-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-outlined-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-text:transparent;--fill-primary-text-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-text-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--text-on-primary-strong:white;--text-on-primary-strong-hover:var(--primary-600);--text-on-primary-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-primary-weak:oklch(from var(--primary-500) calc(l * .7) c h);--text-on-primary-weak-hover:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-weak-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-outlined:oklch(from var(--primary-500) calc(l * .7) c h);--text-on-primary-outlined-hover:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-outlined-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-primary:var(--primary-500);--text-primary-weak:oklch(from var(--primary-500) calc(l * .7) c h);--text-primary-hover:oklch(from var(--primary-500) calc(l * .7) c h);--text-primary-disabled:oklch(from var(--primary-500) calc(l * 1.5) calc(c * .5) h);--stroke-primary:var(--primary-600);--stroke-primary-hover:oklch(from var(--primary-600) calc(l * .85) c h);--stroke-primary-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .8) h);--ring-primary:var(--primary-500);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700) calc(l * 1.2) calc(c * .85) h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500) calc(l * .95) c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .85) h);--fill-secondary-weak:oklch(from var(--secondary-500) calc(l * 1.6) calc(c * .4) h / .5);--fill-secondary-weak-hover:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) h / .5);--fill-secondary-weak-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .5);--fill-secondary-outlined:transparent;--fill-secondary-outlined-hover:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) h / .7);--fill-secondary-outlined-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .7);--fill-secondary-text:transparent;--fill-secondary-text-hover:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) h / .7);--fill-secondary-text-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .7);--text-on-secondary-strong:black;--text-on-secondary-strong-disabled:oklch(0% 0 0);--text-on-secondary-strong-hover:oklch(0% 0 0);--text-on-secondary-weak:oklch(from var(--secondary-500) calc(l * .7) c h);--text-on-secondary-weak-hover:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-weak-disabled:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined:oklch(from var(--secondary-500) calc(l * .7) c h);--text-on-secondary-outlined-hover:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined-disabled:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-secondary:var(--secondary-500);--text-secondary-weak:oklch(from var(--secondary-500) calc(l * .7) c h);--text-secondary-hover:oklch(from var(--secondary-500) calc(l * .7) c h);--text-secondary-disabled:oklch(from var(--secondary-500) calc(l * 1.5) calc(c * .5) h);--stroke-secondary:var(--secondary-700);--stroke-secondary-hover:oklch(from var(--secondary-700) calc(l * .85) c h);--stroke-secondary-disabled:oklch(from var(--secondary-700) calc(l * 1.5) calc(c * .8) h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700) calc(l * 1.2) calc(c * .85) h);--fill-noeffect-strong:var(--gray-100);--fill-noeffect-strong-hover:oklch(from var(--gray-100) calc(l * .95) c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-100) calc(l * 1.1) calc(c * .85) h);--fill-noeffect-weak:oklch(from var(--gray-100) calc(l * 1.07) c h / .7);--fill-noeffect-weak-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .7);--fill-noeffect-weak-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .7);--fill-noeffect-outlined:transparent;--fill-noeffect-outlined-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .7);--fill-noeffect-outlined-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .7);--text-on-noeffect-strong:black;--text-on-noeffect-strong-hover:oklch(0% 0 0);--text-on-noeffect-strong-disabled:oklch(0% 0 0);--text-on-noeffect-weak:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-weak-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-weak-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-outlined-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-text:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-text-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-text-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-noeffect:var(--gray-600);--text-noeffect-weak:oklch(from var(--gray-400) calc(l * .7) c h);--text-noeffect-hover:oklch(from var(--gray-400) calc(l * .7) c h);--text-noeffect-disabled:oklch(from var(--gray-600) calc(l * 1.5) calc(c * .5) h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500) calc(l * .75) c h);--stroke-noeffect-disabled:oklch(from var(--gray-500) calc(l * 1.5) calc(c * .8) h);--ring-noeffect:var(--gray-200);--gradient-noeffect-start:var(--gray-100);--gradient-noeffect-end:var(--gray-200);--gradient-noeffect-foreground:black;--gradient-noeffect-hover:var(--gray-400);--gradient-noeffect-disabled:oklch(from var(--gray-200) calc(l * 1.2) calc(c * .85) h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400) calc(l * .9) c h);--fill-success-strong-disabled:oklch(from var(--green-400) calc(l * 1.1) calc(c * .85) h);--fill-success-weak:oklch(from var(--green-100) calc(l * 1.09) calc(c * .85) h / .7);--fill-success-weak-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .7);--fill-success-weak-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .7);--fill-success-outlined:transparent;--fill-success-outlined-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .7);--fill-success-outlined-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .7);--fill-success-text:transparent;--fill-success-text-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .7);--fill-success-text-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .7);--text-on-success-strong:white;--text-on-success-strong-hover:oklch(90% 5.0664e-8 90);--text-on-success-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-success-weak:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-weak-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-weak-disabled:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-outlined:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-outlined-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-outlined-disabled:oklch(from var(--green-400) calc(l * .7) c h);--text-success:var(--green-600);--text-success-weak:oklch(from var(--green-400) calc(l * .7) c h);--text-success-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-success-disabled:oklch(from var(--green-600) calc(l * 1.5) calc(c * .5) h);--stroke-success:var(--green-600);--stroke-success-hover:oklch(from var(--green-600) calc(l * .85) c h);--stroke-success-disabled:oklch(from var(--green-600) calc(l * 1.5) calc(c * .8) h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700) calc(l * 1.2) calc(c * .85) h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400) calc(l * .9) c h);--fill-info-strong-disabled:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .85) h);--fill-info-weak:oklch(from var(--blue-400) calc(l * 1.75) calc(c * .2) h / .7);--fill-info-weak-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-weak-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--fill-info-outlined:transparent;--fill-info-outlined-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-outlined-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--fill-info-text:transparent;--fill-info-text-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-text-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--text-on-info-strong:white;--text-on-info-strong-hover:oklch(90% 5.0664e-8 90);--text-on-info-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-info-weak:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-weak-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-weak-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-info:var(--blue-300);--text-info-weak:oklch(from var(--blue-400) calc(l * .7) c h);--text-info-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-info-disabled:oklch(from var(--blue-300) calc(l * 1.5) calc(c * .5) h);--stroke-info:var(--blue-500);--stroke-info-hover:oklch(from var(--blue-500) calc(l * .85) c h);--stroke-info-disabled:oklch(from var(--blue-500) calc(l * 1.5) calc(c * .8) h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700) calc(l * 1.2) calc(c * .85) h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300) calc(l * .95) c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300) calc(l * 1.1) calc(c * .85) h);--fill-warning-weak:oklch(from var(--yellow-300) calc(l * 1.5) calc(c * .5) h / .7);--fill-warning-weak-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-weak-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--fill-warning-outlined:transparent;--fill-warning-outlined-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-outlined-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--fill-warning-text:transparent;--fill-warning-text-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-text-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--text-on-warning-strong:black;--text-on-warning-strong-hover:oklch(0% 0 0);--text-on-warning-strong-disabled:oklch(0% 0 0);--text-on-warning-weak:black;--text-on-warning-weak-hover:oklch(0% 0 0);--text-on-warning-weak-disabled:oklch(0% 0 0);--text-on-warning-outlined:black;--text-on-warning-outlined-hover:oklch(0% 0 0);--text-on-warning-outlined-disabled:oklch(0% 0 0);--text-warning:var(--yellow-700);--text-warning-weak:oklch(from var(--yellow-300) calc(l * .6) c h);--text-warning-hover:oklch(from var(--yellow-300) calc(l * .6) c h);--text-warning-disabled:oklch(from var(--yellow-700) calc(l * 1.5) calc(c * .5) h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500) calc(l * .85) c h);--stroke-warning-disabled:oklch(from var(--yellow-500) calc(l * 1.5) calc(c * .8) h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400) calc(l * 1.2) calc(c * .85) h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400) calc(l * .9) c h);--fill-danger-strong-disabled:oklch(from var(--red-400) calc(l * 1.1) calc(c * .85) h);--fill-danger-weak:oklch(from var(--red-300) calc(l * 1.75) calc(c * .5) h / .7);--fill-danger-weak-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-weak-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-outlined:transparent;--fill-danger-outlined-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-outlined-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-text:transparent;--fill-danger-text-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-text-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--text-on-danger-strong:white;--text-on-danger-strong-hover:oklch(90% 5.0664e-8 90);--text-on-danger-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-danger-weak:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-weak-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-weak-disabled:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined-disabled:oklch(from var(--red-400) calc(l * .7) c h);--text-danger:var(--red-500);--text-danger-weak:oklch(from var(--red-400) calc(l * .7) c h);--text-danger-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-danger-disabled:oklch(from var(--red-500) calc(l * 1.5) calc(c * .5) h);--stroke-danger:var(--red-500);--stroke-danger-hover:oklch(from var(--red-500) calc(l * .85) c h);--stroke-danger-disabled:oklch(from var(--red-500) calc(l * 1.5) calc(c * .8) h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700) calc(l * 1.2) calc(c * .85) h)}:root{--background:var(--canvas-25);--foreground:var(--gray-900);--shadow:var(--shadow-md);--loader-color:currentColor;--surface-panel:var(--canvas-25);--surface-panel-elevated:white;--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-50);--surface-item-active:var(--canvas-100);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-400);--surface-panel-scrollbar:var(--gray-50);--surface-panel-scrollbar-thumb:var(--primary-100)}.dark,[data-theme=dark],[data-theme=dark]::backdrop{--background:var(--canvas-900);--foreground:var(--gray-50);--shadow:var(--shadow-lg);--loader-color:currentColor;--surface-panel:var(--canvas-800);--surface-panel-elevated:var(--canvas-800);--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-700);--surface-item-active:var(--canvas-600);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-500);--surface-panel-scrollbar:var(--canvas-700);--surface-panel-scrollbar-thumb:var(--primary-400)}.not-dark{--background:var(--canvas-25);--foreground:var(--gray-900);--shadow:var(--shadow-md);--loader-color:currentColor;--surface-panel:var(--canvas-25);--surface-panel-elevated:white;--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-50);--surface-item-active:var(--canvas-100);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-400);--surface-panel-scrollbar:var(--gray-50);--surface-panel-scrollbar-thumb:var(--primary-100)}:root{--text:var(--gray-900);--headings:var(--primary-700);--muted:oklch(from var(--foreground) calc(l * 2) c h);--error:var(--red-500)}.dark,[data-theme=dark],[data-theme=dark]::backdrop{--text:var(--gray-50);--headings:var(--gray-50);--muted:oklch(from var(--foreground) calc(l * .75) c h);--error:var(--red-400)}.not-dark{--text:var(--gray-900);--headings:var(--primary-800);--muted:oklch(from var(--foreground) calc(l * 2) c h);--error:var(--red-500)}:root{--border-color:var(--gray-100)}.dark,[data-theme=dark]{--border-color:var(--canvas-600)}.not-dark{--border-color:var(--gray-100)}:root{--grid-columns-2:2;--grid-columns-3:3;--grid-columns-4:4;--grid-columns-5:5;--grid-columns-6:6;--grid-columns-7:7;--grid-columns-8:8;--grid-columns-9:9;--grid-columns-10:10;--grid-columns-11:11;--grid-columns-12:12;--grid-gap-sm:8px;--grid-gap-md:16px;--grid-gap-lg:24px;--grid-column-size-xs:240px;--grid-column-size-sm:260px;--grid-column-size-md:320px;--grid-column-size-lg:480px;--gap-0:var(--spacing-0);--gap-1:var(--spacing-4);--gap-2:var(--spacing-8);--gap-3:var(--spacing-12);--gap-4:var(--spacing-16);--gap-5:var(--spacing-20);--gap-6:var(--spacing-6);--gap-8:var(--spacing-8);--gap-10:var(--spacing-40);--gap-12:var(--spacing-48);--gap-16:var(--spacing-64);--gap-20:var(--spacing-80);--gap-24:var(--spacing-96);--gap-32:var(--spacing-128);--flex-row:row;--flex-column:column;--flex-wrap:wrap;--flex-nowrap:nowrap;--flex-center:center}}@layer infonomic-utilities{.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.background{background-color:var(--background)}.foreground{color:var(--foreground)}.text{color:var(--text)}.headings{color:var(--headings)}.muted{color:var(--muted);font-size:.925rem}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-position:20%;background-repeat:no-repeat;background-size:65%;width:1.1rem;height:1.1rem;margin-right:-5px;display:inline-block}.dark .external-link:after,[data-theme=dark] .external-link:after{background-image:url(/external-link-dark.svg)}.primary-strong{background-color:var(--fill-primary-strong);color:var(--text-on-primary)}.primary-weak{background-color:var(--fill-primary-weak);color:var(--text-on-primary)}.secondary-strong{background-color:var(--fill-secondary-strong);color:var(--text-on-secondary)}.secondary-weak{background-color:var(--fill-secondary-weak);color:var(--text-on-secondary)}.accent-strong{background-color:var(--fill-accent-strong);color:var(--text-on-accent)}.accent-weak{background-color:var(--fill-accent-weak);color:var(--text-on-accent)}.info-strong{background-color:var(--fill-info-strong);color:var(--text-on-info)}.info-weak{background-color:var(--fill-info-weak);color:var(--text-on-info)}.success-strong{background-color:var(--fill-success-strong);color:var(--text-on-success)}.success-weak{background-color:var(--fill-success-weak);color:var(--text-on-success)}.warning-strong{background-color:var(--fill-warning-strong);color:var(--text-on-warning)}.warning-weak{background-color:var(--fill-warning-weak);color:var(--text-on-warning)}.danger-strong{background-color:var(--fill-danger-strong);color:var(--text-on-danger)}.danger-weak{background-color:var(--fill-danger-weak);color:var(--text-on-danger)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.text-8xl{font-size:var(--font-size-8xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-ultrabold{font-weight:var(--font-weight-ultrabold)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}@media (width>=40rem){.sm\:text-xs{font-size:var(--font-size-xs)}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-base{font-size:var(--font-size-base)}.sm\:text-lg{font-size:var(--font-size-lg)}.sm\:text-xl{font-size:var(--font-size-xl)}.sm\:text-2xl{font-size:var(--font-size-2xl)}.sm\:text-3xl{font-size:var(--font-size-3xl)}.sm\:text-4xl{font-size:var(--font-size-4xl)}.sm\:text-5xl{font-size:var(--font-size-5xl)}.sm\:text-6xl{font-size:var(--font-size-6xl)}.sm\:text-7xl{font-size:var(--font-size-7xl)}.sm\:text-8xl{font-size:var(--font-size-8xl)}.sm\:font-light{font-weight:var(--font-weight-light)}.sm\:font-normal{font-weight:var(--font-weight-normal)}.sm\:font-medium{font-weight:var(--font-weight-medium)}.sm\:font-semibold{font-weight:var(--font-weight-semibold)}.sm\:font-bold{font-weight:var(--font-weight-bold)}.sm\:font-extrabold{font-weight:var(--font-weight-extrabold)}.sm\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.sm\:leading-tight{line-height:var(--line-height-tight)}.sm\:leading-snug{line-height:var(--line-height-snug)}.sm\:leading-normal{line-height:var(--line-height-normal)}.sm\:leading-relaxed{line-height:var(--line-height-relaxed)}.sm\:leading-loose{line-height:var(--line-height-loose)}.sm\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.sm\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.sm\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}@media (width>=48rem){.md\:text-xs{font-size:var(--font-size-xs)}.md\:text-sm{font-size:var(--font-size-sm)}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}.md\:text-3xl{font-size:var(--font-size-3xl)}.md\:text-4xl{font-size:var(--font-size-4xl)}.md\:text-5xl{font-size:var(--font-size-5xl)}.md\:text-6xl{font-size:var(--font-size-6xl)}.md\:text-7xl{font-size:var(--font-size-7xl)}.md\:text-8xl{font-size:var(--font-size-8xl)}.md\:font-light{font-weight:var(--font-weight-light)}.md\:font-normal{font-weight:var(--font-weight-normal)}.md\:font-medium{font-weight:var(--font-weight-medium)}.md\:font-semibold{font-weight:var(--font-weight-semibold)}.md\:font-bold{font-weight:var(--font-weight-bold)}.md\:font-extrabold{font-weight:var(--font-weight-extrabold)}.md\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.md\:leading-tight{line-height:var(--line-height-tight)}.md\:leading-snug{line-height:var(--line-height-snug)}.md\:leading-normal{line-height:var(--line-height-normal)}.md\:leading-relaxed{line-height:var(--line-height-relaxed)}.md\:leading-loose{line-height:var(--line-height-loose)}.md\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.md\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.md\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-4)}.m-2{margin:var(--spacing-8)}.m-3{margin:var(--spacing-12)}.m-4{margin:var(--spacing-16)}.m-5{margin:var(--spacing-20)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-40)}.m-12{margin:var(--spacing-48)}.m-16{margin:var(--spacing-64)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-4)}.p-2{padding:var(--spacing-8)}.p-3{padding:var(--spacing-12)}.p-4{padding:var(--spacing-16)}.p-5{padding:var(--spacing-20)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-40)}.p-12{padding:var(--spacing-48)}.p-16{padding:var(--spacing-64)}.p-20{padding:var(--spacing-80)}.p-24{padding:var(--spacing-96)}.p-32{padding:var(--spacing-128)}@media (width>=40rem){.sm\:m-0{margin:var(--spacing-0)}.sm\:m-1{margin:var(--spacing-4)}.sm\:m-2{margin:var(--spacing-8)}.sm\:m-3{margin:var(--spacing-12)}.sm\:m-4{margin:var(--spacing-16)}.sm\:m-5{margin:var(--spacing-20)}.sm\:m-6{margin:var(--spacing-6)}.sm\:m-8{margin:var(--spacing-8)}.sm\:m-10{margin:var(--spacing-40)}.sm\:m-12{margin:var(--spacing-48)}.sm\:m-16{margin:var(--spacing-64)}.sm\:p-0{padding:var(--spacing-0)}.sm\:p-1{padding:var(--spacing-4)}.sm\:p-2{padding:var(--spacing-8)}.sm\:p-3{padding:var(--spacing-12)}.sm\:p-4{padding:var(--spacing-16)}.sm\:p-5{padding:var(--spacing-20)}.sm\:p-6{padding:var(--spacing-6)}.sm\:p-8{padding:var(--spacing-8)}.sm\:p-10{padding:var(--spacing-40)}.sm\:p-12{padding:var(--spacing-48)}.sm\:p-16{padding:var(--spacing-64)}.sm\:p-20{padding:var(--spacing-80)}.sm\:p-24{padding:var(--spacing-96)}.sm\:p-32{padding:var(--spacing-128)}}@media (width>=48rem){.md\:m-0{margin:var(--spacing-0)}.md\:m-1{margin:var(--spacing-4)}.md\:m-2{margin:var(--spacing-8)}.md\:m-3{margin:var(--spacing-12)}.md\:m-4{margin:var(--spacing-16)}.md\:m-5{margin:var(--spacing-20)}.md\:m-6{margin:var(--spacing-6)}.md\:m-8{margin:var(--spacing-8)}.md\:m-10{margin:var(--spacing-40)}.md\:m-12{margin:var(--spacing-48)}.md\:m-16{margin:var(--spacing-64)}.md\:p-0{padding:var(--spacing-0)}.md\:p-1{padding:var(--spacing-4)}.md\:p-2{padding:var(--spacing-8)}.md\:p-3{padding:var(--spacing-12)}.md\:p-4{padding:var(--spacing-16)}.md\:p-5{padding:var(--spacing-20)}.md\:p-6{padding:var(--spacing-6)}.md\:p-8{padding:var(--spacing-8)}.md\:p-10{padding:var(--spacing-40)}.md\:p-12{padding:var(--spacing-48)}.md\:p-16{padding:var(--spacing-64)}.md\:p-20{padding:var(--spacing-80)}.md\:p-24{padding:var(--spacing-96)}.md\:p-32{padding:var(--spacing-128)}}.flex{display:flex}.flex-row{flex-direction:var(--flex-row)}.flex-column{flex-direction:var(--flex-column)}.flex-wrap{flex-wrap:var(--flex-wrap)}.flex-nowrap{flex-wrap:var(--flex-nowrap)}.items-center{align-items:var(--flex-center)}.justify-center{justify-content:var(--flex-center)}@media (width>=40rem){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:var(--flex-row)}.sm\:flex-column{flex-direction:var(--flex-column)}.sm\:flex-wrap{flex-wrap:var(--flex-wrap)}.sm\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.sm\:items-center{align-items:var(--flex-center)}.sm\:justify-center{justify-content:var(--flex-center)}}@media (width>=48rem){.md\:flex{display:flex}.md\:flex-row{flex-direction:var(--flex-row)}.md\:flex-column{flex-direction:var(--flex-column)}.md\:flex-wrap{flex-wrap:var(--flex-wrap)}.md\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.md\:items-center{align-items:var(--flex-center)}.md\:justify-center{justify-content:var(--flex-center)}}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(var(--grid-columns-2), minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(var(--grid-columns-3), minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(var(--grid-columns-4), minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(var(--grid-columns-5), minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(var(--grid-columns-6), minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(var(--grid-columns-7), minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(var(--grid-columns-8), minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(var(--grid-columns-9), minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(var(--grid-columns-10), minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(var(--grid-columns-11), minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(var(--grid-columns-12), minmax(0, 1fr))}.gap-0{gap:var(--gap-0)}.gap-1{gap:var(--gap-1)}.gap-2{gap:var(--gap-2)}.gap-3{gap:var(--gap-3)}.gap-4{gap:var(--gap-4)}.gap-5{gap:var(--gap-5)}.gap-6{gap:var(--gap-6)}.gap-8{gap:var(--gap-8)}.gap-10{gap:var(--gap-10)}.gap-12{gap:var(--gap-12)}.gap-16{gap:var(--gap-16)}.gap-20{gap:var(--gap-20)}.gap-24{gap:var(--gap-24)}.gap-32{gap:var(--gap-32)}@media (width>=40rem){.sm\:grid{display:grid}.sm\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns), 1fr)}.sm\:gap-0{gap:.5rem;gap:var(--gap-0)}.sm\:gap-1{gap:var(--gap-1)}.sm\:gap-2{gap:var(--gap-2)}.sm\:gap-3{gap:var(--gap-3)}.sm\:gap-4{gap:var(--gap-4)}.sm\:gap-5{gap:var(--gap-5)}.sm\:gap-6{gap:var(--gap-6)}.sm\:gap-8{gap:var(--gap-8)}.sm\:gap-10{gap:var(--gap-10)}.sm\:gap-12{gap:var(--gap-12)}.sm\:gap-16{gap:var(--gap-16)}.sm\:gap-20{gap:var(--gap-20)}.sm\:gap-24{gap:var(--gap-24)}.sm\:gap-32{gap:var(--gap-32)}}@media (width>=48rem){.md\:grid{display:grid}.md\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns), 1fr)}.md\:gap-0{gap:.5rem;gap:var(--gap-0)}.md\:gap-1{gap:var(--gap-1)}.md\:gap-2{gap:var(--gap-2)}.md\:gap-3{gap:var(--gap-3)}.md\:gap-4{gap:var(--gap-4)}.md\:gap-5{gap:var(--gap-5)}.md\:gap-6{gap:var(--gap-6)}.md\:gap-8{gap:var(--gap-8)}.md\:gap-10{gap:var(--gap-10)}.md\:gap-12{gap:var(--gap-12)}.md\:gap-16{gap:var(--gap-16)}.md\:gap-20{gap:var(--gap-20)}.md\:gap-24{gap:var(--gap-24)}.md\:gap-32{gap:var(--gap-32)}}.border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded,.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}@media (width>=40rem){.sm\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:rounded-none{border-radius:var(--border-radius-none)}.sm\:rounded-sm,.sm\:rounded,.sm\:rounded-md{border-radius:var(--border-radius-sm)}.sm\:rounded-lg{border-radius:var(--border-radius-lg)}.sm\:rounded-xl{border-radius:var(--border-radius-xl)}.sm\:rounded-2xl{border-radius:var(--border-radius-2xl)}.sm\:rounded-full{border-radius:var(--border-radius-full)}}@media (width>=48rem){.md\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:rounded-none{border-radius:var(--border-radius-none)}.md\:rounded-sm{border-radius:var(--border-radius-sm)}.md\:rounded,.md\:rounded-md{border-radius:var(--border-radius-md)}.md\:rounded-lg{border-radius:var(--border-radius-lg)}.md\:rounded-xl{border-radius:var(--border-radius-xl)}.md\:rounded-2xl{border-radius:var(--border-radius-2xl)}.md\:rounded-full{border-radius:var(--border-radius-full)}}.shadow{box-shadow:var(--shadow)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (width>=48rem){.md\:shadow{box-shadow:var(--shadow)}.md\:shadow-xs{box-shadow:var(--shadow-xs)}.md\:shadow-sm{box-shadow:var(--shadow-sm)}.md\:shadow-md{box-shadow:var(--shadow-md)}.md\:shadow-lg{box-shadow:var(--shadow-lg)}.md\:shadow-xl{box-shadow:var(--shadow-xl)}}.opacity-0{opacity:var(--opacity-0)}.opacity-25{opacity:var(--opacity-25)}.opacity-50{opacity:var(--opacity-50)}.opacity-75{opacity:var(--opacity-75)}.opacity-100{opacity:var(--opacity-100)}@media (width>=48rem){.md\:opacity-0{opacity:var(--opacity-0)}.md\:opacity-25{opacity:var(--opacity-25)}.md\:opacity-50{opacity:var(--opacity-50)}.md\:opacity-75{opacity:var(--opacity-75)}.md\:opacity-100{opacity:var(--opacity-100)}}.transition-fast{transition:var(--transition-fast)}.transition-normal{transition:var(--transition-normal)}.transition-slow{transition:var(--transition-slow)}.ring-primary-offset-primary:focus:not(.dark *),.ring-primary-offset-primary:active:not(.dark *){--ring-shadow:var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--primary-700);--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--primary-400);box-shadow:var(--ring-offset-shadow), var(--ring-shadow), var(--shadow,0 0 #0000)}.ring-secondary-offset-secondary:focus:not(.dark *),.ring-secondary-offset-secondary:active:not(.dark *){--ring-shadow:var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--secondary-700);--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--secondary-400);box-shadow:var(--ring-offset-shadow), var(--ring-shadow), var(--shadow,0 0 #0000)}.ring-accent-offset-accent:focus:not(.dark *),.ring-accent-offset-accent:active:not(.dark *){--ring-shadow:var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--accent-700);--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--accent-400);box-shadow:var(--ring-offset-shadow), var(--ring-shadow), var(--shadow,0 0 #0000)}.fix-scroll-layout-shift-right{padding-right:var(--removed-body-scroll-bar-size)}.fix-scroll-layout-shift-left{padding-left:var(--removed-body-scroll-bar-size)}}@layer infonomic-theme{input:autofill,input:autofill:hover,input:autofill:focus,textarea:autofill,textarea:autofill:hover,textarea:autofill:focus,select:autofill,select:autofill:hover,select:autofill:focus{-webkit-text-fill-color:black;color:#000;background-color:#fad9a7;border:1px solid #d89d3d;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff2dc;box-shadow:inset 0 0 0 1000px #fff2dc}.dark input:autofill,.dark input:autofill:hover,.dark input:autofill:focus,.dark textarea:autofill,.dark textarea:autofill:hover,.dark textarea:autofill:focus,.dark select:autofill,.dark select:autofill:hover,.dark select:autofill:focus,[data-theme=dark] input:autofill,[data-theme=dark] input:autofill:hover,[data-theme=dark] input:autofill:focus,[data-theme=dark] textarea:autofill,[data-theme=dark] textarea:autofill:hover,[data-theme=dark] textarea:autofill:focus,[data-theme=dark] select:autofill,[data-theme=dark] select:autofill:hover,[data-theme=dark] select:autofill:focus{border:1px solid var(--theme-600);-webkit-text-fill-color:white;-webkit-box-shadow:0 0 0px 1000px var(--theme-600) inset;box-shadow:0 0 0px 1000px var(--theme-600) inset;color:#fff;background-color:#64646480;transition:background-color 5000s ease-in-out}:root{--scroll-bar-thumb:var(--theme-400);--scroll-bar-track:var(--theme-600)}:root.dark,:root[data-theme=dark]{--scroll-bar-thumb:var(--canvas-700);--scroll-bar-track:var(--canvas-900)}::-webkit-scrollbar{width:.6em;height:.6em}::-webkit-scrollbar-thumb{background:var(--scroll-bar-thumb)}::-webkit-scrollbar-track{background:var(--scroll-bar-track)}::-webkit-scrollbar-corner{background:var(--scroll-bar-track)}html{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb) var(--scroll-bar-track)}.component--scroller,.dark .component--scroller,[data-theme=dark] .component--scroller{--scroll-bar-thumb:var(--scroll-bar-thumb);--scroll-bar-track:var(--scroll-bar-track)}.component--scroller{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb) var(--scroll-bar-track);overflow-y:auto}html{color:var(--text);font-size:1rem}html .not-dark{color:var(--text)}::selection{background-color:var(--theme-600);color:#fff}.dark ::selection,[data-theme=dark] ::selection{background-color:var(--theme-200);color:var(--gray-900)}h1{font-size:1.75rem;font-weight:600;line-height:1.125}h2{font-size:1.5rem;font-weight:600;line-height:1.125}h3{font-size:1.25rem;font-weight:600;line-height:1.1}h4{font-size:1rem;font-weight:600;line-height:1.1}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-position:20%;background-repeat:no-repeat;background-size:65%;width:1.1rem;height:1.1rem;margin-right:-5px;display:inline-block}.dark .external-link:after,[data-theme=dark] .external-link:after{background-image:url(/external-link-dark.svg)}}@layer infonomic-typography;@layer infonomic-components{.component--hamburger{z-index:200;cursor:pointer;width:42px;height:34px;font:inherit;color:inherit;text-transform:none;background-color:#0000;border:0;border-radius:4px;justify-content:center;align-items:center;margin:0;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:ease;display:flex;position:relative;overflow:hidden}.component--hamburger:active,.component--hamburger:focus{border:.5px dashed #fff;border-radius:4px;outline:none}.component--hamburger .box{width:24px;height:24px;display:block;position:relative}.component--hamburger .inner{margin-top:-1px;transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19);display:block;top:50%}.component--hamburger .inner,.component--hamburger .inner:before,.component--hamburger .inner:after{border-radius:0;width:24px;height:2px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;position:absolute}.component--hamburger .inner:before,.component--hamburger .inner:after{content:"";display:block}.component--hamburger .inner:before{transition:top 75ms .12s,opacity 75ms;top:-8px}.component--hamburger .inner:after{transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);bottom:-8px}.component--hamburger.is_active .inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.component--hamburger.is_active .inner:before{opacity:0;transition:top 75ms,opacity 75ms .12s;top:0}.component--hamburger.is_active .inner:after{transition:bottom 75ms,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}}.lds-ellipsis{display:inline-block;position:relative}.lds-ellipsis div{background:#fff;border-radius:50%;width:16.25%;height:32.25%;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:41.25%}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:10%}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:10%}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:40%}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:70%}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(184.61%)}}.lds-ring{display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;border:8px solid #0000;border-top-color:#fff;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lds-spinner{color:official;width:56px;height:56px;display:inline-block;position:relative}.lds-spinner div{transform-origin:28px 32px;animation:1.2s linear infinite lds-spinner}.lds-spinner div .div-after{content:" ";background:#fff;border-radius:20%;width:5px;height:14px;display:block;position:absolute;top:0;left:25px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.component--fade-in-lift{opacity:0;visibility:hidden;will-change:opacity, visibility;transition:opacity .5s ease-out,transform .7s ease-out;transform:matrix(1,0,0,1,0,18)}.component--fade-in-lift.is-visible{opacity:1;visibility:visible;transform:matrix(1,0,0,1,0,0)}
|
|
1
|
+
@layer infonomic-base{@keyframes enterFromRight{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes enterFromLeft{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes exitToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}@keyframes exitToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}@keyframes scaleIn{0%{opacity:0;transform:rotateX(-30deg)scale(.9)}to{opacity:1;transform:rotateX(0)scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:rotateX(0)scale(1)}to{opacity:0;transform:rotateX(-10deg)scale(.95)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}:root{--border-width-thin:1px;--border-width-normal:2px;--border-width-thick:4px;--border-style-solid:solid;--border-style-dashed:dashed;--border-style-dotted:dotted;--border-radius-none:0px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:24px;--border-radius-full:9999px;--ring-offset-width:2px;--ring-inset: ;--ring-shadow:0 0 #0000;--breakpoint-xs:30rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:66rem;--breakpoint-xl:77rem;--breakpoint-2xl:94rem;--theme-base:oklch(43.11% .1 317.53);--theme-25:oklch(from var(--theme-base) calc(l * 2) c h);--theme-50:oklch(from var(--theme-base) calc(l * 1.75) c h);--theme-100:oklch(from var(--theme-base) calc(l * 1.5) c h);--theme-200:oklch(from var(--theme-base) calc(l * 1.25) c h);--theme-300:oklch(from var(--theme-base) calc(l * 1.1) c h);--theme-400:var(--theme-base);--theme-500:oklch(from var(--theme-base) calc(l * .95) c h);--theme-600:oklch(from var(--theme-base) calc(l * .9) c h);--theme-700:oklch(from var(--theme-base) calc(l * .85) c h);--theme-800:oklch(from var(--theme-base) calc(l * .8) c h);--theme-900:oklch(from var(--theme-base) calc(l * .75) c h);--theme-950:oklch(from var(--theme-base) calc(l * .7) c h);--primary-base:oklch(49.7% .189 295.76);--primary-25:oklch(from var(--primary-base) calc(l * 2) c h);--primary-50:oklch(from var(--primary-base) calc(l * 1.75) c h);--primary-100:oklch(from var(--primary-base) calc(l * 1.5) c h);--primary-200:oklch(from var(--primary-base) calc(l * 1.25) c h);--primary-300:oklch(from var(--primary-base) calc(l * 1.1) c h);--primary-400:var(--primary-base);--primary-500:oklch(from var(--primary-base) calc(l * .95) c h);--primary-600:oklch(from var(--primary-base) calc(l * .9) c h);--primary-700:oklch(from var(--primary-base) calc(l * .85) c h);--primary-800:oklch(from var(--primary-base) calc(l * .8) c h);--primary-900:oklch(from var(--primary-base) calc(l * .75) c h);--primary-950:oklch(from var(--primary-base) calc(l * .7) c h);--secondary-base:oklch(84.61% .15 82.94);--secondary-25:oklch(from var(--secondary-base) calc(l * 2.25) .1 h);--secondary-50:oklch(from var(--secondary-base) calc(l * 2) c h);--secondary-100:oklch(from var(--secondary-base) calc(l * 1.75) c h);--secondary-200:oklch(from var(--secondary-base) calc(l * 1.5) c h);--secondary-300:oklch(from var(--secondary-base) calc(l * 1.1) c h);--secondary-400:var(--secondary-base);--secondary-500:oklch(from var(--secondary-base) calc(l * .95) c h);--secondary-600:oklch(from var(--secondary-base) calc(l * .9) c h);--secondary-700:oklch(from var(--secondary-base) calc(l * .85) c h);--secondary-800:oklch(from var(--secondary-base) calc(l * .8) c h);--secondary-900:oklch(from var(--secondary-base) calc(l * .75) c h);--secondary-950:oklch(from var(--secondary-base) calc(l * .7) c h);--accent-base:oklch(75.4% .1 324.9);--accent-25:oklch(from var(--accent-base) .985 .06 h);--accent-50:oklch(from var(--accent-base) .975 .08 h);--accent-100:oklch(from var(--accent-base) .9 .07 h);--accent-200:oklch(from var(--accent-base) .85 c h);--accent-300:oklch(from var(--accent-base) .8 c h);--accent-400:var(--accent-base);--accent-500:oklch(from var(--accent-base) .7 c h);--accent-600:oklch(from var(--accent-base) .68 c h);--accent-700:oklch(from var(--accent-base) .62 .1 h);--accent-800:oklch(from var(--accent-base) .6 .1 h);--accent-900:oklch(from var(--accent-base) .58 .1 h);--accent-950:oklch(from var(--accent-base) .5 .11 h);--canvas-base:oklch(54.2% .0037 275.34);--canvas-25:oklch(from var(--canvas-base) calc(l * 1.9) c h);--canvas-50:oklch(from var(--canvas-base) calc(l * 1.75) c h);--canvas-100:oklch(from var(--canvas-base) calc(l * 1.6) c h);--canvas-200:oklch(from var(--canvas-base) calc(l * 1.4) c h);--canvas-300:oklch(from var(--canvas-base) calc(l * 1.2) c h);--canvas-400:var(--canvas-base);--canvas-500:oklch(from var(--canvas-base) calc(l * .9) c h);--canvas-600:oklch(from var(--canvas-base) calc(l * .7) c h);--canvas-700:oklch(from var(--canvas-base) calc(l * .5) c h);--canvas-800:oklch(from var(--canvas-base) calc(l * .335) c h);--canvas-900:oklch(from var(--canvas-base) calc(l * .3) c h);--canvas-950:oklch(from var(--canvas-base) calc(l * .225) c h);--gray-base:oklch(59.84% 0 0);--gray-25:oklch(from var(--gray-base) calc(l * 1.625) c h);--gray-50:oklch(from var(--gray-base) calc(l * 1.575) c h);--gray-100:oklch(from var(--gray-base) calc(l * 1.475) c h);--gray-200:oklch(from var(--gray-base) calc(l * 1.35) c h);--gray-300:oklch(from var(--gray-base) calc(l * 1.175) c h);--gray-400:var(--gray-base);--gray-500:oklch(from var(--gray-base) calc(l * .85) c h);--gray-600:oklch(from var(--gray-base) calc(l * .725) c h);--gray-700:oklch(from var(--gray-base) calc(l * .6126) c h);--gray-800:oklch(from var(--gray-base) calc(l * .5) c h);--gray-900:oklch(from var(--gray-base) calc(l * .4) c h);--gray-950:oklch(from var(--gray-base) calc(l * .3) c h);--green-base:oklch(65.26% .18 142.58);--green-25:oklch(from var(--green-base) calc(l * 2) c h);--green-50:oklch(from var(--green-base) calc(l * 1.75) c h);--green-100:oklch(from var(--green-base) calc(l * 1.5) c h);--green-200:oklch(from var(--green-base) calc(l * 1.25) c h);--green-300:oklch(from var(--green-base) calc(l * 1.1) c h);--green-400:var(--green-base);--green-500:oklch(from var(--green-base) calc(l * .95) c h);--green-600:oklch(from var(--green-base) calc(l * .9) c h);--green-700:oklch(from var(--green-base) calc(l * .85) c h);--green-800:oklch(from var(--green-base) calc(l * .8) c h);--green-900:oklch(from var(--green-base) calc(l * .75) c h);--green-950:oklch(from var(--green-base) calc(l * .7) c h);--blue-base:oklch(53.66% .1942 265.89);--blue-25:oklch(from var(--blue-base) calc(l * 2) c h);--blue-50:oklch(from var(--blue-base) calc(l * 1.75) c h);--blue-100:oklch(from var(--blue-base) calc(l * 1.5) c h);--blue-200:oklch(from var(--blue-base) calc(l * 1.25) c h);--blue-300:oklch(from var(--blue-base) calc(l * 1.1) c h);--blue-400:var(--blue-base);--blue-500:oklch(from var(--blue-base) calc(l * .95) c h);--blue-600:oklch(from var(--blue-base) calc(l * .9) c h);--blue-700:oklch(from var(--blue-base) calc(l * .85) c h);--blue-800:oklch(from var(--blue-base) calc(l * .8) c h);--blue-900:oklch(from var(--blue-base) calc(l * .75) c h);--blue-950:oklch(from var(--blue-base) calc(l * .7) c h);--yellow-base:oklch(75% .15 82.94);--yellow-25:oklch(from var(--yellow-base) calc(l * 2) c h);--yellow-50:oklch(from var(--yellow-base) calc(l * 1.75) c h);--yellow-100:oklch(from var(--yellow-base) calc(l * 1.5) c h);--yellow-200:oklch(from var(--yellow-base) calc(l * 1.25) c h);--yellow-300:oklch(from var(--yellow-base) calc(l * 1.1) c h);--yellow-400:var(--yellow-base);--yellow-500:oklch(from var(--yellow-base) calc(l * .95) c h);--yellow-600:oklch(from var(--yellow-base) calc(l * .9) c h);--yellow-700:oklch(from var(--yellow-base) calc(l * .85) c h);--yellow-800:oklch(from var(--yellow-base) calc(l * .8) c h);--yellow-900:oklch(from var(--yellow-base) calc(l * .75) c h);--yellow-950:oklch(from var(--yellow-base) calc(l * .7) c h);--red-base:oklch(54.27% .18 31.76);--red-25:oklch(from var(--red-base) calc(l * 2) c h);--red-50:oklch(from var(--red-base) calc(l * 1.75) c h);--red-100:oklch(from var(--red-base) calc(l * 1.5) c h);--red-200:oklch(from var(--red-base) calc(l * 1.25) c h);--red-300:oklch(from var(--red-base) calc(l * 1.1) c h);--red-400:var(--red-base);--red-500:oklch(from var(--red-base) calc(l * .95) c h);--red-600:oklch(from var(--red-base) calc(l * .9) c h);--red-700:oklch(from var(--red-base) calc(l * .85) c h);--red-800:oklch(from var(--red-base) calc(l * .8) c h);--red-900:oklch(from var(--red-base) calc(l * .75) c h);--red-950:oklch(from var(--red-base) calc(l * .7) c h);--opacity-0:0;--opacity-25:.25;--opacity-50:.5;--opacity-75:.75;--opacity-100:1;--shadow:0 0 #0000;--shadow-xs:0px 1px 2px #0000000d;--shadow-sm:0px 2px 4px #0000001a;--shadow-md:0px 4px 6px #0000001a;--shadow-lg:0px 6px 12px #00000026;--shadow-xl:0px 8px 16px #0003;--spacing-0:0;--spacing-2:.125rem;--spacing-4:.25rem;--spacing-6:.375rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-28:1.75rem;--spacing-32:2rem;--spacing-36:2.25rem;--spacing-40:2.5rem;--spacing-44:2.75rem;--spacing-48:3rem;--spacing-64:4rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-112:7rem;--spacing-128:8rem;--size-0:0;--size-2:.125rem;--size-4:.25rem;--size-6:.375rem;--size-8:.5rem;--size-12:.75rem;--size-16:1rem;--size-20:1.25rem;--size-24:1.5rem;--size-28:1.75rem;--size-32:2rem;--size-36:2.25rem;--size-40:2.5rem;--size-44:2.75rem;--size-48:3rem;--size-64:4rem;--size-80:5rem;--size-96:6rem;--size-112:7rem;--size-128:8rem;--transition-fast:.175s ease-in-out;--transition-normal:.23s ease-in-out;--transition-slow:.4s ease-in-out;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:2.625rem;--font-size-6xl:3rem;--font-size-7xl:3.375rem;--font-size-8xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-ultrabold:900;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.05em;--z-index-low:10;--z-index-medium:100;--z-index-high:1000;--z-index-modal:1050;--z-index-toast:1100}}@layer infonomic-functional{:root{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500) calc(l * .9) c h);--fill-primary-strong-disabled:oklch(from var(--primary-500) calc(l * 1.1) calc(c * .85) h);--fill-primary-weak:oklch(from var(--primary-500) calc(l * 2.04) calc(c * .2) h / .7);--fill-primary-weak-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-weak-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-outlined:transparent;--fill-primary-outlined-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-outlined-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-text:transparent;--fill-primary-text-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-text-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--text-on-primary-strong:white;--text-on-primary-strong-hover:var(--primary-600);--text-on-primary-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-primary-weak:oklch(from var(--primary-500) calc(l * .7) c h);--text-on-primary-weak-hover:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-weak-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-outlined:oklch(from var(--primary-500) calc(l * .7) c h);--text-on-primary-outlined-hover:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-outlined-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-primary:var(--primary-500);--text-primary-weak:oklch(from var(--primary-500) calc(l * .7) c h);--text-primary-hover:oklch(from var(--primary-500) calc(l * .7) c h);--text-primary-disabled:oklch(from var(--primary-500) calc(l * 1.5) calc(c * .5) h);--stroke-primary:var(--primary-600);--stroke-primary-hover:oklch(from var(--primary-600) calc(l * .85) c h);--stroke-primary-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .8) h);--ring-primary:var(--primary-500);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700) calc(l * 1.2) calc(c * .85) h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500) calc(l * .95) c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .85) h);--fill-secondary-weak:oklch(from var(--secondary-500) calc(l * 1.6) calc(c * .4) h / .5);--fill-secondary-weak-hover:oklch(from var(--secondary-500) calc(l * 1.2) calc(c * .4) h / .5);--fill-secondary-weak-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .5);--fill-secondary-outlined:var(--fill-secondary-outlined);--fill-secondary-outlined-hover:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) h / .7);--fill-secondary-outlined-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .7);--fill-secondary-text:transparent;--fill-secondary-text-hover:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) h / .7);--fill-secondary-text-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .7);--text-on-secondary-strong:black;--text-on-secondary-strong-disabled:oklch(0% 0 0);--text-on-secondary-strong-hover:oklch(0% 0 0);--text-on-secondary-weak:var(--secondary-900);--text-on-secondary-weak-hover:oklch(from var(--secondary-900) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-weak-disabled:oklch(from var(--secondary-900) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined:var(--secondary-800);--text-on-secondary-outlined-hover:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined-disabled:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-secondary:var(--secondary-800);--text-secondary-weak:oklch(from var(--secondary-500) calc(l * .7) c h);--text-secondary-hover:oklch(from var(--secondary-900) calc(l * .7) c h);--text-secondary-disabled:oklch(from var(--secondary-700) calc(l * 1.5) calc(c * .5) h);--stroke-secondary:var(--secondary-700);--stroke-secondary-hover:oklch(from var(--secondary-700) calc(l * .85) c h);--stroke-secondary-disabled:oklch(from var(--secondary-700) calc(l * 1.5) calc(c * .8) h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700) calc(l * 1.2) calc(c * .85) h);--fill-noeffect-strong:var(--gray-100);--fill-noeffect-strong-hover:oklch(from var(--gray-100) calc(l * .95) c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-100) calc(l * 1.1) calc(c * .85) h);--fill-noeffect-weak:oklch(from var(--gray-100) calc(l * 1.07) c h / .7);--fill-noeffect-weak-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .7);--fill-noeffect-weak-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .7);--fill-noeffect-outlined:transparent;--fill-noeffect-outlined-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .5);--fill-noeffect-outlined-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .5);--fill-noeffect-text:transparent;--fill-noeffect-text-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .5);--fill-noeffect-text-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .5);--text-on-noeffect-strong:black;--text-on-noeffect-strong-hover:oklch(0% 0 0);--text-on-noeffect-strong-disabled:oklch(0% 0 0);--text-on-noeffect-weak:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-weak-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-weak-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-outlined-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-text:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-text-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-text-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-noeffect:var(--gray-600);--text-noeffect-weak:oklch(from var(--gray-400) calc(l * .7) c h);--text-noeffect-hover:oklch(from var(--gray-400) calc(l * .7) c h);--text-noeffect-disabled:oklch(from var(--gray-600) calc(l * 1.5) calc(c * .5) h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500) calc(l * .75) c h);--stroke-noeffect-disabled:oklch(from var(--gray-500) calc(l * 1.5) calc(c * .8) h);--ring-noeffect:var(--gray-200);--gradient-noeffect-start:var(--gray-100);--gradient-noeffect-end:var(--gray-200);--gradient-noeffect-foreground:black;--gradient-noeffect-hover:var(--gray-400);--gradient-noeffect-disabled:oklch(from var(--gray-200) calc(l * 1.2) calc(c * .85) h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400) calc(l * .9) c h);--fill-success-strong-disabled:oklch(from var(--green-400) calc(l * 1.1) calc(c * .85) h);--fill-success-weak:oklch(from var(--green-100) calc(l * 1.09) calc(c * .85) h / .5);--fill-success-weak-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .5);--fill-success-weak-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .5);--fill-success-outlined:transparent;--fill-success-outlined-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .4);--fill-success-outlined-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .4);--fill-success-text:transparent;--fill-success-text-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .4);--fill-success-text-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .4);--text-on-success-strong:white;--text-on-success-strong-hover:oklch(90% 5.0664e-8 90);--text-on-success-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-success-weak:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-weak-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-weak-disabled:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-outlined:var(--green-600);--text-on-success-outlined-hover:oklch(from var(--green-600) calc(l * .7) c h);--text-on-success-outlined-disabled:oklch(from var(--green-600) calc(l * .7) c h);--text-success:var(--green-600);--text-success-weak:oklch(from var(--green-400) calc(l * .7) c h);--text-success-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-success-disabled:oklch(from var(--green-600) calc(l * 1.5) calc(c * .5) h);--stroke-success:var(--green-600);--stroke-success-hover:oklch(from var(--green-600) calc(l * .85) c h);--stroke-success-disabled:oklch(from var(--green-600) calc(l * 1.5) calc(c * .8) h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700) calc(l * 1.2) calc(c * .85) h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400) calc(l * .9) c h);--fill-info-strong-disabled:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .85) h);--fill-info-weak:oklch(from var(--blue-400) calc(l * 1.75) calc(c * .2) h / .7);--fill-info-weak-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-weak-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--fill-info-outlined:transparent;--fill-info-outlined-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-outlined-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--fill-info-text:transparent;--fill-info-text-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-text-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--text-on-info-strong:white;--text-on-info-strong-hover:oklch(90% 5.0664e-8 90);--text-on-info-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-info-weak:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-weak-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-weak-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-info:var(--blue-300);--text-info-weak:oklch(from var(--blue-400) calc(l * .7) c h);--text-info-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-info-disabled:oklch(from var(--blue-300) calc(l * 1.5) calc(c * .5) h);--stroke-info:var(--blue-500);--stroke-info-hover:oklch(from var(--blue-500) calc(l * .85) c h);--stroke-info-disabled:oklch(from var(--blue-500) calc(l * 1.5) calc(c * .8) h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700) calc(l * 1.2) calc(c * .85) h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300) calc(l * .95) c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300) calc(l * 1.1) calc(c * .85) h);--fill-warning-weak:oklch(from var(--yellow-300) calc(l * 1.5) calc(c * .5) h / .7);--fill-warning-weak-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-weak-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--fill-warning-outlined:transparent;--fill-warning-outlined-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-outlined-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--fill-warning-text:transparent;--fill-warning-text-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-text-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--text-on-warning-strong:black;--text-on-warning-strong-hover:oklch(0% 0 0);--text-on-warning-strong-disabled:oklch(0% 0 0);--text-on-warning-weak:var(--yellow-700);--text-on-warning-weak-hover:oklch(from var(--yellow-700) calc(l * .9) calc(c * .85) h);--text-on-warning-weak-disabled:oklch(from var(--yellow-700) calc(l * .9) calc(c * .85) h);--text-on-warning-outlined:var(--yellow-800);--text-on-warning-outlined-hover:oklch(from var(--yellow-800) calc(l * .9) calc(c * .85) h);--text-on-warning-outlined-disabled:oklch(from var(--yellow-800) calc(l * .9) calc(c * .85) h);--text-warning:var(--yellow-700);--text-warning-weak:oklch(from var(--yellow-700) calc(l * .6) c h);--text-warning-hover:oklch(from var(--yellow-700) calc(l * .6) c h);--text-warning-disabled:oklch(from var(--yellow-700) calc(l * 1.5) calc(c * .5) h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500) calc(l * .85) c h);--stroke-warning-disabled:oklch(from var(--yellow-500) calc(l * 1.5) calc(c * .8) h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400) calc(l * 1.2) calc(c * .85) h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400) calc(l * .9) c h);--fill-danger-strong-disabled:oklch(from var(--red-400) calc(l * 1.1) calc(c * .85) h);--fill-danger-weak:oklch(from var(--red-300) calc(l * 1.75) calc(c * .5) h / .7);--fill-danger-weak-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-weak-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-outlined:transparent;--fill-danger-outlined-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-outlined-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-text:transparent;--fill-danger-text-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-text-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--text-on-danger-strong:white;--text-on-danger-strong-hover:oklch(90% 5.0664e-8 90);--text-on-danger-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-danger-weak:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-weak-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-weak-disabled:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined-disabled:oklch(from var(--red-400) calc(l * .7) c h);--text-danger:var(--red-500);--text-danger-weak:oklch(from var(--red-400) calc(l * .7) c h);--text-danger-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-danger-disabled:oklch(from var(--red-500) calc(l * 1.5) calc(c * .5) h);--stroke-danger:var(--red-500);--stroke-danger-hover:oklch(from var(--red-500) calc(l * .85) c h);--stroke-danger-disabled:oklch(from var(--red-500) calc(l * 1.5) calc(c * .8) h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700) calc(l * 1.2) calc(c * .85) h)}.dark,[data-theme=dark],[data-theme=dark]::backdrop{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500) calc(l * .9) c h);--fill-primary-strong-disabled:oklch(from var(--primary-500) calc(l * 1.1) calc(c * .85) h);--fill-primary-weak:oklch(from var(--primary-500) calc(l * 1.05) calc(c * .9) h / .5);--fill-primary-weak-hover:oklch(from var(--primary-500) l calc(c * .9) h / .5);--fill-primary-weak-disabled:oklch(from var(--primary-500) l calc(c * .9) h / .5);--fill-primary-outlined:transparent;--fill-primary-outlined-hover:oklch(from var(--primary-500) calc(l * .9) calc(c * .9) h / .3);--fill-primary-outlined-disabled:oklch(from var(--primary-500) calc(l * .9) calc(c * .9) h / .3);--fill-primary-text:transparent;--fill-primary-text-hover:oklch(from var(--primary-500) calc(l * .9) calc(c * .9) h / .3);--fill-primary-text-disabled:oklch(from var(--primary-500) calc(l * .9) calc(c * .9) h / .3);--text-on-primary-strong:white;--text-on-primary-strong-hover:var(--primary-600);--text-on-primary-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-primary-weak:var(--primary-200);--text-on-primary-weak-hover:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-weak-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-outlined:var(--primary-200);--text-on-primary-outlined-hover:oklch(from var(--primary-200) l calc(c * .5) h);--text-on-primary-outlined-disabled:oklch(from var(--primary-200) l calc(c * .5) h);--text-primary:var(--primary-300);--text-primary-weak:oklch(from var(--primary-300) calc(l * .7) c h);--text-primary-hover:oklch(from var(--primary-300) calc(l * .7) c h);--text-primary-disabled:oklch(from var(--primary-300) calc(l * 1.5) calc(c * .5) h);--stroke-primary:var(--primary-300);--stroke-primary-hover:oklch(from var(--primary-300) calc(l * 1.1) c h);--stroke-primary-disabled:oklch(from var(--primary-300) calc(l * .8) calc(c * .8) h);--ring-primary:var(--primary-300);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700) calc(l * .85) calc(c * .85) h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500) calc(l * .95) c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .85) h);--fill-secondary-weak:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .8) h / .2);--fill-secondary-weak-hover:oklch(from var(--secondary-500) l calc(c * .8) h / .2);--fill-secondary-weak-disabled:oklch(from var(--secondary-500) l calc(c * .8) c h / .2);--fill-secondary-outlined:transparent;--fill-secondary-outlined-hover:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .8) h / .1);--fill-secondary-outlined-disabled:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .8) h / .1);--fill-secondary-text:transparent;--fill-secondary-text-hover:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .8) h / .1);--fill-secondary-text-disabled:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .8) h / .1);--text-on-secondary-strong:black;--text-on-secondary-strong-disabled:oklch(0% 0 0);--text-on-secondary-strong-hover:oklch(0% 0 0);--text-on-secondary-weak:oklch(from var(--secondary-500) calc(l * .7) c h);--text-on-secondary-weak-hover:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-weak-disabled:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined:oklch(from var(--secondary-500) calc(l * .7) c h);--text-on-secondary-outlined-hover:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined-disabled:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-secondary:var(--secondary-500);--text-secondary-weak:oklch(from var(--secondary-500) calc(l * .7) c h);--text-secondary-hover:oklch(from var(--secondary-500) calc(l * .7) c h);--text-secondary-disabled:oklch(from var(--secondary-500) calc(l * 1.5) calc(c * .5) h);--stroke-secondary:var(--secondary-500);--stroke-secondary-hover:oklch(from var(--secondary-500) calc(l * 1.1) c h);--stroke-secondary-disabled:oklch(from var(--secondary-500) calc(l * .8) calc(c * .8) h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700) calc(l * .85) calc(c * .85) h);--fill-noeffect-strong:var(--gray-700);--fill-noeffect-strong-hover:oklch(from var(--gray-700) calc(l * .95) c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-700) calc(l * 1.1) calc(c * .85) h);--fill-noeffect-weak:oklch(from var(--gray-100) calc(l * 1.09) c h / .3);--fill-noeffect-weak-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .3);--fill-noeffect-weak-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .3);--fill-noeffect-outlined:transparent;--fill-noeffect-outlined-hover:oklch(from var(--gray-300) calc(l * 1.05) c h / .1);--fill-noeffect-outlined-disabled:oklch(from var(--gray-300) calc(l * 1.07) c h / .1);--fill-noeffect-text:transparent;--fill-noeffect-text-hover:oklch(from var(--gray-300) calc(l * 1.05) c h / .1);--fill-noeffect-text-disabled:oklch(from var(--gray-300) calc(l * 1.07) c h / .1);--text-on-noeffect-strong:white;--text-on-noeffect-strong-hover:oklch(0% 0 0);--text-on-noeffect-strong-disabled:oklch(0% 0 0);--text-on-noeffect-weak:var(--gray-950);--text-on-noeffect-weak-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-weak-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined:var(--gray-200);--text-on-noeffect-outlined-hover:oklch(from var(--gray-200) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined-disabled:oklch(from var(--gray-200) calc(l * 1.5) calc(c * .5) h);--text-noeffect:var(--gray-200);--text-noeffect-weak:oklch(from var(--gray-200) calc(l * .7) c h);--text-noeffect-hover:oklch(from var(--gray-200) calc(l * .7) c h);--text-noeffect-disabled:oklch(from var(--gray-200) calc(l * 1.5) calc(c * .5) h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500) calc(l * 1.2) c h);--stroke-noeffect-disabled:oklch(from var(--gray-500) calc(l * .8) calc(c * .8) h);--ring-noeffect:var(--gray-900);--gradient-noeffect-start:var(--gray-700);--gradient-noeffect-end:var(--gray-800);--gradient-noeffect-foreground:white;--gradient-noeffect-hover:var(--gray-800);--gradient-noeffect-disabled:oklch(from var(--gray-800) calc(l * .85) calc(c * .85) h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400) calc(l * .9) c h);--fill-success-strong-disabled:oklch(from var(--green-400) calc(l * 1.1) calc(c * .85) h);--fill-success-weak:oklch(from var(--green-100) calc(l * 1.09) calc(c * .85) h / .2);--fill-success-weak-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .2);--fill-success-weak-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .2);--fill-success-outlined:transparent;--fill-success-outlined-hover:oklch(from var(--green-300) calc(l * .975) calc(c * .85) h / .2);--fill-success-outlined-disabled:oklch(from var(--green-300) calc(l * 1.07) calc(c * .85) h / .2);--fill-success-text:transparent;--fill-success-text-hover:oklch(from var(--green-300) calc(l * .975) calc(c * .85) h / .1);--fill-success-text-disabled:oklch(from var(--green-300) calc(l * 1.07) calc(c * .85) h / .1);--text-on-success-strong:white;--text-on-success-strong-hover:oklch(90% 5.0664e-8 90);--text-on-success-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-success-weak:var(--green-400);--text-on-success-weak-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-weak-disabled:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-outlined:oklch(from var(--green-200) calc(l * .7) c h);--text-on-success-outlined-hover:oklch(from var(--green-200) calc(l * .7) c h);--text-on-success-outlined-disabled:oklch(from var(--green-200) calc(l * .7) c h);--text-success:var(--green-300);--text-success-weak:oklch(from var(--green-300) calc(l * .7) c h);--text-success-hover:oklch(from var(--green-300) calc(l * .7) c h);--text-success-disabled:oklch(from var(--green-300) calc(l * 1.5) calc(c * .5) h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700) calc(l * .85) calc(c * .85) h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400) calc(l * .9) c h);--fill-info-strong-disabled:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .85) h);--fill-info-weak:oklch(from var(--blue-400) calc(l * 1.75) calc(c * .9) h / .2);--fill-info-weak-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .9) h / .2);--fill-info-weak-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .9) h / .2);--fill-info-outlined:transparent;--fill-info-outlined-hover:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .9) h / .2);--fill-info-outlined-disabled:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .9) h / .2);--fill-info-text:transparent;--fill-info-text-hover:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .9) h / .2);--fill-info-text-disabled:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .9) h / .2);--text-on-info-strong:white;--text-on-info-strong-hover:oklch(90% 5.0664e-8 90);--text-on-info-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-info-weak:var(--blue-200);--text-on-info-weak-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-weak-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined:var(--blue-200);--text-on-info-outlined-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-info:var(--blue-200);--text-info-weak:oklch(from var(--blue-200) calc(l * .7) c h);--text-info-hover:oklch(from var(--blue-200) calc(l * .7) c h);--text-info-disabled:oklch(from var(--blue-200) calc(l * 1.5) calc(c * .5) h);--stroke-info:var(--blue-400);--stroke-info-hover:oklch(from var(--blue-400) calc(l * 1.1) c h);--stroke-info-disabled:oklch(from var(--blue-400) calc(l * .8) calc(c * .8) h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700) calc(l * .85) calc(c * .85) h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300) calc(l * .875) c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300) calc(l * 1.1) calc(c * .85) h);--fill-warning-weak:oklch(from var(--yellow-300) calc(l * 1.5) calc(c * .8) h / .2);--fill-warning-weak-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .8) h / .2);--fill-warning-weak-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .8) h / .2);--fill-warning-outlined:transparent;--fill-warning-outlined-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .8) h / .1);--fill-warning-outlined-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .8) h / .1);--fill-warning-text:transparent;--fill-warning-text-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .8) h / .1);--fill-warning-text-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .8) h / .1);--text-on-warning-strong:black;--text-on-warning-strong-hover:oklch(0% 0 0);--text-on-warning-strong-disabled:oklch(0% 0 0);--text-on-warning-weak:var(--yellow-400);--text-on-warning-weak-hover:oklch(from var(--yellow-400) calc(l * .9) calc(c * .85) h);--text-on-warning-weak-disabled:oklch(from var(--yellow-400) calc(l * .9) calc(c * .85) h);--text-on-warning-outlined:var(--yellow-400);--text-on-warning-outlined-hover:oklch(from var(--yellow-400) calc(l * .9) calc(c * .85) h);--text-on-warning-outlined-disabled:oklch(from var(--yellow-400) calc(l * .9) calc(c * .85) h);--text-warning:var(--yellow-400);--text-warning-weak:oklch(from var(--yellow-300) calc(l * .6) c h);--text-warning-hover:oklch(from var(--yellow-300) calc(l * .6) c h);--text-warning-disabled:oklch(from var(--yellow-700) calc(l * 1.5) calc(c * .5) h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500) calc(l * 1.1) c h);--stroke-warning-disabled:oklch(from var(--yellow-500) calc(l * .8) calc(c * .8) h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400) calc(l * .85) calc(c * .85) h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400) calc(l * .9) c h);--fill-danger-strong-disabled:oklch(from var(--red-400) calc(l * 1.1) calc(c * .85) h);--fill-danger-weak:oklch(from var(--red-400) calc(l * 1.75) calc(c * .9) h / .2);--fill-danger-weak-hover:oklch(from var(--red-400) calc(l * 1.65) calc(c * .9) h / .2);--fill-danger-weak-disabled:oklch(from var(--red-400) calc(l * 1.65) calc(c * .9) h / .2);--fill-danger-outlined:transparent;--fill-danger-outlined-hover:oklch(from var(--red-300) calc(l * 1.65) c h / .1);--fill-danger-outlined-disabled:oklch(from var(--red-300) calc(l * 1.65) c h / .1);--fill-danger-text:transparent;--fill-danger-text-hover:oklch(from var(--red-300) calc(l * 1.65) c h / .1);--fill-danger-text-disabled:oklch(from var(--red-300) calc(l * 1.65) c h / .1);--text-on-danger-strong:white;--text-on-danger-strong-hover:oklch(90% 5.0664e-8 90);--text-on-danger-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-danger-weak:oklch(from var(--red-100) calc(l * .7) c h);--text-on-danger-weak-hover:oklch(from var(--red-100) calc(l * .7) c h);--text-on-danger-weak-disabled:oklch(from var(--red-100) calc(l * .7) c h);--text-on-danger-outlined:var(--red-400);--text-on-danger-outlined-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined-disabled:oklch(from var(--red-400) calc(l * .7) c h);--text-danger:var(--red-400);--text-danger-weak:oklch(from var(--red-400) calc(l * .7) c h);--text-danger-disabled:oklch(from var(--red-500) calc(l * 1.5) calc(c * .5) h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700) calc(l * .85) calc(c * .85) h)}.not-dark{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500) calc(l * .9) c h);--fill-primary-strong-disabled:oklch(from var(--primary-500) calc(l * 1.1) calc(c * .85) h);--fill-primary-weak:oklch(from var(--primary-500) calc(l * 2.04) calc(c * .2) h / .7);--fill-primary-weak-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-weak-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-outlined:transparent;--fill-primary-outlined-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-outlined-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-text:transparent;--fill-primary-text-hover:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--fill-primary-text-disabled:oklch(from var(--primary-500) calc(l * 2) calc(c * .2) h / .7);--text-on-primary-strong:white;--text-on-primary-strong-hover:var(--primary-600);--text-on-primary-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-primary-weak:oklch(from var(--primary-500) calc(l * .7) c h);--text-on-primary-weak-hover:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-weak-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-outlined:oklch(from var(--primary-500) calc(l * .7) c h);--text-on-primary-outlined-hover:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-on-primary-outlined-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .5) h);--text-primary:var(--primary-500);--text-primary-weak:oklch(from var(--primary-500) calc(l * .7) c h);--text-primary-hover:oklch(from var(--primary-500) calc(l * .7) c h);--text-primary-disabled:oklch(from var(--primary-500) calc(l * 1.5) calc(c * .5) h);--stroke-primary:var(--primary-600);--stroke-primary-hover:oklch(from var(--primary-600) calc(l * .85) c h);--stroke-primary-disabled:oklch(from var(--primary-600) calc(l * 1.5) calc(c * .8) h);--ring-primary:var(--primary-500);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700) calc(l * 1.2) calc(c * .85) h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500) calc(l * .95) c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500) calc(l * 1.1) calc(c * .85) h);--fill-secondary-weak:oklch(from var(--secondary-500) calc(l * 1.6) calc(c * .4) h / .5);--fill-secondary-weak-hover:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) h / .5);--fill-secondary-weak-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .5);--fill-secondary-outlined:transparent;--fill-secondary-outlined-hover:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) h / .7);--fill-secondary-outlined-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .7);--fill-secondary-text:transparent;--fill-secondary-text-hover:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) h / .7);--fill-secondary-text-disabled:oklch(from var(--secondary-500) calc(l * 2) calc(c * .4) c h / .7);--text-on-secondary-strong:black;--text-on-secondary-strong-disabled:oklch(0% 0 0);--text-on-secondary-strong-hover:oklch(0% 0 0);--text-on-secondary-weak:oklch(from var(--secondary-500) calc(l * .7) c h);--text-on-secondary-weak-hover:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-weak-disabled:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined:oklch(from var(--secondary-500) calc(l * .7) c h);--text-on-secondary-outlined-hover:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-on-secondary-outlined-disabled:oklch(from var(--secondary-950) calc(l * 1.5) calc(c * .5) h);--text-secondary:var(--secondary-500);--text-secondary-weak:oklch(from var(--secondary-500) calc(l * .7) c h);--text-secondary-hover:oklch(from var(--secondary-500) calc(l * .7) c h);--text-secondary-disabled:oklch(from var(--secondary-500) calc(l * 1.5) calc(c * .5) h);--stroke-secondary:var(--secondary-700);--stroke-secondary-hover:oklch(from var(--secondary-700) calc(l * .85) c h);--stroke-secondary-disabled:oklch(from var(--secondary-700) calc(l * 1.5) calc(c * .8) h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700) calc(l * 1.2) calc(c * .85) h);--fill-noeffect-strong:var(--gray-100);--fill-noeffect-strong-hover:oklch(from var(--gray-100) calc(l * .95) c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-100) calc(l * 1.1) calc(c * .85) h);--fill-noeffect-weak:oklch(from var(--gray-100) calc(l * 1.07) c h / .7);--fill-noeffect-weak-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .7);--fill-noeffect-weak-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .7);--fill-noeffect-outlined:transparent;--fill-noeffect-outlined-hover:oklch(from var(--gray-100) calc(l * 1.05) c h / .7);--fill-noeffect-outlined-disabled:oklch(from var(--gray-100) calc(l * 1.07) c h / .7);--text-on-noeffect-strong:black;--text-on-noeffect-strong-hover:oklch(0% 0 0);--text-on-noeffect-strong-disabled:oklch(0% 0 0);--text-on-noeffect-weak:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-weak-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-weak-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-outlined-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-outlined-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-text:oklch(from var(--gray-100) calc(l * .5) c h);--text-on-noeffect-text-hover:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-on-noeffect-text-disabled:oklch(from var(--gray-800) calc(l * 1.5) calc(c * .5) h);--text-noeffect:var(--gray-600);--text-noeffect-weak:oklch(from var(--gray-400) calc(l * .7) c h);--text-noeffect-hover:oklch(from var(--gray-400) calc(l * .7) c h);--text-noeffect-disabled:oklch(from var(--gray-600) calc(l * 1.5) calc(c * .5) h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500) calc(l * .75) c h);--stroke-noeffect-disabled:oklch(from var(--gray-500) calc(l * 1.5) calc(c * .8) h);--ring-noeffect:var(--gray-200);--gradient-noeffect-start:var(--gray-100);--gradient-noeffect-end:var(--gray-200);--gradient-noeffect-foreground:black;--gradient-noeffect-hover:var(--gray-400);--gradient-noeffect-disabled:oklch(from var(--gray-200) calc(l * 1.2) calc(c * .85) h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400) calc(l * .9) c h);--fill-success-strong-disabled:oklch(from var(--green-400) calc(l * 1.1) calc(c * .85) h);--fill-success-weak:oklch(from var(--green-100) calc(l * 1.09) calc(c * .85) h / .7);--fill-success-weak-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .7);--fill-success-weak-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .7);--fill-success-outlined:transparent;--fill-success-outlined-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .7);--fill-success-outlined-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .7);--fill-success-text:transparent;--fill-success-text-hover:oklch(from var(--green-100) calc(l * .975) calc(c * .85) h / .7);--fill-success-text-disabled:oklch(from var(--green-100) calc(l * 1.07) calc(c * .85) h / .7);--text-on-success-strong:white;--text-on-success-strong-hover:oklch(90% 5.0664e-8 90);--text-on-success-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-success-weak:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-weak-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-weak-disabled:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-outlined:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-outlined-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-on-success-outlined-disabled:oklch(from var(--green-400) calc(l * .7) c h);--text-success:var(--green-600);--text-success-weak:oklch(from var(--green-400) calc(l * .7) c h);--text-success-hover:oklch(from var(--green-400) calc(l * .7) c h);--text-success-disabled:oklch(from var(--green-600) calc(l * 1.5) calc(c * .5) h);--stroke-success:var(--green-600);--stroke-success-hover:oklch(from var(--green-600) calc(l * .85) c h);--stroke-success-disabled:oklch(from var(--green-600) calc(l * 1.5) calc(c * .8) h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700) calc(l * 1.2) calc(c * .85) h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400) calc(l * .9) c h);--fill-info-strong-disabled:oklch(from var(--blue-400) calc(l * 1.1) calc(c * .85) h);--fill-info-weak:oklch(from var(--blue-400) calc(l * 1.75) calc(c * .2) h / .7);--fill-info-weak-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-weak-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--fill-info-outlined:transparent;--fill-info-outlined-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-outlined-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--fill-info-text:transparent;--fill-info-text-hover:oklch(from var(--blue-400) calc(l * 1.7) calc(c * .2) h / .7);--fill-info-text-disabled:oklch(from var(--blue-400) calc(l * 1.8) calc(c * .2) h / .7);--text-on-info-strong:white;--text-on-info-strong-hover:oklch(90% 5.0664e-8 90);--text-on-info-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-info-weak:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-weak-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-weak-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-on-info-outlined-disabled:oklch(from var(--blue-400) calc(l * .7) c h);--text-info:var(--blue-300);--text-info-weak:oklch(from var(--blue-400) calc(l * .7) c h);--text-info-hover:oklch(from var(--blue-400) calc(l * .7) c h);--text-info-disabled:oklch(from var(--blue-300) calc(l * 1.5) calc(c * .5) h);--stroke-info:var(--blue-500);--stroke-info-hover:oklch(from var(--blue-500) calc(l * .85) c h);--stroke-info-disabled:oklch(from var(--blue-500) calc(l * 1.5) calc(c * .8) h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700) calc(l * 1.2) calc(c * .85) h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300) calc(l * .95) c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300) calc(l * 1.1) calc(c * .85) h);--fill-warning-weak:oklch(from var(--yellow-300) calc(l * 1.5) calc(c * .5) h / .7);--fill-warning-weak-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-weak-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--fill-warning-outlined:transparent;--fill-warning-outlined-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-outlined-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--fill-warning-text:transparent;--fill-warning-text-hover:oklch(from var(--yellow-300) calc(l * 1.15) calc(c * .5) h / .7);--fill-warning-text-disabled:oklch(from var(--yellow-300) calc(l * 1.8) calc(c * .5) h / .7);--text-on-warning-strong:black;--text-on-warning-strong-hover:oklch(0% 0 0);--text-on-warning-strong-disabled:oklch(0% 0 0);--text-on-warning-weak:black;--text-on-warning-weak-hover:oklch(0% 0 0);--text-on-warning-weak-disabled:oklch(0% 0 0);--text-on-warning-outlined:black;--text-on-warning-outlined-hover:oklch(0% 0 0);--text-on-warning-outlined-disabled:oklch(0% 0 0);--text-warning:var(--yellow-700);--text-warning-weak:oklch(from var(--yellow-300) calc(l * .6) c h);--text-warning-hover:oklch(from var(--yellow-300) calc(l * .6) c h);--text-warning-disabled:oklch(from var(--yellow-700) calc(l * 1.5) calc(c * .5) h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500) calc(l * .85) c h);--stroke-warning-disabled:oklch(from var(--yellow-500) calc(l * 1.5) calc(c * .8) h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400) calc(l * 1.2) calc(c * .85) h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400) calc(l * .9) c h);--fill-danger-strong-disabled:oklch(from var(--red-400) calc(l * 1.1) calc(c * .85) h);--fill-danger-weak:oklch(from var(--red-300) calc(l * 1.75) calc(c * .5) h / .7);--fill-danger-weak-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-weak-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-outlined:transparent;--fill-danger-outlined-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-outlined-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-text:transparent;--fill-danger-text-hover:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--fill-danger-text-disabled:oklch(from var(--red-300) calc(l * 1.65) calc(c * .5) h / .7);--text-on-danger-strong:white;--text-on-danger-strong-hover:oklch(90% 5.0664e-8 90);--text-on-danger-strong-disabled:oklch(90% 5.0664e-8 90);--text-on-danger-weak:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-weak-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-weak-disabled:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-on-danger-outlined-disabled:oklch(from var(--red-400) calc(l * .7) c h);--text-danger:var(--red-500);--text-danger-weak:oklch(from var(--red-400) calc(l * .7) c h);--text-danger-hover:oklch(from var(--red-400) calc(l * .7) c h);--text-danger-disabled:oklch(from var(--red-500) calc(l * 1.5) calc(c * .5) h);--stroke-danger:var(--red-500);--stroke-danger-hover:oklch(from var(--red-500) calc(l * .85) c h);--stroke-danger-disabled:oklch(from var(--red-500) calc(l * 1.5) calc(c * .8) h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700) calc(l * 1.2) calc(c * .85) h)}:root{--background:var(--canvas-25);--foreground:var(--gray-900);--shadow:var(--shadow-md);--loader-color:currentColor;--surface-panel:var(--canvas-25);--surface-panel-elevated:white;--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-50);--surface-item-active:var(--canvas-100);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-400);--surface-panel-scrollbar:var(--gray-50);--surface-panel-scrollbar-thumb:var(--primary-100)}.dark,[data-theme=dark],[data-theme=dark]::backdrop{--background:var(--canvas-900);--foreground:var(--gray-50);--shadow:var(--shadow-lg);--loader-color:currentColor;--surface-panel:var(--canvas-800);--surface-panel-elevated:var(--canvas-800);--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-700);--surface-item-active:var(--canvas-600);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-500);--surface-panel-scrollbar:var(--canvas-700);--surface-panel-scrollbar-thumb:var(--primary-400)}.not-dark{--background:var(--canvas-25);--foreground:var(--gray-900);--shadow:var(--shadow-md);--loader-color:currentColor;--surface-panel:var(--canvas-25);--surface-panel-elevated:white;--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-50);--surface-item-active:var(--canvas-100);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-400);--surface-panel-scrollbar:var(--gray-50);--surface-panel-scrollbar-thumb:var(--primary-100)}:root{--text:var(--gray-900);--headings:var(--primary-700);--muted:oklch(from var(--foreground) calc(l * 2) c h);--error:var(--red-500)}.dark,[data-theme=dark],[data-theme=dark]::backdrop{--text:var(--gray-50);--headings:var(--gray-50);--muted:oklch(from var(--foreground) calc(l * .75) c h);--error:var(--red-400)}.not-dark{--text:var(--gray-900);--headings:var(--primary-800);--muted:oklch(from var(--foreground) calc(l * 2) c h);--error:var(--red-500)}:root{--border-color:var(--gray-100)}.dark,[data-theme=dark]{--border-color:var(--canvas-600)}.not-dark{--border-color:var(--gray-100)}:root{--grid-columns-2:2;--grid-columns-3:3;--grid-columns-4:4;--grid-columns-5:5;--grid-columns-6:6;--grid-columns-7:7;--grid-columns-8:8;--grid-columns-9:9;--grid-columns-10:10;--grid-columns-11:11;--grid-columns-12:12;--grid-gap-sm:8px;--grid-gap-md:16px;--grid-gap-lg:24px;--grid-column-size-xs:240px;--grid-column-size-sm:260px;--grid-column-size-md:320px;--grid-column-size-lg:480px;--gap-0:var(--spacing-0);--gap-1:var(--spacing-4);--gap-2:var(--spacing-8);--gap-3:var(--spacing-12);--gap-4:var(--spacing-16);--gap-5:var(--spacing-20);--gap-6:var(--spacing-6);--gap-8:var(--spacing-8);--gap-10:var(--spacing-40);--gap-12:var(--spacing-48);--gap-16:var(--spacing-64);--gap-20:var(--spacing-80);--gap-24:var(--spacing-96);--gap-32:var(--spacing-128);--flex-row:row;--flex-column:column;--flex-wrap:wrap;--flex-nowrap:nowrap;--flex-center:center}}@layer infonomic-utilities{.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.background{background-color:var(--background)}.foreground{color:var(--foreground)}.text{color:var(--text)}.headings{color:var(--headings)}.muted{color:var(--muted);font-size:.925rem}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-position:20%;background-repeat:no-repeat;background-size:65%;width:1.1rem;height:1.1rem;margin-right:-5px;display:inline-block}.dark .external-link:after,[data-theme=dark] .external-link:after{background-image:url(/external-link-dark.svg)}.primary-strong{background-color:var(--fill-primary-strong);color:var(--text-on-primary)}.primary-weak{background-color:var(--fill-primary-weak);color:var(--text-on-primary)}.secondary-strong{background-color:var(--fill-secondary-strong);color:var(--text-on-secondary)}.secondary-weak{background-color:var(--fill-secondary-weak);color:var(--text-on-secondary)}.accent-strong{background-color:var(--fill-accent-strong);color:var(--text-on-accent)}.accent-weak{background-color:var(--fill-accent-weak);color:var(--text-on-accent)}.info-strong{background-color:var(--fill-info-strong);color:var(--text-on-info)}.info-weak{background-color:var(--fill-info-weak);color:var(--text-on-info)}.success-strong{background-color:var(--fill-success-strong);color:var(--text-on-success)}.success-weak{background-color:var(--fill-success-weak);color:var(--text-on-success)}.warning-strong{background-color:var(--fill-warning-strong);color:var(--text-on-warning)}.warning-weak{background-color:var(--fill-warning-weak);color:var(--text-on-warning)}.danger-strong{background-color:var(--fill-danger-strong);color:var(--text-on-danger)}.danger-weak{background-color:var(--fill-danger-weak);color:var(--text-on-danger)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.text-8xl{font-size:var(--font-size-8xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-ultrabold{font-weight:var(--font-weight-ultrabold)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}@media (width>=40rem){.sm\:text-xs{font-size:var(--font-size-xs)}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-base{font-size:var(--font-size-base)}.sm\:text-lg{font-size:var(--font-size-lg)}.sm\:text-xl{font-size:var(--font-size-xl)}.sm\:text-2xl{font-size:var(--font-size-2xl)}.sm\:text-3xl{font-size:var(--font-size-3xl)}.sm\:text-4xl{font-size:var(--font-size-4xl)}.sm\:text-5xl{font-size:var(--font-size-5xl)}.sm\:text-6xl{font-size:var(--font-size-6xl)}.sm\:text-7xl{font-size:var(--font-size-7xl)}.sm\:text-8xl{font-size:var(--font-size-8xl)}.sm\:font-light{font-weight:var(--font-weight-light)}.sm\:font-normal{font-weight:var(--font-weight-normal)}.sm\:font-medium{font-weight:var(--font-weight-medium)}.sm\:font-semibold{font-weight:var(--font-weight-semibold)}.sm\:font-bold{font-weight:var(--font-weight-bold)}.sm\:font-extrabold{font-weight:var(--font-weight-extrabold)}.sm\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.sm\:leading-tight{line-height:var(--line-height-tight)}.sm\:leading-snug{line-height:var(--line-height-snug)}.sm\:leading-normal{line-height:var(--line-height-normal)}.sm\:leading-relaxed{line-height:var(--line-height-relaxed)}.sm\:leading-loose{line-height:var(--line-height-loose)}.sm\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.sm\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.sm\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}@media (width>=48rem){.md\:text-xs{font-size:var(--font-size-xs)}.md\:text-sm{font-size:var(--font-size-sm)}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}.md\:text-3xl{font-size:var(--font-size-3xl)}.md\:text-4xl{font-size:var(--font-size-4xl)}.md\:text-5xl{font-size:var(--font-size-5xl)}.md\:text-6xl{font-size:var(--font-size-6xl)}.md\:text-7xl{font-size:var(--font-size-7xl)}.md\:text-8xl{font-size:var(--font-size-8xl)}.md\:font-light{font-weight:var(--font-weight-light)}.md\:font-normal{font-weight:var(--font-weight-normal)}.md\:font-medium{font-weight:var(--font-weight-medium)}.md\:font-semibold{font-weight:var(--font-weight-semibold)}.md\:font-bold{font-weight:var(--font-weight-bold)}.md\:font-extrabold{font-weight:var(--font-weight-extrabold)}.md\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.md\:leading-tight{line-height:var(--line-height-tight)}.md\:leading-snug{line-height:var(--line-height-snug)}.md\:leading-normal{line-height:var(--line-height-normal)}.md\:leading-relaxed{line-height:var(--line-height-relaxed)}.md\:leading-loose{line-height:var(--line-height-loose)}.md\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.md\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.md\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-4)}.m-2{margin:var(--spacing-8)}.m-3{margin:var(--spacing-12)}.m-4{margin:var(--spacing-16)}.m-5{margin:var(--spacing-20)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-40)}.m-12{margin:var(--spacing-48)}.m-16{margin:var(--spacing-64)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-4)}.p-2{padding:var(--spacing-8)}.p-3{padding:var(--spacing-12)}.p-4{padding:var(--spacing-16)}.p-5{padding:var(--spacing-20)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-40)}.p-12{padding:var(--spacing-48)}.p-16{padding:var(--spacing-64)}.p-20{padding:var(--spacing-80)}.p-24{padding:var(--spacing-96)}.p-32{padding:var(--spacing-128)}@media (width>=40rem){.sm\:m-0{margin:var(--spacing-0)}.sm\:m-1{margin:var(--spacing-4)}.sm\:m-2{margin:var(--spacing-8)}.sm\:m-3{margin:var(--spacing-12)}.sm\:m-4{margin:var(--spacing-16)}.sm\:m-5{margin:var(--spacing-20)}.sm\:m-6{margin:var(--spacing-6)}.sm\:m-8{margin:var(--spacing-8)}.sm\:m-10{margin:var(--spacing-40)}.sm\:m-12{margin:var(--spacing-48)}.sm\:m-16{margin:var(--spacing-64)}.sm\:p-0{padding:var(--spacing-0)}.sm\:p-1{padding:var(--spacing-4)}.sm\:p-2{padding:var(--spacing-8)}.sm\:p-3{padding:var(--spacing-12)}.sm\:p-4{padding:var(--spacing-16)}.sm\:p-5{padding:var(--spacing-20)}.sm\:p-6{padding:var(--spacing-6)}.sm\:p-8{padding:var(--spacing-8)}.sm\:p-10{padding:var(--spacing-40)}.sm\:p-12{padding:var(--spacing-48)}.sm\:p-16{padding:var(--spacing-64)}.sm\:p-20{padding:var(--spacing-80)}.sm\:p-24{padding:var(--spacing-96)}.sm\:p-32{padding:var(--spacing-128)}}@media (width>=48rem){.md\:m-0{margin:var(--spacing-0)}.md\:m-1{margin:var(--spacing-4)}.md\:m-2{margin:var(--spacing-8)}.md\:m-3{margin:var(--spacing-12)}.md\:m-4{margin:var(--spacing-16)}.md\:m-5{margin:var(--spacing-20)}.md\:m-6{margin:var(--spacing-6)}.md\:m-8{margin:var(--spacing-8)}.md\:m-10{margin:var(--spacing-40)}.md\:m-12{margin:var(--spacing-48)}.md\:m-16{margin:var(--spacing-64)}.md\:p-0{padding:var(--spacing-0)}.md\:p-1{padding:var(--spacing-4)}.md\:p-2{padding:var(--spacing-8)}.md\:p-3{padding:var(--spacing-12)}.md\:p-4{padding:var(--spacing-16)}.md\:p-5{padding:var(--spacing-20)}.md\:p-6{padding:var(--spacing-6)}.md\:p-8{padding:var(--spacing-8)}.md\:p-10{padding:var(--spacing-40)}.md\:p-12{padding:var(--spacing-48)}.md\:p-16{padding:var(--spacing-64)}.md\:p-20{padding:var(--spacing-80)}.md\:p-24{padding:var(--spacing-96)}.md\:p-32{padding:var(--spacing-128)}}.flex{display:flex}.flex-row{flex-direction:var(--flex-row)}.flex-column{flex-direction:var(--flex-column)}.flex-wrap{flex-wrap:var(--flex-wrap)}.flex-nowrap{flex-wrap:var(--flex-nowrap)}.items-center{align-items:var(--flex-center)}.justify-center{justify-content:var(--flex-center)}@media (width>=40rem){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:var(--flex-row)}.sm\:flex-column{flex-direction:var(--flex-column)}.sm\:flex-wrap{flex-wrap:var(--flex-wrap)}.sm\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.sm\:items-center{align-items:var(--flex-center)}.sm\:justify-center{justify-content:var(--flex-center)}}@media (width>=48rem){.md\:flex{display:flex}.md\:flex-row{flex-direction:var(--flex-row)}.md\:flex-column{flex-direction:var(--flex-column)}.md\:flex-wrap{flex-wrap:var(--flex-wrap)}.md\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.md\:items-center{align-items:var(--flex-center)}.md\:justify-center{justify-content:var(--flex-center)}}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(var(--grid-columns-2), minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(var(--grid-columns-3), minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(var(--grid-columns-4), minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(var(--grid-columns-5), minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(var(--grid-columns-6), minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(var(--grid-columns-7), minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(var(--grid-columns-8), minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(var(--grid-columns-9), minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(var(--grid-columns-10), minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(var(--grid-columns-11), minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(var(--grid-columns-12), minmax(0, 1fr))}.gap-0{gap:var(--gap-0)}.gap-1{gap:var(--gap-1)}.gap-2{gap:var(--gap-2)}.gap-3{gap:var(--gap-3)}.gap-4{gap:var(--gap-4)}.gap-5{gap:var(--gap-5)}.gap-6{gap:var(--gap-6)}.gap-8{gap:var(--gap-8)}.gap-10{gap:var(--gap-10)}.gap-12{gap:var(--gap-12)}.gap-16{gap:var(--gap-16)}.gap-20{gap:var(--gap-20)}.gap-24{gap:var(--gap-24)}.gap-32{gap:var(--gap-32)}@media (width>=40rem){.sm\:grid{display:grid}.sm\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns), 1fr)}.sm\:gap-0{gap:.5rem;gap:var(--gap-0)}.sm\:gap-1{gap:var(--gap-1)}.sm\:gap-2{gap:var(--gap-2)}.sm\:gap-3{gap:var(--gap-3)}.sm\:gap-4{gap:var(--gap-4)}.sm\:gap-5{gap:var(--gap-5)}.sm\:gap-6{gap:var(--gap-6)}.sm\:gap-8{gap:var(--gap-8)}.sm\:gap-10{gap:var(--gap-10)}.sm\:gap-12{gap:var(--gap-12)}.sm\:gap-16{gap:var(--gap-16)}.sm\:gap-20{gap:var(--gap-20)}.sm\:gap-24{gap:var(--gap-24)}.sm\:gap-32{gap:var(--gap-32)}}@media (width>=48rem){.md\:grid{display:grid}.md\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns), 1fr)}.md\:gap-0{gap:.5rem;gap:var(--gap-0)}.md\:gap-1{gap:var(--gap-1)}.md\:gap-2{gap:var(--gap-2)}.md\:gap-3{gap:var(--gap-3)}.md\:gap-4{gap:var(--gap-4)}.md\:gap-5{gap:var(--gap-5)}.md\:gap-6{gap:var(--gap-6)}.md\:gap-8{gap:var(--gap-8)}.md\:gap-10{gap:var(--gap-10)}.md\:gap-12{gap:var(--gap-12)}.md\:gap-16{gap:var(--gap-16)}.md\:gap-20{gap:var(--gap-20)}.md\:gap-24{gap:var(--gap-24)}.md\:gap-32{gap:var(--gap-32)}}.border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded,.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}@media (width>=40rem){.sm\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:rounded-none{border-radius:var(--border-radius-none)}.sm\:rounded-sm,.sm\:rounded,.sm\:rounded-md{border-radius:var(--border-radius-sm)}.sm\:rounded-lg{border-radius:var(--border-radius-lg)}.sm\:rounded-xl{border-radius:var(--border-radius-xl)}.sm\:rounded-2xl{border-radius:var(--border-radius-2xl)}.sm\:rounded-full{border-radius:var(--border-radius-full)}}@media (width>=48rem){.md\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:rounded-none{border-radius:var(--border-radius-none)}.md\:rounded-sm{border-radius:var(--border-radius-sm)}.md\:rounded,.md\:rounded-md{border-radius:var(--border-radius-md)}.md\:rounded-lg{border-radius:var(--border-radius-lg)}.md\:rounded-xl{border-radius:var(--border-radius-xl)}.md\:rounded-2xl{border-radius:var(--border-radius-2xl)}.md\:rounded-full{border-radius:var(--border-radius-full)}}.shadow{box-shadow:var(--shadow)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (width>=48rem){.md\:shadow{box-shadow:var(--shadow)}.md\:shadow-xs{box-shadow:var(--shadow-xs)}.md\:shadow-sm{box-shadow:var(--shadow-sm)}.md\:shadow-md{box-shadow:var(--shadow-md)}.md\:shadow-lg{box-shadow:var(--shadow-lg)}.md\:shadow-xl{box-shadow:var(--shadow-xl)}}.opacity-0{opacity:var(--opacity-0)}.opacity-25{opacity:var(--opacity-25)}.opacity-50{opacity:var(--opacity-50)}.opacity-75{opacity:var(--opacity-75)}.opacity-100{opacity:var(--opacity-100)}@media (width>=48rem){.md\:opacity-0{opacity:var(--opacity-0)}.md\:opacity-25{opacity:var(--opacity-25)}.md\:opacity-50{opacity:var(--opacity-50)}.md\:opacity-75{opacity:var(--opacity-75)}.md\:opacity-100{opacity:var(--opacity-100)}}.transition-fast{transition:var(--transition-fast)}.transition-normal{transition:var(--transition-normal)}.transition-slow{transition:var(--transition-slow)}.ring-primary-offset-primary:focus:not(.dark *),.ring-primary-offset-primary:active:not(.dark *){--ring-shadow:var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--primary-700);--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--primary-400);box-shadow:var(--ring-offset-shadow), var(--ring-shadow), var(--shadow,0 0 #0000)}.ring-secondary-offset-secondary:focus:not(.dark *),.ring-secondary-offset-secondary:active:not(.dark *){--ring-shadow:var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--secondary-700);--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--secondary-400);box-shadow:var(--ring-offset-shadow), var(--ring-shadow), var(--shadow,0 0 #0000)}.ring-accent-offset-accent:focus:not(.dark *),.ring-accent-offset-accent:active:not(.dark *){--ring-shadow:var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--accent-700);--ring-offset-shadow:var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--accent-400);box-shadow:var(--ring-offset-shadow), var(--ring-shadow), var(--shadow,0 0 #0000)}.fix-scroll-layout-shift-right{padding-right:var(--removed-body-scroll-bar-size)}.fix-scroll-layout-shift-left{padding-left:var(--removed-body-scroll-bar-size)}}@layer infonomic-theme{input:autofill,input:autofill:hover,input:autofill:focus,textarea:autofill,textarea:autofill:hover,textarea:autofill:focus,select:autofill,select:autofill:hover,select:autofill:focus{-webkit-text-fill-color:black;color:#000;background-color:#fad9a7;border:1px solid #d89d3d;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff2dc;box-shadow:inset 0 0 0 1000px #fff2dc}.dark input:autofill,.dark input:autofill:hover,.dark input:autofill:focus,.dark textarea:autofill,.dark textarea:autofill:hover,.dark textarea:autofill:focus,.dark select:autofill,.dark select:autofill:hover,.dark select:autofill:focus,[data-theme=dark] input:autofill,[data-theme=dark] input:autofill:hover,[data-theme=dark] input:autofill:focus,[data-theme=dark] textarea:autofill,[data-theme=dark] textarea:autofill:hover,[data-theme=dark] textarea:autofill:focus,[data-theme=dark] select:autofill,[data-theme=dark] select:autofill:hover,[data-theme=dark] select:autofill:focus{border:1px solid var(--theme-600);-webkit-text-fill-color:white;-webkit-box-shadow:0 0 0px 1000px var(--theme-600) inset;box-shadow:0 0 0px 1000px var(--theme-600) inset;color:#fff;background-color:#64646480;transition:background-color 5000s ease-in-out}:root{--scroll-bar-thumb:var(--theme-400);--scroll-bar-track:var(--theme-600)}:root.dark,:root[data-theme=dark]{--scroll-bar-thumb:var(--canvas-700);--scroll-bar-track:var(--canvas-900)}::-webkit-scrollbar{width:.6em;height:.6em}::-webkit-scrollbar-thumb{background:var(--scroll-bar-thumb)}::-webkit-scrollbar-track{background:var(--scroll-bar-track)}::-webkit-scrollbar-corner{background:var(--scroll-bar-track)}html{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb) var(--scroll-bar-track)}.component--scroller,.dark .component--scroller,[data-theme=dark] .component--scroller{--scroll-bar-thumb:var(--scroll-bar-thumb);--scroll-bar-track:var(--scroll-bar-track)}.component--scroller{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb) var(--scroll-bar-track);overflow-y:auto}html{color:var(--text);font-size:1rem}html .not-dark{color:var(--text)}::selection{background-color:var(--theme-600);color:#fff}.dark ::selection,[data-theme=dark] ::selection{background-color:var(--theme-200);color:var(--gray-900)}h1{font-size:1.75rem;font-weight:600;line-height:1.125}h2{font-size:1.5rem;font-weight:600;line-height:1.125}h3{font-size:1.25rem;font-weight:600;line-height:1.1}h4{font-size:1rem;font-weight:600;line-height:1.1}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-position:20%;background-repeat:no-repeat;background-size:65%;width:1.1rem;height:1.1rem;margin-right:-5px;display:inline-block}.dark .external-link:after,[data-theme=dark] .external-link:after{background-image:url(/external-link-dark.svg)}}@layer infonomic-typography;@layer infonomic-components{.component--hamburger{z-index:200;cursor:pointer;width:42px;height:34px;font:inherit;color:inherit;text-transform:none;background-color:#0000;border:0;border-radius:4px;justify-content:center;align-items:center;margin:0;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:ease;display:flex;position:relative;overflow:hidden}.component--hamburger:active,.component--hamburger:focus{border:.5px dashed #fff;border-radius:4px;outline:none}.component--hamburger .box{width:24px;height:24px;display:block;position:relative}.component--hamburger .inner{margin-top:-1px;transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19);display:block;top:50%}.component--hamburger .inner,.component--hamburger .inner:before,.component--hamburger .inner:after{border-radius:0;width:24px;height:2px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;position:absolute}.component--hamburger .inner:before,.component--hamburger .inner:after{content:"";display:block}.component--hamburger .inner:before{transition:top 75ms .12s,opacity 75ms;top:-8px}.component--hamburger .inner:after{transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);bottom:-8px}.component--hamburger.is_active .inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.component--hamburger.is_active .inner:before{opacity:0;transition:top 75ms,opacity 75ms .12s;top:0}.component--hamburger.is_active .inner:after{transition:bottom 75ms,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}}.lds-ellipsis{display:inline-block;position:relative}.lds-ellipsis div{background:#fff;border-radius:50%;width:16.25%;height:32.25%;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:41.25%}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:10%}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:10%}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:40%}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:70%}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(184.61%)}}.lds-ring{display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;border:8px solid #0000;border-top-color:#fff;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lds-spinner{color:official;width:56px;height:56px;display:inline-block;position:relative}.lds-spinner div{transform-origin:28px 32px;animation:1.2s linear infinite lds-spinner}.lds-spinner div .div-after{content:" ";background:#fff;border-radius:20%;width:5px;height:14px;display:block;position:absolute;top:0;left:25px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.component--fade-in-lift{opacity:0;visibility:hidden;will-change:opacity, visibility;transition:opacity .5s ease-out,transform .7s ease-out;transform:matrix(1,0,0,1,0,18)}.component--fade-in-lift.is-visible{opacity:1;visibility:visible;transform:matrix(1,0,0,1,0,0)}
|
package/package.json
CHANGED
|
@@ -106,22 +106,55 @@ infonomic-components;
|
|
|
106
106
|
/* Sizes */
|
|
107
107
|
.sm,
|
|
108
108
|
:global(.infonomic-checkbox-sm) {
|
|
109
|
-
width:
|
|
110
|
-
height:
|
|
109
|
+
width: 16px;
|
|
110
|
+
height: 16px;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.sm .icon,
|
|
114
|
+
:global(.infonomic-checkbox-sm) :global(.infonomic-checkbox-icon) {
|
|
115
|
+
width: 16px;
|
|
116
|
+
height: 16px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.sm~.label,
|
|
120
|
+
:global(.infonomic-checkbox-sm)~ :global(.infonomic-checkbox-label) {
|
|
121
|
+
font-size: 0.85rem;
|
|
111
122
|
}
|
|
112
123
|
|
|
113
124
|
.md,
|
|
114
125
|
:global(.infonomic-checkbox-md) {
|
|
115
|
-
width:
|
|
116
|
-
height:
|
|
126
|
+
width: 18px;
|
|
127
|
+
height: 18px;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.md .icon,
|
|
131
|
+
:global(.infonomic-checkbox-md) :global(.infonomic-checkbox-icon) {
|
|
132
|
+
width: 18px;
|
|
133
|
+
height: 18px;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.md~.label,
|
|
137
|
+
:global(.infonomic-checkbox-md)~ :global(.infonomic-checkbox-label) {
|
|
138
|
+
font-size: 0.875rem;
|
|
117
139
|
}
|
|
118
140
|
|
|
119
141
|
.lg,
|
|
120
142
|
:global(.infonomic-checkbox-lg) {
|
|
143
|
+
width: 20px;
|
|
144
|
+
height: 20px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.lg .icon,
|
|
148
|
+
:global(.infonomic-checkbox-lg) :global(.infonomic-checkbox-icon) {
|
|
121
149
|
width: 22px;
|
|
122
150
|
height: 22px;
|
|
123
151
|
}
|
|
124
152
|
|
|
153
|
+
.lg~.label,
|
|
154
|
+
:global(.infonomic-checkbox-lg)~ :global(.infonomic-checkbox-label) {
|
|
155
|
+
font-size: 1rem;
|
|
156
|
+
}
|
|
157
|
+
|
|
125
158
|
/* Variants */
|
|
126
159
|
.outlined,
|
|
127
160
|
:global(.infonomic-checkbox-outlined) {
|
|
@@ -215,6 +215,55 @@ export const Checked = (): React.JSX.Element => {
|
|
|
215
215
|
)
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
+
export const Sized = (): React.JSX.Element => {
|
|
219
|
+
const [checked, setChecked] = useState(true)
|
|
220
|
+
const handleOnClick = (): void => {
|
|
221
|
+
setChecked(!checked)
|
|
222
|
+
}
|
|
223
|
+
return (
|
|
224
|
+
<div style={{ maxWidth: '800px', margin: '2rem auto 2rem' }}>
|
|
225
|
+
<h2 className="text-xl" style={{ marginBottom: '1rem' }}>
|
|
226
|
+
Outlined
|
|
227
|
+
</h2>
|
|
228
|
+
<div className="grid gap-4 grid-cols-3">
|
|
229
|
+
<div className="control">
|
|
230
|
+
<Checkbox
|
|
231
|
+
onClick={handleOnClick}
|
|
232
|
+
aria-label="Large Checkbox"
|
|
233
|
+
size="lg"
|
|
234
|
+
checked={checked}
|
|
235
|
+
id="large"
|
|
236
|
+
name="large"
|
|
237
|
+
label="Large Checkbox"
|
|
238
|
+
/>
|
|
239
|
+
</div>
|
|
240
|
+
<div className="control">
|
|
241
|
+
<Checkbox
|
|
242
|
+
onClick={handleOnClick}
|
|
243
|
+
aria-label="Medium Checkbox"
|
|
244
|
+
size="md"
|
|
245
|
+
checked={checked}
|
|
246
|
+
id="medium"
|
|
247
|
+
name="medium"
|
|
248
|
+
label="Medium Checkbox"
|
|
249
|
+
/>
|
|
250
|
+
</div>
|
|
251
|
+
<div className="control">
|
|
252
|
+
<Checkbox
|
|
253
|
+
onClick={handleOnClick}
|
|
254
|
+
aria-label="Small Checkbox"
|
|
255
|
+
size="sm"
|
|
256
|
+
checked={checked}
|
|
257
|
+
id="small"
|
|
258
|
+
name="small"
|
|
259
|
+
label="Small Checkbox"
|
|
260
|
+
/>
|
|
261
|
+
</div>
|
|
262
|
+
</div>
|
|
263
|
+
</div>
|
|
264
|
+
)
|
|
265
|
+
}
|
|
266
|
+
|
|
218
267
|
export const Disabled = (): React.JSX.Element => {
|
|
219
268
|
const [checked, setChecked] = useState(true)
|
|
220
269
|
const handleOnClick = (): void => {
|
|
@@ -92,9 +92,9 @@ export const Checkbox = function Checkbox({
|
|
|
92
92
|
)}
|
|
93
93
|
</div>
|
|
94
94
|
{error ? (
|
|
95
|
-
<ErrorText id={`error-for-${id}`} text={errorText ?? helpText} />
|
|
95
|
+
<ErrorText id={`error-for-${id}`} size={size} text={errorText ?? helpText} />
|
|
96
96
|
) : (
|
|
97
|
-
helpText?.length > 0 && <HelpText text={helpText} />
|
|
97
|
+
helpText?.length > 0 && <HelpText size={size} text={helpText} />
|
|
98
98
|
)}
|
|
99
99
|
</div>
|
|
100
100
|
)
|
|
@@ -12,4 +12,19 @@ infonomic-components;
|
|
|
12
12
|
font-size: 0.875rem;
|
|
13
13
|
color: var(--error);
|
|
14
14
|
}
|
|
15
|
+
|
|
16
|
+
.sm,
|
|
17
|
+
:global(.infonomic-error-text-sm) {
|
|
18
|
+
font-size: 0.85rem;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.md,
|
|
22
|
+
:global(.infonomic-error-text-md) {
|
|
23
|
+
font-size: 0.875rem;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.lg,
|
|
27
|
+
:global(.infonomic-error-text-lg) {
|
|
28
|
+
font-size: 0.9rem;
|
|
29
|
+
}
|
|
15
30
|
}
|
|
@@ -7,12 +7,13 @@ import styles from './error-text.module.css'
|
|
|
7
7
|
interface ErrorTextProps {
|
|
8
8
|
id: string
|
|
9
9
|
className?: string
|
|
10
|
+
size?: 'sm' | 'md' | 'lg'
|
|
10
11
|
text: string
|
|
11
12
|
}
|
|
12
13
|
|
|
13
|
-
export function ErrorText({ id, className, text }: ErrorTextProps): React.JSX.Element {
|
|
14
|
+
export function ErrorText({ id, className, size, text }: ErrorTextProps): React.JSX.Element {
|
|
14
15
|
return (
|
|
15
|
-
<p id={id} className={cx('error-text', styles.text, className)}>
|
|
16
|
+
<p id={id} className={cx('error-text', styles.text, size && styles[size], className)}>
|
|
16
17
|
{text}
|
|
17
18
|
</p>
|
|
18
19
|
)
|
|
@@ -12,4 +12,19 @@ infonomic-components;
|
|
|
12
12
|
font-size: 0.875rem;
|
|
13
13
|
color: var(--muted);
|
|
14
14
|
}
|
|
15
|
+
|
|
16
|
+
.sm,
|
|
17
|
+
:global(.infonomic-help-text-sm) {
|
|
18
|
+
font-size: 0.85rem;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.md,
|
|
22
|
+
:global(.infonomic-help-text-md) {
|
|
23
|
+
font-size: 0.875rem;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.lg,
|
|
27
|
+
:global(.infonomic-help-text-lg) {
|
|
28
|
+
font-size: 0.9rem;
|
|
29
|
+
}
|
|
15
30
|
}
|
|
@@ -6,9 +6,10 @@ import styles from './help-text.module.css'
|
|
|
6
6
|
|
|
7
7
|
interface HelpTextProps {
|
|
8
8
|
className?: string
|
|
9
|
+
size?: 'sm' | 'md' | 'lg'
|
|
9
10
|
text: string
|
|
10
11
|
}
|
|
11
12
|
|
|
12
|
-
export function HelpText({ className, text }: HelpTextProps): React.JSX.Element {
|
|
13
|
-
return <p className={cx('infonomic-help-text', styles.text, className)}>{text}</p>
|
|
13
|
+
export function HelpText({ className, size, text }: HelpTextProps): React.JSX.Element {
|
|
14
|
+
return <p className={cx('infonomic-help-text', styles.text, size && styles[size], className)}>{text}</p>
|
|
14
15
|
}
|
|
@@ -94,9 +94,9 @@ export const Input = <_C extends React.ElementType = 'input'>({
|
|
|
94
94
|
)}
|
|
95
95
|
</div>
|
|
96
96
|
{error ? (
|
|
97
|
-
<ErrorText id={`error-for-${id}`} text={errorText ?? helpText} />
|
|
97
|
+
<ErrorText id={`error-for-${id}`} size={inputSize} text={errorText ?? helpText} />
|
|
98
98
|
) : (
|
|
99
|
-
helpText?.length > 0 && <HelpText text={helpText} />
|
|
99
|
+
helpText?.length > 0 && <HelpText size={inputSize} text={helpText} />
|
|
100
100
|
)}
|
|
101
101
|
</div>
|
|
102
102
|
)
|
|
@@ -485,9 +485,9 @@
|
|
|
485
485
|
/* NOEFFECT INTENT TOKENS (Dark Mode)
|
|
486
486
|
----------------------------------------------------------------- */
|
|
487
487
|
/* Fill tokens - for filled variant */
|
|
488
|
-
--fill-noeffect-strong: var(--gray-
|
|
489
|
-
--fill-noeffect-strong-hover: oklch(from var(--gray-
|
|
490
|
-
--fill-noeffect-strong-disabled: oklch(from var(--gray-
|
|
488
|
+
--fill-noeffect-strong: var(--gray-700);
|
|
489
|
+
--fill-noeffect-strong-hover: oklch(from var(--gray-700) calc(l * 0.95) c h);
|
|
490
|
+
--fill-noeffect-strong-disabled: oklch(from var(--gray-700) calc(l * 1.1) calc(c * 0.85) h);
|
|
491
491
|
|
|
492
492
|
--fill-noeffect-weak: oklch(from var(--gray-100) calc(l * 1.09) c h / 0.3);
|
|
493
493
|
--fill-noeffect-weak-hover: oklch(from var(--gray-100) calc(l * 1.05) c h / 0.3);
|
|
@@ -502,7 +502,7 @@
|
|
|
502
502
|
--fill-noeffect-text-disabled: oklch(from var(--gray-300) calc(l * 1.07) c h / 0.1);
|
|
503
503
|
|
|
504
504
|
/* Text tokens - for text/icons on top of fills */
|
|
505
|
-
--text-on-noeffect-strong:
|
|
505
|
+
--text-on-noeffect-strong: white;
|
|
506
506
|
--text-on-noeffect-strong-hover: oklch(from black calc(l * 0.9) calc(c * 0.85) h);
|
|
507
507
|
--text-on-noeffect-strong-disabled: oklch(from black calc(l * 0.9) calc(c * 0.85) h);
|
|
508
508
|
|