@seed-design/lynx-css 0.2.0-alpha.3 → 0.2.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.
Files changed (75) hide show
  1. package/all.css +433 -258
  2. package/all.min.css +1 -1
  3. package/base.css +9 -242
  4. package/base.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/action-button.css +0 -1
  7. package/recipes/app-bar-main.css +67 -0
  8. package/recipes/app-bar-main.d.ts +36 -0
  9. package/recipes/app-bar-main.mjs +63 -0
  10. package/recipes/app-bar.css +101 -0
  11. package/recipes/app-bar.d.ts +32 -0
  12. package/recipes/app-bar.mjs +74 -0
  13. package/recipes/badge.css +157 -0
  14. package/recipes/badge.d.ts +32 -0
  15. package/recipes/badge.mjs +131 -0
  16. package/recipes/bottom-sheet-handle.css +5 -4
  17. package/recipes/bottom-sheet.css +3 -2
  18. package/recipes/checkbox-group.css +1 -1
  19. package/recipes/checkbox-group.d.ts +1 -3
  20. package/recipes/checkbox-group.mjs +2 -12
  21. package/recipes/checkbox.css +5 -3
  22. package/recipes/checkmark.css +1 -0
  23. package/recipes/radio-group.css +1 -1
  24. package/recipes/radio-group.d.ts +1 -3
  25. package/recipes/radio-group.mjs +2 -12
  26. package/recipes/radio.css +5 -3
  27. package/recipes/radiomark.css +1 -0
  28. package/recipes/switch.css +7 -5
  29. package/recipes/switchmark.css +6 -0
  30. package/recipes/tag-group-item.css +1 -0
  31. package/recipes/tag-group.css +6 -0
  32. package/recipes/tag-group.d.ts +1 -1
  33. package/recipes/tag-group.mjs +4 -0
  34. package/vars/component/chip.d.ts +21 -1
  35. package/vars/component/chip.mjs +21 -1
  36. package/vars/component/list-item.d.ts +8 -3
  37. package/vars/component/list-item.mjs +6 -3
  38. package/vars/component/menu-sheet.d.ts +2 -2
  39. package/vars/component/menu-sheet.mjs +2 -2
  40. package/vars/component/top-navigation.d.ts +0 -9
  41. package/vars/component/top-navigation.mjs +0 -9
  42. package/vars/duration.d.ts +2 -1
  43. package/vars/duration.mjs +2 -1
  44. package/vars/timing-function.d.ts +2 -1
  45. package/vars/timing-function.mjs +2 -1
  46. package/all.layered.css +0 -1953
  47. package/all.layered.min.css +0 -1
  48. package/base.layered.css +0 -865
  49. package/base.layered.min.css +0 -1
  50. package/recipes/action-button.layered.css +0 -406
  51. package/recipes/action-button.layered.mjs +0 -212
  52. package/recipes/bottom-sheet-handle.layered.css +0 -21
  53. package/recipes/bottom-sheet-handle.layered.mjs +0 -36
  54. package/recipes/bottom-sheet.layered.css +0 -106
  55. package/recipes/bottom-sheet.layered.mjs +0 -76
  56. package/recipes/checkbox-group.layered.css +0 -7
  57. package/recipes/checkbox-group.layered.mjs +0 -46
  58. package/recipes/checkbox.layered.css +0 -42
  59. package/recipes/checkbox.layered.mjs +0 -53
  60. package/recipes/checkmark.layered.css +0 -146
  61. package/recipes/checkmark.layered.mjs +0 -220
  62. package/recipes/radio-group.layered.css +0 -7
  63. package/recipes/radio-group.layered.mjs +0 -46
  64. package/recipes/radio.layered.css +0 -42
  65. package/recipes/radio.layered.mjs +0 -53
  66. package/recipes/radiomark.layered.css +0 -112
  67. package/recipes/radiomark.layered.mjs +0 -121
  68. package/recipes/switch.layered.css +0 -48
  69. package/recipes/switch.layered.mjs +0 -49
  70. package/recipes/switchmark.layered.css +0 -88
  71. package/recipes/switchmark.layered.mjs +0 -90
  72. package/recipes/tag-group-item.layered.css +0 -43
  73. package/recipes/tag-group-item.layered.mjs +0 -55
  74. package/recipes/tag-group.layered.css +0 -31
  75. package/recipes/tag-group.layered.mjs +0 -44
package/all.layered.css DELETED
@@ -1,1953 +0,0 @@
1
- @layer seed-base {
2
-
3
- @supports (font: -apple-system-body) {
4
- }
5
-
6
- .seed-loading-indicator {
7
- display: inline-flex;
8
- position: absolute;
9
- }
10
-
11
- .seed-icon, .seed-prefix-icon, .seed-suffix-icon {
12
- flex-shrink: 0;
13
- justify-content: center;
14
- align-items: center;
15
- display: inline-flex;
16
- }
17
-
18
- .seed-icon {
19
- width: var(--seed-icon-size);
20
- height: var(--seed-icon-size);
21
- }
22
-
23
- .seed-icon__text {
24
- color: var(--seed-icon-color, currentColor);
25
- }
26
-
27
- .seed-prefix-icon {
28
- width: var(--seed-prefix-icon-size);
29
- height: var(--seed-prefix-icon-size);
30
- margin-left: var(--seed-prefix-icon-margin-left, 0);
31
- margin-right: var(--seed-prefix-icon-margin-right, 0);
32
- margin-top: var(--seed-prefix-icon-margin-top, 0);
33
- margin-bottom: var(--seed-prefix-icon-margin-bottom, 0);
34
- align-self: var(--seed-prefix-icon-align-self);
35
- justify-self: var(--seed-prefix-icon-justify-self);
36
- }
37
-
38
- .seed-prefix-icon__text {
39
- color: var(--seed-prefix-icon-color, currentColor);
40
- }
41
-
42
- .seed-suffix-icon {
43
- width: var(--seed-suffix-icon-size);
44
- height: var(--seed-suffix-icon-size);
45
- margin-left: var(--seed-suffix-icon-margin-left, 0);
46
- margin-right: var(--seed-suffix-icon-margin-right, 0);
47
- margin-top: var(--seed-suffix-icon-margin-top, 0);
48
- margin-bottom: var(--seed-suffix-icon-margin-bottom, 0);
49
- align-self: var(--seed-suffix-icon-align-self);
50
- justify-self: var(--seed-suffix-icon-justify-self);
51
- }
52
-
53
- .seed-suffix-icon__text {
54
- color: var(--seed-suffix-icon-color, currentColor);
55
- }
56
-
57
- .seed-count__text {
58
- font-size: var(--seed-count-font-size);
59
- line-height: var(--seed-count-line-height);
60
- font-weight: var(--seed-count-font-weight);
61
- color: var(--seed-count-color);
62
- }
63
-
64
- .seed-box {
65
- --seed-box-background: transparent;
66
- background: var(--seed-box-background);
67
- --seed-box-border-style: solid;
68
- --seed-box-border-color: transparent;
69
- border-style: var(--seed-box-border-style);
70
- border-color: var(--seed-box-border-color);
71
- --seed-box-border-width: 0;
72
- --seed-box-border-top-width: var(--seed-box-border-width);
73
- --seed-box-border-bottom-width: var(--seed-box-border-width);
74
- --seed-box-border-left-width: var(--seed-box-border-width);
75
- --seed-box-border-right-width: var(--seed-box-border-width);
76
- border-top-width: var(--seed-box-border-top-width);
77
- border-bottom-width: var(--seed-box-border-bottom-width);
78
- border-left-width: var(--seed-box-border-left-width);
79
- border-right-width: var(--seed-box-border-right-width);
80
- --seed-box-padding: 0;
81
- --seed-box-padding-y: var(--seed-box-padding);
82
- --seed-box-padding-x: var(--seed-box-padding);
83
- --seed-box-padding-bottom: var(--seed-box-padding-y);
84
- --seed-box-padding-top: var(--seed-box-padding-y);
85
- --seed-box-padding-left: var(--seed-box-padding-x);
86
- --seed-box-padding-right: var(--seed-box-padding-x);
87
- padding-top: var(--seed-box-padding-top);
88
- padding-bottom: var(--seed-box-padding-bottom);
89
- padding-left: var(--seed-box-padding-left);
90
- padding-right: var(--seed-box-padding-right);
91
- --seed-box-bleed-bottom: 0px;
92
- --seed-box-bleed-top: 0px;
93
- --seed-box-bleed-left: 0px;
94
- --seed-box-bleed-right: 0px;
95
- margin-top: calc(var(--seed-box-bleed-top) * -1);
96
- margin-bottom: calc(var(--seed-box-bleed-bottom) * -1);
97
- margin-left: calc(var(--seed-box-bleed-left) * -1);
98
- margin-right: calc(var(--seed-box-bleed-right) * -1);
99
- --seed-box-min-height: auto;
100
- --seed-box-max-height: none;
101
- --seed-box-height: auto;
102
- --seed-box-min-width: auto;
103
- --seed-box-max-width: none;
104
- --seed-box-width: auto;
105
- min-height: var(--seed-box-min-height);
106
- max-height: var(--seed-box-max-height);
107
- height: var(--seed-box-height);
108
- min-width: var(--seed-box-min-width);
109
- max-width: var(--seed-box-max-width);
110
- width: var(--seed-box-width);
111
- --seed-box-top: auto;
112
- --seed-box-bottom: auto;
113
- --seed-box-left: auto;
114
- --seed-box-right: auto;
115
- top: var(--seed-box-top);
116
- bottom: var(--seed-box-bottom);
117
- left: var(--seed-box-left);
118
- right: var(--seed-box-right);
119
- --seed-box-border-radius: 0;
120
- --seed-box-border-bottom-left-radius: var(--seed-box-border-radius);
121
- --seed-box-border-bottom-right-radius: var(--seed-box-border-radius);
122
- --seed-box-border-top-left-radius: var(--seed-box-border-radius);
123
- --seed-box-border-top-right-radius: var(--seed-box-border-radius);
124
- border-bottom-left-radius: var(--seed-box-border-bottom-left-radius);
125
- border-bottom-right-radius: var(--seed-box-border-bottom-right-radius);
126
- border-top-left-radius: var(--seed-box-border-top-left-radius);
127
- border-top-right-radius: var(--seed-box-border-top-right-radius);
128
- --seed-box-box-shadow: none;
129
- box-shadow: var(--seed-box-box-shadow);
130
- --seed-box-display: block;
131
- --seed-box-position: relative;
132
- display: var(--seed-box-display);
133
- position: var(--seed-box-position);
134
- --seed-box-unstable-transform: none;
135
- transform: var(--seed-box-unstable-transform);
136
- --seed-box-z-index: auto;
137
- z-index: var(--seed-box-z-index);
138
- --seed-box-overflow-x: visible;
139
- --seed-box-overflow-y: visible;
140
- overflow-x: var(--seed-box-overflow-x);
141
- overflow-y: var(--seed-box-overflow-y);
142
- --seed-box-flex-grow: 0;
143
- --seed-box-flex-shrink: 1;
144
- flex-grow: var(--seed-box-flex-grow);
145
- flex-shrink: var(--seed-box-flex-shrink);
146
- --seed-box-flex-direction: row;
147
- --seed-box-flex-wrap: nowrap;
148
- --seed-box-justify-content: flex-start;
149
- --seed-box-justify-self: auto;
150
- --seed-box-align-items: stretch;
151
- --seed-box-align-content: stretch;
152
- --seed-box-align-self: auto;
153
- --seed-box-gap: 0px;
154
- flex-direction: var(--seed-box-flex-direction);
155
- flex-wrap: var(--seed-box-flex-wrap);
156
- justify-content: var(--seed-box-justify-content);
157
- justify-self: var(--seed-box-justify-self);
158
- align-items: var(--seed-box-align-items);
159
- align-content: var(--seed-box-align-content);
160
- align-self: var(--seed-box-align-self);
161
- gap: var(--seed-box-gap);
162
- --seed-box-grid-column: auto;
163
- --seed-box-grid-row: auto;
164
- }
165
-
166
- .seed-box__text {
167
- --seed-box-background: transparent;
168
- --seed-box-border-style: solid;
169
- --seed-box-border-color: transparent;
170
- --seed-box-border-width: 0;
171
- --seed-box-border-top-width: var(--seed-box-border-width);
172
- --seed-box-border-bottom-width: var(--seed-box-border-width);
173
- --seed-box-border-left-width: var(--seed-box-border-width);
174
- --seed-box-border-right-width: var(--seed-box-border-width);
175
- --seed-box-padding: 0;
176
- --seed-box-padding-y: var(--seed-box-padding);
177
- --seed-box-padding-x: var(--seed-box-padding);
178
- --seed-box-padding-bottom: var(--seed-box-padding-y);
179
- --seed-box-padding-top: var(--seed-box-padding-y);
180
- --seed-box-padding-left: var(--seed-box-padding-x);
181
- --seed-box-padding-right: var(--seed-box-padding-x);
182
- --seed-box-bleed-bottom: 0px;
183
- --seed-box-bleed-top: 0px;
184
- --seed-box-bleed-left: 0px;
185
- --seed-box-bleed-right: 0px;
186
- --seed-box-min-height: auto;
187
- --seed-box-max-height: none;
188
- --seed-box-height: auto;
189
- --seed-box-min-width: auto;
190
- --seed-box-max-width: none;
191
- --seed-box-width: auto;
192
- --seed-box-top: auto;
193
- --seed-box-bottom: auto;
194
- --seed-box-left: auto;
195
- --seed-box-right: auto;
196
- --seed-box-border-radius: 0;
197
- --seed-box-border-bottom-left-radius: var(--seed-box-border-radius);
198
- --seed-box-border-bottom-right-radius: var(--seed-box-border-radius);
199
- --seed-box-border-top-left-radius: var(--seed-box-border-radius);
200
- --seed-box-border-top-right-radius: var(--seed-box-border-radius);
201
- --seed-box-box-shadow: none;
202
- --seed-box-display: block;
203
- --seed-box-position: relative;
204
- --seed-box-unstable-transform: none;
205
- --seed-box-z-index: auto;
206
- --seed-box-overflow-x: visible;
207
- --seed-box-overflow-y: visible;
208
- --seed-box-flex-grow: 0;
209
- --seed-box-flex-shrink: 1;
210
- --seed-box-flex-direction: row;
211
- --seed-box-flex-wrap: nowrap;
212
- --seed-box-justify-content: flex-start;
213
- --seed-box-justify-self: auto;
214
- --seed-box-align-items: stretch;
215
- --seed-box-align-content: stretch;
216
- --seed-box-align-self: auto;
217
- --seed-box-gap: 0px;
218
- --seed-box-grid-column: auto;
219
- --seed-box-grid-row: auto;
220
- transform: var(--seed-box-unstable-transform);
221
- color: var(--seed-box-color);
222
- }
223
-
224
- .seed-box.seed-box--has-active-bg_true:active {
225
- background: var(--seed-box-background--active);
226
- }
227
-
228
- .seed-grid {
229
- --seed-grid-columns: auto;
230
- grid-template-columns: var(--seed-grid-columns);
231
- --seed-grid-rows: auto;
232
- grid-template-rows: var(--seed-grid-rows);
233
- --seed-grid-auto-flow: row;
234
- grid-auto-flow: var(--seed-grid-auto-flow);
235
- --seed-grid-auto-columns: auto;
236
- grid-auto-columns: var(--seed-grid-auto-columns);
237
- --seed-grid-auto-rows: auto;
238
- grid-auto-rows: var(--seed-grid-auto-rows);
239
- --seed-grid-justify-items: stretch;
240
- justify-items: var(--seed-grid-justify-items);
241
- display: grid;
242
- }
243
-
244
- .seed-grid__text {
245
- --seed-grid-columns: auto;
246
- --seed-grid-rows: auto;
247
- --seed-grid-auto-flow: row;
248
- --seed-grid-auto-columns: auto;
249
- --seed-grid-auto-rows: auto;
250
- --seed-grid-justify-items: stretch;
251
- }
252
-
253
- .seed-consistent-width:before {
254
- visibility: hidden;
255
- height: 0;
256
- display: block;
257
- }
258
-
259
- .seed-consistent-width__text:before {
260
- font-weight: var(--seed-font-weight-regular);
261
- }
262
-
263
- .seed-consistent-width:after {
264
- visibility: hidden;
265
- height: 0;
266
- display: block;
267
- }
268
-
269
- .seed-consistent-width__text:after {
270
- font-weight: var(--seed-font-weight-bold);
271
- }
272
-
273
- :root {
274
- --seed-dimension-x0_5: 2px;
275
- --seed-dimension-x1: 4px;
276
- --seed-dimension-x1_5: 6px;
277
- --seed-dimension-x2: 8px;
278
- --seed-dimension-x2_5: 10px;
279
- --seed-dimension-x3: 12px;
280
- --seed-dimension-x3_5: 14px;
281
- --seed-dimension-x4: 16px;
282
- --seed-dimension-x4_5: 18px;
283
- --seed-dimension-x5: 20px;
284
- --seed-dimension-x6: 24px;
285
- --seed-dimension-x7: 28px;
286
- --seed-dimension-x8: 32px;
287
- --seed-dimension-x9: 36px;
288
- --seed-dimension-x10: 40px;
289
- --seed-dimension-x12: 48px;
290
- --seed-dimension-x13: 52px;
291
- --seed-dimension-x14: 56px;
292
- --seed-dimension-x16: 64px;
293
- --seed-dimension-spacing-x-between-chips: var(--seed-dimension-x2);
294
- --seed-dimension-spacing-x-global-gutter: var(--seed-dimension-x4);
295
- --seed-dimension-spacing-y-component-default: var(--seed-dimension-x3);
296
- --seed-dimension-spacing-y-nav-to-title: var(--seed-dimension-x5);
297
- --seed-dimension-spacing-y-screen-bottom: var(--seed-dimension-x14);
298
- --seed-dimension-spacing-y-between-text: var(--seed-dimension-x1_5);
299
- --seed-duration-d1: 50ms;
300
- --seed-duration-d2: .1s;
301
- --seed-duration-d3: .15s;
302
- --seed-duration-d4: .2s;
303
- --seed-duration-d5: .25s;
304
- --seed-duration-d6: .3s;
305
- --seed-duration-color-transition: var(--seed-duration-d3);
306
- --seed-font-size-t1: 11sp;
307
- --seed-font-size-t2: 12sp;
308
- --seed-font-size-t3: 13sp;
309
- --seed-font-size-t4: 14sp;
310
- --seed-font-size-t5: 16sp;
311
- --seed-font-size-t6: 18sp;
312
- --seed-font-size-t7: 20sp;
313
- --seed-font-size-t8: 22sp;
314
- --seed-font-size-t9: 24sp;
315
- --seed-font-size-t10: 26sp;
316
- --seed-font-size-t1-static: 11px;
317
- --seed-font-size-t2-static: 12px;
318
- --seed-font-size-t3-static: 13px;
319
- --seed-font-size-t4-static: 14px;
320
- --seed-font-size-t5-static: 16px;
321
- --seed-font-size-t6-static: 18px;
322
- --seed-font-size-t7-static: 20px;
323
- --seed-font-size-t8-static: 22px;
324
- --seed-font-size-t9-static: 24px;
325
- --seed-font-size-t10-static: 26px;
326
- --seed-font-weight-regular: 400;
327
- --seed-font-weight-medium: 500;
328
- --seed-font-weight-bold: 700;
329
- --seed-line-height-t1: 15sp;
330
- --seed-line-height-t2: 16sp;
331
- --seed-line-height-t3: 18sp;
332
- --seed-line-height-t4: 19sp;
333
- --seed-line-height-t5: 22sp;
334
- --seed-line-height-t6: 24sp;
335
- --seed-line-height-t7: 27sp;
336
- --seed-line-height-t8: 30sp;
337
- --seed-line-height-t9: 32sp;
338
- --seed-line-height-t10: 35sp;
339
- --seed-line-height-t1-static: 15px;
340
- --seed-line-height-t2-static: 16px;
341
- --seed-line-height-t3-static: 18px;
342
- --seed-line-height-t4-static: 19px;
343
- --seed-line-height-t5-static: 22px;
344
- --seed-line-height-t6-static: 24px;
345
- --seed-line-height-t7-static: 27px;
346
- --seed-line-height-t8-static: 30px;
347
- --seed-line-height-t9-static: 32px;
348
- --seed-line-height-t10-static: 35px;
349
- --seed-radius-r0_5: 2px;
350
- --seed-radius-r1: 4px;
351
- --seed-radius-r1_5: 6px;
352
- --seed-radius-r2: 8px;
353
- --seed-radius-r2_5: 10px;
354
- --seed-radius-r3: 12px;
355
- --seed-radius-r3_5: 14px;
356
- --seed-radius-r4: 16px;
357
- --seed-radius-r5: 20px;
358
- --seed-radius-r6: 24px;
359
- --seed-radius-full: 9999px;
360
- --seed-timing-function-linear: cubic-bezier(0, 0, 1, 1);
361
- --seed-timing-function-easing: cubic-bezier(.35, 0, .35, 1);
362
- --seed-timing-function-enter: cubic-bezier(0, 0, .15, 1);
363
- --seed-timing-function-exit: cubic-bezier(.35, 0, 1, 1);
364
- --seed-timing-function-enter-expressive: cubic-bezier(.03, .4, .1, 1);
365
- --seed-timing-function-exit-expressive: cubic-bezier(.35, 0, .95, .55);
366
- }
367
-
368
- :root, :root.seed-user-color-scheme-light, :root.seed-color-mode-light-only, .seed-color-mode-light-only {
369
- --seed-color-palette-gray-00: #fff;
370
- --seed-color-palette-gray-100: #f7f8f9;
371
- --seed-color-palette-gray-200: #f3f4f5;
372
- --seed-color-palette-gray-300: #eeeff1;
373
- --seed-color-palette-gray-400: #dcdee3;
374
- --seed-color-palette-gray-500: #d1d3d8;
375
- --seed-color-palette-gray-600: #b0b3ba;
376
- --seed-color-palette-gray-700: #868b94;
377
- --seed-color-palette-gray-800: #555d6d;
378
- --seed-color-palette-gray-900: #2a3038;
379
- --seed-color-palette-gray-1000: #1a1c20;
380
- --seed-color-palette-carrot-100: #fff2ec;
381
- --seed-color-palette-carrot-200: #ffe8db;
382
- --seed-color-palette-carrot-300: #ffd5c0;
383
- --seed-color-palette-carrot-400: #ffb999;
384
- --seed-color-palette-carrot-500: #ff9364;
385
- --seed-color-palette-carrot-600: #f60;
386
- --seed-color-palette-carrot-700: #e14d00;
387
- --seed-color-palette-carrot-800: #b93901;
388
- --seed-color-palette-carrot-900: #862b00;
389
- --seed-color-palette-carrot-1000: #471601;
390
- --seed-color-palette-blue-100: #eff6ff;
391
- --seed-color-palette-blue-200: #e2edfc;
392
- --seed-color-palette-blue-300: #cbdffa;
393
- --seed-color-palette-blue-400: #aacefd;
394
- --seed-color-palette-blue-500: #85b8fd;
395
- --seed-color-palette-blue-600: #5e98fe;
396
- --seed-color-palette-blue-700: #217cf9;
397
- --seed-color-palette-blue-800: #135fcd;
398
- --seed-color-palette-blue-900: #0b4596;
399
- --seed-color-palette-blue-1000: #032451;
400
- --seed-color-palette-red-100: #fdf0f0;
401
- --seed-color-palette-red-200: #fde7e7;
402
- --seed-color-palette-red-300: #fed4d2;
403
- --seed-color-palette-red-400: #feb7b3;
404
- --seed-color-palette-red-500: #fe928d;
405
- --seed-color-palette-red-600: #fc6a66;
406
- --seed-color-palette-red-700: #fa342c;
407
- --seed-color-palette-red-800: #ca1d13;
408
- --seed-color-palette-red-900: #921708;
409
- --seed-color-palette-red-1000: #4a1209;
410
- --seed-color-palette-green-100: #edfaf6;
411
- --seed-color-palette-green-200: #d9f6e9;
412
- --seed-color-palette-green-300: #b9e9d2;
413
- --seed-color-palette-green-400: #7ddcb3;
414
- --seed-color-palette-green-500: #42c593;
415
- --seed-color-palette-green-600: #10ab7d;
416
- --seed-color-palette-green-700: #079171;
417
- --seed-color-palette-green-800: #00745f;
418
- --seed-color-palette-green-900: #075445;
419
- --seed-color-palette-green-1000: #0a2b24;
420
- --seed-color-palette-yellow-100: #fff7de;
421
- --seed-color-palette-yellow-200: #fdefb9;
422
- --seed-color-palette-yellow-300: #fbdc65;
423
- --seed-color-palette-yellow-400: #e9c647;
424
- --seed-color-palette-yellow-500: #d4ab28;
425
- --seed-color-palette-yellow-600: #c49725;
426
- --seed-color-palette-yellow-700: #9b7821;
427
- --seed-color-palette-yellow-800: #755b22;
428
- --seed-color-palette-yellow-900: #4f3e1f;
429
- --seed-color-palette-yellow-1000: #2c2512;
430
- --seed-color-palette-purple-100: #f5f3fe;
431
- --seed-color-palette-purple-200: #efeafe;
432
- --seed-color-palette-purple-300: #e1d8ff;
433
- --seed-color-palette-purple-400: #d0c0ff;
434
- --seed-color-palette-purple-500: #b8a1ff;
435
- --seed-color-palette-purple-600: #9f84fb;
436
- --seed-color-palette-purple-700: #8969ea;
437
- --seed-color-palette-purple-800: #6d50cb;
438
- --seed-color-palette-purple-900: #50379b;
439
- --seed-color-palette-purple-1000: #29175d;
440
- --seed-color-palette-static-black: #000;
441
- --seed-color-palette-static-black-alpha-100: #00000007;
442
- --seed-color-palette-static-black-alpha-200: #0000000c;
443
- --seed-color-palette-static-black-alpha-300: #00000010;
444
- --seed-color-palette-static-black-alpha-400: #00000021;
445
- --seed-color-palette-static-black-alpha-500: #0000002c;
446
- --seed-color-palette-static-black-alpha-600: #0000004c;
447
- --seed-color-palette-static-black-alpha-700: #00000074;
448
- --seed-color-palette-static-black-alpha-800: #000000a2;
449
- --seed-color-palette-static-black-alpha-900: #000000d0;
450
- --seed-color-palette-static-black-alpha-1000: #000000e3;
451
- --seed-color-palette-static-white: #fff;
452
- --seed-color-palette-static-white-alpha-50: #ffffff0d;
453
- --seed-color-palette-static-white-alpha-100: #ffffff17;
454
- --seed-color-palette-static-white-alpha-200: #ffffff20;
455
- --seed-color-palette-static-white-alpha-300: #ffffff2e;
456
- --seed-color-palette-static-white-alpha-400: #ffffff3d;
457
- --seed-color-palette-static-white-alpha-500: #ffffff60;
458
- --seed-color-palette-static-white-alpha-600: #ffffff8b;
459
- --seed-color-palette-static-white-alpha-700: #ffffffb3;
460
- --seed-color-palette-static-white-alpha-800: #ffffffde;
461
- --seed-color-palette-static-white-alpha-900: #ffffffea;
462
- --seed-color-palette-static-white-alpha-1000: #fffffff4;
463
- --seed-color-fg-brand: var(--seed-color-palette-carrot-600);
464
- --seed-color-fg-brand-contrast: var(--seed-color-palette-carrot-700);
465
- --seed-color-fg-critical: var(--seed-color-palette-red-700);
466
- --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
467
- --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
468
- --seed-color-fg-informative: var(--seed-color-palette-blue-700);
469
- --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
470
- --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
471
- --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-00);
472
- --seed-color-fg-neutral-muted: var(--seed-color-palette-gray-800);
473
- --seed-color-fg-neutral-subtle: var(--seed-color-palette-gray-700);
474
- --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
475
- --seed-color-fg-positive: var(--seed-color-palette-green-700);
476
- --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
477
- --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
478
- --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
479
- --seed-color-bg-brand-solid: var(--seed-color-palette-carrot-600);
480
- --seed-color-bg-brand-solid-pressed: var(--seed-color-palette-carrot-700);
481
- --seed-color-bg-brand-weak: var(--seed-color-palette-carrot-100);
482
- --seed-color-bg-brand-weak-pressed: var(--seed-color-palette-carrot-200);
483
- --seed-color-bg-critical-solid: var(--seed-color-palette-red-700);
484
- --seed-color-bg-critical-solid-pressed: var(--seed-color-palette-red-800);
485
- --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
486
- --seed-color-bg-critical-weak-pressed: var(--seed-color-palette-red-200);
487
- --seed-color-bg-disabled: var(--seed-color-palette-gray-200);
488
- --seed-color-bg-informative-solid: var(--seed-color-palette-blue-700);
489
- --seed-color-bg-informative-solid-pressed: var(--seed-color-palette-blue-800);
490
- --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
491
- --seed-color-bg-informative-weak-pressed: var(--seed-color-palette-blue-200);
492
- --seed-color-bg-layer-basement: var(--seed-color-palette-gray-200);
493
- --seed-color-bg-layer-default: var(--seed-color-palette-gray-00);
494
- --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-100);
495
- --seed-color-bg-layer-fill: var(--seed-color-palette-gray-100);
496
- --seed-color-bg-layer-floating: var(--seed-color-palette-gray-00);
497
- --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-100);
498
- --seed-color-bg-magic-weak: #f9f2ee;
499
- --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-900);
500
- --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
501
- --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-1000);
502
- --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-800);
503
- --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-900);
504
- --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-200);
505
- --seed-color-bg-neutral-weak-alpha: var(--seed-color-palette-static-black-alpha-200);
506
- --seed-color-bg-neutral-weak-alpha-pressed: var(--seed-color-palette-static-black-alpha-300);
507
- --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-300);
508
- --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
509
- --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-500);
510
- --seed-color-bg-positive-solid: var(--seed-color-palette-green-700);
511
- --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-800);
512
- --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
513
- --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
514
- --seed-color-bg-transparent: #0000;
515
- --seed-color-bg-transparent-pressed: var(--seed-color-palette-static-black-alpha-100);
516
- --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-300);
517
- --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-400);
518
- --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
519
- --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
520
- --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
521
- --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
522
- --seed-color-stroke-critical-solid: var(--seed-color-palette-red-700);
523
- --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
524
- --seed-color-stroke-informative-solid: var(--seed-color-palette-blue-700);
525
- --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
526
- --seed-color-stroke-neutral-contrast: var(--seed-color-palette-gray-1000);
527
- --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-black-alpha-300);
528
- --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
529
- --seed-color-stroke-neutral-subtle: var(--seed-color-palette-static-black-alpha-200);
530
- --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
531
- --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
532
- --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
533
- --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
534
- --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
535
- --seed-color-stroke-focus-ring: var(--seed-color-palette-blue-600);
536
- --seed-color-manner-temp-l1-bg: #f1f2f3;
537
- --seed-color-manner-temp-l1-text: #757b85;
538
- --seed-color-manner-temp-l10-bg: #ffebee;
539
- --seed-color-manner-temp-l10-text: #cb0123;
540
- --seed-color-manner-temp-l2-bg: #f8f4ec;
541
- --seed-color-manner-temp-l2-text: #ab863f;
542
- --seed-color-manner-temp-l3-bg: #fff5e5;
543
- --seed-color-manner-temp-l3-text: #e08a00;
544
- --seed-color-manner-temp-l4-bg: #fff3e5;
545
- --seed-color-manner-temp-l4-text: #f57e00;
546
- --seed-color-manner-temp-l5-bg: #fff1e5;
547
- --seed-color-manner-temp-l5-text: #ff7300;
548
- --seed-color-manner-temp-l6-bg: #fff0e5;
549
- --seed-color-manner-temp-l6-text: #f60;
550
- --seed-color-manner-temp-l7-bg: #ffefe5;
551
- --seed-color-manner-temp-l7-text: #ff5100;
552
- --seed-color-manner-temp-l8-bg: #ffeee5;
553
- --seed-color-manner-temp-l8-text: #f30;
554
- --seed-color-manner-temp-l9-bg: #fdeded;
555
- --seed-color-manner-temp-l9-text: #e82c45;
556
- --seed-color-banner-blue: #e1f7ff;
557
- --seed-color-banner-cool-gray: #ebf1f5;
558
- --seed-color-banner-green: #f0fbe5;
559
- --seed-color-banner-orange: #fff2e1;
560
- --seed-color-banner-pink: #ffebf1;
561
- --seed-color-banner-purple: #f5ecff;
562
- --seed-color-banner-red: #ffecee;
563
- --seed-color-banner-teal: #e6faf6;
564
- --seed-color-banner-warm-gray: #f2f0ee;
565
- --seed-color-banner-yellow: #fffae1;
566
- --seed-gradient-fade-layer-floating: #fff0 0%, #000 100%;
567
- --seed-gradient-fade-layer-default: #000 0%, #fff0 100%;
568
- --seed-gradient-glow-magic: #fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;
569
- --seed-gradient-glow-magic-pressed: #fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%;
570
- --seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
571
- --seed-gradient-highlight-magic-pressed: #e14f00 20%, #ae58bf 100%;
572
- --seed-gradient-shimmer-magic: #fff9f500 0%, #fff9f5cc 46%, #fff9f5cc 54%, #fff9f500 100%;
573
- --seed-gradient-shimmer-neutral: #fff0 0%, #ffffffab 46%, #ffffffab 54%, #fff0 100%;
574
- --seed-shadow-s1: 0px 1px 4px 0px #00000014;
575
- --seed-shadow-s2: 0px 2px 10px 0px #0000001a;
576
- --seed-shadow-s3: 0px 4px 16px 0px #0000001f;
577
- }
578
-
579
- :root.seed-user-color-scheme-dark, :root.seed-color-mode-dark-only, .seed-color-mode-dark-only {
580
- --seed-color-palette-gray-00: #000;
581
- --seed-color-palette-gray-100: #16171b;
582
- --seed-color-palette-gray-200: #1d2025;
583
- --seed-color-palette-gray-300: #2b2e35;
584
- --seed-color-palette-gray-400: #393d46;
585
- --seed-color-palette-gray-500: #5b606a;
586
- --seed-color-palette-gray-600: #868b94;
587
- --seed-color-palette-gray-700: #b0b3ba;
588
- --seed-color-palette-gray-800: #dcdee3;
589
- --seed-color-palette-gray-900: #e9eaec;
590
- --seed-color-palette-gray-1000: #f3f4f5;
591
- --seed-color-palette-carrot-100: #31241f;
592
- --seed-color-palette-carrot-200: #4b291c;
593
- --seed-color-palette-carrot-300: #6b311c;
594
- --seed-color-palette-carrot-400: #923600;
595
- --seed-color-palette-carrot-500: #bd4201;
596
- --seed-color-palette-carrot-600: #e65200;
597
- --seed-color-palette-carrot-700: #f60;
598
- --seed-color-palette-carrot-800: #ff9e65;
599
- --seed-color-palette-carrot-900: #eecebc;
600
- --seed-color-palette-carrot-1000: #f4eeea;
601
- --seed-color-palette-blue-100: #202742;
602
- --seed-color-palette-blue-200: #1e3352;
603
- --seed-color-palette-blue-300: #1a4275;
604
- --seed-color-palette-blue-400: #0f559e;
605
- --seed-color-palette-blue-500: #1964d8;
606
- --seed-color-palette-blue-600: #1e82eb;
607
- --seed-color-palette-blue-700: #41a2f9;
608
- --seed-color-palette-blue-800: #83bcf9;
609
- --seed-color-palette-blue-900: #b9d7fb;
610
- --seed-color-palette-blue-1000: #e5f0fe;
611
- --seed-color-palette-red-100: #322323;
612
- --seed-color-palette-red-200: #4f2624;
613
- --seed-color-palette-red-300: #742826;
614
- --seed-color-palette-red-400: #a12621;
615
- --seed-color-palette-red-500: #ca2319;
616
- --seed-color-palette-red-600: #f73526;
617
- --seed-color-palette-red-700: #ff6e60;
618
- --seed-color-palette-red-800: #ffa299;
619
- --seed-color-palette-red-900: #f8c5c3;
620
- --seed-color-palette-red-1000: #fdf2f2;
621
- --seed-color-palette-green-100: #202926;
622
- --seed-color-palette-green-200: #20362e;
623
- --seed-color-palette-green-300: #20493b;
624
- --seed-color-palette-green-400: #19604c;
625
- --seed-color-palette-green-500: #117956;
626
- --seed-color-palette-green-600: #1b946d;
627
- --seed-color-palette-green-700: #22b27f;
628
- --seed-color-palette-green-800: #35ce9a;
629
- --seed-color-palette-green-900: #93e5c0;
630
- --seed-color-palette-green-1000: #d4f6ef;
631
- --seed-color-palette-yellow-100: #302819;
632
- --seed-color-palette-yellow-200: #413218;
633
- --seed-color-palette-yellow-300: #543e15;
634
- --seed-color-palette-yellow-400: #714e15;
635
- --seed-color-palette-yellow-500: #91601b;
636
- --seed-color-palette-yellow-600: #b6720d;
637
- --seed-color-palette-yellow-700: #ca901c;
638
- --seed-color-palette-yellow-800: #dab156;
639
- --seed-color-palette-yellow-900: #e5d49b;
640
- --seed-color-palette-yellow-1000: #f7f0cd;
641
- --seed-color-palette-purple-100: #28213b;
642
- --seed-color-palette-purple-200: #3b2873;
643
- --seed-color-palette-purple-300: #443081;
644
- --seed-color-palette-purple-400: #5a3bb1;
645
- --seed-color-palette-purple-500: #764fd9;
646
- --seed-color-palette-purple-600: #8e6bee;
647
- --seed-color-palette-purple-700: #a78df0;
648
- --seed-color-palette-purple-800: #beadf2;
649
- --seed-color-palette-purple-900: #d9cefa;
650
- --seed-color-palette-purple-1000: #f0edfc;
651
- --seed-color-palette-static-black: #000;
652
- --seed-color-palette-static-black-alpha-100: #00000007;
653
- --seed-color-palette-static-black-alpha-200: #0000000c;
654
- --seed-color-palette-static-black-alpha-300: #00000010;
655
- --seed-color-palette-static-black-alpha-400: #00000021;
656
- --seed-color-palette-static-black-alpha-500: #0000002c;
657
- --seed-color-palette-static-black-alpha-600: #0000004c;
658
- --seed-color-palette-static-black-alpha-700: #00000074;
659
- --seed-color-palette-static-black-alpha-800: #000000a2;
660
- --seed-color-palette-static-black-alpha-900: #000000d0;
661
- --seed-color-palette-static-black-alpha-1000: #000000e3;
662
- --seed-color-palette-static-white: #fff;
663
- --seed-color-palette-static-white-alpha-50: #ffffff0d;
664
- --seed-color-palette-static-white-alpha-100: #ffffff17;
665
- --seed-color-palette-static-white-alpha-200: #ffffff20;
666
- --seed-color-palette-static-white-alpha-300: #ffffff2e;
667
- --seed-color-palette-static-white-alpha-400: #ffffff3d;
668
- --seed-color-palette-static-white-alpha-500: #ffffff60;
669
- --seed-color-palette-static-white-alpha-600: #ffffff8b;
670
- --seed-color-palette-static-white-alpha-700: #ffffffb3;
671
- --seed-color-palette-static-white-alpha-800: #ffffffde;
672
- --seed-color-palette-static-white-alpha-900: #ffffffea;
673
- --seed-color-palette-static-white-alpha-1000: #fffffff4;
674
- --seed-color-fg-brand: var(--seed-color-palette-carrot-700);
675
- --seed-color-fg-brand-contrast: var(--seed-color-palette-carrot-700);
676
- --seed-color-fg-critical: var(--seed-color-palette-red-700);
677
- --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
678
- --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
679
- --seed-color-fg-informative: var(--seed-color-palette-blue-700);
680
- --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
681
- --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
682
- --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-100);
683
- --seed-color-fg-neutral-muted: var(--seed-color-palette-gray-800);
684
- --seed-color-fg-neutral-subtle: var(--seed-color-palette-gray-700);
685
- --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
686
- --seed-color-fg-positive: var(--seed-color-palette-green-700);
687
- --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
688
- --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
689
- --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
690
- --seed-color-bg-brand-solid: var(--seed-color-palette-carrot-700);
691
- --seed-color-bg-brand-solid-pressed: var(--seed-color-palette-carrot-800);
692
- --seed-color-bg-brand-weak: var(--seed-color-palette-carrot-100);
693
- --seed-color-bg-brand-weak-pressed: var(--seed-color-palette-carrot-200);
694
- --seed-color-bg-critical-solid: var(--seed-color-palette-red-600);
695
- --seed-color-bg-critical-solid-pressed: var(--seed-color-palette-red-700);
696
- --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
697
- --seed-color-bg-critical-weak-pressed: var(--seed-color-palette-red-200);
698
- --seed-color-bg-disabled: var(--seed-color-palette-gray-300);
699
- --seed-color-bg-informative-solid: var(--seed-color-palette-blue-600);
700
- --seed-color-bg-informative-solid-pressed: var(--seed-color-palette-blue-700);
701
- --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
702
- --seed-color-bg-informative-weak-pressed: var(--seed-color-palette-blue-200);
703
- --seed-color-bg-layer-basement: var(--seed-color-palette-gray-00);
704
- --seed-color-bg-layer-default: var(--seed-color-palette-gray-100);
705
- --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-300);
706
- --seed-color-bg-layer-fill: var(--seed-color-palette-gray-200);
707
- --seed-color-bg-layer-floating: var(--seed-color-palette-gray-200);
708
- --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-300);
709
- --seed-color-bg-magic-weak: #201f1f;
710
- --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-1000);
711
- --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
712
- --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-300);
713
- --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-400);
714
- --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-500);
715
- --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-300);
716
- --seed-color-bg-neutral-weak-alpha: var(--seed-color-palette-static-white-alpha-200);
717
- --seed-color-bg-neutral-weak-alpha-pressed: var(--seed-color-palette-static-white-alpha-300);
718
- --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-400);
719
- --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
720
- --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-500);
721
- --seed-color-bg-positive-solid: var(--seed-color-palette-green-500);
722
- --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-600);
723
- --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
724
- --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
725
- --seed-color-bg-transparent: #fff0;
726
- --seed-color-bg-transparent-pressed: var(--seed-color-palette-static-white-alpha-50);
727
- --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-800);
728
- --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-900);
729
- --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
730
- --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
731
- --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
732
- --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
733
- --seed-color-stroke-critical-solid: var(--seed-color-palette-red-700);
734
- --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
735
- --seed-color-stroke-informative-solid: var(--seed-color-palette-blue-700);
736
- --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
737
- --seed-color-stroke-neutral-contrast: var(--seed-color-palette-gray-1000);
738
- --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-white-alpha-100);
739
- --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
740
- --seed-color-stroke-neutral-subtle: var(--seed-color-palette-static-white-alpha-50);
741
- --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
742
- --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
743
- --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
744
- --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
745
- --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
746
- --seed-color-stroke-focus-ring: var(--seed-color-palette-blue-600);
747
- --seed-color-manner-temp-l1-bg: #292929;
748
- --seed-color-manner-temp-l1-text: #b8b8b9;
749
- --seed-color-manner-temp-l10-bg: #34040a;
750
- --seed-color-manner-temp-l10-text: #fb6f82;
751
- --seed-color-manner-temp-l2-bg: #332605;
752
- --seed-color-manner-temp-l2-text: #f5db97;
753
- --seed-color-manner-temp-l3-bg: #372b01;
754
- --seed-color-manner-temp-l3-text: #fdda65;
755
- --seed-color-manner-temp-l4-bg: #372301;
756
- --seed-color-manner-temp-l4-text: #fbbe55;
757
- --seed-color-manner-temp-l5-bg: #371f01;
758
- --seed-color-manner-temp-l5-text: #faac4b;
759
- --seed-color-manner-temp-l6-bg: #351b03;
760
- --seed-color-manner-temp-l6-text: #fc9855;
761
- --seed-color-manner-temp-l7-bg: #371701;
762
- --seed-color-manner-temp-l7-text: #f97a25;
763
- --seed-color-manner-temp-l8-bg: #380f00;
764
- --seed-color-manner-temp-l8-text: #fe6a34;
765
- --seed-color-manner-temp-l9-bg: #380500;
766
- --seed-color-manner-temp-l9-text: #fe6a5d;
767
- --seed-color-banner-blue: #0d2a3a;
768
- --seed-color-banner-cool-gray: #242c33;
769
- --seed-color-banner-green: #1e361c;
770
- --seed-color-banner-orange: #42230a;
771
- --seed-color-banner-pink: #3b172c;
772
- --seed-color-banner-purple: #2e1e45;
773
- --seed-color-banner-red: #3a0f15;
774
- --seed-color-banner-teal: #143633;
775
- --seed-color-banner-warm-gray: #2f2b27;
776
- --seed-color-banner-yellow: #3e2b00;
777
- --seed-gradient-fade-layer-floating: #1d202500 0%, #000 100%;
778
- --seed-gradient-fade-layer-default: #000 0%, #16171b00 100%;
779
- --seed-gradient-glow-magic: #2d252d 0%, #3a312b 80%, #333232 100%;
780
- --seed-gradient-glow-magic-pressed: #3e333e 0%, #51453e 80%, #434242 100%;
781
- --seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
782
- --seed-gradient-highlight-magic-pressed: #ff9e65 20%, #e89bee 100%;
783
- --seed-gradient-shimmer-magic: #fff9f500 0%, #fff9f51a 46%, #fff9f51a 54%, #fff9f500 100%;
784
- --seed-gradient-shimmer-neutral: #fff0 0%, #ffffff1a 46%, #ffffff1a 54%, #fff0 100%;
785
- --seed-shadow-s1: 0px 1px 4px 0px #00000080;
786
- --seed-shadow-s2: 0px 2px 10px 0px #000000ad;
787
- --seed-shadow-s3: 0px 4px 16px 0px #000c;
788
- }
789
-
790
- @keyframes seed-enter {
791
- from {
792
- opacity: var(--seed-enter-opacity, 1);
793
- transform: translate3d(var(--seed-enter-translate-x, 0), var(--seed-enter-translate-y, 0), 0)
794
- scale3d(var(--seed-enter-scale, 1), var(--seed-enter-scale, 1), var(--seed-enter-scale, 1))
795
- rotate(var(--seed-enter-rotate, 0));
796
- }
797
- }
798
-
799
- @keyframes seed-exit {
800
- to {
801
- opacity: var(--seed-exit-opacity, 1);
802
- transform: translate3d(var(--seed-exit-translate-x, 0), var(--seed-exit-translate-y, 0), 0)
803
- scale3d(var(--seed-exit-scale, 1), var(--seed-exit-scale, 1), var(--seed-exit-scale, 1))
804
- rotate(var(--seed-exit-rotate, 0));
805
- }
806
- }
807
-
808
- @keyframes rotate {
809
- from {
810
- transform: rotate(0);
811
- }
812
-
813
- to {
814
- transform: rotate(360deg);
815
- }
816
- }
817
-
818
- @keyframes slide-x {
819
- 0% {
820
- transform: translateX(-100%);
821
- }
822
-
823
- 100% {
824
- transform: translateX(100%);
825
- }
826
- }
827
-
828
- @keyframes progress-circle-head {
829
- }
830
-
831
- @keyframes progress-circle-tail {
832
- }
833
-
834
- @keyframes fade-in {
835
- from {
836
- opacity: 0;
837
- }
838
-
839
- to {
840
- opacity: 1;
841
- }
842
- }
843
-
844
- @keyframes fade-out {
845
- to {
846
- opacity: 0;
847
- }
848
- }
849
-
850
- @keyframes drawer-slide-from-bottom {
851
- from {
852
- transform: translate3d(0, var(--initial-transform, 100%), 0);
853
- }
854
-
855
- to {
856
- transform: translate3d(0, var(--snap-point-height, 0), 0);
857
- }
858
- }
859
-
860
- @keyframes drawer-slide-to-bottom {
861
- to {
862
- transform: translate3d(0, var(--initial-transform, 100%), 0);
863
- }
864
- }
865
- }
866
-
867
- @layer seed-components {
868
- .seed-action-button__root {
869
- --seed-box-flex-grow: 0;
870
- flex-shrink: 0;
871
- flex-grow: var(--seed-box-flex-grow);
872
- --seed-box-min-width: auto;
873
- min-width: var(--seed-box-min-width);
874
- --seed-box-padding-bottom: auto;
875
- --seed-box-padding-top: auto;
876
- --seed-box-padding-left: auto;
877
- --seed-box-padding-right: auto;
878
- padding-top: var(--seed-box-padding-top);
879
- padding-bottom: var(--seed-box-padding-bottom);
880
- padding-left: var(--seed-box-padding-left);
881
- padding-right: var(--seed-box-padding-right);
882
- --seed-box-bleed-bottom: 0px;
883
- --seed-box-bleed-top: 0px;
884
- --seed-box-bleed-left: 0px;
885
- --seed-box-bleed-right: 0px;
886
- margin-top: calc(var(--seed-box-bleed-top) * -1);
887
- margin-bottom: calc(var(--seed-box-bleed-bottom) * -1);
888
- margin-left: calc(var(--seed-box-bleed-left) * -1);
889
- margin-right: calc(var(--seed-box-bleed-right) * -1);
890
- transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
891
- border: none;
892
- justify-content: center;
893
- align-items: center;
894
- display: flex;
895
- position: relative;
896
- }
897
-
898
- .seed-action-button__text {
899
- font-family: inherit;
900
- font-weight: var(--seed-font-weight-bold);
901
- transition: color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
902
- }
903
-
904
- .seed-action-button__content {
905
- opacity: 0;
906
- flex-direction: row;
907
- justify-content: center;
908
- align-items: center;
909
- display: flex;
910
- }
911
-
912
- .seed-action-button__prefixIcon, .seed-action-button__suffixIcon, .seed-action-button__icon {
913
- flex-shrink: 0;
914
- }
915
-
916
- .seed-action-button__loadingIndicator {
917
- justify-content: center;
918
- align-items: center;
919
- display: flex;
920
- position: absolute;
921
- top: 0;
922
- right: 0;
923
- bottom: 0;
924
- left: 0;
925
- }
926
-
927
- .seed-action-button__root--variant_brandSolid {
928
- background: var(--seed-color-bg-brand-solid);
929
- --track-color: var(--seed-color-palette-static-white-alpha-300);
930
- --range-color: var(--seed-color-palette-static-white);
931
- }
932
-
933
- .seed-action-button__text--variant_brandSolid, .seed-action-button__prefixIcon--variant_brandSolid, .seed-action-button__suffixIcon--variant_brandSolid, .seed-action-button__icon--variant_brandSolid {
934
- color: var(--seed-color-palette-static-white);
935
- }
936
-
937
- .seed-action-button__root--variant_neutralSolid {
938
- background: var(--seed-color-bg-neutral-inverted);
939
- --track-color: var(--seed-color-palette-static-white-alpha-300);
940
- --range-color: var(--seed-color-palette-static-white);
941
- }
942
-
943
- .seed-action-button__text--variant_neutralSolid, .seed-action-button__prefixIcon--variant_neutralSolid, .seed-action-button__suffixIcon--variant_neutralSolid, .seed-action-button__icon--variant_neutralSolid {
944
- color: var(--seed-color-fg-neutral-inverted);
945
- }
946
-
947
- .seed-action-button__root--variant_neutralWeak {
948
- background: var(--seed-color-bg-neutral-weak);
949
- --track-color: var(--seed-color-palette-gray-500);
950
- --range-color: var(--seed-color-fg-neutral);
951
- }
952
-
953
- .seed-action-button__text--variant_neutralWeak, .seed-action-button__prefixIcon--variant_neutralWeak, .seed-action-button__suffixIcon--variant_neutralWeak, .seed-action-button__icon--variant_neutralWeak {
954
- color: var(--seed-color-fg-neutral);
955
- }
956
-
957
- .seed-action-button__root--variant_criticalSolid {
958
- background: var(--seed-color-bg-critical-solid);
959
- --track-color: var(--seed-color-palette-static-white-alpha-300);
960
- --range-color: var(--seed-color-palette-static-white);
961
- }
962
-
963
- .seed-action-button__text--variant_criticalSolid, .seed-action-button__prefixIcon--variant_criticalSolid, .seed-action-button__suffixIcon--variant_criticalSolid, .seed-action-button__icon--variant_criticalSolid {
964
- color: var(--seed-color-palette-static-white);
965
- }
966
-
967
- .seed-action-button__root--variant_brandOutline {
968
- background: var(--seed-color-bg-transparent);
969
- border-style: solid;
970
- border-width: 1px;
971
- border-color: var(--seed-color-stroke-neutral-muted);
972
- --track-color: var(--seed-color-palette-carrot-200);
973
- --range-color: var(--seed-color-bg-brand-solid);
974
- }
975
-
976
- .seed-action-button__text--variant_brandOutline, .seed-action-button__prefixIcon--variant_brandOutline, .seed-action-button__suffixIcon--variant_brandOutline, .seed-action-button__icon--variant_brandOutline {
977
- color: var(--seed-color-fg-brand);
978
- }
979
-
980
- .seed-action-button__root--variant_neutralOutline {
981
- background: var(--seed-color-bg-transparent);
982
- border-style: solid;
983
- border-width: 1px;
984
- border-color: var(--seed-color-stroke-neutral-muted);
985
- --track-color: var(--seed-color-palette-gray-500);
986
- --range-color: var(--seed-color-fg-neutral);
987
- }
988
-
989
- .seed-action-button__text--variant_neutralOutline, .seed-action-button__prefixIcon--variant_neutralOutline, .seed-action-button__suffixIcon--variant_neutralOutline, .seed-action-button__icon--variant_neutralOutline {
990
- color: var(--seed-color-fg-neutral);
991
- }
992
-
993
- .seed-action-button__root--variant_ghost {
994
- --track-color: var(--seed-color-palette-gray-500);
995
- --range-color: var(--seed-color-fg-neutral);
996
- background: #fff0;
997
- }
998
-
999
- .seed-action-button__text--variant_ghost, .seed-action-button__prefixIcon--variant_ghost, .seed-action-button__suffixIcon--variant_ghost, .seed-action-button__icon--variant_ghost {
1000
- color: var(--seed-color-fg-neutral);
1001
- }
1002
-
1003
- .seed-action-button__root--size_xsmall {
1004
- height: var(--seed-dimension-x8);
1005
- border-radius: var(--seed-radius-full);
1006
- --size: 14px;
1007
- --thickness: 2px;
1008
- }
1009
-
1010
- .seed-action-button__root--size_small {
1011
- height: var(--seed-dimension-x9);
1012
- border-radius: var(--seed-radius-r2);
1013
- --size: 14px;
1014
- --thickness: 2px;
1015
- }
1016
-
1017
- .seed-action-button__root--size_medium {
1018
- height: var(--seed-dimension-x10);
1019
- border-radius: var(--seed-radius-r2);
1020
- --size: 16px;
1021
- --thickness: 2px;
1022
- }
1023
-
1024
- .seed-action-button__root--size_large {
1025
- height: var(--seed-dimension-x13);
1026
- border-radius: var(--seed-radius-r3);
1027
- --size: 18px;
1028
- --thickness: 2px;
1029
- }
1030
-
1031
- .seed-action-button__root--size_xsmall-layout_withText {
1032
- gap: var(--seed-dimension-x1);
1033
- --seed-box-padding-left: var(--seed-dimension-x3_5);
1034
- --seed-box-padding-right: var(--seed-dimension-x3_5);
1035
- --seed-box-padding-top: var(--seed-dimension-x1_5);
1036
- --seed-box-padding-bottom: var(--seed-dimension-x1_5);
1037
- }
1038
-
1039
- .seed-action-button__content--size_xsmall-layout_withText {
1040
- gap: var(--seed-dimension-x1);
1041
- }
1042
-
1043
- .seed-action-button__text--size_xsmall-layout_withText {
1044
- font-size: var(--seed-font-size-t3);
1045
- line-height: var(--seed-line-height-t3);
1046
- }
1047
-
1048
- .seed-action-button__prefixIcon--size_xsmall-layout_withText, .seed-action-button__suffixIcon--size_xsmall-layout_withText {
1049
- width: var(--seed-dimension-x3_5);
1050
- height: var(--seed-dimension-x3_5);
1051
- }
1052
-
1053
- .seed-action-button__root--size_xsmall-layout_iconOnly {
1054
- min-width: var(--seed-dimension-x8);
1055
- --seed-box-padding-left: var(--seed-dimension-x1_5);
1056
- --seed-box-padding-right: var(--seed-dimension-x1_5);
1057
- --seed-box-padding-top: var(--seed-dimension-x1_5);
1058
- --seed-box-padding-bottom: var(--seed-dimension-x1_5);
1059
- }
1060
-
1061
- .seed-action-button__icon--size_xsmall-layout_iconOnly {
1062
- width: var(--seed-dimension-x3_5);
1063
- height: var(--seed-dimension-x3_5);
1064
- }
1065
-
1066
- .seed-action-button__root--size_small-layout_withText {
1067
- gap: var(--seed-dimension-x1);
1068
- --seed-box-padding-left: var(--seed-dimension-x3_5);
1069
- --seed-box-padding-right: var(--seed-dimension-x3_5);
1070
- --seed-box-padding-top: var(--seed-dimension-x2);
1071
- --seed-box-padding-bottom: var(--seed-dimension-x2);
1072
- }
1073
-
1074
- .seed-action-button__content--size_small-layout_withText {
1075
- gap: var(--seed-dimension-x1);
1076
- }
1077
-
1078
- .seed-action-button__text--size_small-layout_withText {
1079
- font-size: var(--seed-font-size-t4);
1080
- line-height: var(--seed-line-height-t4);
1081
- }
1082
-
1083
- .seed-action-button__prefixIcon--size_small-layout_withText, .seed-action-button__suffixIcon--size_small-layout_withText {
1084
- width: var(--seed-dimension-x3_5);
1085
- height: var(--seed-dimension-x3_5);
1086
- }
1087
-
1088
- .seed-action-button__root--size_small-layout_iconOnly {
1089
- min-width: var(--seed-dimension-x9);
1090
- --seed-box-padding-left: var(--seed-dimension-x2);
1091
- --seed-box-padding-right: var(--seed-dimension-x2);
1092
- --seed-box-padding-top: var(--seed-dimension-x2);
1093
- --seed-box-padding-bottom: var(--seed-dimension-x2);
1094
- }
1095
-
1096
- .seed-action-button__icon--size_small-layout_iconOnly {
1097
- width: var(--seed-dimension-x4);
1098
- height: var(--seed-dimension-x4);
1099
- }
1100
-
1101
- .seed-action-button__root--size_medium-layout_withText {
1102
- gap: var(--seed-dimension-x1_5);
1103
- --seed-box-padding-left: var(--seed-dimension-x4);
1104
- --seed-box-padding-right: var(--seed-dimension-x4);
1105
- --seed-box-padding-top: var(--seed-dimension-x2_5);
1106
- --seed-box-padding-bottom: var(--seed-dimension-x2_5);
1107
- }
1108
-
1109
- .seed-action-button__content--size_medium-layout_withText {
1110
- gap: var(--seed-dimension-x1_5);
1111
- }
1112
-
1113
- .seed-action-button__text--size_medium-layout_withText {
1114
- font-size: var(--seed-font-size-t4);
1115
- line-height: var(--seed-line-height-t4);
1116
- }
1117
-
1118
- .seed-action-button__prefixIcon--size_medium-layout_withText, .seed-action-button__suffixIcon--size_medium-layout_withText {
1119
- width: var(--seed-dimension-x4);
1120
- height: var(--seed-dimension-x4);
1121
- }
1122
-
1123
- .seed-action-button__root--size_medium-layout_iconOnly {
1124
- min-width: var(--seed-dimension-x10);
1125
- --seed-box-padding-left: var(--seed-dimension-x2_5);
1126
- --seed-box-padding-right: var(--seed-dimension-x2_5);
1127
- --seed-box-padding-top: var(--seed-dimension-x2_5);
1128
- --seed-box-padding-bottom: var(--seed-dimension-x2_5);
1129
- }
1130
-
1131
- .seed-action-button__icon--size_medium-layout_iconOnly {
1132
- width: 18px;
1133
- height: 18px;
1134
- }
1135
-
1136
- .seed-action-button__root--size_large-layout_withText {
1137
- gap: var(--seed-dimension-x2);
1138
- --seed-box-padding-left: var(--seed-dimension-x5);
1139
- --seed-box-padding-right: var(--seed-dimension-x5);
1140
- --seed-box-padding-top: var(--seed-dimension-x3_5);
1141
- --seed-box-padding-bottom: var(--seed-dimension-x3_5);
1142
- }
1143
-
1144
- .seed-action-button__content--size_large-layout_withText {
1145
- gap: var(--seed-dimension-x2);
1146
- }
1147
-
1148
- .seed-action-button__text--size_large-layout_withText {
1149
- font-size: var(--seed-font-size-t6);
1150
- line-height: var(--seed-line-height-t6);
1151
- }
1152
-
1153
- .seed-action-button__prefixIcon--size_large-layout_withText, .seed-action-button__suffixIcon--size_large-layout_withText {
1154
- width: 22px;
1155
- height: 22px;
1156
- }
1157
-
1158
- .seed-action-button__root--size_large-layout_iconOnly {
1159
- min-width: var(--seed-dimension-x13);
1160
- --seed-box-padding-left: var(--seed-dimension-x3_5);
1161
- --seed-box-padding-right: var(--seed-dimension-x3_5);
1162
- --seed-box-padding-top: var(--seed-dimension-x3_5);
1163
- --seed-box-padding-bottom: var(--seed-dimension-x3_5);
1164
- }
1165
-
1166
- .seed-action-button__icon--size_large-layout_iconOnly {
1167
- width: 22px;
1168
- height: 22px;
1169
- }
1170
-
1171
- .seed-action-button__root--variant_brandSolid-pressed_true {
1172
- background: var(--seed-color-bg-brand-solid-pressed);
1173
- }
1174
-
1175
- .seed-action-button__root--variant_neutralSolid-pressed_true {
1176
- background: var(--seed-color-bg-neutral-inverted-pressed);
1177
- }
1178
-
1179
- .seed-action-button__root--variant_neutralWeak-pressed_true {
1180
- background: var(--seed-color-bg-neutral-weak-pressed);
1181
- }
1182
-
1183
- .seed-action-button__root--variant_criticalSolid-pressed_true {
1184
- background: var(--seed-color-bg-critical-solid-pressed);
1185
- }
1186
-
1187
- .seed-action-button__root--variant_brandOutline-pressed_true, .seed-action-button__root--variant_neutralOutline-pressed_true, .seed-action-button__root--variant_ghost-pressed_true {
1188
- background: var(--seed-color-bg-transparent-pressed);
1189
- }
1190
-
1191
- .seed-action-button__root--variant_brandSolid-disabled_true {
1192
- background: var(--seed-color-bg-disabled);
1193
- }
1194
-
1195
- .seed-action-button__text--variant_brandSolid-disabled_true, .seed-action-button__prefixIcon--variant_brandSolid-disabled_true, .seed-action-button__suffixIcon--variant_brandSolid-disabled_true, .seed-action-button__icon--variant_brandSolid-disabled_true {
1196
- color: var(--seed-color-fg-disabled);
1197
- }
1198
-
1199
- .seed-action-button__root--variant_neutralSolid-disabled_true {
1200
- background: var(--seed-color-bg-disabled);
1201
- }
1202
-
1203
- .seed-action-button__text--variant_neutralSolid-disabled_true, .seed-action-button__prefixIcon--variant_neutralSolid-disabled_true, .seed-action-button__suffixIcon--variant_neutralSolid-disabled_true, .seed-action-button__icon--variant_neutralSolid-disabled_true {
1204
- color: var(--seed-color-fg-disabled);
1205
- }
1206
-
1207
- .seed-action-button__root--variant_neutralWeak-disabled_true {
1208
- background: var(--seed-color-bg-disabled);
1209
- }
1210
-
1211
- .seed-action-button__text--variant_neutralWeak-disabled_true, .seed-action-button__prefixIcon--variant_neutralWeak-disabled_true, .seed-action-button__suffixIcon--variant_neutralWeak-disabled_true, .seed-action-button__icon--variant_neutralWeak-disabled_true {
1212
- color: var(--seed-color-fg-disabled);
1213
- }
1214
-
1215
- .seed-action-button__root--variant_criticalSolid-disabled_true {
1216
- background: var(--seed-color-bg-disabled);
1217
- }
1218
-
1219
- .seed-action-button__text--variant_criticalSolid-disabled_true, .seed-action-button__prefixIcon--variant_criticalSolid-disabled_true, .seed-action-button__suffixIcon--variant_criticalSolid-disabled_true, .seed-action-button__icon--variant_criticalSolid-disabled_true {
1220
- color: var(--seed-color-fg-disabled);
1221
- }
1222
-
1223
- .seed-action-button__root--variant_brandOutline-disabled_true {
1224
- background: var(--seed-color-bg-transparent);
1225
- border-color: var(--seed-color-stroke-neutral-muted);
1226
- }
1227
-
1228
- .seed-action-button__text--variant_brandOutline-disabled_true, .seed-action-button__prefixIcon--variant_brandOutline-disabled_true, .seed-action-button__suffixIcon--variant_brandOutline-disabled_true, .seed-action-button__icon--variant_brandOutline-disabled_true {
1229
- color: var(--seed-color-fg-disabled);
1230
- }
1231
-
1232
- .seed-action-button__root--variant_neutralOutline-disabled_true {
1233
- background: var(--seed-color-bg-transparent);
1234
- border-color: var(--seed-color-stroke-neutral-muted);
1235
- }
1236
-
1237
- .seed-action-button__text--variant_neutralOutline-disabled_true, .seed-action-button__prefixIcon--variant_neutralOutline-disabled_true, .seed-action-button__suffixIcon--variant_neutralOutline-disabled_true, .seed-action-button__icon--variant_neutralOutline-disabled_true {
1238
- color: var(--seed-color-fg-disabled);
1239
- }
1240
-
1241
- .seed-action-button__root--variant_ghost-disabled_true {
1242
- background: #fff0;
1243
- }
1244
-
1245
- .seed-action-button__text--variant_ghost-disabled_true, .seed-action-button__prefixIcon--variant_ghost-disabled_true, .seed-action-button__suffixIcon--variant_ghost-disabled_true, .seed-action-button__icon--variant_ghost-disabled_true {
1246
- color: var(--seed-color-fg-disabled);
1247
- }
1248
-
1249
- .seed-action-button__root--variant_brandSolid-loading_true {
1250
- background: var(--seed-color-bg-brand-solid-pressed);
1251
- }
1252
-
1253
- .seed-action-button__root--variant_neutralSolid-loading_true {
1254
- background: var(--seed-color-bg-neutral-inverted-pressed);
1255
- }
1256
-
1257
- .seed-action-button__root--variant_neutralWeak-loading_true {
1258
- background: var(--seed-color-bg-neutral-weak-pressed);
1259
- }
1260
-
1261
- .seed-action-button__root--variant_criticalSolid-loading_true {
1262
- background: var(--seed-color-bg-critical-solid-pressed);
1263
- }
1264
-
1265
- .seed-action-button__root--variant_brandOutline-loading_true, .seed-action-button__root--variant_neutralOutline-loading_true {
1266
- background: var(--seed-color-bg-transparent);
1267
- }
1268
-
1269
- .seed-action-button__root--variant_ghost-loading_true {
1270
- background: var(--seed-color-bg-transparent-pressed);
1271
- }
1272
-
1273
- .seed-bottom-sheet__positioner {
1274
- --sheet-z-index: 2;
1275
- z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
1276
- justify-content: center;
1277
- align-items: flex-end;
1278
- display: flex;
1279
- position: fixed;
1280
- top: 0;
1281
- right: 0;
1282
- bottom: 0;
1283
- left: 0;
1284
- }
1285
-
1286
- .seed-bottom-sheet__backdrop {
1287
- opacity: 0;
1288
- background: var(--seed-color-bg-overlay);
1289
- z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
1290
- position: fixed;
1291
- top: 0;
1292
- right: 0;
1293
- bottom: 0;
1294
- left: 0;
1295
- }
1296
-
1297
- .seed-bottom-sheet__content {
1298
- z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
1299
- background: var(--seed-color-bg-layer-floating);
1300
- border-top-left-radius: var(--seed-radius-r6);
1301
- border-top-right-radius: var(--seed-radius-r6);
1302
- padding-bottom: env(safe-area-inset-bottom);
1303
- flex-direction: column;
1304
- flex: 1;
1305
- display: flex;
1306
- position: relative;
1307
- transform: translate3d(0, 100%, 0);
1308
- }
1309
-
1310
- .seed-bottom-sheet__header {
1311
- gap: var(--seed-dimension-x2);
1312
- padding-top: var(--seed-dimension-x6);
1313
- padding-bottom: var(--seed-dimension-x4);
1314
- flex-direction: column;
1315
- display: flex;
1316
- }
1317
-
1318
- .seed-bottom-sheet__title {
1319
- color: var(--seed-color-fg-neutral);
1320
- font-size: var(--seed-font-size-t8);
1321
- line-height: var(--seed-line-height-t8);
1322
- font-weight: var(--seed-font-weight-bold);
1323
- margin: 0;
1324
- }
1325
-
1326
- .seed-bottom-sheet__description {
1327
- color: var(--seed-color-fg-neutral-muted);
1328
- font-size: var(--seed-font-size-t5);
1329
- line-height: var(--seed-line-height-t5);
1330
- font-weight: var(--seed-font-weight-regular);
1331
- padding-left: var(--seed-dimension-spacing-x-global-gutter);
1332
- padding-right: var(--seed-dimension-spacing-x-global-gutter);
1333
- margin: 0;
1334
- }
1335
-
1336
- .seed-bottom-sheet__body {
1337
- padding-left: var(--seed-dimension-spacing-x-global-gutter);
1338
- padding-right: var(--seed-dimension-spacing-x-global-gutter);
1339
- flex-direction: column;
1340
- display: flex;
1341
- }
1342
-
1343
- .seed-bottom-sheet__footer {
1344
- padding-left: var(--seed-dimension-spacing-x-global-gutter);
1345
- padding-right: var(--seed-dimension-spacing-x-global-gutter);
1346
- padding-top: var(--seed-dimension-x3);
1347
- padding-bottom: var(--seed-dimension-x4);
1348
- flex-direction: column;
1349
- display: flex;
1350
- }
1351
-
1352
- .seed-bottom-sheet__closeButton {
1353
- justify-content: center;
1354
- align-items: center;
1355
- display: flex;
1356
- position: absolute;
1357
- }
1358
-
1359
- .seed-bottom-sheet__header--headerAlign_left {
1360
- justify-content: flex-start;
1361
- }
1362
-
1363
- .seed-bottom-sheet__title--headerAlign_left {
1364
- padding-left: var(--seed-dimension-spacing-x-global-gutter);
1365
- padding-right: var(--seed-dimension-spacing-x-global-gutter);
1366
- }
1367
-
1368
- .seed-bottom-sheet__header--headerAlign_center {
1369
- text-align: center;
1370
- justify-content: center;
1371
- }
1372
-
1373
- .seed-bottom-sheet__title--headerAlign_center {
1374
- padding-left: var(--seed-dimension-spacing-x-global-gutter);
1375
- padding-right: var(--seed-dimension-spacing-x-global-gutter);
1376
- }
1377
-
1378
- .seed-bottom-sheet-handle__root {
1379
- background-color: var(--seed-color-palette-gray-400);
1380
- border-radius: 9999px;
1381
- width: 36px;
1382
- height: 4px;
1383
- position: absolute;
1384
- top: 6px;
1385
- left: 50%;
1386
- transform: translateX(-50%);
1387
- }
1388
-
1389
- .seed-bottom-sheet-handle__touchArea {
1390
- width: 44px;
1391
- height: 44px;
1392
- position: absolute;
1393
- top: 50%;
1394
- left: 50%;
1395
- transform: translate(-50%, -50%);
1396
- }
1397
-
1398
- .seed-checkbox__root {
1399
- align-items: center;
1400
- gap: var(--seed-dimension-x2);
1401
- display: flex;
1402
- position: relative;
1403
- }
1404
-
1405
- .seed-checkbox__label {
1406
- color: var(--seed-color-fg-neutral);
1407
- }
1408
-
1409
- .seed-checkbox__label--weight_regular {
1410
- font-weight: var(--seed-font-weight-regular);
1411
- }
1412
-
1413
- .seed-checkbox__label--weight_bold {
1414
- font-weight: var(--seed-font-weight-bold);
1415
- }
1416
-
1417
- .seed-checkbox__root--size_medium {
1418
- min-height: var(--seed-dimension-x8);
1419
- }
1420
-
1421
- .seed-checkbox__label--size_medium {
1422
- font-size: var(--seed-font-size-t4);
1423
- line-height: var(--seed-line-height-t4);
1424
- }
1425
-
1426
- .seed-checkbox__root--size_large {
1427
- min-height: var(--seed-dimension-x9);
1428
- }
1429
-
1430
- .seed-checkbox__label--size_large {
1431
- font-size: var(--seed-font-size-t5);
1432
- line-height: var(--seed-line-height-t5);
1433
- }
1434
-
1435
- .seed-checkbox__label--disabled_true {
1436
- color: var(--seed-color-fg-disabled);
1437
- }
1438
-
1439
- .seed-checkbox-group {
1440
- gap: var(--seed-dimension-x1);
1441
- flex-direction: column;
1442
- display: flex;
1443
- }
1444
-
1445
- .seed-checkmark__root {
1446
- transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
1447
- flex: none;
1448
- justify-content: center;
1449
- align-items: center;
1450
- display: flex;
1451
- position: relative;
1452
- }
1453
-
1454
- .seed-checkmark__icon {
1455
- position: absolute;
1456
- }
1457
-
1458
- .seed-checkmark__root--variant_square {
1459
- border-style: solid;
1460
- border-width: 1px;
1461
- border-color: var(--seed-color-stroke-neutral-weak);
1462
- }
1463
-
1464
- .seed-checkmark__icon--variant_ghost {
1465
- color: var(--seed-color-fg-placeholder);
1466
- transition: color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
1467
- }
1468
-
1469
- .seed-checkmark__root--size_medium {
1470
- width: var(--seed-dimension-x5);
1471
- height: var(--seed-dimension-x5);
1472
- border-radius: var(--seed-radius-r1);
1473
- }
1474
-
1475
- .seed-checkmark__root--size_large {
1476
- width: var(--seed-dimension-x6);
1477
- height: var(--seed-dimension-x6);
1478
- border-radius: var(--seed-radius-r1);
1479
- }
1480
-
1481
- .seed-checkmark__icon--variant_square-size_medium {
1482
- width: 12px;
1483
- height: 12px;
1484
- }
1485
-
1486
- .seed-checkmark__icon--variant_square-size_large, .seed-checkmark__icon--variant_ghost-size_medium {
1487
- width: 14px;
1488
- height: 14px;
1489
- }
1490
-
1491
- .seed-checkmark__icon--variant_ghost-size_large {
1492
- width: 18px;
1493
- height: 18px;
1494
- }
1495
-
1496
- .seed-checkmark__icon--variant_square-checked_false-indeterminate_false {
1497
- opacity: 0;
1498
- }
1499
-
1500
- .seed-checkmark__root--variant_square-checked_true-disabled_false, .seed-checkmark__root--variant_square-indeterminate_true-disabled_false {
1501
- border-width: 0;
1502
- border-color: #0000;
1503
- }
1504
-
1505
- .seed-checkmark__root--variant_square-tone_brand-checked_true-disabled_false {
1506
- background-color: var(--seed-color-bg-brand-solid);
1507
- }
1508
-
1509
- .seed-checkmark__icon--variant_square-tone_brand-checked_true-disabled_false {
1510
- color: var(--seed-color-palette-static-white);
1511
- }
1512
-
1513
- .seed-checkmark__root--variant_square-tone_neutral-checked_true-disabled_false {
1514
- background-color: var(--seed-color-bg-neutral-inverted);
1515
- }
1516
-
1517
- .seed-checkmark__icon--variant_square-tone_neutral-checked_true-disabled_false {
1518
- color: var(--seed-color-fg-neutral-inverted);
1519
- }
1520
-
1521
- .seed-checkmark__root--variant_square-tone_brand-indeterminate_true-disabled_false {
1522
- background-color: var(--seed-color-bg-brand-solid);
1523
- }
1524
-
1525
- .seed-checkmark__icon--variant_square-tone_brand-indeterminate_true-disabled_false {
1526
- color: var(--seed-color-palette-static-white);
1527
- }
1528
-
1529
- .seed-checkmark__root--variant_square-tone_neutral-indeterminate_true-disabled_false {
1530
- background-color: var(--seed-color-bg-neutral-inverted);
1531
- }
1532
-
1533
- .seed-checkmark__icon--variant_square-tone_neutral-indeterminate_true-disabled_false {
1534
- color: var(--seed-color-fg-neutral-inverted);
1535
- }
1536
-
1537
- .seed-checkmark__root--variant_square-disabled_true {
1538
- background-color: var(--seed-color-bg-disabled);
1539
- border-color: var(--seed-color-stroke-neutral-muted);
1540
- }
1541
-
1542
- .seed-checkmark__icon--variant_square-disabled_true, .seed-checkmark__icon--variant_square-checked_true-disabled_true, .seed-checkmark__icon--variant_square-indeterminate_true-disabled_true {
1543
- color: var(--seed-color-fg-disabled);
1544
- }
1545
-
1546
- .seed-checkmark__icon--variant_ghost-tone_brand-checked_true-disabled_false {
1547
- color: var(--seed-color-fg-brand);
1548
- }
1549
-
1550
- .seed-checkmark__icon--variant_ghost-tone_neutral-checked_true-disabled_false {
1551
- color: var(--seed-color-fg-neutral);
1552
- }
1553
-
1554
- .seed-checkmark__icon--variant_ghost-disabled_true, .seed-checkmark__icon--variant_ghost-checked_true-disabled_true {
1555
- color: var(--seed-color-fg-disabled);
1556
- }
1557
-
1558
- .seed-checkmark__root--variant_square-pressed_true-checked_false-indeterminate_false-disabled_false {
1559
- background-color: var(--seed-color-bg-transparent-pressed);
1560
- }
1561
-
1562
- .seed-checkmark__root--variant_square-tone_brand-pressed_true-checked_true-disabled_false {
1563
- background-color: var(--seed-color-bg-brand-solid-pressed);
1564
- }
1565
-
1566
- .seed-checkmark__root--variant_square-tone_neutral-pressed_true-checked_true-disabled_false {
1567
- background-color: var(--seed-color-bg-neutral-inverted-pressed);
1568
- }
1569
-
1570
- .seed-checkmark__root--variant_square-tone_brand-pressed_true-indeterminate_true-disabled_false {
1571
- background-color: var(--seed-color-bg-brand-solid-pressed);
1572
- }
1573
-
1574
- .seed-checkmark__root--variant_square-tone_neutral-pressed_true-indeterminate_true-disabled_false {
1575
- background-color: var(--seed-color-bg-neutral-inverted-pressed);
1576
- }
1577
-
1578
- .seed-checkmark__root--variant_ghost-pressed_true-checked_false-indeterminate_false-disabled_false {
1579
- background-color: var(--seed-color-bg-transparent-pressed);
1580
- }
1581
-
1582
- .seed-checkmark__root--variant_ghost-tone_brand-pressed_true-checked_true-disabled_false {
1583
- background-color: var(--seed-color-palette-carrot-200);
1584
- }
1585
-
1586
- .seed-checkmark__root--variant_ghost-tone_neutral-pressed_true-checked_true-disabled_false {
1587
- background-color: var(--seed-color-palette-gray-200);
1588
- }
1589
-
1590
- .seed-radio__root {
1591
- align-items: center;
1592
- gap: var(--seed-dimension-x2);
1593
- display: flex;
1594
- position: relative;
1595
- }
1596
-
1597
- .seed-radio__label {
1598
- color: var(--seed-color-fg-neutral);
1599
- }
1600
-
1601
- .seed-radio__label--weight_regular {
1602
- font-weight: var(--seed-font-weight-regular);
1603
- }
1604
-
1605
- .seed-radio__label--weight_bold {
1606
- font-weight: var(--seed-font-weight-bold);
1607
- }
1608
-
1609
- .seed-radio__root--size_medium {
1610
- min-height: var(--seed-dimension-x8);
1611
- }
1612
-
1613
- .seed-radio__label--size_medium {
1614
- font-size: var(--seed-font-size-t4);
1615
- line-height: var(--seed-line-height-t4);
1616
- }
1617
-
1618
- .seed-radio__root--size_large {
1619
- min-height: var(--seed-dimension-x9);
1620
- }
1621
-
1622
- .seed-radio__label--size_large {
1623
- font-size: var(--seed-font-size-t5);
1624
- line-height: var(--seed-line-height-t5);
1625
- }
1626
-
1627
- .seed-radio__label--disabled_true {
1628
- color: var(--seed-color-fg-disabled);
1629
- }
1630
-
1631
- .seed-radio-group {
1632
- gap: var(--seed-dimension-x1);
1633
- flex-direction: column;
1634
- display: flex;
1635
- }
1636
-
1637
- .seed-radiomark__root {
1638
- border-style: solid;
1639
- border-width: 1px;
1640
- border-color: var(--seed-color-stroke-neutral-weak);
1641
- border-radius: var(--seed-radius-full);
1642
- transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
1643
- flex: none;
1644
- justify-content: center;
1645
- align-items: center;
1646
- display: flex;
1647
- position: relative;
1648
- }
1649
-
1650
- .seed-radiomark__icon {
1651
- border-radius: var(--seed-radius-full);
1652
- }
1653
-
1654
- .seed-radiomark__root--size_medium {
1655
- width: var(--seed-dimension-x5);
1656
- height: var(--seed-dimension-x5);
1657
- }
1658
-
1659
- .seed-radiomark__icon--size_medium {
1660
- width: var(--seed-dimension-x2);
1661
- height: var(--seed-dimension-x2);
1662
- }
1663
-
1664
- .seed-radiomark__root--size_large {
1665
- width: var(--seed-dimension-x6);
1666
- height: var(--seed-dimension-x6);
1667
- }
1668
-
1669
- .seed-radiomark__icon--size_large {
1670
- width: var(--seed-dimension-x2_5);
1671
- height: var(--seed-dimension-x2_5);
1672
- }
1673
-
1674
- .seed-radiomark__icon--checked_false {
1675
- opacity: 0;
1676
- }
1677
-
1678
- .seed-radiomark__root--tone_brand-checked_true-disabled_false {
1679
- background-color: var(--seed-color-bg-brand-solid);
1680
- border-width: 0;
1681
- border-color: #0000;
1682
- }
1683
-
1684
- .seed-radiomark__icon--tone_brand-checked_true-disabled_false {
1685
- color: var(--seed-color-palette-static-white);
1686
- background-color: var(--seed-color-palette-static-white);
1687
- }
1688
-
1689
- .seed-radiomark__root--tone_neutral-checked_true-disabled_false {
1690
- background-color: var(--seed-color-bg-neutral-inverted);
1691
- border-width: 0;
1692
- border-color: #0000;
1693
- }
1694
-
1695
- .seed-radiomark__icon--tone_neutral-checked_true-disabled_false {
1696
- color: var(--seed-color-fg-neutral-inverted);
1697
- background-color: var(--seed-color-fg-neutral-inverted);
1698
- }
1699
-
1700
- .seed-radiomark__root--tone_brand-checked_false-disabled_true, .seed-radiomark__root--tone_neutral-checked_false-disabled_true {
1701
- background-color: var(--seed-color-palette-gray-300);
1702
- }
1703
-
1704
- .seed-radiomark__root--tone_brand-checked_true-disabled_true {
1705
- background-color: var(--seed-color-bg-transparent);
1706
- border-width: 1px;
1707
- border-color: var(--seed-color-palette-gray-300);
1708
- }
1709
-
1710
- .seed-radiomark__icon--tone_brand-checked_true-disabled_true {
1711
- color: var(--seed-color-palette-gray-300);
1712
- background-color: var(--seed-color-palette-gray-300);
1713
- }
1714
-
1715
- .seed-radiomark__root--tone_neutral-checked_true-disabled_true {
1716
- background-color: var(--seed-color-bg-transparent);
1717
- border-width: 1px;
1718
- border-color: var(--seed-color-palette-gray-300);
1719
- }
1720
-
1721
- .seed-radiomark__icon--tone_neutral-checked_true-disabled_true {
1722
- color: var(--seed-color-palette-gray-300);
1723
- background-color: var(--seed-color-palette-gray-300);
1724
- }
1725
-
1726
- .seed-radiomark__icon--size_medium-checked_true-disabled_true {
1727
- width: var(--seed-dimension-x2_5);
1728
- height: var(--seed-dimension-x2_5);
1729
- }
1730
-
1731
- .seed-radiomark__icon--size_large-checked_true-disabled_true {
1732
- width: var(--seed-dimension-x3);
1733
- height: var(--seed-dimension-x3);
1734
- }
1735
-
1736
- .seed-radiomark__root--pressed_true-checked_false-disabled_false {
1737
- background-color: var(--seed-color-bg-transparent-pressed);
1738
- }
1739
-
1740
- .seed-radiomark__root--tone_brand-pressed_true-checked_true-disabled_false {
1741
- background-color: var(--seed-color-bg-brand-solid-pressed);
1742
- }
1743
-
1744
- .seed-radiomark__root--tone_neutral-pressed_true-checked_true-disabled_false {
1745
- background-color: var(--seed-color-bg-neutral-inverted-pressed);
1746
- }
1747
-
1748
- .seed-switch__root {
1749
- justify-content: space-between;
1750
- align-items: center;
1751
- display: flex;
1752
- position: relative;
1753
- }
1754
-
1755
- .seed-switch__label {
1756
- font-weight: var(--seed-font-weight-medium);
1757
- color: var(--seed-color-fg-neutral);
1758
- transition: opacity var(--seed-duration-d1) var(--seed-timing-function-easing);
1759
- }
1760
-
1761
- .seed-switch__root--size_16 {
1762
- min-height: var(--seed-dimension-x6);
1763
- gap: var(--seed-dimension-x1_5);
1764
- }
1765
-
1766
- .seed-switch__label--size_16 {
1767
- font-size: var(--seed-font-size-t3);
1768
- line-height: var(--seed-line-height-t3);
1769
- }
1770
-
1771
- .seed-switch__root--size_24 {
1772
- min-height: var(--seed-dimension-x6);
1773
- gap: var(--seed-dimension-x2);
1774
- }
1775
-
1776
- .seed-switch__label--size_24 {
1777
- font-size: var(--seed-font-size-t4);
1778
- line-height: var(--seed-line-height-t4);
1779
- }
1780
-
1781
- .seed-switch__root--size_32 {
1782
- min-height: var(--seed-dimension-x8);
1783
- gap: var(--seed-dimension-x2_5);
1784
- }
1785
-
1786
- .seed-switch__label--size_32 {
1787
- font-size: var(--seed-font-size-t5);
1788
- line-height: var(--seed-line-height-t5);
1789
- }
1790
-
1791
- .seed-switch__label--disabled_true {
1792
- opacity: .58;
1793
- }
1794
-
1795
- .seed-switchmark__root {
1796
- border-radius: var(--seed-radius-full);
1797
- background-color: var(--seed-color-palette-gray-600);
1798
- transition: background-color var(--seed-duration-d1) var(--seed-timing-function-easing) 20ms, opacity var(--seed-duration-d1) var(--seed-timing-function-easing);
1799
- display: flex;
1800
- position: relative;
1801
- }
1802
-
1803
- .seed-switchmark__thumb {
1804
- border-radius: var(--seed-radius-full);
1805
- transition: transform var(--seed-duration-d3) var(--seed-timing-function-easing), background-color var(--seed-duration-d1) var(--seed-timing-function-easing) 20ms;
1806
- transform: scale(.8);
1807
- }
1808
-
1809
- .seed-switchmark__thumb--tone_neutral {
1810
- background-color: var(--seed-color-fg-neutral-inverted);
1811
- }
1812
-
1813
- .seed-switchmark__thumb--tone_brand {
1814
- background-color: var(--seed-color-palette-static-white);
1815
- }
1816
-
1817
- .seed-switchmark__root--size_16 {
1818
- min-width: 26px;
1819
- min-height: 16px;
1820
- padding: 2px;
1821
- }
1822
-
1823
- .seed-switchmark__thumb--size_16 {
1824
- width: 12px;
1825
- height: 12px;
1826
- }
1827
-
1828
- .seed-switchmark__root--size_24 {
1829
- min-width: 38px;
1830
- min-height: 24px;
1831
- padding: 2px;
1832
- }
1833
-
1834
- .seed-switchmark__thumb--size_24 {
1835
- width: 20px;
1836
- height: 20px;
1837
- }
1838
-
1839
- .seed-switchmark__root--size_32 {
1840
- min-width: 52px;
1841
- min-height: 32px;
1842
- padding: 3px;
1843
- }
1844
-
1845
- .seed-switchmark__thumb--size_32 {
1846
- width: 26px;
1847
- height: 26px;
1848
- }
1849
-
1850
- .seed-switchmark__root--disabled_true {
1851
- opacity: .38;
1852
- }
1853
-
1854
- .seed-switchmark__root--tone_brand-checked_true {
1855
- background-color: var(--seed-color-bg-brand-solid);
1856
- }
1857
-
1858
- .seed-switchmark__root--tone_neutral-checked_true-disabled_false {
1859
- background-color: var(--seed-color-bg-neutral-inverted);
1860
- }
1861
-
1862
- .seed-switchmark__root--tone_neutral-checked_true-disabled_true {
1863
- background-color: var(--seed-color-palette-gray-600);
1864
- }
1865
-
1866
- .seed-switchmark__thumb--tone_neutral-disabled_true {
1867
- background-color: var(--seed-color-palette-static-black-alpha-700);
1868
- }
1869
-
1870
- .seed-switchmark__thumb--size_32-checked_true {
1871
- transform: scale(1) translateX(20px);
1872
- }
1873
-
1874
- .seed-switchmark__thumb--size_24-checked_true {
1875
- transform: scale(1) translateX(14px);
1876
- }
1877
-
1878
- .seed-switchmark__thumb--size_16-checked_true {
1879
- transform: scale(1) translateX(10px);
1880
- }
1881
-
1882
- .seed-tag-group__root {
1883
- flex-flow: wrap;
1884
- align-items: center;
1885
- width: 100%;
1886
- display: flex;
1887
- }
1888
-
1889
- .seed-tag-group__separator {
1890
- color: var(--seed-color-palette-gray-600);
1891
- font-weight: var(--seed-font-weight-regular);
1892
- margin-left: var(--seed-dimension-x0_5);
1893
- margin-right: var(--seed-dimension-x0_5);
1894
- flex-shrink: 0;
1895
- }
1896
-
1897
- .seed-tag-group__separator--size_t2 {
1898
- font-size: var(--seed-font-size-t2);
1899
- line-height: var(--seed-line-height-t2);
1900
- }
1901
-
1902
- .seed-tag-group__separator--size_t3 {
1903
- font-size: var(--seed-font-size-t3);
1904
- line-height: var(--seed-line-height-t3);
1905
- }
1906
-
1907
- .seed-tag-group__separator--size_t4 {
1908
- font-size: var(--seed-font-size-t4);
1909
- line-height: var(--seed-line-height-t4);
1910
- }
1911
-
1912
- .seed-tag-group-item__root {
1913
- flex-direction: row;
1914
- flex-shrink: 0;
1915
- align-items: center;
1916
- display: flex;
1917
- }
1918
-
1919
- .seed-tag-group-item__label--size_t2 {
1920
- font-size: var(--seed-font-size-t2);
1921
- line-height: var(--seed-line-height-t2);
1922
- }
1923
-
1924
- .seed-tag-group-item__label--size_t3 {
1925
- font-size: var(--seed-font-size-t3);
1926
- line-height: var(--seed-line-height-t3);
1927
- }
1928
-
1929
- .seed-tag-group-item__label--size_t4 {
1930
- font-size: var(--seed-font-size-t4);
1931
- line-height: var(--seed-line-height-t4);
1932
- }
1933
-
1934
- .seed-tag-group-item__label--weight_regular {
1935
- font-weight: var(--seed-font-weight-regular);
1936
- }
1937
-
1938
- .seed-tag-group-item__label--weight_bold {
1939
- font-weight: var(--seed-font-weight-bold);
1940
- }
1941
-
1942
- .seed-tag-group-item__label--tone_neutralSubtle {
1943
- color: var(--seed-color-fg-neutral-subtle);
1944
- }
1945
-
1946
- .seed-tag-group-item__label--tone_neutral {
1947
- color: var(--seed-color-fg-neutral);
1948
- }
1949
-
1950
- .seed-tag-group-item__label--tone_brand {
1951
- color: var(--seed-color-fg-brand);
1952
- }
1953
- }