@dss-kit/ui-kit 0.1.8 → 0.1.9

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.
Files changed (83) hide show
  1. package/dist/components/builders/Box/Box.d.ts +72 -74
  2. package/dist/components/builders/Box/index.d.ts +2 -2
  3. package/dist/components/builders/Box/type.d.ts +38 -53
  4. package/dist/components/builders/Loader/Loader.d.ts +3 -3
  5. package/dist/components/builders/Loader/index.d.ts +2 -2
  6. package/dist/components/builders/Modal/Modal.d.ts +30 -32
  7. package/dist/components/builders/Modal/Modal.stories.d.ts +3 -3
  8. package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts +3 -5
  9. package/dist/components/builders/Modal/ModalFooter/index.d.ts +2 -2
  10. package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts +12 -18
  11. package/dist/components/builders/Modal/ModalHeader/index.d.ts +2 -2
  12. package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts +28 -30
  13. package/dist/components/builders/Modal/ModalMain/index.d.ts +3 -3
  14. package/dist/components/builders/Modal/index.d.ts +9 -12
  15. package/dist/components/builders/Ripple/Ripple.d.ts +16 -13
  16. package/dist/components/builders/Ripple/index.d.ts +2 -2
  17. package/dist/components/builders/Text/Text.d.ts +329 -476
  18. package/dist/components/builders/Text/Text.stories.d.ts +3 -3
  19. package/dist/components/builders/Text/index.d.ts +2 -2
  20. package/dist/components/builders/Text/utils/systemToClass.d.ts +23 -23
  21. package/dist/components/builders/index.d.ts +5 -5
  22. package/dist/components/controls/Button/Button.d.ts +76 -76
  23. package/dist/components/controls/Button/Button.stories.d.ts +3 -3
  24. package/dist/components/controls/Button/index.d.ts +3 -3
  25. package/dist/components/controls/Button/styles.d.ts +4 -9
  26. package/dist/components/controls/Button/types.d.ts +3 -14
  27. package/dist/components/controls/Checkbox/Checkbox.d.ts +28 -29
  28. package/dist/components/controls/Checkbox/Checkbox.stories.d.ts +3 -3
  29. package/dist/components/controls/Checkbox/index.d.ts +2 -2
  30. package/dist/components/controls/IconButton/IconButton.d.ts +3 -11
  31. package/dist/components/controls/IconButton/IconButton.stories.d.ts +3 -3
  32. package/dist/components/controls/IconButton/IconButton.types.d.ts +10 -33
  33. package/dist/components/controls/IconButton/index.d.ts +3 -3
  34. package/dist/components/controls/Input/Input.d.ts +38 -47
  35. package/dist/components/controls/Input/Input.stories.d.ts +3 -3
  36. package/dist/components/controls/Input/index.d.ts +2 -2
  37. package/dist/components/controls/Select/Select.d.ts +23 -44
  38. package/dist/components/controls/Select/Select.d.ts.map +1 -1
  39. package/dist/components/controls/Select/Select.stories.d.ts +5 -5
  40. package/dist/components/controls/Select/index.d.ts +2 -2
  41. package/dist/components/controls/Switch/Switch.d.ts +83 -89
  42. package/dist/components/controls/Switch/Switch.stories.d.ts +3 -3
  43. package/dist/components/controls/Switch/index.d.ts +3 -3
  44. package/dist/components/controls/index.d.ts +7 -7
  45. package/dist/components/index.d.ts +4 -4
  46. package/dist/components/shared/Avatar/Avatar.d.ts +3 -10
  47. package/dist/components/shared/Avatar/Avatar.stories.d.ts +6 -6
  48. package/dist/components/shared/Avatar/Avatar.types.d.ts +8 -21
  49. package/dist/components/shared/Avatar/index.d.ts +3 -3
  50. package/dist/components/shared/Hint/Hint.d.ts +23 -34
  51. package/dist/components/shared/Hint/Hint.stories.d.ts +3 -3
  52. package/dist/components/shared/Hint/index.d.ts +2 -2
  53. package/dist/components/shared/Portal/Portal.d.ts +2 -2
  54. package/dist/components/shared/Portal/index.d.ts +2 -2
  55. package/dist/components/shared/Tag/Tag.d.ts +13 -20
  56. package/dist/components/shared/Tag/Tag.stories.d.ts +3 -3
  57. package/dist/components/shared/Tag/index.d.ts +3 -3
  58. package/dist/components/shared/index.d.ts +5 -5
  59. package/dist/index.d.ts +5 -5
  60. package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.d.ts +3 -7
  61. package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts +4 -4
  62. package/dist/providers/ThemeProviderScoped/index.d.ts +3 -3
  63. package/dist/providers/index.d.ts +2 -2
  64. package/dist/root.css +1 -886
  65. package/dist/types/children.types.d.ts +2 -2
  66. package/dist/types/index.d.ts +2 -2
  67. package/dist/types/tokens.types.d.ts +9 -74
  68. package/dist/ui-kit.cjs.js +4 -9322
  69. package/dist/ui-kit.cjs.js.map +1 -1
  70. package/dist/ui-kit.es.js +3957 -6854
  71. package/dist/ui-kit.es.js.map +1 -1
  72. package/dist/utils/hooks/index.d.ts +3 -3
  73. package/dist/utils/hooks/useControlled.d.ts +2 -5
  74. package/dist/utils/hooks/useDropdownPosition.d.ts +5 -8
  75. package/dist/utils/index.d.ts +3 -3
  76. package/dist/utils/styles/getFontWeightClass/getFontWeightClass.d.ts +3 -7
  77. package/dist/utils/styles/getFontWeightClass/index.d.ts +2 -2
  78. package/dist/utils/styles/getSizeClass/getSizeClass.d.ts +3 -7
  79. package/dist/utils/styles/getSizeClass/index.d.ts +2 -2
  80. package/dist/utils/styles/getStyleClass/getStyleClass.d.ts +2 -11
  81. package/dist/utils/styles/getStyleClass/index.d.ts +2 -2
  82. package/dist/utils/styles/index.d.ts +3 -3
  83. package/package.json +1 -1
package/dist/root.css CHANGED
@@ -1,886 +1 @@
1
- @charset "UTF-8";
2
- @layer reset {
3
- :root *,
4
- :root *:before,
5
- :root *:after {
6
- box-sizing: border-box;
7
- margin: 0;
8
- color: unset;
9
- }
10
- :root ul[class],
11
- :root ol[class] {
12
- padding: 0;
13
- }
14
- :root body,
15
- :root h1,
16
- :root h2,
17
- :root h3,
18
- :root h4,
19
- :root p,
20
- :root label,
21
- :root ul[class],
22
- :root ol[class],
23
- :root li,
24
- :root figure,
25
- :root figcaption,
26
- :root blockquote,
27
- :root dl,
28
- :root dd {
29
- margin: 0;
30
- }
31
- :root label {
32
- display: block;
33
- }
34
- :root html {
35
- scroll-behavior: smooth;
36
- }
37
- :root body {
38
- min-height: 100dvh;
39
- text-rendering: optimizeSpeed;
40
- line-height: 1.5;
41
- margin: 0 !important;
42
- }
43
- :root ul[class],
44
- :root ol[class] {
45
- list-style: none;
46
- }
47
- :root a:not([class]) {
48
- text-decoration-skip-ink: auto;
49
- }
50
- :root a,
51
- :root a:hover,
52
- :root a:checked {
53
- text-decoration: none;
54
- color: inherit;
55
- }
56
- :root img {
57
- max-width: 100%;
58
- display: block;
59
- }
60
- :root input,
61
- :root button,
62
- :root textarea,
63
- :root select,
64
- :root pre {
65
- font: inherit;
66
- }
67
- :root input,
68
- :root textarea {
69
- outline: none;
70
- border: none;
71
- padding: 0;
72
- }
73
- @media (prefers-reduced-motion: reduce) {
74
- :root * {
75
- animation-duration: 0.01ms !important;
76
- animation-iteration-count: 1 !important;
77
- transition-duration: 0.01ms !important;
78
- scroll-behavior: auto !important;
79
- }
80
- }
81
- :root input::-webkit-outer-spin-button,
82
- :root input::-webkit-inner-spin-button {
83
- -webkit-appearance: none;
84
- margin: 0;
85
- }
86
- :root input[type="number"] {
87
- -moz-appearance: textfield;
88
- }
89
- :root html {
90
- overflow-x: hidden;
91
- margin-right: calc(-1 * (100vw - 100%));
92
- }
93
- :root a:focus,
94
- :root button:focus,
95
- :root input:focus,
96
- :root textarea:focus {
97
- outline: none;
98
- }
99
- :root button {
100
- cursor: pointer;
101
- padding: 0;
102
- background: transparent;
103
- }
104
- :root button {
105
- border: none;
106
- outline: none;
107
- }
108
- :root fieldset {
109
- border: 0;
110
- padding: 0;
111
- margin: 0;
112
- min-width: 0;
113
- }
114
- :root div {
115
- outline: none;
116
- }
117
- :root input[type="search"]::-ms-clear {
118
- display: none;
119
- width: 0;
120
- height: 0;
121
- }
122
- :root input[type="search"]::-ms-reveal {
123
- display: none;
124
- width: 0;
125
- height: 0;
126
- }
127
- :root input[type="search"]::-webkit-search-decoration,
128
- :root input[type="search"]::-webkit-search-cancel-button,
129
- :root input[type="search"]::-webkit-search-results-button,
130
- :root input[type="search"]::-webkit-search-results-decoration {
131
- display: none;
132
- }
133
- }
134
- :root {
135
- --accent-10: #001033;
136
- --accent-10-5: rgba(0, 16, 51, 0.05);
137
- --accent-20: #002166;
138
- --accent-30: #003199;
139
- --accent-40: #0042cc;
140
- --accent-50: #0052ff;
141
- --accent-50-8: rgba(0, 82, 255, 0.08);
142
- --accent-50-12: rgba(0, 82, 255, 0.12);
143
- --accent-60: #3375ff;
144
- --accent-60-8: rgba(51, 117, 255, 0.08);
145
- --accent-60-12: rgba(51, 117, 255, 0.12);
146
- --accent-70: #6697ff;
147
- --accent-80: #99baff;
148
- --accent-90: #ccdcff;
149
- --accent-90-12: rgba(204, 220, 255, 0.12);
150
- --accent-96: #ebf1ff;
151
- --accent-96-8: rgba(235, 241, 255, 0.08);
152
- --accent-98: #f5f8ff;
153
- --neutral-10: #131720;
154
- --neutral-10-40: rgba(19, 23, 32, 0.4);
155
- --neutral-15: #1c2230;
156
- --neutral-20: #262e40;
157
- --neutral-25: #313b50;
158
- --neutral-30: #394560;
159
- --neutral-40: #4c5c80;
160
- --neutral-50: #5f73a0;
161
- --neutral-60: #7f8fb3;
162
- --neutral-60-8: rgba(127, 143, 179, 0.08);
163
- --neutral-60-12: rgba(127, 143, 179, 0.12);
164
- --neutral-60-16: rgba(127, 143, 179, 0.16);
165
- --neutral-70: #9fabc6;
166
- --neutral-80: #bfc7d9;
167
- --neutral-80-50: rgba(191, 199, 217, 0.5);
168
- --neutral-80-70: rgba(191, 199, 217, 0.7);
169
- --neutral-86: #d2d8e4;
170
- --neutral-90: #dfe3ec;
171
- --neutral-90-10: rgba(223, 227, 236, 0.1);
172
- --neutral-90-15: rgba(223, 227, 236, 0.15);
173
- --neutral-90-20: rgba(223, 227, 236, 0.2);
174
- --neutral-92: #e5e9f0;
175
- --neutral-96: #f2f4f7;
176
- --neutral-98: #f9f9fb;
177
- --neutral-100: #ffffff;
178
- --neutral-100-8: rgba(255, 255, 255, 0.08);
179
- --neutral-100-12: rgba(255, 255, 255, 0.12);
180
- --negative-10: #320101;
181
- --negative-20: #640202;
182
- --negative-30: #950404;
183
- --negative-40: #c70505;
184
- --negative-50: #f90606;
185
- --negative-60: #fa3838;
186
- --negative-60-8: rgba(250, 56, 56, 0.08);
187
- --negative-60-12: rgba(250, 56, 56, 0.12);
188
- --negative-70: #fb6a6a;
189
- --negative-80: #fd9b9b;
190
- --negative-90: #fecdcd;
191
- --negative-92: #fed7d7;
192
- --negative-96: #ffebeb;
193
- --negative-98: #fff5f5;
194
- --positive-10: #11270c;
195
- --positive-20: #234e18;
196
- --positive-30: #347425;
197
- --positive-40: #469b31;
198
- --positive-50: #57c23d;
199
- --positive-50-8: rgba(87, 194, 61, 0.08);
200
- --positive-50-12: rgba(87, 194, 61, 0.12);
201
- --positive-60: #79ce64;
202
- --positive-70: #9ada8b;
203
- --positive-80: #bce7b1;
204
- --positive-80-8: rgba(188, 231, 177, 0.08);
205
- --positive-80-12: rgba(188, 231, 177, 0.12);
206
- --positive-90: #ddf3d8;
207
- --positive-90-8: rgba(221, 243, 216, 0.08);
208
- --positive-92: #e4f5e0;
209
- --positive-96: #f2faef;
210
- --warning-10: #663d00;
211
- --warning-20: #663d00;
212
- --warning-30: #985b01;
213
- --warning-40: #cb7a01;
214
- --warning-50: #fe9801;
215
- --warning-60: #fead34;
216
- --warning-60-8: rgba(254, 173, 52, 0.08);
217
- --warning-60-12: rgba(254, 173, 52, 0.12);
218
- --warning-70: #fec167;
219
- --warning-80: #ffd699;
220
- --warning-90: #ffeacc;
221
- --warning-92: #ffefd6;
222
- --warning-96: #fff7eb;
223
- --border-accent-primary: var(--accent-60);
224
- --border-accent-primary-hover: var(--accent-50);
225
- --border-accent-secondary: var(--accent-90);
226
- --border-accent-secondary-hover: var(--accent-80);
227
- --border-negative-primary: var(--negative-60);
228
- --border-negative-primary-hover: var(--negative-50);
229
- --border-negative-secondary: var(--negative-90);
230
- --border-negative-secondary-hover: var(--negative-80);
231
- --border-positive-primary: var(--positive-60);
232
- --border-positive-primary-hover: var(--positive-50);
233
- --border-positive-secondary: var(--positive-90);
234
- --border-positive-secondary-hover: var(--positive-80);
235
- --border-warning-primary: var(--warning-60);
236
- --border-warning-primary-hover: var(--warning-50);
237
- --border-warning-secondary: var(--warning-90);
238
- --border-warning-secondary-hover: var(--warning-80);
239
- --border-neutral-primary: var(--neutral-60);
240
- --border-neutral-primary-hover: var(--neutral-50);
241
- --border-neutral-alpha-basic: var(--neutral-60-12);
242
- --border-neutral-alpha-low: var(--neutral-60-8);
243
- --border-neutral-alpha-high: var(--neutral-60-16);
244
- --text-primary: var(--neutral-20);
245
- --text-primary-inverse: var(--neutral-100);
246
- --text-primary-hover: var(--neutral-15);
247
- --text-secondary: var(--neutral-40);
248
- --text-secondary-inverse: var(--neutral-80-70);
249
- --text-secondary-hover: var(--neutral-30);
250
- --text-tertiary: var(--neutral-60);
251
- --text-tertiary-inverse: var(--neutral-80-50);
252
- --text-tertiary-hover: var(--neutral-50);
253
- --text-positive: var(--positive-50);
254
- --text-positive-hover: var(--positive-40);
255
- --text-negative: var(--negative-60);
256
- --text-negative-hover: var(--negative-50);
257
- --text-warning: var(--warning-60);
258
- --text-warning-hover: var(--warning-50);
259
- --text-accent: var(--accent-50);
260
- --text-accent-hover: var(--accent-40);
261
- --text-inverse: var(--neutral-100);
262
- --icon-primary: var(--neutral-20);
263
- --icon-primary-hover: var(--neutral-15);
264
- --icon-primary-inverse: var(--neutral-100);
265
- --icon-secondary: var(--neutral-40);
266
- --icon-secondary-hover: var(--neutral-30);
267
- --icon-tertiary: var(--neutral-60);
268
- --icon-tertiary-inverse: var(--neutral-80-50);
269
- --icon-tertiary-hover: var(--neutral-50);
270
- --icon-positive: var(--positive-50);
271
- --icon-positive-hover: var(--positive-40);
272
- --icon-negative: var(--negative-60);
273
- --icon-negative-hover: var(--negative-50);
274
- --icon-warning: var(--warning-60);
275
- --icon-warning-hover: var(--warning-50);
276
- --icon-accent: var(--accent-60);
277
- --icon-accent-hover: var(--accent-50);
278
- --icon-inverse: var(--neutral-100);
279
- --fill-accent-primary: var(--accent-60);
280
- --fill-accent-primary-hover: var(--accent-50);
281
- --fill-accent-secondary: var(--accent-96);
282
- --fill-accent-secondary-hover: var(--accent-90);
283
- --fill-accent-tint: var(--accent-50-12);
284
- --fill-accent-tint-low: var(--accent-50-8);
285
- --fill-positive-primary: var(--positive-60);
286
- --fill-positive-primary-hover: var(--positive-50);
287
- --fill-positive-secondary: var(--positive-96);
288
- --fill-positive-secondary-hover: var(--positive-90);
289
- --fill-positive-tint: var(--positive-50-12);
290
- --fill-positive-tint-low: var(--positive-50-8);
291
- --fill-negative-primary: var(--negative-60);
292
- --fill-negative-primary-hover: var(--negative-50);
293
- --fill-negative-secondary: var(--negative-96);
294
- --fill-negative-secondary-hover: var(--negative-92);
295
- --fill-negative-tint: var(--negative-60-12);
296
- --fill-negative-tint-low: var(--negative-60-8);
297
- --fill-warning-primary: var(--warning-60);
298
- --fill-warning-primary-hover: var(--warning-50);
299
- --fill-warning-secondary: var(--warning-96);
300
- --fill-warning-secondary-hover: var(--warning-90);
301
- --fill-warning-tint: var(--warning-60-12);
302
- --fill-warning-tint-low: var(--warning-60-8);
303
- --fill-neutral-primary: var(--neutral-100);
304
- --fill-neutral-primary-hover: var(--neutral-96);
305
- --fill-neutral-secondary: var(--neutral-96);
306
- --fill-neutral-secondary-inverse: var(--neutral-60-8);
307
- --fill-neutral-secondary-hover: var(--neutral-90);
308
- --fill-bg-primary: var(--neutral-100);
309
- --fill-bg-primary-inverse: var(--neutral-15);
310
- --fill-bg-secondary: var(--neutral-98);
311
- --fill-bg-secondary-inverse: var(--neutral-20);
312
- --fill-bg-tertiary: var(--neutral-96);
313
- --fill-bg-overlay-primary: var(--neutral-10-40);
314
- --status-accent: var(--accent-50);
315
- --status-accent-tint: var(--accent-50-12);
316
- --status-accent-tint-low: var(--accent-50-8);
317
- --status-negative: var(--negative-60);
318
- --status-negative-tint: var(--negative-60-12);
319
- --status-negative-tint-low: var(--negative-60-8);
320
- --status-positive: var(--positive-50);
321
- --status-positive-tint: var(--positive-50-12);
322
- --status-positive-tint-low: var(--positive-50-8);
323
- --status-warning: var(--warning-60);
324
- --status-warning-tint: var(--warning-60-12);
325
- --status-warning-tint-low: var(--warning-60-8);
326
- --status-neutral: var(--neutral-60);
327
- --status-neutral-tint: var(--neutral-60-12);
328
- --status-neutral-tint-low: var(--neutral-60-8);
329
- --shadow-accent-primary: var(--accent-10-5);
330
- --scrollbar-thumb-primary: var(--neutral-86);
331
- --scrollbar-track-primary: var(--neutral-96);
332
- --corner-zero: 0;
333
- --corner-xs: 4px;
334
- --corner-sm: 8px;
335
- --corner-md: 12px;
336
- --corner-lg: 16px;
337
- --corner-xl: 20px;
338
- --corner-2xl: 24px;
339
- --corner-3xl: 32px;
340
- --corner-4xl: 40px;
341
- --corner-5xl: 48px;
342
- --corner-6xl: 56px;
343
- --corner-full-round: 1000px;
344
- --height-button-xs: 32px;
345
- --height-button-sm: 40px;
346
- --height-button-md: 48px;
347
- --height-button-lg: 56px;
348
- --height-avatar-sm: 32px;
349
- --height-avatar-md: 40px;
350
- --height-avatar-lg: 48px;
351
- --height-icon-xs: 16px;
352
- --height-icon-sm: 20px;
353
- --height-icon-md: 24px;
354
- --height-icon-lg: 32px;
355
- --height-icon-xl: 64px;
356
- --height-switch-sm: 20px;
357
- --height-switch-md: 24px;
358
- --height-switch-lg: 32px;
359
- --opacity-primary: 100;
360
- --opacity-secondary: 80;
361
- --opacity-tertiary: 60;
362
- --spacing-zero: 0;
363
- --spacing-xs: 4px;
364
- --spacing-sm: 8px;
365
- --spacing-md: 12px;
366
- --spacing-lg: 16px;
367
- --spacing-xl: 20px;
368
- --spacing-2xl: 24px;
369
- --spacing-3xl: 32px;
370
- --spacing-4xl: 40px;
371
- --spacing-5xl: 48px;
372
- --spacing-6xl: 56px;
373
- --spacing-7xl: 64px;
374
- --spacing-8xl: 72px;
375
- --spacing-9xl: 80px;
376
- --spacing-10xl: 96px;
377
- --transition-general: all 0.3s ease-in-out;
378
- --fw-regular: 400;
379
- --fw-medium: 500;
380
- --fw-semibold: 600;
381
- --fw-bold: 700;
382
- }
383
- :root[data-theme="dark"],
384
- :root [data-theme="dark"] {
385
- --accent-10: #001033;
386
- --accent-10-5: rgba(0, 16, 51, 0.05);
387
- --accent-20: #002166;
388
- --accent-30: #003199;
389
- --accent-40: #0042cc;
390
- --accent-50: #0052ff;
391
- --accent-50-8: rgba(0, 82, 255, 0.08);
392
- --accent-50-12: rgba(0, 82, 255, 0.12);
393
- --accent-60: #3375ff;
394
- --accent-60-8: rgba(51, 117, 255, 0.08);
395
- --accent-60-12: rgba(51, 117, 255, 0.12);
396
- --accent-70: #6697ff;
397
- --accent-80: #99baff;
398
- --accent-90: #ccdcff;
399
- --accent-90-12: rgba(204, 220, 255, 0.12);
400
- --accent-96: #ebf1ff;
401
- --accent-96-8: rgba(235, 241, 255, 0.08);
402
- --accent-98: #f5f8ff;
403
- --neutral-10: #131720;
404
- --neutral-10-40: rgba(19, 23, 32, 0.4);
405
- --neutral-15: #1c2230;
406
- --neutral-20: #262e40;
407
- --neutral-25: #313b50;
408
- --neutral-30: #394560;
409
- --neutral-40: #4c5c80;
410
- --neutral-50: #5f73a0;
411
- --neutral-60: #7f8fb3;
412
- --neutral-60-8: rgba(127, 143, 179, 0.08);
413
- --neutral-60-12: rgba(127, 143, 179, 0.12);
414
- --neutral-60-16: rgba(127, 143, 179, 0.16);
415
- --neutral-70: #9fabc6;
416
- --neutral-80: #bfc7d9;
417
- --neutral-80-50: rgba(191, 199, 217, 0.5);
418
- --neutral-80-70: rgba(191, 199, 217, 0.7);
419
- --neutral-86: #d2d8e4;
420
- --neutral-90: #dfe3ec;
421
- --neutral-90-10: rgba(223, 227, 236, 0.1);
422
- --neutral-90-15: rgba(223, 227, 236, 0.15);
423
- --neutral-90-20: rgba(223, 227, 236, 0.2);
424
- --neutral-92: #e5e9f0;
425
- --neutral-96: #f2f4f7;
426
- --neutral-98: #f9f9fb;
427
- --neutral-100: #ffffff;
428
- --neutral-100-8: rgba(255, 255, 255, 0.08);
429
- --neutral-100-12: rgba(255, 255, 255, 0.12);
430
- --negative-10: #320101;
431
- --negative-20: #640202;
432
- --negative-30: #950404;
433
- --negative-40: #c70505;
434
- --negative-50: #f90606;
435
- --negative-60: #fa3838;
436
- --negative-60-8: rgba(250, 56, 56, 0.08);
437
- --negative-60-12: rgba(250, 56, 56, 0.12);
438
- --negative-70: #fb6a6a;
439
- --negative-80: #fd9b9b;
440
- --negative-90: #fecdcd;
441
- --negative-92: #fed7d7;
442
- --negative-96: #ffebeb;
443
- --negative-98: #fff5f5;
444
- --positive-10: #11270c;
445
- --positive-20: #234e18;
446
- --positive-30: #347425;
447
- --positive-40: #469b31;
448
- --positive-50: #57c23d;
449
- --positive-50-8: rgba(87, 194, 61, 0.08);
450
- --positive-50-12: rgba(87, 194, 61, 0.12);
451
- --positive-60: #79ce64;
452
- --positive-70: #9ada8b;
453
- --positive-80: #bce7b1;
454
- --positive-80-8: rgba(188, 231, 177, 0.08);
455
- --positive-80-12: rgba(188, 231, 177, 0.12);
456
- --positive-90: #ddf3d8;
457
- --positive-90-8: rgba(221, 243, 216, 0.08);
458
- --positive-92: #e4f5e0;
459
- --positive-96: #f2faef;
460
- --warning-10: #663d00;
461
- --warning-20: #663d00;
462
- --warning-30: #985b01;
463
- --warning-40: #cb7a01;
464
- --warning-50: #fe9801;
465
- --warning-60: #fead34;
466
- --warning-60-8: rgba(254, 173, 52, 0.08);
467
- --warning-60-12: rgba(254, 173, 52, 0.12);
468
- --warning-70: #fec167;
469
- --warning-80: #ffd699;
470
- --warning-90: #ffeacc;
471
- --warning-92: #ffefd6;
472
- --warning-96: #fff7eb;
473
- --border-accent-primary: var(--accent-60);
474
- --border-accent-primary-hover: var(--accent-50);
475
- --border-accent-secondary: var(--accent-60-8);
476
- --border-accent-secondary-hover: var(--accent-60-12);
477
- --border-negative-primary: var(--negative-60);
478
- --border-negative-primary-hover: var(--negative-50);
479
- --border-negative-secondary: var(--negative-60-8);
480
- --border-negative-secondary-hover: var(--negative-60-12);
481
- --border-positive-primary: var(--positive-60);
482
- --border-positive-primary-hover: var(--positive-50);
483
- --border-positive-secondary: var(--positive-80-8);
484
- --border-positive-secondary-hover: var(--positive-50-12);
485
- --border-warning-primary: var(--warning-60);
486
- --border-warning-primary-hover: var(--warning-50);
487
- --border-warning-secondary: var(--warning-60-8);
488
- --border-warning-secondary-hover: var(--warning-60-12);
489
- --border-neutral-primary: var(--neutral-30);
490
- --border-neutral-primary-hover: var(--neutral-40);
491
- --border-neutral-alpha-basic: var(--neutral-60-12);
492
- --border-neutral-alpha-low: var(--neutral-60-8);
493
- --border-neutral-alpha-high: var(--neutral-60-16);
494
- --text-primary: var(--neutral-100);
495
- --text-primary-inverse: var(--neutral-20);
496
- --text-primary-hover: var(--neutral-100);
497
- --text-secondary: var(--neutral-80-70);
498
- --text-secondary-inverse: var(--neutral-80-70);
499
- --text-secondary-hover: var(--neutral-80-70);
500
- --text-tertiary: var(--neutral-80-50);
501
- --text-tertiary-inverse: var(--neutral-60);
502
- --text-tertiary-hover: var(--neutral-80-50);
503
- --text-positive: var(--positive-60);
504
- --text-positive-hover: var(--positive-50);
505
- --text-negative: var(--negative-70);
506
- --text-negative-hover: var(--negative-60);
507
- --text-warning: var(--warning-60);
508
- --text-warning-hover: var(--warning-50);
509
- --text-accent: var(--accent-50);
510
- --text-accent-hover: var(--accent-40);
511
- --text-inverse: var(--neutral-100);
512
- --icon-primary: var(--neutral-100);
513
- --icon-primary-hover: var(--neutral-100);
514
- --icon-primary-inverse: var(--neutral-20);
515
- --icon-secondary: var(--neutral-80-70);
516
- --icon-secondary-hover: var(--neutral-80-70);
517
- --icon-tertiary: var(--neutral-80-50);
518
- --icon-tertiary-inverse: var(--neutral-60);
519
- --icon-tertiary-hover: var(--neutral-80-50);
520
- --icon-positive: var(--positive-60);
521
- --icon-positive-hover: var(--positive-60);
522
- --icon-negative: var(--negative-70);
523
- --icon-negative-hover: var(--negative-70);
524
- --icon-warning: var(--warning-60);
525
- --icon-warning-hover: var(--warning-60);
526
- --icon-accent: var(--accent-60);
527
- --icon-accent-hover: var(--accent-50);
528
- --icon-inverse: var(--neutral-100);
529
- --fill-accent-primary: var(--accent-60);
530
- --fill-accent-primary-hover: var(--accent-50);
531
- --fill-accent-secondary: var(--accent-50-8);
532
- --fill-accent-secondary-hover: var(--accent-50-12);
533
- --fill-accent-tint: var(--accent-50-12);
534
- --fill-accent-tint-low: var(--accent-50-8);
535
- --fill-positive-primary: var(--positive-60);
536
- --fill-positive-primary-hover: var(--positive-50);
537
- --fill-positive-secondary: var(--positive-50-8);
538
- --fill-positive-secondary-hover: var(--positive-50-12);
539
- --fill-positive-tint: var(--positive-50-12);
540
- --fill-positive-tint-low: var(--positive-50-8);
541
- --fill-negative-primary: var(--negative-60);
542
- --fill-negative-primary-hover: var(--negative-50);
543
- --fill-negative-secondary: var(--negative-60-8);
544
- --fill-negative-secondary-hover: var(--negative-60-12);
545
- --fill-negative-tint: var(--negative-60-12);
546
- --fill-negative-tint-low: var(--negative-60-8);
547
- --fill-warning-primary: var(--warning-60);
548
- --fill-warning-primary-hover: var(--warning-50);
549
- --fill-warning-secondary: var(--warning-60-8);
550
- --fill-warning-secondary-hover: var(--warning-60-12);
551
- --fill-warning-tint: var(--warning-60-12);
552
- --fill-warning-tint-low: var(--warning-60-8);
553
- --fill-neutral-primary: var(--neutral-100-8);
554
- --fill-neutral-primary-hover: var(--neutral-100-12);
555
- --fill-neutral-secondary: var(--neutral-60-8);
556
- --fill-neutral-secondary-inverse: var(--neutral-98);
557
- --fill-neutral-secondary-hover: var(--neutral-60-12);
558
- --fill-bg-primary: var(--neutral-15);
559
- --fill-bg-primary-inverse: var(--neutral-100);
560
- --fill-bg-secondary: var(--neutral-20);
561
- --fill-bg-tertiary: var(--neutral-25);
562
- --fill-bg-overlay-primary: var(--neutral-10-40);
563
- --status-accent: var(--accent-50);
564
- --status-accent-tint: var(--accent-50-12);
565
- --status-accent-tint-low: var(--accent-50-8);
566
- --status-negative: var(--negative-70);
567
- --status-negative-tint: var(--negative-60-12);
568
- --status-negative-tint-low: var(--negative-60-8);
569
- --status-positive: var(--positive-60);
570
- --status-positive-tint: var(--positive-50-12);
571
- --status-positive-tint-low: var(--positive-50-8);
572
- --status-warning: var(--warning-70);
573
- --status-warning-tint: var(--warning-60-12);
574
- --status-warning-tint-low: var(--warning-60-8);
575
- --status-neutral: var(--neutral-70);
576
- --status-neutral-tint: var(--neutral-60-12);
577
- --status-neutral-tint-low: var(--neutral-60-8);
578
- --shadow-accent-primary: var(--accent-10-5);
579
- --scrollbar-thumb-primary: var(--neutral-80-50);
580
- --scrollbar-track-primary: var(--neutral-25);
581
- --corner-zero: 0;
582
- --corner-xs: 4px;
583
- --corner-sm: 8px;
584
- --corner-md: 12px;
585
- --corner-lg: 16px;
586
- --corner-xl: 20px;
587
- --corner-2xl: 24px;
588
- --corner-3xl: 32px;
589
- --corner-4xl: 40px;
590
- --corner-5xl: 48px;
591
- --corner-6xl: 56px;
592
- --corner-full-round: 1000px;
593
- --height-button-xs: 32px;
594
- --height-button-sm: 40px;
595
- --height-button-md: 48px;
596
- --height-button-lg: 56px;
597
- --height-avatar-sm: 32px;
598
- --height-avatar-md: 40px;
599
- --height-avatar-lg: 48px;
600
- --height-icon-xs: 16px;
601
- --height-icon-sm: 20px;
602
- --height-icon-md: 24px;
603
- --height-icon-lg: 32px;
604
- --height-icon-xl: 64px;
605
- --height-switch-sm: 20px;
606
- --height-switch-md: 24px;
607
- --height-switch-lg: 32px;
608
- --opacity-primary: 100;
609
- --opacity-secondary: 80;
610
- --opacity-tertiary: 60;
611
- --spacing-zero: 0;
612
- --spacing-xs: 4px;
613
- --spacing-sm: 8px;
614
- --spacing-md: 12px;
615
- --spacing-lg: 16px;
616
- --spacing-xl: 20px;
617
- --spacing-2xl: 24px;
618
- --spacing-3xl: 32px;
619
- --spacing-4xl: 40px;
620
- --spacing-5xl: 48px;
621
- --spacing-6xl: 56px;
622
- --spacing-7xl: 64px;
623
- --spacing-8xl: 72px;
624
- --spacing-9xl: 80px;
625
- --spacing-10xl: 96px;
626
- --transition-general: all 0.3s ease-in-out;
627
- --fw-regular: 400;
628
- --fw-medium: 500;
629
- --fw-semibold: 600;
630
- --fw-bold: 700;
631
- }
632
- :root[data-theme="brand"],
633
- :root [data-theme="brand"] {
634
- --accent-10: #14082b;
635
- --accent-10-5: rgba(20, 8, 43, 0.05);
636
- --accent-20: #270f57;
637
- --accent-30: #3b1782;
638
- --accent-40: #4f1fad;
639
- --accent-50: #6226d8;
640
- --accent-50-8: rgba(98, 38, 216, 0.08);
641
- --accent-50-12: rgba(98, 38, 216, 0.12);
642
- --accent-60: #8252e0;
643
- --accent-60-8: rgba(130, 82, 224, 0.08);
644
- --accent-60-12: rgba(130, 82, 224, 0.12);
645
- --accent-70: #a17de8;
646
- --accent-80: #c0a8ef;
647
- --accent-90: #e0d4f7;
648
- --accent-90-12: rgba(224, 212, 247, 0.12);
649
- --accent-96: #f2eefc;
650
- --accent-96-8: rgba(242, 238, 252, 0.08);
651
- --accent-98: #f5f8ff;
652
- --neutral-10: #131720;
653
- --neutral-10-40: rgba(19, 23, 32, 0.4);
654
- --neutral-15: #1c2230;
655
- --neutral-20: #262e40;
656
- --neutral-25: #313b50;
657
- --neutral-30: #394560;
658
- --neutral-40: #4c5c80;
659
- --neutral-50: #5f73a0;
660
- --neutral-60: #7f8fb3;
661
- --neutral-60-8: rgba(127, 143, 179, 0.08);
662
- --neutral-60-12: rgba(127, 143, 179, 0.12);
663
- --neutral-60-16: rgba(127, 143, 179, 0.16);
664
- --neutral-70: #9fabc6;
665
- --neutral-80: #bfc7d9;
666
- --neutral-80-50: rgba(191, 199, 217, 0.5);
667
- --neutral-80-70: rgba(191, 199, 217, 0.7);
668
- --neutral-86: #d2d8e4;
669
- --neutral-90: #dfe3ec;
670
- --neutral-90-10: rgba(223, 227, 236, 0.1);
671
- --neutral-90-15: rgba(223, 227, 236, 0.15);
672
- --neutral-90-20: rgba(223, 227, 236, 0.2);
673
- --neutral-92: #e5e9f0;
674
- --neutral-96: #f2f4f7;
675
- --neutral-98: #f9f9fb;
676
- --neutral-100: #ffffff;
677
- --neutral-100-8: rgba(255, 255, 255, 0.08);
678
- --neutral-100-12: rgba(255, 255, 255, 0.12);
679
- --negative-10: #320101;
680
- --negative-20: #640202;
681
- --negative-30: #950404;
682
- --negative-40: #c70505;
683
- --negative-50: #f90606;
684
- --negative-60: #fa3838;
685
- --negative-60-8: rgba(250, 56, 56, 0.08);
686
- --negative-60-12: rgba(250, 56, 56, 0.12);
687
- --negative-70: #fb6a6a;
688
- --negative-80: #fd9b9b;
689
- --negative-90: #fecdcd;
690
- --negative-92: #fed7d7;
691
- --negative-96: #ffebeb;
692
- --negative-98: #fff5f5;
693
- --positive-10: #11270c;
694
- --positive-20: #234e18;
695
- --positive-30: #347425;
696
- --positive-40: #469b31;
697
- --positive-50: #57c23d;
698
- --positive-50-8: rgba(87, 194, 61, 0.08);
699
- --positive-50-12: rgba(87, 194, 61, 0.12);
700
- --positive-60: #79ce64;
701
- --positive-70: #9ada8b;
702
- --positive-80: #bce7b1;
703
- --positive-80-8: rgba(188, 231, 177, 0.08);
704
- --positive-80-12: rgba(188, 231, 177, 0.12);
705
- --positive-90: #ddf3d8;
706
- --positive-90-8: rgba(221, 243, 216, 0.08);
707
- --positive-92: #e4f5e0;
708
- --positive-96: #f2faef;
709
- --warning-10: #663d00;
710
- --warning-20: #663d00;
711
- --warning-30: #985b01;
712
- --warning-40: #cb7a01;
713
- --warning-50: #fe9801;
714
- --warning-60: #fead34;
715
- --warning-60-8: rgba(254, 173, 52, 0.08);
716
- --warning-60-12: rgba(254, 173, 52, 0.12);
717
- --warning-70: #fec167;
718
- --warning-80: #ffd699;
719
- --warning-90: #ffeacc;
720
- --warning-92: #ffefd6;
721
- --warning-96: #fff7eb;
722
- --border-accent-primary: var(--accent-60);
723
- --border-accent-primary-hover: var(--accent-50);
724
- --border-accent-secondary: var(--accent-60-8);
725
- --border-accent-secondary-hover: var(--accent-60-12);
726
- --border-negative-primary: var(--negative-60);
727
- --border-negative-primary-hover: var(--negative-50);
728
- --border-negative-secondary: var(--negative-60-8);
729
- --border-negative-secondary-hover: var(--negative-60-12);
730
- --border-positive-primary: var(--positive-60);
731
- --border-positive-primary-hover: var(--positive-50);
732
- --border-positive-secondary: var(--positive-80-8);
733
- --border-positive-secondary-hover: var(--positive-50-12);
734
- --border-warning-primary: var(--warning-60);
735
- --border-warning-primary-hover: var(--warning-50);
736
- --border-warning-secondary: var(--warning-60-8);
737
- --border-warning-secondary-hover: var(--warning-60-12);
738
- --border-neutral-primary: var(--neutral-30);
739
- --border-neutral-primary-hover: var(--neutral-40);
740
- --border-neutral-alpha-basic: var(--neutral-60-12);
741
- --border-neutral-alpha-low: var(--neutral-60-8);
742
- --border-neutral-alpha-high: var(--neutral-60-16);
743
- --text-primary: var(--neutral-100);
744
- --text-primary-inverse: var(--neutral-20);
745
- --text-primary-hover: var(--neutral-100);
746
- --text-secondary: var(--neutral-80-70);
747
- --text-secondary-inverse: var(--neutral-40);
748
- --text-secondary-hover: var(--neutral-80-70);
749
- --text-tertiary: var(--neutral-80-50);
750
- --text-tertiary-inverse: var(--neutral-60);
751
- --text-tertiary-hover: var(--neutral-80-50);
752
- --text-positive: var(--positive-60);
753
- --text-positive-hover: var(--positive-50);
754
- --text-negative: var(--negative-70);
755
- --text-negative-hover: var(--negative-60);
756
- --text-warning: var(--warning-60);
757
- --text-warning-hover: var(--warning-50);
758
- --text-accent: var(--accent-50);
759
- --text-accent-hover: var(--accent-40);
760
- --text-inverse: var(--neutral-100);
761
- --icon-primary: var(--neutral-100);
762
- --icon-primary-hover: var(--neutral-100);
763
- --icon-primary-inverse: var(--neutral-20);
764
- --icon-secondary: var(--neutral-80-70);
765
- --icon-secondary-hover: var(--neutral-80-70);
766
- --icon-tertiary: var(--neutral-80-50);
767
- --icon-tertiary-inverse: var(--neutral-60);
768
- --icon-tertiary-hover: var(--neutral-80-50);
769
- --icon-positive: var(--positive-60);
770
- --icon-positive-hover: var(--positive-60);
771
- --icon-negative: var(--negative-70);
772
- --icon-negative-hover: var(--negative-70);
773
- --icon-warning: var(--warning-60);
774
- --icon-warning-hover: var(--warning-60);
775
- --icon-accent: var(--accent-60);
776
- --icon-accent-hover: var(--accent-50);
777
- --icon-inverse: var(--neutral-100);
778
- --fill-accent-primary: var(--accent-60);
779
- --fill-accent-primary-hover: var(--accent-50);
780
- --fill-accent-secondary: var(--accent-50-8);
781
- --fill-accent-secondary-hover: var(--accent-50-12);
782
- --fill-accent-tint: var(--accent-50-12);
783
- --fill-accent-tint-low: var(--accent-50-8);
784
- --fill-positive-primary: var(--positive-60);
785
- --fill-positive-primary-hover: var(--positive-50);
786
- --fill-positive-secondary: var(--positive-50-8);
787
- --fill-positive-secondary-hover: var(--positive-50-12);
788
- --fill-positive-tint: var(--positive-50-12);
789
- --fill-positive-tint-low: var(--positive-50-8);
790
- --fill-negative-primary: var(--negative-60);
791
- --fill-negative-primary-hover: var(--negative-50);
792
- --fill-negative-secondary: var(--negative-60-8);
793
- --fill-negative-secondary-hover: var(--negative-60-12);
794
- --fill-negative-tint: var(--negative-60-12);
795
- --fill-negative-tint-low: var(--negative-60-8);
796
- --fill-warning-primary: var(--warning-60);
797
- --fill-warning-primary-hover: var(--warning-50);
798
- --fill-warning-secondary: var(--warning-60-8);
799
- --fill-warning-secondary-hover: var(--warning-60-12);
800
- --fill-warning-tint: var(--warning-60-12);
801
- --fill-warning-tint-low: var(--warning-60-8);
802
- --fill-neutral-primary: var(--neutral-100-8);
803
- --fill-neutral-primary-hover: var(--neutral-100-12);
804
- --fill-neutral-secondary: var(--neutral-60-8);
805
- --fill-neutral-secondary-inverse: var(--neutral-98);
806
- --fill-neutral-secondary-hover: var(--neutral-60-12);
807
- --fill-bg-primary: var(--neutral-15);
808
- --fill-bg-primary-inverse: var(--neutral-100);
809
- --fill-bg-secondary: var(--neutral-20);
810
- --fill-bg-tertiary: var(--neutral-25);
811
- --fill-bg-overlay-primary: var(--neutral-10-40);
812
- --status-accent: var(--accent-50);
813
- --status-accent-tint: var(--accent-50-12);
814
- --status-accent-tint-low: var(--accent-50-8);
815
- --status-negative: var(--negative-70);
816
- --status-negative-tint: var(--negative-60-12);
817
- --status-negative-tint-low: var(--negative-60-8);
818
- --status-positive: var(--positive-60);
819
- --status-positive-tint: var(--positive-50-12);
820
- --status-positive-tint-low: var(--positive-50-8);
821
- --status-warning: var(--warning-70);
822
- --status-warning-tint: var(--warning-60-12);
823
- --status-warning-tint-low: var(--warning-60-8);
824
- --status-neutral: var(--neutral-70);
825
- --status-neutral-tint: var(--neutral-60-12);
826
- --status-neutral-tint-low: var(--neutral-60-8);
827
- --shadow-accent-primary: var(--accent-10-5);
828
- --scrollbar-thumb-primary: var(--neutral-80-50);
829
- --scrollbar-track-primary: var(--neutral-25);
830
- --corner-zero: 0;
831
- --corner-xs: 4px;
832
- --corner-sm: 8px;
833
- --corner-md: 12px;
834
- --corner-lg: 16px;
835
- --corner-xl: 20px;
836
- --corner-2xl: 24px;
837
- --corner-3xl: 32px;
838
- --corner-4xl: 40px;
839
- --corner-5xl: 48px;
840
- --corner-6xl: 56px;
841
- --corner-full-round: 1000px;
842
- --height-button-xs: 32px;
843
- --height-button-sm: 40px;
844
- --height-button-md: 48px;
845
- --height-button-lg: 56px;
846
- --height-avatar-sm: 32px;
847
- --height-avatar-md: 40px;
848
- --height-avatar-lg: 48px;
849
- --height-icon-xs: 16px;
850
- --height-icon-sm: 20px;
851
- --height-icon-md: 24px;
852
- --height-icon-lg: 32px;
853
- --height-icon-xl: 64px;
854
- --height-switch-sm: 20px;
855
- --height-switch-md: 24px;
856
- --height-switch-lg: 32px;
857
- --opacity-primary: 100;
858
- --opacity-secondary: 80;
859
- --opacity-tertiary: 60;
860
- --spacing-zero: 0;
861
- --spacing-xs: 4px;
862
- --spacing-sm: 8px;
863
- --spacing-md: 12px;
864
- --spacing-lg: 16px;
865
- --spacing-xl: 20px;
866
- --spacing-2xl: 24px;
867
- --spacing-3xl: 32px;
868
- --spacing-4xl: 40px;
869
- --spacing-5xl: 48px;
870
- --spacing-6xl: 56px;
871
- --spacing-7xl: 64px;
872
- --spacing-8xl: 72px;
873
- --spacing-9xl: 80px;
874
- --spacing-10xl: 96px;
875
- --transition-general: all 0.3s ease-in-out;
876
- --fw-regular: 400;
877
- --fw-medium: 500;
878
- --fw-semibold: 600;
879
- --fw-bold: 700;
880
- }
881
- :root {
882
- font-size: 16px;
883
- line-height: 24px;
884
- font-weight: 400;
885
- color: var(--text-primary);
886
- }
1
+ @charset "UTF-8";@layer reset{:root *,:root *:before,:root *:after{box-sizing:border-box;margin:0;color:unset}:root ul[class],:root ol[class]{padding:0}:root body,:root h1,:root h2,:root h3,:root h4,:root p,:root label,:root ul[class],:root ol[class],:root li,:root figure,:root figcaption,:root blockquote,:root dl,:root dd{margin:0}:root label{display:block}:root html{scroll-behavior:smooth}:root body{min-height:100dvh;text-rendering:optimizeSpeed;line-height:1.5;margin:0!important}:root ul[class],:root ol[class]{list-style:none}:root a:not([class]){text-decoration-skip-ink:auto}:root a,:root a:hover,:root a:checked{text-decoration:none;color:inherit}:root img{max-width:100%;display:block}:root input,:root button,:root textarea,:root select,:root pre{font:inherit}:root input,:root textarea{outline:none;border:none;padding:0}@media (prefers-reduced-motion: reduce){:root *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root input::-webkit-outer-spin-button,:root input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root input[type=number]{-moz-appearance:textfield}:root html{overflow-x:hidden;margin-right:calc(-1*(100vw - 100%))}:root a:focus,:root button:focus,:root input:focus,:root textarea:focus{outline:none}:root button{cursor:pointer;padding:0;background:transparent}:root button{border:none;outline:none}:root fieldset{border:0;padding:0;margin:0;min-width:0}:root div{outline:none}:root input[type=search]::-ms-clear{display:none;width:0;height:0}:root input[type=search]::-ms-reveal{display:none;width:0;height:0}:root input[type=search]::-webkit-search-decoration,:root input[type=search]::-webkit-search-cancel-button,:root input[type=search]::-webkit-search-results-button,:root input[type=search]::-webkit-search-results-decoration{display:none}}:root{--accent-10: #001033;--accent-10-5: rgba(0, 16, 51, .05);--accent-20: #002166;--accent-30: #003199;--accent-40: #0042cc;--accent-50: #0052ff;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-12: rgba(0, 82, 255, .12);--accent-60: #3375ff;--accent-60-8: rgba(51, 117, 255, .08);--accent-60-12: rgba(51, 117, 255, .12);--accent-70: #6697ff;--accent-80: #99baff;--accent-90: #ccdcff;--accent-90-12: rgba(204, 220, 255, .12);--accent-96: #ebf1ff;--accent-96-8: rgba(235, 241, 255, .08);--accent-98: #f5f8ff;--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-12: rgba(255, 255, 255, .12);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-12: rgba(87, 194, 61, .12);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-90);--border-accent-secondary-hover: var(--accent-80);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-90);--border-negative-secondary-hover: var(--negative-80);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-90);--border-positive-secondary-hover: var(--positive-80);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-90);--border-warning-secondary-hover: var(--warning-80);--border-neutral-primary: var(--neutral-60);--border-neutral-primary-hover: var(--neutral-50);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-20);--text-primary-inverse: var(--neutral-100);--text-primary-hover: var(--neutral-15);--text-secondary: var(--neutral-40);--text-secondary-inverse: var(--neutral-80-70);--text-secondary-hover: var(--neutral-30);--text-tertiary: var(--neutral-60);--text-tertiary-inverse: var(--neutral-80-50);--text-tertiary-hover: var(--neutral-50);--text-positive: var(--positive-50);--text-positive-hover: var(--positive-40);--text-negative: var(--negative-60);--text-negative-hover: var(--negative-50);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-50);--text-accent-hover: var(--accent-40);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-20);--icon-primary-hover: var(--neutral-15);--icon-primary-inverse: var(--neutral-100);--icon-secondary: var(--neutral-40);--icon-secondary-hover: var(--neutral-30);--icon-tertiary: var(--neutral-60);--icon-tertiary-inverse: var(--neutral-80-50);--icon-tertiary-hover: var(--neutral-50);--icon-positive: var(--positive-50);--icon-positive-hover: var(--positive-40);--icon-negative: var(--negative-60);--icon-negative-hover: var(--negative-50);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-50);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-96);--fill-accent-secondary-hover: var(--accent-90);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-96);--fill-positive-secondary-hover: var(--positive-90);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-96);--fill-negative-secondary-hover: var(--negative-92);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-96);--fill-warning-secondary-hover: var(--warning-90);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100);--fill-neutral-primary-hover: var(--neutral-96);--fill-neutral-secondary: var(--neutral-96);--fill-neutral-secondary-inverse: var(--neutral-60-8);--fill-neutral-secondary-hover: var(--neutral-90);--fill-bg-primary: var(--neutral-100);--fill-bg-primary-inverse: var(--neutral-15);--fill-bg-secondary: var(--neutral-98);--fill-bg-secondary-inverse: var(--neutral-20);--fill-bg-tertiary: var(--neutral-96);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-60);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-50);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-60);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-60);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-86);--scrollbar-track-primary: var(--neutral-96);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root[data-theme=dark],:root [data-theme=dark]{--accent-10: #001033;--accent-10-5: rgba(0, 16, 51, .05);--accent-20: #002166;--accent-30: #003199;--accent-40: #0042cc;--accent-50: #0052ff;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-12: rgba(0, 82, 255, .12);--accent-60: #3375ff;--accent-60-8: rgba(51, 117, 255, .08);--accent-60-12: rgba(51, 117, 255, .12);--accent-70: #6697ff;--accent-80: #99baff;--accent-90: #ccdcff;--accent-90-12: rgba(204, 220, 255, .12);--accent-96: #ebf1ff;--accent-96-8: rgba(235, 241, 255, .08);--accent-98: #f5f8ff;--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-12: rgba(255, 255, 255, .12);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-12: rgba(87, 194, 61, .12);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-60-8);--border-accent-secondary-hover: var(--accent-60-12);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-60-8);--border-negative-secondary-hover: var(--negative-60-12);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-80-8);--border-positive-secondary-hover: var(--positive-50-12);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-60-8);--border-warning-secondary-hover: var(--warning-60-12);--border-neutral-primary: var(--neutral-30);--border-neutral-primary-hover: var(--neutral-40);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-100);--text-primary-inverse: var(--neutral-20);--text-primary-hover: var(--neutral-100);--text-secondary: var(--neutral-80-70);--text-secondary-inverse: var(--neutral-80-70);--text-secondary-hover: var(--neutral-80-70);--text-tertiary: var(--neutral-80-50);--text-tertiary-inverse: var(--neutral-60);--text-tertiary-hover: var(--neutral-80-50);--text-positive: var(--positive-60);--text-positive-hover: var(--positive-50);--text-negative: var(--negative-70);--text-negative-hover: var(--negative-60);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-50);--text-accent-hover: var(--accent-40);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-100);--icon-primary-hover: var(--neutral-100);--icon-primary-inverse: var(--neutral-20);--icon-secondary: var(--neutral-80-70);--icon-secondary-hover: var(--neutral-80-70);--icon-tertiary: var(--neutral-80-50);--icon-tertiary-inverse: var(--neutral-60);--icon-tertiary-hover: var(--neutral-80-50);--icon-positive: var(--positive-60);--icon-positive-hover: var(--positive-60);--icon-negative: var(--negative-70);--icon-negative-hover: var(--negative-70);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-60);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-50-8);--fill-accent-secondary-hover: var(--accent-50-12);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-50-8);--fill-positive-secondary-hover: var(--positive-50-12);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-60-8);--fill-negative-secondary-hover: var(--negative-60-12);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-60-8);--fill-warning-secondary-hover: var(--warning-60-12);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100-8);--fill-neutral-primary-hover: var(--neutral-100-12);--fill-neutral-secondary: var(--neutral-60-8);--fill-neutral-secondary-inverse: var(--neutral-98);--fill-neutral-secondary-hover: var(--neutral-60-12);--fill-bg-primary: var(--neutral-15);--fill-bg-primary-inverse: var(--neutral-100);--fill-bg-secondary: var(--neutral-20);--fill-bg-tertiary: var(--neutral-25);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-70);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-60);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-70);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-70);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-80-50);--scrollbar-track-primary: var(--neutral-25);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root[data-theme=brand],:root [data-theme=brand]{--accent-10: #14082b;--accent-10-5: rgba(20, 8, 43, .05);--accent-20: #270f57;--accent-30: #3b1782;--accent-40: #4f1fad;--accent-50: #6226d8;--accent-50-8: rgba(98, 38, 216, .08);--accent-50-12: rgba(98, 38, 216, .12);--accent-60: #8252e0;--accent-60-8: rgba(130, 82, 224, .08);--accent-60-12: rgba(130, 82, 224, .12);--accent-70: #a17de8;--accent-80: #c0a8ef;--accent-90: #e0d4f7;--accent-90-12: rgba(224, 212, 247, .12);--accent-96: #f2eefc;--accent-96-8: rgba(242, 238, 252, .08);--accent-98: #f5f8ff;--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-12: rgba(255, 255, 255, .12);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-12: rgba(87, 194, 61, .12);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-60-8);--border-accent-secondary-hover: var(--accent-60-12);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-60-8);--border-negative-secondary-hover: var(--negative-60-12);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-80-8);--border-positive-secondary-hover: var(--positive-50-12);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-60-8);--border-warning-secondary-hover: var(--warning-60-12);--border-neutral-primary: var(--neutral-30);--border-neutral-primary-hover: var(--neutral-40);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-100);--text-primary-inverse: var(--neutral-20);--text-primary-hover: var(--neutral-100);--text-secondary: var(--neutral-80-70);--text-secondary-inverse: var(--neutral-40);--text-secondary-hover: var(--neutral-80-70);--text-tertiary: var(--neutral-80-50);--text-tertiary-inverse: var(--neutral-60);--text-tertiary-hover: var(--neutral-80-50);--text-positive: var(--positive-60);--text-positive-hover: var(--positive-50);--text-negative: var(--negative-70);--text-negative-hover: var(--negative-60);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-50);--text-accent-hover: var(--accent-40);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-100);--icon-primary-hover: var(--neutral-100);--icon-primary-inverse: var(--neutral-20);--icon-secondary: var(--neutral-80-70);--icon-secondary-hover: var(--neutral-80-70);--icon-tertiary: var(--neutral-80-50);--icon-tertiary-inverse: var(--neutral-60);--icon-tertiary-hover: var(--neutral-80-50);--icon-positive: var(--positive-60);--icon-positive-hover: var(--positive-60);--icon-negative: var(--negative-70);--icon-negative-hover: var(--negative-70);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-60);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-50-8);--fill-accent-secondary-hover: var(--accent-50-12);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-50-8);--fill-positive-secondary-hover: var(--positive-50-12);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-60-8);--fill-negative-secondary-hover: var(--negative-60-12);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-60-8);--fill-warning-secondary-hover: var(--warning-60-12);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100-8);--fill-neutral-primary-hover: var(--neutral-100-12);--fill-neutral-secondary: var(--neutral-60-8);--fill-neutral-secondary-inverse: var(--neutral-98);--fill-neutral-secondary-hover: var(--neutral-60-12);--fill-bg-primary: var(--neutral-15);--fill-bg-primary-inverse: var(--neutral-100);--fill-bg-secondary: var(--neutral-20);--fill-bg-tertiary: var(--neutral-25);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-70);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-60);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-70);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-70);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-80-50);--scrollbar-track-primary: var(--neutral-25);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root{font-size:16px;line-height:24px;font-weight:400;color:var(--text-primary)}