@octavius2929-personal/design-system 0.1.0 → 0.4.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 (25) hide show
  1. package/README.md +64 -0
  2. package/dist/dm-serif-display-latin-ext-italic-400-QUYR73UK.woff2 +0 -0
  3. package/dist/dm-serif-display-latin-ext-normal-400-GP44XTZK.woff2 +0 -0
  4. package/dist/dm-serif-display-latin-italic-400-NM54ELTO.woff2 +0 -0
  5. package/dist/dm-serif-display-latin-normal-400-DCCDLJOI.woff2 +0 -0
  6. package/dist/ibm-plex-mono-latin-ext-normal-400-T6XOR2FX.woff2 +0 -0
  7. package/dist/ibm-plex-mono-latin-ext-normal-500-LJE4XY22.woff2 +0 -0
  8. package/dist/ibm-plex-mono-latin-ext-normal-600-IEJYURAG.woff2 +0 -0
  9. package/dist/ibm-plex-mono-latin-normal-400-A2WATXFY.woff2 +0 -0
  10. package/dist/ibm-plex-mono-latin-normal-500-33HAQIPI.woff2 +0 -0
  11. package/dist/ibm-plex-mono-latin-normal-600-IIV3OB4N.woff2 +0 -0
  12. package/dist/index.cjs +189 -115
  13. package/dist/index.cjs.map +1 -0
  14. package/dist/index.css +888 -746
  15. package/dist/index.css.map +1 -0
  16. package/dist/index.d.cts +647 -6
  17. package/dist/index.d.ts +647 -6
  18. package/dist/index.js +107 -35
  19. package/dist/index.js.map +1 -0
  20. package/dist/newsreader-latin-ext-italic-400-500-6IPSRR6F.woff2 +0 -0
  21. package/dist/newsreader-latin-ext-normal-300-600-HJH6YDA4.woff2 +0 -0
  22. package/dist/newsreader-latin-italic-400-500-ZC4QAWU3.woff2 +0 -0
  23. package/dist/newsreader-latin-normal-300-600-J4KAOEDO.woff2 +0 -0
  24. package/dist/unifraktur-maguntia-latin-normal-400-TOQBJZN4.woff2 +0 -0
  25. package/package.json +19 -13
package/dist/index.css CHANGED
@@ -1,8 +1,397 @@
1
- @import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Newsreader:ital,opsz,wght@0,6..72,300..600;1,6..72,400;1,6..72,500&family=IBM+Plex+Mono:wght@400;500;600&family=UnifrakturMaguntia&display=swap";
2
-
3
1
  /* src/theme/fonts.css */
2
+ @font-face {
3
+ font-family: "DM Serif Display";
4
+ font-style: italic;
5
+ font-weight: 400;
6
+ font-display: swap;
7
+ src: url("./dm-serif-display-latin-ext-italic-400-QUYR73UK.woff2") format("woff2");
8
+ unicode-range:
9
+ U+0100-02BA,
10
+ U+02BD-02C5,
11
+ U+02C7-02CC,
12
+ U+02CE-02D7,
13
+ U+02DD-02FF,
14
+ U+0304,
15
+ U+0308,
16
+ U+0329,
17
+ U+1D00-1DBF,
18
+ U+1E00-1E9F,
19
+ U+1EF2-1EFF,
20
+ U+2020,
21
+ U+20A0-20AB,
22
+ U+20AD-20C0,
23
+ U+2113,
24
+ U+2C60-2C7F,
25
+ U+A720-A7FF;
26
+ }
27
+ @font-face {
28
+ font-family: "DM Serif Display";
29
+ font-style: italic;
30
+ font-weight: 400;
31
+ font-display: swap;
32
+ src: url("./dm-serif-display-latin-italic-400-NM54ELTO.woff2") format("woff2");
33
+ unicode-range:
34
+ U+0000-00FF,
35
+ U+0131,
36
+ U+0152-0153,
37
+ U+02BB-02BC,
38
+ U+02C6,
39
+ U+02DA,
40
+ U+02DC,
41
+ U+0304,
42
+ U+0308,
43
+ U+0329,
44
+ U+2000-206F,
45
+ U+20AC,
46
+ U+2122,
47
+ U+2191,
48
+ U+2193,
49
+ U+2212,
50
+ U+2215,
51
+ U+FEFF,
52
+ U+FFFD;
53
+ }
54
+ @font-face {
55
+ font-family: "DM Serif Display";
56
+ font-style: normal;
57
+ font-weight: 400;
58
+ font-display: swap;
59
+ src: url("./dm-serif-display-latin-ext-normal-400-GP44XTZK.woff2") format("woff2");
60
+ unicode-range:
61
+ U+0100-02BA,
62
+ U+02BD-02C5,
63
+ U+02C7-02CC,
64
+ U+02CE-02D7,
65
+ U+02DD-02FF,
66
+ U+0304,
67
+ U+0308,
68
+ U+0329,
69
+ U+1D00-1DBF,
70
+ U+1E00-1E9F,
71
+ U+1EF2-1EFF,
72
+ U+2020,
73
+ U+20A0-20AB,
74
+ U+20AD-20C0,
75
+ U+2113,
76
+ U+2C60-2C7F,
77
+ U+A720-A7FF;
78
+ }
79
+ @font-face {
80
+ font-family: "DM Serif Display";
81
+ font-style: normal;
82
+ font-weight: 400;
83
+ font-display: swap;
84
+ src: url("./dm-serif-display-latin-normal-400-DCCDLJOI.woff2") format("woff2");
85
+ unicode-range:
86
+ U+0000-00FF,
87
+ U+0131,
88
+ U+0152-0153,
89
+ U+02BB-02BC,
90
+ U+02C6,
91
+ U+02DA,
92
+ U+02DC,
93
+ U+0304,
94
+ U+0308,
95
+ U+0329,
96
+ U+2000-206F,
97
+ U+20AC,
98
+ U+2122,
99
+ U+2191,
100
+ U+2193,
101
+ U+2212,
102
+ U+2215,
103
+ U+FEFF,
104
+ U+FFFD;
105
+ }
106
+ @font-face {
107
+ font-family: "Newsreader";
108
+ font-style: normal;
109
+ font-weight: 300 600;
110
+ font-display: swap;
111
+ src: url("./newsreader-latin-ext-normal-300-600-HJH6YDA4.woff2") format("woff2");
112
+ unicode-range:
113
+ U+0100-02BA,
114
+ U+02BD-02C5,
115
+ U+02C7-02CC,
116
+ U+02CE-02D7,
117
+ U+02DD-02FF,
118
+ U+0304,
119
+ U+0308,
120
+ U+0329,
121
+ U+1D00-1DBF,
122
+ U+1E00-1E9F,
123
+ U+1EF2-1EFF,
124
+ U+2020,
125
+ U+20A0-20AB,
126
+ U+20AD-20C0,
127
+ U+2113,
128
+ U+2C60-2C7F,
129
+ U+A720-A7FF;
130
+ }
131
+ @font-face {
132
+ font-family: "Newsreader";
133
+ font-style: normal;
134
+ font-weight: 300 600;
135
+ font-display: swap;
136
+ src: url("./newsreader-latin-normal-300-600-J4KAOEDO.woff2") format("woff2");
137
+ unicode-range:
138
+ U+0000-00FF,
139
+ U+0131,
140
+ U+0152-0153,
141
+ U+02BB-02BC,
142
+ U+02C6,
143
+ U+02DA,
144
+ U+02DC,
145
+ U+0304,
146
+ U+0308,
147
+ U+0329,
148
+ U+2000-206F,
149
+ U+20AC,
150
+ U+2122,
151
+ U+2191,
152
+ U+2193,
153
+ U+2212,
154
+ U+2215,
155
+ U+FEFF,
156
+ U+FFFD;
157
+ }
158
+ @font-face {
159
+ font-family: "Newsreader";
160
+ font-style: italic;
161
+ font-weight: 400 500;
162
+ font-display: swap;
163
+ src: url("./newsreader-latin-ext-italic-400-500-6IPSRR6F.woff2") format("woff2");
164
+ unicode-range:
165
+ U+0100-02BA,
166
+ U+02BD-02C5,
167
+ U+02C7-02CC,
168
+ U+02CE-02D7,
169
+ U+02DD-02FF,
170
+ U+0304,
171
+ U+0308,
172
+ U+0329,
173
+ U+1D00-1DBF,
174
+ U+1E00-1E9F,
175
+ U+1EF2-1EFF,
176
+ U+2020,
177
+ U+20A0-20AB,
178
+ U+20AD-20C0,
179
+ U+2113,
180
+ U+2C60-2C7F,
181
+ U+A720-A7FF;
182
+ }
183
+ @font-face {
184
+ font-family: "Newsreader";
185
+ font-style: italic;
186
+ font-weight: 400 500;
187
+ font-display: swap;
188
+ src: url("./newsreader-latin-italic-400-500-ZC4QAWU3.woff2") format("woff2");
189
+ unicode-range:
190
+ U+0000-00FF,
191
+ U+0131,
192
+ U+0152-0153,
193
+ U+02BB-02BC,
194
+ U+02C6,
195
+ U+02DA,
196
+ U+02DC,
197
+ U+0304,
198
+ U+0308,
199
+ U+0329,
200
+ U+2000-206F,
201
+ U+20AC,
202
+ U+2122,
203
+ U+2191,
204
+ U+2193,
205
+ U+2212,
206
+ U+2215,
207
+ U+FEFF,
208
+ U+FFFD;
209
+ }
210
+ @font-face {
211
+ font-family: "IBM Plex Mono";
212
+ font-style: normal;
213
+ font-weight: 400;
214
+ font-display: swap;
215
+ src: url("./ibm-plex-mono-latin-ext-normal-400-T6XOR2FX.woff2") format("woff2");
216
+ unicode-range:
217
+ U+0100-02BA,
218
+ U+02BD-02C5,
219
+ U+02C7-02CC,
220
+ U+02CE-02D7,
221
+ U+02DD-02FF,
222
+ U+0304,
223
+ U+0308,
224
+ U+0329,
225
+ U+1D00-1DBF,
226
+ U+1E00-1E9F,
227
+ U+1EF2-1EFF,
228
+ U+2020,
229
+ U+20A0-20AB,
230
+ U+20AD-20C0,
231
+ U+2113,
232
+ U+2C60-2C7F,
233
+ U+A720-A7FF;
234
+ }
235
+ @font-face {
236
+ font-family: "IBM Plex Mono";
237
+ font-style: normal;
238
+ font-weight: 400;
239
+ font-display: swap;
240
+ src: url("./ibm-plex-mono-latin-normal-400-A2WATXFY.woff2") format("woff2");
241
+ unicode-range:
242
+ U+0000-00FF,
243
+ U+0131,
244
+ U+0152-0153,
245
+ U+02BB-02BC,
246
+ U+02C6,
247
+ U+02DA,
248
+ U+02DC,
249
+ U+0304,
250
+ U+0308,
251
+ U+0329,
252
+ U+2000-206F,
253
+ U+20AC,
254
+ U+2122,
255
+ U+2191,
256
+ U+2193,
257
+ U+2212,
258
+ U+2215,
259
+ U+FEFF,
260
+ U+FFFD;
261
+ }
262
+ @font-face {
263
+ font-family: "IBM Plex Mono";
264
+ font-style: normal;
265
+ font-weight: 500;
266
+ font-display: swap;
267
+ src: url("./ibm-plex-mono-latin-ext-normal-500-LJE4XY22.woff2") format("woff2");
268
+ unicode-range:
269
+ U+0100-02BA,
270
+ U+02BD-02C5,
271
+ U+02C7-02CC,
272
+ U+02CE-02D7,
273
+ U+02DD-02FF,
274
+ U+0304,
275
+ U+0308,
276
+ U+0329,
277
+ U+1D00-1DBF,
278
+ U+1E00-1E9F,
279
+ U+1EF2-1EFF,
280
+ U+2020,
281
+ U+20A0-20AB,
282
+ U+20AD-20C0,
283
+ U+2113,
284
+ U+2C60-2C7F,
285
+ U+A720-A7FF;
286
+ }
287
+ @font-face {
288
+ font-family: "IBM Plex Mono";
289
+ font-style: normal;
290
+ font-weight: 500;
291
+ font-display: swap;
292
+ src: url("./ibm-plex-mono-latin-normal-500-33HAQIPI.woff2") format("woff2");
293
+ unicode-range:
294
+ U+0000-00FF,
295
+ U+0131,
296
+ U+0152-0153,
297
+ U+02BB-02BC,
298
+ U+02C6,
299
+ U+02DA,
300
+ U+02DC,
301
+ U+0304,
302
+ U+0308,
303
+ U+0329,
304
+ U+2000-206F,
305
+ U+20AC,
306
+ U+2122,
307
+ U+2191,
308
+ U+2193,
309
+ U+2212,
310
+ U+2215,
311
+ U+FEFF,
312
+ U+FFFD;
313
+ }
314
+ @font-face {
315
+ font-family: "IBM Plex Mono";
316
+ font-style: normal;
317
+ font-weight: 600;
318
+ font-display: swap;
319
+ src: url("./ibm-plex-mono-latin-ext-normal-600-IEJYURAG.woff2") format("woff2");
320
+ unicode-range:
321
+ U+0100-02BA,
322
+ U+02BD-02C5,
323
+ U+02C7-02CC,
324
+ U+02CE-02D7,
325
+ U+02DD-02FF,
326
+ U+0304,
327
+ U+0308,
328
+ U+0329,
329
+ U+1D00-1DBF,
330
+ U+1E00-1E9F,
331
+ U+1EF2-1EFF,
332
+ U+2020,
333
+ U+20A0-20AB,
334
+ U+20AD-20C0,
335
+ U+2113,
336
+ U+2C60-2C7F,
337
+ U+A720-A7FF;
338
+ }
339
+ @font-face {
340
+ font-family: "IBM Plex Mono";
341
+ font-style: normal;
342
+ font-weight: 600;
343
+ font-display: swap;
344
+ src: url("./ibm-plex-mono-latin-normal-600-IIV3OB4N.woff2") format("woff2");
345
+ unicode-range:
346
+ U+0000-00FF,
347
+ U+0131,
348
+ U+0152-0153,
349
+ U+02BB-02BC,
350
+ U+02C6,
351
+ U+02DA,
352
+ U+02DC,
353
+ U+0304,
354
+ U+0308,
355
+ U+0329,
356
+ U+2000-206F,
357
+ U+20AC,
358
+ U+2122,
359
+ U+2191,
360
+ U+2193,
361
+ U+2212,
362
+ U+2215,
363
+ U+FEFF,
364
+ U+FFFD;
365
+ }
366
+ @font-face {
367
+ font-family: "UnifrakturMaguntia";
368
+ font-style: normal;
369
+ font-weight: 400;
370
+ font-display: swap;
371
+ src: url("./unifraktur-maguntia-latin-normal-400-TOQBJZN4.woff2") format("woff2");
372
+ unicode-range:
373
+ U+0000-00FF,
374
+ U+0131,
375
+ U+0152-0153,
376
+ U+02BB-02BC,
377
+ U+02C6,
378
+ U+02DA,
379
+ U+02DC,
380
+ U+0304,
381
+ U+0308,
382
+ U+0329,
383
+ U+2000-206F,
384
+ U+20AC,
385
+ U+2122,
386
+ U+2191,
387
+ U+2193,
388
+ U+2212,
389
+ U+2215,
390
+ U+FEFF,
391
+ U+FFFD;
392
+ }
4
393
 
5
- /* vanilla-extract-css-ns:src/theme/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAACu2aTW_jthaG9_0VB8giLSAbJPVp3pVsy9MuZnrRtOtAtmlbE1nyUHLspOh_v6BsffDDzvQuB4wnwQDnPeRDiqT0Hpnysqzh758ARqNNWdSjdVYd8vTt-Zm5W37kiMLj_DM8MZ5tYH6JPTrw-Ge2ZxV8YSf4o9ynxaMDlZD8p2-oZue6bQVTePzCThVn6ZrxRwc-sZJvs1TP2pdF2WYRCo-_TT_Df3N2hs9lUYqOnxbif6M_2PaYp6IpkVEd0hUbtLLM09VL24xL4fGvItvw9KU-8s_p9ljUWSra-sRZ8c7gU1ln1Wonj0Hgj9gbW_LyNKqyd9Y251FA42DicbY3KPOsYL-ybLvrxu5TwGNikJ4kWUDBR8jUIqtrxp8O6Sortq06FBDYkxCuV06CjSj444AbdTrqRKAi36CVWVMKgcTaNWliXVIYoTHCEsQOS5wrCmQ84apER1xriDus0DGVTjRkAtsYwYgEthVgmKsSHWynXuYdUbgyjYuYub5SkGSuRPQiOvIDV2FyDUy5xuQqTHt11Yl2TEyFwuRJTGXTka8geQakg4bkKUjftGnyzEhcRlqWa3ntVxSUC9dIdKZaMIWqTqY6UvCQ1p2R61Xmylm6lrhOpslqVDraWUVrdDLam4p2acuE9i6jVfs0zyU2jMTBMlHgLjqdDuNmLWpKmQ8TFfDanokQuzLiKj3UWVnIkM0RHLnKFmilBk5f5Wy1CmmgknZtGlmbUxh1p3BzFxoVZdGTRt1oLsFz1YUmInmwDC6Cat8JUiFQ4_t1F1-KeKgK8h5vNdwA1_7zLtqcpGo2GQgYBaKE3UF4Q8FVwt4gvKXgKWF_EN5R6G9LPF1nx0qeuYwCOpyl-GBuvlJwlehgZl4o-Ep0MC05hUiJLtOq73lPwVPim2PeoxcUJpNJq1iWfM34aJdmvFOI41CJ82Pe99Acgr7aAktfu8cu_I0CaQU1T1cvWbEd1dJi5ertq5UVJd-nPW_V76hWccrWPU0tr2JJ1I_pqDxxDFVVD_XarOqolYmjSCc_DW_iraQqjv01Og9uE61AGdbbYE-3Es7y9Mz6hfA-OD4vW32UD0kIouC2G_4q4Jcny06CB2fCVbJn6-zYLUZCBjfRq6Ji-2xZ5h0JcQd3tatGinsUwja-PvLRJu0nlYjji6B91YeHC5YEFAiSwlVenrpwSMENujBLKzbKiu7pmEQUVsdlthot2XvG-M9oTBxAzT_8y3X77tK1eAruhywOL7HGAQHfLtOfCXJw6GDPQWMUyFn9viTiRBPLGjA6nGHkHc5aNiFydr9vybLpU6S74s-oaUTNd71r_qrMSz5abnGXv6LwsIgW4cKTFaRTrIWi-ZEVbqdgFB6SeTJNAlnxW1Gx_npthMpL8DweqjYDli2FB-xjFy1kRc-yo_DgTbzAQ7KiZ8koPETTKAwTWfF7Ea9WrOhxvpoH3hw7PdILvU4mdgBPHMC-I3Y8-UVP6ilzYxIJDElPNS_7eyfZGzMjX8pM5YEUFB7CKU5woot-LV_704qUFB4CFwc40JVP5aZv8nDFwMR1wEWXXzTGSOIo--3yjcKDm_gzV7q2p5QXnYSLCxMHsYy5TovtgLAyjiUrNr39rSk8kMQjfjiUVCue9RvxSLstADh0AHsC3xfT-M9P43rH9uy5-Vs911lRp8_y-fdqrb-1_tb6W-tvrb-1_tb6W-tvrb-1_tb6W-tvrb-1_tb6_1jWf53yfjAn6_yt87fO3zp_6_yt87fO3zp_6_yt87fO3zr_H8_5Y4QSNL3n_HGMA4zvOX8UoqBdvLedPyF4LvtO1fkvSDJPyD3nPw3jxUSpDcjOP5yE2FcUZuevdXbT-XvEAeKGDhASNC7Y_T7zr-b9K_-vJkfooxLAlLixbL9vlQBmMy_2DEpzCSCMHPCvv2iMg3slgHAR4zC6WwKYhTHyPioBzIhKqJUAgmRCplLpxlwCCB0IHGjKKMFt_1-xQ5Z2uWdbALAFAFsAsAUAWwCwBQBbALAFAFsAsAUAWwCwBYAfrwCQTObz2f1X_ySZzBV7LxcA5rPZPJ59VACYkxmaSKUGtQBAYoKwe68A4Mde7CoK5dV_HEZ-JCtuFQDUYd0oAAgr7pLL-3jNAN9y_3KSa_q-wA3rL2dG5MNX_zFJMNFFuu_3FwSjyff6fkIc8AIHcGT4xoPi-73Yj4lk6v_PV__aWDTf78685Hte_cvTeOfV_6osaj48XN6s-7fu37p_6_6t-7fu37p_6_6t-7fu37p_6_5_PPdv-lr_v_3i_4KIz0fuP4nF5577R83PPfdvUsjun0zF53vcvz4s3f0bOjTY_Zsq3d8bpAZDf0ukG3p9uHcMPWqXMRqj6J6Z1_vXzLwuMZj5aKqKNDOvt2M28wP2UBj5_wHyR-dlm08AAA */
394
+ /* vanilla-extract-css-ns:src/theme/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2ZS3PbOBaF9_kVd8oLJ12kCgCfQm-GeqV7kZ6uds_aBVGQxJgiFZCyZHflv0-BEh8AIUqd5VTbscupewB8BA8OL20q8ryEvz4A2PY6z0p7lRT7lL09P3NnIw4CUXicfYEnLpI1zM61Rwse_0x2vIDf-BH-yHcse7SgkJKf24lKfirrWTCFx9_4sRCcrbh4tOAzz8UmYf1RuzzL61GEwuOvky_we8pP8CXPcrnw00L-ZP_BN4eUyankiGLPYt6ZZZmy-KWexqHw-N8sWQv2Uh7EF7Y5ZGXC5FyfBc_eOXzOy6SIt-o1SHybv_GlyI92kbzzejqXAhr5Y1fwnUGZJhn_hSebbXPtHgU8IgbpUZH5FDyETDPysuTiac_iJNvU6kBCYFdBuNw5BTak4I18YdT1UccSFXkGrcrKKPgKazOliXVJwUYjhBWILVY4YwpkNBa6pI-46iFusUbHdTo5kQlsbQQjCthGgmGhS_pgW_02b4nGlfS4iJnrKwVF5ihEL3Ihz3c0JsfAlPaYHI1pp7tOzmNiyjQmV2HKq4U8Dck1IO17SK6G9K23Ta4ZSahIy3yler-goN24StJnKiVToOtUqgMFF_WWM3K9qlwpZyuF62jarErVRzvpaJVORXvT0c5zmdDeVbRix9JUYcNIBstYgzvr-nQYV17sKVU-THTAy3wmQuyoiDHbl0meqZBVBIeOdgRqqYHT0zlrrUbq66TNnEbWKoVRk8LVU8jO8qwlDZurORdPRVMay8EdG5wFxa4RMCnQ67tVU1_KeqAL0hYv7h6Ay_ppU62SVB9NOgJOgWhlp1NeU3C0stspbyi4WtnrlLcU2seSYKvkUKg7l1BA-5NS7-zNVwqOVu3szAsFT6t2tiWlEGrVJSvalXcUXK2-PqQtekZhPB7XimUuVlzYW5aIRiHjUKuLQ9quUIWgp8_A2WvTduFvFEgtKAWLX5JsY5eKWYX--KplWS52rOUt2hNVK47JqqUpVRcrovaaDlrH0VUVLdRr5eqwlsko6pMfuw_xWlJkh_YenTqPiVqgXdZb50zXEsFTduKtEd478Xk-6nbaJSGIglMf-ItAnDvLRoI7mXCR7PgqOTRmJKTzEL0oCr5LlnnakBCn81S7aJS6SyGo66uDsNes3VQi44ugXdGWu4YlPgWClHKR5semHFBw_KbMWcHtJGu6YxJSiA_LJLaX_D3h4iMaEQtQ9Q9_uhzfLVvJLri9ZBle0uOAQGyW7CNBFg4s7FpohHx1VHsuiUw0aWvAaH8C292feqMJUUe355YsqzXlcEd-s6tJ9PGO--nnD98_0M5rzXKDmzliCg-LcBEs3MvZ25CmtpK16qOuOU2NU3iYz-aTuV_Xfs0K3t6htay7czyLLm8hnTU3FB6whx20qGvtmlsKD-7Y9V1U19o1EwoP4SQMgnld-08WxTHP2mW_6pdTRUm79Au9bBC2AI8twJ4lT3G9x2d5S5Ma5cRX5E-lyNtnINkZx4TeZQxTgTMKD8EEz_G8W_4lf22ThuQUHnwH-9jvap7ydTvN_rIoJo4FDjp_oRFGl1Xz1t7fKDw4c2_qXO7MkYmsKQq5xZEf1Tgrlm06JIVGm2Tr9uW0pPBA5i7xgvrFMz40T3dy0IYWsUja4_NKG-MCDizArsT3vMq7o3LLd_y5-l48l0lWsmc1tY7_OPsfZ_-fOHvFRHtJpyvGxgjN0cRsbBxhH2OzsVGA_LrPMBmbEDyrb4Zu7AWZz-bEbOxJEC3GC7Oxg3GAvcWwsTtTXzW2SywgTmABIX5lAeeWt_URd9pbHxai6w6fECeq_XbN4dOpG7nRbYcHoQXe5QuNsG92eLCIcBBecfg0iJB73eFT0pL0HO7Px2TiXnN49yLMDg8s8C2oMsG_bu-C7xPWjH274u_5eDabXgtuMh_PPLO_Z9PpLJpe9_eMTNF4YvY3iQjCjtnfXuRGjmP2dxgFoRfe8neLfMXf0nUOOSdr5-5fM7cqd8g9zlbHhGQguCMyx2TY1t6CYDS-I7iJBa5vAQ6VJ5JmazfyIjL_weDu0PZs7Uzd-UBwd4aaba1u2kBwx3lWiu5byvu1rkTpPO7vShZEfg50JZH8NJsbVR9mc6s11dxkIj-Hzd1F7ptbmd7gZkO9b19FZPBrv9z3a_dSBvyK6pc9NEKh2avd1Xpe7RYNXg0nbbnnVeVO9LzarZq92mEPKp_-W76ZM_i4F3zNRWHHeZoLu4ilbynIVuNTZdL29XC42xjuN4Y7jts9x3DXMdx3DHced_UeP9J9_Ej_8cMdyM0e5L4u5If6kMFO5EYvcrMbudGP3OpI7u9JAL4bT8U5uSnscsHvORFt5g2H-HCM3w7y4SgfDvPhOL8r0G9H-u1QvzPWbwb7fdH-t8N9MN5vBPzNiL8R8rdi_u6gN9ta8NUh5it7l8s_2VA4__9s758s-InSJV_nglc_snXJxcXvpWBZkVR_51kdBDuPlr9Z3xXwr2S3z0XJsvJMyLJkx_6uNCn5WWvH-SGTf27UxN8_fP8fkkRNVYkhAAA */
6
395
  :root {
7
396
  --font-display__e3grur0:
8
397
  "DM Serif Display",
@@ -100,506 +489,186 @@
100
489
  --shadow-sm__e3grur29: 0 1px 0 rgba(20,17,14,0.06);
101
490
  --shadow-md__e3grur2a: 0 2px 10px -4px rgba(20,17,14,0.22);
102
491
  --shadow-lg__e3grur2b: 0 12px 32px -10px rgba(20,17,14,0.34);
103
- --color-bg1__e3grur2c: #F8F7F4;
104
- --color-bg2__e3grur2d: #FFFFFF;
105
- --color-bg3__e3grur2e: #EDEBE6;
106
- --color-bgInset__e3grur2f: #E4E1DA;
107
- --color-fg1__e3grur2g: #15130F;
108
- --color-fg2__e3grur2h: #494640;
109
- --color-fg3__e3grur2i: #8B877E;
110
- --color-fgOnAccent__e3grur2j: #F8F7F4;
111
- --color-border1__e3grur2k: rgba(21, 19, 15, 0.12);
112
- --color-border2__e3grur2l: rgba(21, 19, 15, 0.26);
113
- --color-borderStrong__e3grur2m: rgba(21, 19, 15, 0.85);
114
- --color-accent__e3grur2n: #7B1E1E;
115
- --color-accentHover__e3grur2o: #631616;
116
- --color-accentSoft__e3grur2p: rgba(123, 30, 30, 0.10);
117
- --color-ok__e3grur2q: #3E5C3A;
118
- --color-warn__e3grur2r: #8A6A1E;
119
- --color-danger__e3grur2s: #7B1E1E;
120
- --color-info__e3grur2t: #2E4257;
121
- --color-scrim__e3grur2u: rgba(20, 17, 14, 0.55);
122
- }
123
- .theme_themes_tinta_light__e3grur2v {
124
- --font-display__e3grur0:
125
- "DM Serif Display",
126
- "Times New Roman",
127
- serif;
128
- --font-text__e3grur1:
129
- "Newsreader",
130
- Georgia,
131
- serif;
132
- --font-mono__e3grur2:
133
- "IBM Plex Mono",
134
- "SFMono-Regular",
135
- monospace;
136
- --font-black__e3grur3:
137
- "UnifrakturMaguntia",
138
- "Grenze Gotisch",
139
- serif;
140
- --text-eyebrow-size__e3grur4: 0.694rem;
141
- --text-eyebrow-lineHeight__e3grur5: 1.2;
142
- --text-eyebrow-weight__e3grur6: 500;
143
- --text-eyebrow-letterSpacing__e3grur7: 0.14em;
144
- --text-display-size__e3grur8: 5.6rem;
145
- --text-display-lineHeight__e3grur9: 1.05;
146
- --text-display-weight__e3grura: 600;
147
- --text-display-letterSpacing__e3grurb: -0.01em;
148
- --text-h1-size__e3grurc: 2.9rem;
149
- --text-h1-lineHeight__e3grurd: 1.05;
150
- --text-h1-weight__e3grure: 600;
151
- --text-h1-letterSpacing__e3grurf: -0.01em;
152
- --text-h2-size__e3grurg: 2.1rem;
153
- --text-h2-lineHeight__e3grurh: 1.2;
154
- --text-h2-weight__e3gruri: 600;
155
- --text-h2-letterSpacing__e3grurj: 0;
156
- --text-h3-size__e3grurk: 1.563rem;
157
- --text-h3-lineHeight__e3grurl: 1.2;
158
- --text-h3-weight__e3grurm: 500;
159
- --text-h3-letterSpacing__e3grurn: 0;
160
- --text-h4-size__e3gruro: 1.25rem;
161
- --text-h4-lineHeight__e3grurp: 1.2;
162
- --text-h4-weight__e3grurq: 600;
163
- --text-h4-letterSpacing__e3grurr: 0;
164
- --text-body-size__e3grurs: 1rem;
165
- --text-body-lineHeight__e3grurt: 1.7;
166
- --text-body-weight__e3gruru: 400;
167
- --text-body-letterSpacing__e3grurv: 0;
168
- --text-lead-size__e3grurw: 1.25rem;
169
- --text-lead-lineHeight__e3grurx: 1.7;
170
- --text-lead-weight__e3grury: 400;
171
- --text-lead-letterSpacing__e3grurz: 0;
172
- --text-small-size__e3grur10: 0.95rem;
173
- --text-small-lineHeight__e3grur11: 1.5;
174
- --text-small-weight__e3grur12: 400;
175
- --text-small-letterSpacing__e3grur13: 0;
176
- --text-caption-size__e3grur14: 0.833rem;
177
- --text-caption-lineHeight__e3grur15: 1.5;
178
- --text-caption-weight__e3grur16: 400;
179
- --text-caption-letterSpacing__e3grur17: 0.04em;
180
- --space-none__e3grur18: 0;
181
- --space-xs__e3grur19: 0.25rem;
182
- --space-sm__e3grur1a: 0.5rem;
183
- --space-md__e3grur1b: 0.75rem;
184
- --space-lg__e3grur1c: 1rem;
185
- --space-xl__e3grur1d: 1.5rem;
186
- --space-2xl__e3grur1e: 2rem;
187
- --space-3xl__e3grur1f: 3rem;
188
- --space-4xl__e3grur1g: 4rem;
189
- --space-5xl__e3grur1h: 6rem;
190
- --radius-none__e3grur1i: 0px;
191
- --radius-sm__e3grur1j: 3px;
192
- --radius-md__e3grur1k: 5px;
193
- --radius-lg__e3grur1l: 8px;
194
- --radius-base__e3grur1m: 4px;
195
- --radius-full__e3grur1n: 999px;
196
- --border-hair__e3grur1o: 1px;
197
- --border-rule__e3grur1p: 1.5px;
198
- --border-heavy__e3grur1q: 2px;
199
- --tracking-tight__e3grur1r: -0.01em;
200
- --tracking-normal__e3grur1s: 0;
201
- --tracking-wide__e3grur1t: 0.04em;
202
- --tracking-wider__e3grur1u: 0.14em;
203
- --tracking-widest__e3grur1v: 0.28em;
204
- --leading-tight__e3grur1w: 1.05;
205
- --leading-snug__e3grur1x: 1.2;
206
- --leading-normal__e3grur1y: 1.5;
207
- --leading-relaxed__e3grur1z: 1.7;
208
- --weight-light__e3grur20: 300;
209
- --weight-regular__e3grur21: 400;
210
- --weight-medium__e3grur22: 500;
211
- --weight-semibold__e3grur23: 600;
212
- --weight-bold__e3grur24: 700;
213
- --dur-fast__e3grur25: 120ms;
214
- --dur-base__e3grur26: 200ms;
215
- --dur-slow__e3grur27: 360ms;
216
- --ease-ink__e3grur28: cubic-bezier(0.2, 0, 0, 1);
217
- --shadow-sm__e3grur29: 0 1px 0 rgba(20,17,14,0.06);
218
- --shadow-md__e3grur2a: 0 2px 10px -4px rgba(20,17,14,0.22);
219
- --shadow-lg__e3grur2b: 0 12px 32px -10px rgba(20,17,14,0.34);
220
- --color-bg1__e3grur2c: #F8F7F4;
221
- --color-bg2__e3grur2d: #FFFFFF;
222
- --color-bg3__e3grur2e: #EDEBE6;
223
- --color-bgInset__e3grur2f: #E4E1DA;
224
- --color-fg1__e3grur2g: #15130F;
225
- --color-fg2__e3grur2h: #494640;
226
- --color-fg3__e3grur2i: #8B877E;
227
- --color-fgOnAccent__e3grur2j: #F8F7F4;
228
- --color-border1__e3grur2k: rgba(21, 19, 15, 0.12);
229
- --color-border2__e3grur2l: rgba(21, 19, 15, 0.26);
230
- --color-borderStrong__e3grur2m: rgba(21, 19, 15, 0.85);
231
- --color-accent__e3grur2n: #7B1E1E;
232
- --color-accentHover__e3grur2o: #631616;
233
- --color-accentSoft__e3grur2p: rgba(123, 30, 30, 0.10);
234
- --color-ok__e3grur2q: #3E5C3A;
235
- --color-warn__e3grur2r: #8A6A1E;
236
- --color-danger__e3grur2s: #7B1E1E;
237
- --color-info__e3grur2t: #2E4257;
238
- --color-scrim__e3grur2u: rgba(20, 17, 14, 0.55);
239
- }
240
- .theme_themes_tinta_dark__e3grur2w {
241
- --font-display__e3grur0:
242
- "DM Serif Display",
243
- "Times New Roman",
244
- serif;
245
- --font-text__e3grur1:
246
- "Newsreader",
247
- Georgia,
248
- serif;
249
- --font-mono__e3grur2:
250
- "IBM Plex Mono",
251
- "SFMono-Regular",
252
- monospace;
253
- --font-black__e3grur3:
254
- "UnifrakturMaguntia",
255
- "Grenze Gotisch",
256
- serif;
257
- --text-eyebrow-size__e3grur4: 0.694rem;
258
- --text-eyebrow-lineHeight__e3grur5: 1.2;
259
- --text-eyebrow-weight__e3grur6: 500;
260
- --text-eyebrow-letterSpacing__e3grur7: 0.14em;
261
- --text-display-size__e3grur8: 5.6rem;
262
- --text-display-lineHeight__e3grur9: 1.05;
263
- --text-display-weight__e3grura: 600;
264
- --text-display-letterSpacing__e3grurb: -0.01em;
265
- --text-h1-size__e3grurc: 2.9rem;
266
- --text-h1-lineHeight__e3grurd: 1.05;
267
- --text-h1-weight__e3grure: 600;
268
- --text-h1-letterSpacing__e3grurf: -0.01em;
269
- --text-h2-size__e3grurg: 2.1rem;
270
- --text-h2-lineHeight__e3grurh: 1.2;
271
- --text-h2-weight__e3gruri: 600;
272
- --text-h2-letterSpacing__e3grurj: 0;
273
- --text-h3-size__e3grurk: 1.563rem;
274
- --text-h3-lineHeight__e3grurl: 1.2;
275
- --text-h3-weight__e3grurm: 500;
276
- --text-h3-letterSpacing__e3grurn: 0;
277
- --text-h4-size__e3gruro: 1.25rem;
278
- --text-h4-lineHeight__e3grurp: 1.2;
279
- --text-h4-weight__e3grurq: 600;
280
- --text-h4-letterSpacing__e3grurr: 0;
281
- --text-body-size__e3grurs: 1rem;
282
- --text-body-lineHeight__e3grurt: 1.7;
283
- --text-body-weight__e3gruru: 400;
284
- --text-body-letterSpacing__e3grurv: 0;
285
- --text-lead-size__e3grurw: 1.25rem;
286
- --text-lead-lineHeight__e3grurx: 1.7;
287
- --text-lead-weight__e3grury: 400;
288
- --text-lead-letterSpacing__e3grurz: 0;
289
- --text-small-size__e3grur10: 0.95rem;
290
- --text-small-lineHeight__e3grur11: 1.5;
291
- --text-small-weight__e3grur12: 400;
292
- --text-small-letterSpacing__e3grur13: 0;
293
- --text-caption-size__e3grur14: 0.833rem;
294
- --text-caption-lineHeight__e3grur15: 1.5;
295
- --text-caption-weight__e3grur16: 400;
296
- --text-caption-letterSpacing__e3grur17: 0.04em;
297
- --space-none__e3grur18: 0;
298
- --space-xs__e3grur19: 0.25rem;
299
- --space-sm__e3grur1a: 0.5rem;
300
- --space-md__e3grur1b: 0.75rem;
301
- --space-lg__e3grur1c: 1rem;
302
- --space-xl__e3grur1d: 1.5rem;
303
- --space-2xl__e3grur1e: 2rem;
304
- --space-3xl__e3grur1f: 3rem;
305
- --space-4xl__e3grur1g: 4rem;
306
- --space-5xl__e3grur1h: 6rem;
307
- --radius-none__e3grur1i: 0px;
308
- --radius-sm__e3grur1j: 3px;
309
- --radius-md__e3grur1k: 5px;
310
- --radius-lg__e3grur1l: 8px;
311
- --radius-base__e3grur1m: 4px;
312
- --radius-full__e3grur1n: 999px;
313
- --border-hair__e3grur1o: 1px;
314
- --border-rule__e3grur1p: 1.5px;
315
- --border-heavy__e3grur1q: 2px;
316
- --tracking-tight__e3grur1r: -0.01em;
317
- --tracking-normal__e3grur1s: 0;
318
- --tracking-wide__e3grur1t: 0.04em;
319
- --tracking-wider__e3grur1u: 0.14em;
320
- --tracking-widest__e3grur1v: 0.28em;
321
- --leading-tight__e3grur1w: 1.05;
322
- --leading-snug__e3grur1x: 1.2;
323
- --leading-normal__e3grur1y: 1.5;
324
- --leading-relaxed__e3grur1z: 1.7;
325
- --weight-light__e3grur20: 300;
326
- --weight-regular__e3grur21: 400;
327
- --weight-medium__e3grur22: 500;
328
- --weight-semibold__e3grur23: 600;
329
- --weight-bold__e3grur24: 700;
330
- --dur-fast__e3grur25: 120ms;
331
- --dur-base__e3grur26: 200ms;
332
- --dur-slow__e3grur27: 360ms;
333
- --ease-ink__e3grur28: cubic-bezier(0.2, 0, 0, 1);
334
- --shadow-sm__e3grur29: 0 1px 0 rgba(20,17,14,0.06);
335
- --shadow-md__e3grur2a: 0 2px 10px -4px rgba(20,17,14,0.22);
336
- --shadow-lg__e3grur2b: 0 12px 32px -10px rgba(20,17,14,0.34);
337
- --color-bg1__e3grur2c: #100E0B;
338
- --color-bg2__e3grur2d: #1A1611;
339
- --color-bg3__e3grur2e: #070605;
340
- --color-bgInset__e3grur2f: #221D16;
341
- --color-fg1__e3grur2g: #F2EDE2;
342
- --color-fg2__e3grur2h: #B7AF9F;
343
- --color-fg3__e3grur2i: #79715F;
344
- --color-fgOnAccent__e3grur2j: #F2EDE2;
345
- --color-border1__e3grur2k: rgba(242, 237, 226, 0.13);
346
- --color-border2__e3grur2l: rgba(242, 237, 226, 0.26);
347
- --color-borderStrong__e3grur2m: rgba(242, 237, 226, 0.80);
348
- --color-accent__e3grur2n: #B23A3A;
349
- --color-accentHover__e3grur2o: #CC4A4A;
350
- --color-accentSoft__e3grur2p: rgba(178, 58, 58, 0.16);
351
- --color-ok__e3grur2q: #7FA178;
352
- --color-warn__e3grur2r: #C7A04E;
353
- --color-danger__e3grur2s: #C24A4A;
354
- --color-info__e3grur2t: #6E92B4;
355
- --color-scrim__e3grur2u: rgba(7, 6, 5, 0.65);
356
- }
357
- .theme_themes_tinta_sepia__e3grur2x {
358
- --font-display__e3grur0:
359
- "DM Serif Display",
360
- "Times New Roman",
361
- serif;
362
- --font-text__e3grur1:
363
- "Newsreader",
364
- Georgia,
365
- serif;
366
- --font-mono__e3grur2:
367
- "IBM Plex Mono",
368
- "SFMono-Regular",
369
- monospace;
370
- --font-black__e3grur3:
371
- "UnifrakturMaguntia",
372
- "Grenze Gotisch",
373
- serif;
374
- --text-eyebrow-size__e3grur4: 0.694rem;
375
- --text-eyebrow-lineHeight__e3grur5: 1.2;
376
- --text-eyebrow-weight__e3grur6: 500;
377
- --text-eyebrow-letterSpacing__e3grur7: 0.14em;
378
- --text-display-size__e3grur8: 5.6rem;
379
- --text-display-lineHeight__e3grur9: 1.05;
380
- --text-display-weight__e3grura: 600;
381
- --text-display-letterSpacing__e3grurb: -0.01em;
382
- --text-h1-size__e3grurc: 2.9rem;
383
- --text-h1-lineHeight__e3grurd: 1.05;
384
- --text-h1-weight__e3grure: 600;
385
- --text-h1-letterSpacing__e3grurf: -0.01em;
386
- --text-h2-size__e3grurg: 2.1rem;
387
- --text-h2-lineHeight__e3grurh: 1.2;
388
- --text-h2-weight__e3gruri: 600;
389
- --text-h2-letterSpacing__e3grurj: 0;
390
- --text-h3-size__e3grurk: 1.563rem;
391
- --text-h3-lineHeight__e3grurl: 1.2;
392
- --text-h3-weight__e3grurm: 500;
393
- --text-h3-letterSpacing__e3grurn: 0;
394
- --text-h4-size__e3gruro: 1.25rem;
395
- --text-h4-lineHeight__e3grurp: 1.2;
396
- --text-h4-weight__e3grurq: 600;
397
- --text-h4-letterSpacing__e3grurr: 0;
398
- --text-body-size__e3grurs: 1rem;
399
- --text-body-lineHeight__e3grurt: 1.7;
400
- --text-body-weight__e3gruru: 400;
401
- --text-body-letterSpacing__e3grurv: 0;
402
- --text-lead-size__e3grurw: 1.25rem;
403
- --text-lead-lineHeight__e3grurx: 1.7;
404
- --text-lead-weight__e3grury: 400;
405
- --text-lead-letterSpacing__e3grurz: 0;
406
- --text-small-size__e3grur10: 0.95rem;
407
- --text-small-lineHeight__e3grur11: 1.5;
408
- --text-small-weight__e3grur12: 400;
409
- --text-small-letterSpacing__e3grur13: 0;
410
- --text-caption-size__e3grur14: 0.833rem;
411
- --text-caption-lineHeight__e3grur15: 1.5;
412
- --text-caption-weight__e3grur16: 400;
413
- --text-caption-letterSpacing__e3grur17: 0.04em;
414
- --space-none__e3grur18: 0;
415
- --space-xs__e3grur19: 0.25rem;
416
- --space-sm__e3grur1a: 0.5rem;
417
- --space-md__e3grur1b: 0.75rem;
418
- --space-lg__e3grur1c: 1rem;
419
- --space-xl__e3grur1d: 1.5rem;
420
- --space-2xl__e3grur1e: 2rem;
421
- --space-3xl__e3grur1f: 3rem;
422
- --space-4xl__e3grur1g: 4rem;
423
- --space-5xl__e3grur1h: 6rem;
424
- --radius-none__e3grur1i: 0px;
425
- --radius-sm__e3grur1j: 3px;
426
- --radius-md__e3grur1k: 5px;
427
- --radius-lg__e3grur1l: 8px;
428
- --radius-base__e3grur1m: 4px;
429
- --radius-full__e3grur1n: 999px;
430
- --border-hair__e3grur1o: 1px;
431
- --border-rule__e3grur1p: 1.5px;
432
- --border-heavy__e3grur1q: 2px;
433
- --tracking-tight__e3grur1r: -0.01em;
434
- --tracking-normal__e3grur1s: 0;
435
- --tracking-wide__e3grur1t: 0.04em;
436
- --tracking-wider__e3grur1u: 0.14em;
437
- --tracking-widest__e3grur1v: 0.28em;
438
- --leading-tight__e3grur1w: 1.05;
439
- --leading-snug__e3grur1x: 1.2;
440
- --leading-normal__e3grur1y: 1.5;
441
- --leading-relaxed__e3grur1z: 1.7;
442
- --weight-light__e3grur20: 300;
443
- --weight-regular__e3grur21: 400;
444
- --weight-medium__e3grur22: 500;
445
- --weight-semibold__e3grur23: 600;
446
- --weight-bold__e3grur24: 700;
447
- --dur-fast__e3grur25: 120ms;
448
- --dur-base__e3grur26: 200ms;
449
- --dur-slow__e3grur27: 360ms;
450
- --ease-ink__e3grur28: cubic-bezier(0.2, 0, 0, 1);
451
- --shadow-sm__e3grur29: 0 1px 0 rgba(20,17,14,0.06);
452
- --shadow-md__e3grur2a: 0 2px 10px -4px rgba(20,17,14,0.22);
453
- --shadow-lg__e3grur2b: 0 12px 32px -10px rgba(20,17,14,0.34);
454
- --color-bg1__e3grur2c: #E9DDC4;
455
- --color-bg2__e3grur2d: #F2E9D5;
456
- --color-bg3__e3grur2e: #DCCDAC;
457
- --color-bgInset__e3grur2f: #D2C09B;
458
- --color-fg1__e3grur2g: #2A2013;
459
- --color-fg2__e3grur2h: #5A4A33;
460
- --color-fg3__e3grur2i: #8A7858;
461
- --color-fgOnAccent__e3grur2j: #F2E9D5;
462
- --color-border1__e3grur2k: rgba(42, 32, 19, 0.16);
463
- --color-border2__e3grur2l: rgba(42, 32, 19, 0.32);
464
- --color-borderStrong__e3grur2m: rgba(42, 32, 19, 0.82);
465
- --color-accent__e3grur2n: #7A2E12;
466
- --color-accentHover__e3grur2o: #5F2109;
467
- --color-accentSoft__e3grur2p: rgba(122, 46, 18, 0.12);
468
- --color-ok__e3grur2q: #4A5A2E;
469
- --color-warn__e3grur2r: #8A6A1E;
470
- --color-danger__e3grur2s: #7A2E12;
471
- --color-info__e3grur2t: #3C4E57;
472
- --color-scrim__e3grur2u: rgba(42, 32, 19, 0.55);
473
- }
474
- .theme_themes_tinta_contrast__e3grur2y {
475
- --font-display__e3grur0:
476
- "DM Serif Display",
477
- "Times New Roman",
478
- serif;
479
- --font-text__e3grur1:
480
- "Newsreader",
481
- Georgia,
482
- serif;
483
- --font-mono__e3grur2:
484
- "IBM Plex Mono",
485
- "SFMono-Regular",
486
- monospace;
487
- --font-black__e3grur3:
488
- "UnifrakturMaguntia",
489
- "Grenze Gotisch",
490
- serif;
491
- --text-eyebrow-size__e3grur4: 0.694rem;
492
- --text-eyebrow-lineHeight__e3grur5: 1.2;
493
- --text-eyebrow-weight__e3grur6: 500;
494
- --text-eyebrow-letterSpacing__e3grur7: 0.14em;
495
- --text-display-size__e3grur8: 5.6rem;
496
- --text-display-lineHeight__e3grur9: 1.05;
497
- --text-display-weight__e3grura: 600;
498
- --text-display-letterSpacing__e3grurb: -0.01em;
499
- --text-h1-size__e3grurc: 2.9rem;
500
- --text-h1-lineHeight__e3grurd: 1.05;
501
- --text-h1-weight__e3grure: 600;
502
- --text-h1-letterSpacing__e3grurf: -0.01em;
503
- --text-h2-size__e3grurg: 2.1rem;
504
- --text-h2-lineHeight__e3grurh: 1.2;
505
- --text-h2-weight__e3gruri: 600;
506
- --text-h2-letterSpacing__e3grurj: 0;
507
- --text-h3-size__e3grurk: 1.563rem;
508
- --text-h3-lineHeight__e3grurl: 1.2;
509
- --text-h3-weight__e3grurm: 500;
510
- --text-h3-letterSpacing__e3grurn: 0;
511
- --text-h4-size__e3gruro: 1.25rem;
512
- --text-h4-lineHeight__e3grurp: 1.2;
513
- --text-h4-weight__e3grurq: 600;
514
- --text-h4-letterSpacing__e3grurr: 0;
515
- --text-body-size__e3grurs: 1rem;
516
- --text-body-lineHeight__e3grurt: 1.7;
517
- --text-body-weight__e3gruru: 400;
518
- --text-body-letterSpacing__e3grurv: 0;
519
- --text-lead-size__e3grurw: 1.25rem;
520
- --text-lead-lineHeight__e3grurx: 1.7;
521
- --text-lead-weight__e3grury: 400;
522
- --text-lead-letterSpacing__e3grurz: 0;
523
- --text-small-size__e3grur10: 0.95rem;
524
- --text-small-lineHeight__e3grur11: 1.5;
525
- --text-small-weight__e3grur12: 400;
526
- --text-small-letterSpacing__e3grur13: 0;
527
- --text-caption-size__e3grur14: 0.833rem;
528
- --text-caption-lineHeight__e3grur15: 1.5;
529
- --text-caption-weight__e3grur16: 400;
530
- --text-caption-letterSpacing__e3grur17: 0.04em;
531
- --space-none__e3grur18: 0;
532
- --space-xs__e3grur19: 0.25rem;
533
- --space-sm__e3grur1a: 0.5rem;
534
- --space-md__e3grur1b: 0.75rem;
535
- --space-lg__e3grur1c: 1rem;
536
- --space-xl__e3grur1d: 1.5rem;
537
- --space-2xl__e3grur1e: 2rem;
538
- --space-3xl__e3grur1f: 3rem;
539
- --space-4xl__e3grur1g: 4rem;
540
- --space-5xl__e3grur1h: 6rem;
541
- --radius-none__e3grur1i: 0px;
542
- --radius-sm__e3grur1j: 3px;
543
- --radius-md__e3grur1k: 5px;
544
- --radius-lg__e3grur1l: 8px;
545
- --radius-base__e3grur1m: 4px;
546
- --radius-full__e3grur1n: 999px;
547
- --border-hair__e3grur1o: 1px;
548
- --border-rule__e3grur1p: 1.5px;
549
- --border-heavy__e3grur1q: 2px;
550
- --tracking-tight__e3grur1r: -0.01em;
551
- --tracking-normal__e3grur1s: 0;
552
- --tracking-wide__e3grur1t: 0.04em;
553
- --tracking-wider__e3grur1u: 0.14em;
554
- --tracking-widest__e3grur1v: 0.28em;
555
- --leading-tight__e3grur1w: 1.05;
556
- --leading-snug__e3grur1x: 1.2;
557
- --leading-normal__e3grur1y: 1.5;
558
- --leading-relaxed__e3grur1z: 1.7;
559
- --weight-light__e3grur20: 300;
560
- --weight-regular__e3grur21: 400;
561
- --weight-medium__e3grur22: 500;
562
- --weight-semibold__e3grur23: 600;
563
- --weight-bold__e3grur24: 700;
564
- --dur-fast__e3grur25: 120ms;
565
- --dur-base__e3grur26: 200ms;
566
- --dur-slow__e3grur27: 360ms;
567
- --ease-ink__e3grur28: cubic-bezier(0.2, 0, 0, 1);
568
- --shadow-sm__e3grur29: 0 1px 0 rgba(20,17,14,0.06);
569
- --shadow-md__e3grur2a: 0 2px 10px -4px rgba(20,17,14,0.22);
570
- --shadow-lg__e3grur2b: 0 12px 32px -10px rgba(20,17,14,0.34);
571
- --color-bg1__e3grur2c: #FFFFFF;
572
- --color-bg2__e3grur2d: #FFFFFF;
573
- --color-bg3__e3grur2e: #F2F2F2;
574
- --color-bgInset__e3grur2f: #EAEAEA;
575
- --color-fg1__e3grur2g: #000000;
576
- --color-fg2__e3grur2h: #000000;
577
- --color-fg3__e3grur2i: #2B2B2B;
578
- --color-fgOnAccent__e3grur2j: #FFFFFF;
579
- --color-border1__e3grur2k: #000000;
580
- --color-border2__e3grur2l: #000000;
581
- --color-borderStrong__e3grur2m: #000000;
582
- --color-accent__e3grur2n: #000000;
583
- --color-accentHover__e3grur2o: #2B2B2B;
584
- --color-accentSoft__e3grur2p: rgba(0, 0, 0, 0.08);
585
- --color-ok__e3grur2q: #000000;
586
- --color-warn__e3grur2r: #000000;
587
- --color-danger__e3grur2s: #8B0000;
588
- --color-info__e3grur2t: #000000;
589
- --color-scrim__e3grur2u: rgba(0, 0, 0, 0.7);
492
+ }
493
+ :root {
494
+ --bg1__e3grur2c: #F8F7F4;
495
+ --bg2__e3grur2d: #FFFFFF;
496
+ --bg3__e3grur2e: #EDEBE6;
497
+ --bgInset__e3grur2f: #E4E1DA;
498
+ --fg1__e3grur2g: #15130F;
499
+ --fg2__e3grur2h: #494640;
500
+ --fg3__e3grur2i: #8B877E;
501
+ --fgOnAccent__e3grur2j: #F8F7F4;
502
+ --border1__e3grur2k: rgba(21, 19, 15, 0.12);
503
+ --border2__e3grur2l: rgba(21, 19, 15, 0.26);
504
+ --borderStrong__e3grur2m: rgba(21, 19, 15, 0.85);
505
+ --accent__e3grur2n: #7B1E1E;
506
+ --accentHover__e3grur2o: #631616;
507
+ --accentSoft__e3grur2p: rgba(123, 30, 30, 0.10);
508
+ --ok__e3grur2q: #3E5C3A;
509
+ --warn__e3grur2r: #8A6A1E;
510
+ --danger__e3grur2s: #7B1E1E;
511
+ --info__e3grur2t: #2E4257;
512
+ --focus__e3grur2u: #7B1E1E;
513
+ --scrim__e3grur2v: rgba(20, 17, 14, 0.55);
514
+ }
515
+ .theme_themes_tinta_light__e3grur2w {
516
+ --bg1__e3grur2c: #F8F7F4;
517
+ --bg2__e3grur2d: #FFFFFF;
518
+ --bg3__e3grur2e: #EDEBE6;
519
+ --bgInset__e3grur2f: #E4E1DA;
520
+ --fg1__e3grur2g: #15130F;
521
+ --fg2__e3grur2h: #494640;
522
+ --fg3__e3grur2i: #8B877E;
523
+ --fgOnAccent__e3grur2j: #F8F7F4;
524
+ --border1__e3grur2k: rgba(21, 19, 15, 0.12);
525
+ --border2__e3grur2l: rgba(21, 19, 15, 0.26);
526
+ --borderStrong__e3grur2m: rgba(21, 19, 15, 0.85);
527
+ --accent__e3grur2n: #7B1E1E;
528
+ --accentHover__e3grur2o: #631616;
529
+ --accentSoft__e3grur2p: rgba(123, 30, 30, 0.10);
530
+ --ok__e3grur2q: #3E5C3A;
531
+ --warn__e3grur2r: #8A6A1E;
532
+ --danger__e3grur2s: #7B1E1E;
533
+ --info__e3grur2t: #2E4257;
534
+ --focus__e3grur2u: #7B1E1E;
535
+ --scrim__e3grur2v: rgba(20, 17, 14, 0.55);
536
+ }
537
+ .theme_themes_tinta_dark__e3grur2x {
538
+ --bg1__e3grur2c: #100E0B;
539
+ --bg2__e3grur2d: #1A1611;
540
+ --bg3__e3grur2e: #070605;
541
+ --bgInset__e3grur2f: #221D16;
542
+ --fg1__e3grur2g: #F2EDE2;
543
+ --fg2__e3grur2h: #B7AF9F;
544
+ --fg3__e3grur2i: #79715F;
545
+ --fgOnAccent__e3grur2j: #F2EDE2;
546
+ --border1__e3grur2k: rgba(242, 237, 226, 0.13);
547
+ --border2__e3grur2l: rgba(242, 237, 226, 0.26);
548
+ --borderStrong__e3grur2m: rgba(242, 237, 226, 0.80);
549
+ --accent__e3grur2n: #B23A3A;
550
+ --accentHover__e3grur2o: #CC4A4A;
551
+ --accentSoft__e3grur2p: rgba(178, 58, 58, 0.16);
552
+ --ok__e3grur2q: #7FA178;
553
+ --warn__e3grur2r: #C7A04E;
554
+ --danger__e3grur2s: #C24A4A;
555
+ --info__e3grur2t: #6E92B4;
556
+ --focus__e3grur2u: #CC4A4A;
557
+ --scrim__e3grur2v: rgba(7, 6, 5, 0.65);
558
+ }
559
+ .theme_themes_tinta_sepia__e3grur2y {
560
+ --bg1__e3grur2c: #E9DDC4;
561
+ --bg2__e3grur2d: #F2E9D5;
562
+ --bg3__e3grur2e: #DCCDAC;
563
+ --bgInset__e3grur2f: #D2C09B;
564
+ --fg1__e3grur2g: #2A2013;
565
+ --fg2__e3grur2h: #5A4A33;
566
+ --fg3__e3grur2i: #8A7858;
567
+ --fgOnAccent__e3grur2j: #F2E9D5;
568
+ --border1__e3grur2k: rgba(42, 32, 19, 0.16);
569
+ --border2__e3grur2l: rgba(42, 32, 19, 0.32);
570
+ --borderStrong__e3grur2m: rgba(42, 32, 19, 0.82);
571
+ --accent__e3grur2n: #7A2E12;
572
+ --accentHover__e3grur2o: #5F2109;
573
+ --accentSoft__e3grur2p: rgba(122, 46, 18, 0.12);
574
+ --ok__e3grur2q: #4A5A2E;
575
+ --warn__e3grur2r: #8A6A1E;
576
+ --danger__e3grur2s: #7A2E12;
577
+ --info__e3grur2t: #3C4E57;
578
+ --focus__e3grur2u: #7A2E12;
579
+ --scrim__e3grur2v: rgba(42, 32, 19, 0.55);
580
+ }
581
+ .theme_themes_tinta_contrast__e3grur2z {
582
+ --bg1__e3grur2c: #FFFFFF;
583
+ --bg2__e3grur2d: #FFFFFF;
584
+ --bg3__e3grur2e: #F2F2F2;
585
+ --bgInset__e3grur2f: #EAEAEA;
586
+ --fg1__e3grur2g: #000000;
587
+ --fg2__e3grur2h: #000000;
588
+ --fg3__e3grur2i: #2B2B2B;
589
+ --fgOnAccent__e3grur2j: #FFFFFF;
590
+ --border1__e3grur2k: #000000;
591
+ --border2__e3grur2l: #000000;
592
+ --borderStrong__e3grur2m: #000000;
593
+ --accent__e3grur2n: #000000;
594
+ --accentHover__e3grur2o: #2B2B2B;
595
+ --accentSoft__e3grur2p: rgba(0, 0, 0, 0.08);
596
+ --ok__e3grur2q: #000000;
597
+ --warn__e3grur2r: #000000;
598
+ --danger__e3grur2s: #8B0000;
599
+ --info__e3grur2t: #000000;
600
+ --focus__e3grur2u: #000000;
601
+ --scrim__e3grur2v: rgba(0, 0, 0, 0.7);
602
+ }
603
+ @media (prefers-color-scheme: dark) {
604
+ :root {
605
+ --bg1__e3grur2c: #100E0B;
606
+ --bg2__e3grur2d: #1A1611;
607
+ --bg3__e3grur2e: #070605;
608
+ --bgInset__e3grur2f: #221D16;
609
+ --fg1__e3grur2g: #F2EDE2;
610
+ --fg2__e3grur2h: #B7AF9F;
611
+ --fg3__e3grur2i: #79715F;
612
+ --fgOnAccent__e3grur2j: #F2EDE2;
613
+ --border1__e3grur2k: rgba(242, 237, 226, 0.13);
614
+ --border2__e3grur2l: rgba(242, 237, 226, 0.26);
615
+ --borderStrong__e3grur2m: rgba(242, 237, 226, 0.80);
616
+ --accent__e3grur2n: #B23A3A;
617
+ --accentHover__e3grur2o: #CC4A4A;
618
+ --accentSoft__e3grur2p: rgba(178, 58, 58, 0.16);
619
+ --ok__e3grur2q: #7FA178;
620
+ --warn__e3grur2r: #C7A04E;
621
+ --danger__e3grur2s: #C24A4A;
622
+ --info__e3grur2t: #6E92B4;
623
+ --focus__e3grur2u: #CC4A4A;
624
+ --scrim__e3grur2v: rgba(7, 6, 5, 0.65);
625
+ }
626
+ }
627
+ @media (prefers-contrast: more) {
628
+ :root {
629
+ --bg1__e3grur2c: #FFFFFF;
630
+ --bg2__e3grur2d: #FFFFFF;
631
+ --bg3__e3grur2e: #F2F2F2;
632
+ --bgInset__e3grur2f: #EAEAEA;
633
+ --fg1__e3grur2g: #000000;
634
+ --fg2__e3grur2h: #000000;
635
+ --fg3__e3grur2i: #2B2B2B;
636
+ --fgOnAccent__e3grur2j: #FFFFFF;
637
+ --border1__e3grur2k: #000000;
638
+ --border2__e3grur2l: #000000;
639
+ --borderStrong__e3grur2m: #000000;
640
+ --accent__e3grur2n: #000000;
641
+ --accentHover__e3grur2o: #2B2B2B;
642
+ --accentSoft__e3grur2p: rgba(0, 0, 0, 0.08);
643
+ --ok__e3grur2q: #000000;
644
+ --warn__e3grur2r: #000000;
645
+ --danger__e3grur2s: #8B0000;
646
+ --info__e3grur2t: #000000;
647
+ --focus__e3grur2u: #000000;
648
+ --scrim__e3grur2v: rgba(0, 0, 0, 0.7);
649
+ }
650
+ }
651
+ @media (prefers-reduced-motion: reduce) {
652
+ *,
653
+ *::before,
654
+ *::after {
655
+ transition-duration: 0.01ms !important;
656
+ animation-duration: 0.01ms !important;
657
+ animation-iteration-count: 1 !important;
658
+ }
590
659
  }
591
660
 
592
- /* vanilla-extract-css-ns:src/components/button/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACrWVTXPbIBCG7_4VXDoTHfBYttMm5JRbe-qhp540SKxkEgQMrPzRTv97B1lWZFmKHSe5Wezy7sO7C55WHqjHnQKfOGMwSWKbolRqRv5OCBHSW8V3jEitpAaaK9g-TAjhShaaSoTSM5KBRnBh-anyKPMdzYxG0NgNFdwycm_r3bnRSHNeSrVjZM3dDaX1Umm0SRJYFK5y8yhkKkAER73lmdQFI7NpDGUIIGyRouPa58aVjFTWgsu4hxBMjRPgqONCVv5QYf9FU-7hUCMuo076RgpcMRJPb_eUzXJtDiPeKCnCclY5bxwj1sjD2TYriVBDAiPabBy3NWPAkyiNZoQr1XCIytGce2wPehs1EeAeqNTPbeQuepj8m0xHW8R4hnINTBu8YUJ6nioQUd24jjX1T8URft_MwtnOiR6Eap2UZ8-FM5UWjZDlDjTWRhgVfNiz1x80LxYtvOx6O5C7j8Rt_nPUdVcbpFwpswHRx_XyDyS-bInjGtRyIeoRubNbEi87gxbyGYnjsDSgVIpWaX6sFLaQ-fxUaj4ipYpWatGTWtotWcxOpRanUnmlVKuzPL6Gh_t3mNXZ7Et_OxoNSS6VAvEjzFIjdHvSzuPGvTSiiEa6m3aSsjPd7QtexshWZg1uaJ7HwedtndVZpuPcUabHLLxbLdbXVwl4k9wI6zH38uKnfjzOfToDPCB9MfPbrdxX-x62tSXNRYSnewYwTYXhL6Tb729XPTH9SX3XEA5Rvd26tPPuwauFem26u8KBwYF77xCN4F07Rb9M_lLSDpcsVsZj1_j7q8bh9ft_pHARxKd0vy7TM5d_Tu8vOnEf5QMO_R_md9jPSgoAAA */
661
+ /* vanilla-extract-css-ns:src/components/button/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61UPZPbIBTs_StoMnMq8Fh2LrlwVbqkSpEqlQaJJ5k7BAwgfyST_54BS1jWx519uU7iLW-XfQvLxgK27ijAZkYpl2Wpzh0XYoX-LBBi3GpBjwRxKbgEXAo4PC4QooJXEnMHtSWoAOnA-OWnxjpeHnGhpAPp-qWKaoJ21NxhbDUtANs6y2BTmcakNPGIUkmHS1pzceyQYalWUnXQdUAKcA5M6MNlRdBqmULtCw4ODjtDpS2VqQlqtAZTUAu-mCvDwGBDGW9sx3D6wzm1EOXUSQ--58xtO3TXohFntO6jg5MEWSU488tFY6wyBGnFOyP2W-7g5AFBUu0N1UG6V80dV5IgKkRLyBqDS2pdPP990laAWsBcPsfKQ_K4-LtYzs6T0MLxHRCp3B1h3NJcAEvClHuOhU9BHfy6Wy3v9eG1pqUqGot33PJcQGimGuejQtBaH05GxGEWjY1ym2BbC8aqLC24sOcVwk554Mpp8VwZ1UjWKtfUgHTBeSW88S11tYnEvD-vC9RpLY3I56Q_QqkcpkKoPbChRMt_Q-bz3KpMgzhNGQvxnE39RUVUsVKc74NvTVCajn0JpDWLpOt5Uo9qW-eXpAcRK2xEOjGMQOqVtqSbt5Cue6wwYt2MWctGiEj58fJh6l6k9p6mq9WH4XanJGQlFwLYd39h2kb3owh1YTlHoEpGWcp75WI2S8Mm1ykiW7UDM3VFp2SuI8P2BR2XqFkdXwv_Vkcpn2ZYaQtrW8qxP2X1Q369RD3Nyptod7XCW8w68XzzGyKZekXVGD0hrX3A-lP8fOPTNEzbG-M0peQWi_LeGwkvUgwG8XDTeScD9PZozEi6PRs_VXkm09Nk1VZZ1zf4y42jfvnGXuy9iv6d5xsIBlbS957uVaccivivg_4DcRVusOQKAAA */
593
662
  .use-styles_root__1pbtill0 {
594
663
  display: inline-flex;
595
664
  align-items: center;
596
665
  justify-content: center;
597
- gap: 9px;
666
+ gap: var(--space-sm__e3grur1a);
598
667
  font-family: var(--font-mono__e3grur2);
599
668
  letter-spacing: 0.1em;
600
669
  text-transform: uppercase;
601
670
  border-radius: var(--radius-base__e3grur1m);
602
- border-width: 1.5px;
671
+ border-width: var(--border-rule__e3grur1p);
603
672
  border-style: solid;
604
673
  cursor: pointer;
605
674
  white-space: nowrap;
@@ -608,22 +677,26 @@
608
677
  .use-styles_root__1pbtill0:active:not(:disabled) {
609
678
  transform: translateY(0.5px);
610
679
  }
680
+ .use-styles_root__1pbtill0:focus-visible {
681
+ outline: 2px solid var(--focus__e3grur2u);
682
+ outline-offset: 2px;
683
+ }
611
684
  .use-styles_root__1pbtill0:disabled {
612
685
  background: transparent;
613
- color: var(--color-fg3__e3grur2i);
614
- border-color: var(--color-border1__e3grur2k);
686
+ color: var(--fg3__e3grur2i);
687
+ border-color: var(--border1__e3grur2k);
615
688
  cursor: not-allowed;
616
689
  }
617
690
  .use-styles_size_sm__1pbtill1 {
618
- padding: 8px 14px;
691
+ padding: var(--space-sm__e3grur1a) var(--space-lg__e3grur1c);
619
692
  font-size: 11px;
620
693
  }
621
694
  .use-styles_size_md__1pbtill2 {
622
- padding: 11px 22px;
695
+ padding: var(--space-md__e3grur1b) var(--space-xl__e3grur1d);
623
696
  font-size: 12px;
624
697
  }
625
698
  .use-styles_size_lg__1pbtill3 {
626
- padding: 14px 30px;
699
+ padding: var(--space-md__e3grur1b) var(--space-2xl__e3grur1e);
627
700
  font-size: 13px;
628
701
  }
629
702
  .use-styles_full__1pbtill4 {
@@ -631,71 +704,71 @@
631
704
  width: 100%;
632
705
  }
633
706
  .use-styles_tone_filledInk__1pbtill5 {
634
- background: var(--color-fg1__e3grur2g);
635
- color: var(--color-bg1__e3grur2c);
636
- border-color: var(--color-fg1__e3grur2g);
707
+ background: var(--fg1__e3grur2g);
708
+ color: var(--bg1__e3grur2c);
709
+ border-color: var(--fg1__e3grur2g);
637
710
  }
638
711
  .use-styles_tone_filledInk__1pbtill5:hover:not(:disabled) {
639
- background: var(--color-fg2__e3grur2h);
640
- border-color: var(--color-fg2__e3grur2h);
712
+ background: var(--fg2__e3grur2h);
713
+ border-color: var(--fg2__e3grur2h);
641
714
  }
642
715
  .use-styles_tone_filledAccent__1pbtill6 {
643
- background: var(--color-accent__e3grur2n);
644
- color: var(--color-fgOnAccent__e3grur2j);
645
- border-color: var(--color-accent__e3grur2n);
716
+ background: var(--accent__e3grur2n);
717
+ color: var(--fgOnAccent__e3grur2j);
718
+ border-color: var(--accent__e3grur2n);
646
719
  }
647
720
  .use-styles_tone_filledAccent__1pbtill6:hover:not(:disabled) {
648
- background: var(--color-accentHover__e3grur2o);
649
- border-color: var(--color-accentHover__e3grur2o);
721
+ background: var(--accentHover__e3grur2o);
722
+ border-color: var(--accentHover__e3grur2o);
650
723
  }
651
724
  .use-styles_tone_outlineInk__1pbtill7 {
652
725
  background: transparent;
653
- color: var(--color-fg1__e3grur2g);
654
- border-color: var(--color-fg1__e3grur2g);
726
+ color: var(--fg1__e3grur2g);
727
+ border-color: var(--fg1__e3grur2g);
655
728
  }
656
729
  .use-styles_tone_outlineInk__1pbtill7:hover:not(:disabled) {
657
- background: var(--color-bg3__e3grur2e);
730
+ background: var(--bg3__e3grur2e);
658
731
  }
659
732
  .use-styles_tone_outlineAccent__1pbtill8 {
660
733
  background: transparent;
661
- color: var(--color-accent__e3grur2n);
662
- border-color: var(--color-accent__e3grur2n);
734
+ color: var(--accent__e3grur2n);
735
+ border-color: var(--accent__e3grur2n);
663
736
  }
664
737
  .use-styles_tone_outlineAccent__1pbtill8:hover:not(:disabled) {
665
- background: var(--color-accentSoft__e3grur2p);
738
+ background: var(--accentSoft__e3grur2p);
666
739
  }
667
740
  .use-styles_tone_ghostInk__1pbtill9 {
668
741
  background: transparent;
669
- color: var(--color-fg2__e3grur2h);
742
+ color: var(--fg2__e3grur2h);
670
743
  border-color: transparent;
671
744
  }
672
745
  .use-styles_tone_ghostInk__1pbtill9:hover:not(:disabled) {
673
- background: var(--color-bg3__e3grur2e);
746
+ background: var(--bg3__e3grur2e);
674
747
  }
675
748
  .use-styles_tone_ghostAccent__1pbtilla {
676
749
  background: transparent;
677
- color: var(--color-accent__e3grur2n);
750
+ color: var(--accent__e3grur2n);
678
751
  border-color: transparent;
679
752
  }
680
753
  .use-styles_tone_ghostAccent__1pbtilla:hover:not(:disabled) {
681
- background: var(--color-bg3__e3grur2e);
754
+ background: var(--bg3__e3grur2e);
682
755
  }
683
756
 
684
- /* vanilla-extract-css-ns:src/components/divider/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMW43djd5ajAgewogIGJvcmRlcjogbm9uZTsKfQoudXNlLXN0eWxlc19ob3Jpem9udGFsX18xbjd2N3lqMSB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxcHg7CiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3ItYm9yZGVyMV9fZTNncnVyMmspOwp9Ci51c2Utc3R5bGVzX3ZlcnRpY2FsX18xbjd2N3lqMiB7CiAgd2lkdGg6IDFweDsKICBhbGlnbi1zZWxmOiBzdHJldGNoOwogIGhlaWdodDogMTAwJTsKICBtaW4taGVpZ2h0OiAxZW07CiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3ItYm9yZGVyMV9fZTNncnVyMmspOwp9Ci51c2Utc3R5bGVzX2xhYmVsbGVkX18xbjd2N3lqMyB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tc3BhY2UtbWRfX2UzZ3J1cjFiKTsKICB3aWR0aDogMTAwJTsKICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKfQoudXNlLXN0eWxlc19saW5lX18xbjd2N3lqNCB7CiAgZmxleDogMTsKICBoZWlnaHQ6IDFweDsKICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1ib3JkZXIxX19lM2dydXIyayk7Cn0KLnVzZS1zdHlsZXNfbGFiZWxfXzFuN3Y3eWo1IHsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vX19lM2dydXIyKTsKICBmb250LXNpemU6IDEwcHg7CiAgbGV0dGVyLXNwYWNpbmc6IDAuMTRlbTsKICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOwogIGNvbG9yOiB2YXIoLS1jb2xvci1mZzNfX2UzZ3J1cjJpKTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9 */
757
+ /* vanilla-extract-css-ns:src/components/divider/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMW43djd5ajAgewogIGJvcmRlcjogbm9uZTsKfQoudXNlLXN0eWxlc19ob3Jpem9udGFsX18xbjd2N3lqMSB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxcHg7CiAgYmFja2dyb3VuZDogdmFyKC0tYm9yZGVyMV9fZTNncnVyMmspOwp9Ci51c2Utc3R5bGVzX3ZlcnRpY2FsX18xbjd2N3lqMiB7CiAgd2lkdGg6IDFweDsKICBhbGlnbi1zZWxmOiBzdHJldGNoOwogIGhlaWdodDogMTAwJTsKICBtaW4taGVpZ2h0OiAxZW07CiAgYmFja2dyb3VuZDogdmFyKC0tYm9yZGVyMV9fZTNncnVyMmspOwp9Ci51c2Utc3R5bGVzX2xhYmVsbGVkX18xbjd2N3lqMyB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tc3BhY2UtbWRfX2UzZ3J1cjFiKTsKICB3aWR0aDogMTAwJTsKICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKfQoudXNlLXN0eWxlc19saW5lX18xbjd2N3lqNCB7CiAgZmxleDogMTsKICBoZWlnaHQ6IDFweDsKICBiYWNrZ3JvdW5kOiB2YXIoLS1ib3JkZXIxX19lM2dydXIyayk7Cn0KLnVzZS1zdHlsZXNfbGFiZWxfXzFuN3Y3eWo1IHsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vX19lM2dydXIyKTsKICBmb250LXNpemU6IDEwcHg7CiAgbGV0dGVyLXNwYWNpbmc6IDAuMTRlbTsKICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOwogIGNvbG9yOiB2YXIoLS1mZzNfX2UzZ3J1cjJpKTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9 */
685
758
  .use-styles_root__1n7v7yj0 {
686
759
  border: none;
687
760
  }
688
761
  .use-styles_horizontal__1n7v7yj1 {
689
762
  width: 100%;
690
763
  height: 1px;
691
- background: var(--color-border1__e3grur2k);
764
+ background: var(--border1__e3grur2k);
692
765
  }
693
766
  .use-styles_vertical__1n7v7yj2 {
694
767
  width: 1px;
695
768
  align-self: stretch;
696
769
  height: 100%;
697
770
  min-height: 1em;
698
- background: var(--color-border1__e3grur2k);
771
+ background: var(--border1__e3grur2k);
699
772
  }
700
773
  .use-styles_labelled__1n7v7yj3 {
701
774
  display: flex;
@@ -707,18 +780,18 @@
707
780
  .use-styles_line__1n7v7yj4 {
708
781
  flex: 1;
709
782
  height: 1px;
710
- background: var(--color-border1__e3grur2k);
783
+ background: var(--border1__e3grur2k);
711
784
  }
712
785
  .use-styles_label__1n7v7yj5 {
713
786
  font-family: var(--font-mono__e3grur2);
714
787
  font-size: 10px;
715
788
  letter-spacing: 0.14em;
716
789
  text-transform: uppercase;
717
- color: var(--color-fg3__e3grur2i);
790
+ color: var(--fg3__e3grur2i);
718
791
  white-space: nowrap;
719
792
  }
720
793
 
721
- /* vanilla-extract-css-ns:src/components/avatar/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMW1uMXJtdTAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLWZ1bGxfX2UzZ3J1cjFuKTsKICBib3JkZXItd2lkdGg6IHZhcigtLWJvcmRlci1ydWxlX19lM2dydXIxcCk7CiAgYm9yZGVyLXN0eWxlOiBzb2xpZDsKICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLWZnMV9fZTNncnVyMmcpOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWRpc3BsYXlfX2UzZ3J1cjApOwogIGZvbnQtd2VpZ2h0OiA2MDA7CiAgbGluZS1oZWlnaHQ6IDE7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQoudXNlLXN0eWxlc19zaXplX3NtX18xbW4xcm11MSB7CiAgd2lkdGg6IDMycHg7CiAgaGVpZ2h0OiAzMnB4OwogIGZvbnQtc2l6ZTogMTRweDsKfQoudXNlLXN0eWxlc19zaXplX21kX18xbW4xcm11MiB7CiAgd2lkdGg6IDQwcHg7CiAgaGVpZ2h0OiA0MHB4OwogIGZvbnQtc2l6ZTogMTZweDsKfQoudXNlLXN0eWxlc19zaXplX2xnX18xbW4xcm11MyB7CiAgd2lkdGg6IDU2cHg7CiAgaGVpZ2h0OiA1NnB4OwogIGZvbnQtc2l6ZTogMjJweDsKfQoudXNlLXN0eWxlc192YXJpYW50X2RlZmF1bHRfXzFtbjFybXU0IHsKICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKICBjb2xvcjogdmFyKC0tY29sb3ItZmcxX19lM2dydXIyZyk7Cn0KLnVzZS1zdHlsZXNfdmFyaWFudF9maWxsZWRfXzFtbjFybXU1IHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1mZzFfX2UzZ3J1cjJnKTsKICBjb2xvcjogdmFyKC0tY29sb3ItYmcxX19lM2dydXIyYyk7Cn0 */
794
+ /* vanilla-extract-css-ns:src/components/avatar/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMW1uMXJtdTAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLWZ1bGxfX2UzZ3J1cjFuKTsKICBib3JkZXItd2lkdGg6IHZhcigtLWJvcmRlci1ydWxlX19lM2dydXIxcCk7CiAgYm9yZGVyLXN0eWxlOiBzb2xpZDsKICBib3JkZXItY29sb3I6IHZhcigtLWZnMV9fZTNncnVyMmcpOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWRpc3BsYXlfX2UzZ3J1cjApOwogIGZvbnQtd2VpZ2h0OiA2MDA7CiAgbGluZS1oZWlnaHQ6IDE7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQoudXNlLXN0eWxlc19zaXplX3NtX18xbW4xcm11MSB7CiAgd2lkdGg6IDMycHg7CiAgaGVpZ2h0OiAzMnB4OwogIGZvbnQtc2l6ZTogMTRweDsKfQoudXNlLXN0eWxlc19zaXplX21kX18xbW4xcm11MiB7CiAgd2lkdGg6IDQwcHg7CiAgaGVpZ2h0OiA0MHB4OwogIGZvbnQtc2l6ZTogMTZweDsKfQoudXNlLXN0eWxlc19zaXplX2xnX18xbW4xcm11MyB7CiAgd2lkdGg6IDU2cHg7CiAgaGVpZ2h0OiA1NnB4OwogIGZvbnQtc2l6ZTogMjJweDsKfQoudXNlLXN0eWxlc192YXJpYW50X2RlZmF1bHRfXzFtbjFybXU0IHsKICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKICBjb2xvcjogdmFyKC0tZmcxX19lM2dydXIyZyk7Cn0KLnVzZS1zdHlsZXNfdmFyaWFudF9maWxsZWRfXzFtbjFybXU1IHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1mZzFfX2UzZ3J1cjJnKTsKICBjb2xvcjogdmFyKC0tYmcxX19lM2dydXIyYyk7Cn0 */
722
795
  .use-styles_root__1mn1rmu0 {
723
796
  display: inline-flex;
724
797
  align-items: center;
@@ -726,7 +799,7 @@
726
799
  border-radius: var(--radius-full__e3grur1n);
727
800
  border-width: var(--border-rule__e3grur1p);
728
801
  border-style: solid;
729
- border-color: var(--color-fg1__e3grur2g);
802
+ border-color: var(--fg1__e3grur2g);
730
803
  font-family: var(--font-display__e3grur0);
731
804
  font-weight: 600;
732
805
  line-height: 1;
@@ -749,46 +822,46 @@
749
822
  }
750
823
  .use-styles_variant_default__1mn1rmu4 {
751
824
  background: transparent;
752
- color: var(--color-fg1__e3grur2g);
825
+ color: var(--fg1__e3grur2g);
753
826
  }
754
827
  .use-styles_variant_filled__1mn1rmu5 {
755
- background: var(--color-fg1__e3grur2g);
756
- color: var(--color-bg1__e3grur2c);
828
+ background: var(--fg1__e3grur2g);
829
+ color: var(--bg1__e3grur2c);
757
830
  }
758
831
 
759
- /* vanilla-extract-css-ns:src/components/badge/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMXdwZWk2cDAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKfQoudXNlLXN0eWxlc19kb3RfXzF3cGVpNnAxIHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiAtOHB4OwogIHJpZ2h0OiAtOHB4OwogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICBtaW4td2lkdGg6IDE4cHg7CiAgaGVpZ2h0OiAxOHB4OwogIHBhZGRpbmc6IDAgNXB4OwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LW1vbm9fX2UzZ3J1cjIpOwogIGZvbnQtc2l6ZTogMTFweDsKICBmb250LXdlaWdodDogNjAwOwogIGxpbmUtaGVpZ2h0OiAxOwogIGxldHRlci1zcGFjaW5nOiAwLjAyZW07CiAgY29sb3I6IHZhcigtLWNvbG9yLWZnT25BY2NlbnRfX2UzZ3J1cjJqKTsKICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1iZzFfX2UzZ3J1cjJjKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtZnVsbF9fZTNncnVyMW4pOwp9Ci51c2Utc3R5bGVzX3RvbmVfaW5rX18xd3BlaTZwMiB7CiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3ItZmcxX19lM2dydXIyZyk7Cn0KLnVzZS1zdHlsZXNfdG9uZV9hY2NlbnRfXzF3cGVpNnAzIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1hY2NlbnRfX2UzZ3J1cjJuKTsKfQ */
832
+ /* vanilla-extract-css-ns:src/components/badge/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMXdwZWk2cDAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKfQoudXNlLXN0eWxlc19kb3RfXzF3cGVpNnAxIHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiBjYWxjKHZhcigtLXNwYWNlLXNtX19lM2dydXIxYSkgKiAtMSk7CiAgcmlnaHQ6IGNhbGModmFyKC0tc3BhY2Utc21fX2UzZ3J1cjFhKSAqIC0xKTsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgbWluLXdpZHRoOiAxOHB4OwogIGhlaWdodDogMThweDsKICBwYWRkaW5nOiB2YXIoLS1zcGFjZS1ub25lX19lM2dydXIxOCkgdmFyKC0tc3BhY2UteHNfX2UzZ3J1cjE5KTsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vX19lM2dydXIyKTsKICBmb250LXNpemU6IDExcHg7CiAgZm9udC13ZWlnaHQ6IDYwMDsKICBsaW5lLWhlaWdodDogMTsKICBsZXR0ZXItc3BhY2luZzogMC4wMmVtOwogIGNvbG9yOiB2YXIoLS1mZ09uQWNjZW50X19lM2dydXIyaik7CiAgYm9yZGVyOiB2YXIoLS1ib3JkZXItaGVhdnlfX2UzZ3J1cjFxKSBzb2xpZCB2YXIoLS1iZzFfX2UzZ3J1cjJjKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtZnVsbF9fZTNncnVyMW4pOwp9Ci51c2Utc3R5bGVzX3RvbmVfaW5rX18xd3BlaTZwMiB7CiAgYmFja2dyb3VuZDogdmFyKC0tZmcxX19lM2dydXIyZyk7Cn0KLnVzZS1zdHlsZXNfdG9uZV9hY2NlbnRfXzF3cGVpNnAzIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1hY2NlbnRfX2UzZ3J1cjJuKTsKfQ */
760
833
  .use-styles_root__1wpei6p0 {
761
834
  position: relative;
762
835
  display: inline-flex;
763
836
  }
764
837
  .use-styles_dot__1wpei6p1 {
765
838
  position: absolute;
766
- top: -8px;
767
- right: -8px;
839
+ top: calc(var(--space-sm__e3grur1a) * -1);
840
+ right: calc(var(--space-sm__e3grur1a) * -1);
768
841
  display: inline-flex;
769
842
  align-items: center;
770
843
  justify-content: center;
771
844
  box-sizing: border-box;
772
845
  min-width: 18px;
773
846
  height: 18px;
774
- padding: 0 5px;
847
+ padding: var(--space-none__e3grur18) var(--space-xs__e3grur19);
775
848
  font-family: var(--font-mono__e3grur2);
776
849
  font-size: 11px;
777
850
  font-weight: 600;
778
851
  line-height: 1;
779
852
  letter-spacing: 0.02em;
780
- color: var(--color-fgOnAccent__e3grur2j);
781
- border: 2px solid var(--color-bg1__e3grur2c);
853
+ color: var(--fgOnAccent__e3grur2j);
854
+ border: var(--border-heavy__e3grur1q) solid var(--bg1__e3grur2c);
782
855
  border-radius: var(--radius-full__e3grur1n);
783
856
  }
784
857
  .use-styles_tone_ink__1wpei6p2 {
785
- background: var(--color-fg1__e3grur2g);
858
+ background: var(--fg1__e3grur2g);
786
859
  }
787
860
  .use-styles_tone_accent__1wpei6p3 {
788
- background: var(--color-accent__e3grur2n);
861
+ background: var(--accent__e3grur2n);
789
862
  }
790
863
 
791
- /* vanilla-extract-css-ns:src/components/progress/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACq2TwW6jMBCG7zzFXFZKD44ISXcreulj7A0ZPJARZozGJm1U5d0rTKGh2rS70p4w8j_zf_PbfmrxXIvu0MPgUflwtugL3xMXRVu6_tcphdcEIP0RPwBBNPvaSZeDuKADbtK7xwTgkgDs0i9k-5-pweZde0me_mxsyeDsvLvpHJdWB_y9UaPpNwRX8sOH-pJsr5yD6KqdnbPY44jUHEMOh_5lrCh11TbiBjY5nLRslKqcdaLKZl8UuG9kkAxjb3dCqa17zuFIxiDHaicGRYk2NPi5wfSn6sHaucWOY4tnMuGYx3keP5GWWmbO_YpzEt8G1VWFHBbWyeifuNYgxAYDSkesw3Joh4j0jp_dRyDN1OlAjhXrDvPbB74Wm0HiIofdNvPrvUAdcaPqgatJMoGj9qiI22XIh7t1HQWcmqrKDRxyIK6JKeDn4cYnwLgkfR_HMuR7q89jlSVGVVpXtR8p5pD1L-CdJbO-IXE3W6DsdfLB9ZPsfx_W17lfv_Bbsafbh-9iH2PQ8vcZvwE5wxpncAQAAA */
864
+ /* vanilla-extract-css-ns:src/components/progress/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62Ty26DMBBF93yFN5WShSNC0ofopp_RHRrwACPMmNombVTl3ytMoaFq-pC6wog7c8_MNQ8NHksLLTrRO5TOHzW6zHXEWdbkprs9xOI1EiK-Cg8hvAV2pbFtKqzx4HEVr-8jIU6RENv4G9nuJlZYvWtP0cPXxpoUTs7bi87hqMHj40oOpj8QnMn3H-pTtDlz9haKZnJOQo8aqap9Kvbdy1CRQ9FU1vSsUnEAu5Iyr3ZZhrvK9jbB0NUc0JbaPKeiJqWQQ52xCq20oKh3U-n4Jste66nFlkOLZ1K-TsMk958Yc7AT4W5BOIq_QoSiQPYz5WjxJ6IlArFCj7YlBj8HtQ8w7-DJdUABphY8GZYMLaaXQ16KVW_DIRXbTeKW3zy1xJUsey5GyQiO4FASN_OQd-tlHXkcm8rC9OxTQVwSk8fPww3XnnHe8XUYS5HrNByHKk2MMtemaD62ON-Fcac1wuE47-9pLZzRpBaaZAbV52l408nCaGP_L7rvUzj_xy-FEG_ufgphWArY32_8DdH3I_ZyBAAA */
792
865
  @keyframes use-styles_spin__kbop7v0 {
793
866
  0% {
794
867
  transform: rotate(0);
@@ -807,14 +880,14 @@
807
880
  }
808
881
  .use-styles_track__kbop7v2 {
809
882
  height: 4px;
810
- background: var(--color-bg3__e3grur2e);
883
+ background: var(--bg3__e3grur2e);
811
884
  overflow: hidden;
812
885
  border-radius: var(--radius-full__e3grur1n);
813
886
  width: 100%;
814
887
  }
815
888
  .use-styles_bar__kbop7v3 {
816
889
  height: 100%;
817
- background: var(--color-accent__e3grur2n);
890
+ background: var(--accent__e3grur2n);
818
891
  border-radius: var(--radius-full__e3grur1n);
819
892
  }
820
893
  .use-styles_indeterminate__kbop7v4 {
@@ -826,8 +899,8 @@
826
899
  }
827
900
  .use-styles_spinner__kbop7v5 {
828
901
  display: inline-block;
829
- border: 2px solid var(--color-border2__e3grur2l);
830
- border-top-color: var(--color-accent__e3grur2n);
902
+ border: var(--border-heavy__e3grur1q) solid var(--border2__e3grur2l);
903
+ border-top-color: var(--accent__e3grur2n);
831
904
  border-radius: var(--radius-full__e3grur1n);
832
905
  animation-name: use-styles_spin__kbop7v0;
833
906
  animation-duration: 0.8s;
@@ -835,67 +908,72 @@
835
908
  animation-iteration-count: infinite;
836
909
  }
837
910
 
838
- /* vanilla-extract-css-ns:src/components/chip/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACoVTQZLbIBC8-xUc4wMuy95NtvBtP6Iai5E0ZQTUgNZ2Uvl7Skhi5Y0SH5lpupseZtcHlCHeDYaSnYtlWcCNTP2yF782QmgK3sBdCbKGLMra4O20EQIMNVZSxC4oUaGNyEO5Aa_ED58gtbNR1tCRuSvxAfxNylTqnHVliceGez5sMzLQT1SiKMbLBmNElsFDRbZRYr_bv2E3dCLeoowMNtSOOyV675ErCDg0PWid8N_9TRSHkevsWCNLBk19mK2MJ3mGgLOZotsu4FfSsZ3RU60F4ox2S3RKUIngDOmhfG0pYrKPSlh3ZfDJ_OCbIjmrBBgzseueZQ0h5lRet1MHIaAke8mdt-1p83uzWwwtOotlgkyDK9LgKmccz_bTQdbNIfO0S_Mr2LHziTfrulANs8_Sh39Jz7iJzT5RX4E_igc0WEXUWfmYlM9QXRp2vdVfX15ksiZprz15AaqeGPxK-OiuMlRd4Gww23sZg-k5DEze0bgwT6-p1n0g__dt5-aYreBfVjQajPgebeZ8fdzrJwvdATdkJVPTRiXkcdyovGb7z5iGb27TEi6dzrUpQ7ItMsXTahh_AEgBSYKLBAAA */
911
+ /* vanilla-extract-css-ns:src/components/chip/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA4VUy47jIBC85ys4bg5EcTIjZcltfsTC0LZbwWDxSJxdzb-vwDaxdxLlSHfRVdV0swsOqPN3Ba60xviyLPiAqv7Yk78bQiS6XvE7I6gVaqC1guG8IYQrbDRFD51jRID2YGO44T0jV25_Uep6LoC6rizh2NhgC76NiNpoT2veobrPyBTqjDYz9PBAOvwDjBRFn1gVeA82lUbdMLLf7U_QxYyHwVNvuXa1sR0joe_BCu4gJnsuZcIvlQ0uK_u9XWU6mTNVUlIZK8FSyyUGN1cZT7TiDjK8W8JvKH07o6dYy9FmtFmi0xMw4oxCGcO3Fj2MghjR5mZ5n3xGi-jRaEa4UlN1GSytufO5gZ-zI-AOKOpLzpwm0iG2NjVlElCZ4bz53uwW8-CNhjJdnmaiSDMhjDI2P15zyLXbpaEVaow9kGr7lIuLOEqZ7vCTbkZMdfRLxifANaEDBcKDzGzHxFZxcWmsCVo-HBa5TJP41tYWafFSzv9F1lqEQnHhlYIs5mO0HqyLNXqD44a9vcZacwX7wknVHLMI-CFCggIPX17nap_rL-DN7nfcNqipxab1jNDjuLJPd0_Hx57X4LRoWhx1nXZ2qX6OTR1F3YJFf37foCeWWG1EcPSKDisFyaAJPv5tjBz6YVzA_DGJkH-JQ0g6JzA1de3Apzvnzfc_VoR90EYFAAA */
839
912
  .use-styles_root__1axilf40 {
840
913
  display: inline-flex;
841
914
  align-items: center;
842
- gap: 7px;
915
+ gap: var(--space-sm__e3grur1a);
843
916
  font-family: var(--font-mono__e3grur2);
844
917
  font-size: 11px;
845
918
  letter-spacing: 0.08em;
846
919
  text-transform: uppercase;
847
- padding: 6px 12px;
920
+ padding: var(--space-xs__e3grur19) var(--space-md__e3grur1b);
848
921
  border-radius: var(--radius-base__e3grur1m);
849
922
  border-width: var(--border-hair__e3grur1o);
850
923
  border-style: solid;
851
924
  white-space: nowrap;
852
925
  transition: all var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
926
+ box-sizing: border-box;
853
927
  }
854
928
  .use-styles_tone_ink__1axilf41 {
855
- color: var(--color-fg2__e3grur2h);
856
- border-color: var(--color-border2__e3grur2l);
929
+ color: var(--fg2__e3grur2h);
930
+ border-color: var(--border2__e3grur2l);
857
931
  }
858
932
  .use-styles_tone_accent__1axilf42 {
859
- color: var(--color-accent__e3grur2n);
860
- border-color: var(--color-accent__e3grur2n);
933
+ color: var(--accent__e3grur2n);
934
+ border-color: var(--accent__e3grur2n);
861
935
  }
862
936
  .use-styles_selected__1axilf43 {
863
- background: var(--color-fg1__e3grur2g);
864
- color: var(--color-bg1__e3grur2c);
865
- border-color: var(--color-fg1__e3grur2g);
937
+ background: var(--fg1__e3grur2g);
938
+ color: var(--bg1__e3grur2c);
939
+ border-color: var(--fg1__e3grur2g);
866
940
  }
867
941
  .use-styles_clickable__1axilf44 {
868
942
  cursor: pointer;
869
943
  }
870
944
  .use-styles_clickable__1axilf44:hover {
871
- background: var(--color-bg3__e3grur2e);
945
+ background: var(--bg3__e3grur2e);
872
946
  }
873
947
  .use-styles_deleteBtn__1axilf45 {
874
948
  display: flex;
875
949
  align-items: center;
876
950
  margin-right: -3px;
877
- padding: 0;
951
+ padding: var(--space-none__e3grur18);
878
952
  border: none;
879
953
  background: none;
880
954
  color: inherit;
881
955
  cursor: pointer;
882
956
  }
957
+ .use-styles_deleteBtn__1axilf45:focus-visible {
958
+ outline: 2px solid var(--focus__e3grur2u);
959
+ outline-offset: 2px;
960
+ }
883
961
 
884
- /* vanilla-extract-css-ns:src/components/checkbox/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fOXpvZ2E5MCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDEwcHg7CiAgY3Vyc29yOiBwb2ludGVyOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LXRleHRfX2UzZ3J1cjEpOwogIGZvbnQtc2l6ZTogMTVweDsKICBjb2xvcjogdmFyKC0tY29sb3ItZmcxX19lM2dydXIyZyk7Cn0KLnVzZS1zdHlsZXNfaW5wdXRfXzl6b2dhOTEgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB3aWR0aDogMXB4OwogIGhlaWdodDogMXB4OwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAtMXB4OwogIG92ZXJmbG93OiBoaWRkZW47CiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGJvcmRlcjogMDsKfQoudXNlLXN0eWxlc19ib3hfXzl6b2dhOTIgewogIHdpZHRoOiAxOHB4OwogIGhlaWdodDogMThweDsKICBib3JkZXItd2lkdGg6IDEuNXB4OwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1mZzFfX2UzZ3J1cjJnKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtYmFzZV9fZTNncnVyMW0pOwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LXNocmluazogMDsKICB0cmFuc2l0aW9uOiBhbGwgdmFyKC0tZHVyLWZhc3RfX2UzZ3J1cjI1KSB2YXIoLS1lYXNlLWlua19fZTNncnVyMjgpOwp9Ci51c2Utc3R5bGVzX2JveENoZWNrZWRfXzl6b2dhOTMgewogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWZnMV9fZTNncnVyMmcpOwp9Ci51c2Utc3R5bGVzX2NoZWNrX185em9nYTk0IHsKICBjb2xvcjogdmFyKC0tY29sb3ItYmcxX19lM2dydXIyYyk7Cn0KLnVzZS1zdHlsZXNfZGlzYWJsZWRfXzl6b2dhOTUgewogIG9wYWNpdHk6IDAuNTsKICBjdXJzb3I6IG5vdC1hbGxvd2VkOwp9 */
962
+ /* vanilla-extract-css-ns:src/components/checkbox/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41U227bMAx9z1fwscGmIEkXIFUe9yGBLNE2F0UUdMmlQ_99sHyJ2w3tAL-IPOeQR6S8yhFFTHeL8RiY0_H48sqNelnD7wWAoeituksgZ8mhqC3eDgsAZalxghKeowSNLmHowo3yEi4qPAkRvdIo4vl4xOcm5LBRyw6hc4gcJHimkVSzS6JWZ7L3kVxCCW9pYi8nZKRXlLDZ-dKIZtvJDbRmMxK2zfKweFusZu7I-TzZ2xR7niMlYidBVZFtTthpXsmkVsKmr9AiNW2ajl4ZQ655b9Oxw6nVfen1rEJDToIYeHzBUFu-SmjJGHSleUteQkCdntbfYfgK-9pSwl5cguNrUL4LVxwMBgnrj94qvo3OtsXZ6GH_wcRw7oXEgOqtDLGQ7cOLX87QpZaEyJbMLPzpCCZUUIZyHGH9SVQqPmqdC3zauC9W7VeOieq70OwSujRPdUwR20DuVK4KIAXlpklbOzRhchC1itOSbXfLIYMqoiB3mjL7L7ZJ1qxzFBeKVFmEb_DpcDin7jVJ2Ppbf53T3uscp6K5XMgAFlzXEVPh_GP6P1vUJzRjnedSp1L61ATOzvzfC9GdyCjxo0i8G241Y-u_2Iaiquyjh13v1StN6S5hvdrNfwCOk1DW8hXNYfH2B-o8FVqGBAAA */
885
963
  .use-styles_root__9zoga90 {
886
964
  display: inline-flex;
887
965
  align-items: center;
888
- gap: 10px;
966
+ gap: var(--space-sm__e3grur1a);
889
967
  cursor: pointer;
890
968
  font-family: var(--font-text__e3grur1);
891
969
  font-size: 15px;
892
- color: var(--color-fg1__e3grur2g);
970
+ color: var(--fg1__e3grur2g);
893
971
  }
894
972
  .use-styles_input__9zoga91 {
895
973
  position: absolute;
896
974
  width: 1px;
897
975
  height: 1px;
898
- padding: 0;
976
+ padding: var(--space-none__e3grur18);
899
977
  margin: -1px;
900
978
  overflow: hidden;
901
979
  clip: rect(0, 0, 0, 0);
@@ -905,9 +983,9 @@
905
983
  .use-styles_box__9zoga92 {
906
984
  width: 18px;
907
985
  height: 18px;
908
- border-width: 1.5px;
986
+ border-width: var(--border-rule__e3grur1p);
909
987
  border-style: solid;
910
- border-color: var(--color-fg1__e3grur2g);
988
+ border-color: var(--fg1__e3grur2g);
911
989
  border-radius: var(--radius-base__e3grur1m);
912
990
  display: flex;
913
991
  align-items: center;
@@ -915,35 +993,39 @@
915
993
  flex-shrink: 0;
916
994
  transition: all var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
917
995
  }
996
+ .use-styles_input__9zoga91:focus-visible + .use-styles_box__9zoga92 {
997
+ outline: 2px solid var(--focus__e3grur2u);
998
+ outline-offset: 2px;
999
+ }
918
1000
  .use-styles_boxChecked__9zoga93 {
919
- background: var(--color-fg1__e3grur2g);
1001
+ background: var(--fg1__e3grur2g);
920
1002
  }
921
1003
  .use-styles_check__9zoga94 {
922
- color: var(--color-bg1__e3grur2c);
1004
+ color: var(--bg1__e3grur2c);
923
1005
  }
924
1006
  .use-styles_disabled__9zoga95 {
925
1007
  opacity: 0.5;
926
1008
  cursor: not-allowed;
927
1009
  }
928
1010
 
929
- /* vanilla-extract-css-ns:src/components/radio/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACp1Ty47bMAy85yt03ABVECebYqv-QP_CkC3aZsNIgh5x3MX-eyHFcuO0h7aALyTHo5kRtYseuA8Tga-dMaGur9Pnqnnds_cNYwq9JTkJhppQA-8Ibl83jEnCXnMMcPGCtaADuNTupRXsKt0L597KFri_1DUcexddJbcJ0RkdeCcvSFNB5laAW1igGdkaMq5gcsG7viqYQ38HRecTyhq8a_jY7B4MKfSyIVDFVJVN_ZH5uDDjilmbwCWRGUE9s6O2ccnrkKmt8RjQaMFk4w3FAIlrRBUGwSqbsxsA-yEspZVKoe4F26fqIl2PWjA-T80VXEdmFGxApUBnaYRWMAdteNl_YvOXRY8DBrhHn5SPTtrUboxT4PgsY__so0XXEhQjx_-5-O_RB-wm3hodQIfHUTH_9uR-rtfaqt1p1c4KBfOGUD20_2o3ZqyTCqMv4HvFu0i0rJu-bybBjfvBoT7PdxGc1OU6Hw-eqVR0vJN-WdvDaTtPQHrgqM_L5G3722b-emmvOfA5gC_rlOayke25dyZqtTYt25Tzcoz-d99rVSQboKLrlHXl1-nxBxSm9FJ5Y9SUu4XM56PzqhTtz_A0_JZn5aeQBPwEr3VsQIEEAAA */
1011
+ /* vanilla-extract-css-ns:src/components/radio/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U247bIBB9z1fwuFHLKpfdakt_oH8RYRjb0yWAGEjiVv33CmzYJJW66kp-YeZw5syZMY-JgFOcDNAhOBcPh9P0Zds9bdivFWMayRs5CYbWoAXeG7h8WzEmDQ6WY4QjCabARgg5PEgv2EmGB87JSwWcjocD7IeQwlauM6J3NvJeHtFMFVlCES6xQQtSOeNCwwzbmt0NczoFynnvcK7-e_V41YpGkp0BXdvZlnbuOPeNE284rYtcGuPOoO950frUPNoVUu8IIzormOzImRQhc51Rx1GwrS9-jYDDGNvRS63RDrdeWWehWfBSBB1lGNAKxpd77gShN-4s2Ihagy2iDXrBAqj4sPnMlq_cPo8YYSbPPZ2D9DncuaAh8EXg5r5DhUEZqC3uP7IGPxJF7CeunI1g43Wq2vJy58tyvtU2u7PEQjJv9vj1FboIF4ycQX0VfmeBKq3UmKjC5hPvkzGtlp0X18CF0xjQvhbTGItB2jr565ILlU6B95LaVu-e10sGJAFH-9oyedj_WjPRO5WIn5CwM8A-sffm5VLMcxJs5y-zL-1fU4la3VQ6W8Dc9T1BLHf--pve3oWnUmAZ0NfbKS7HTqrXIbhkdbVVqrwBra79_wHc6jGyA1MVPRdF5RUh_AmVKb8ovHN6KtFKRqV06beqvofn5PeSq5diFvAHGMK8xykFAAA */
930
1012
  .use-styles_root__vy61b40 {
931
1013
  display: inline-flex;
932
1014
  align-items: center;
933
1015
  gap: var(--space-sm__e3grur1a);
934
1016
  font-family: var(--font-text__e3grur1);
935
- color: var(--color-fg1__e3grur2g);
1017
+ color: var(--fg1__e3grur2g);
936
1018
  cursor: pointer;
937
1019
  }
938
1020
  .use-styles_disabled__vy61b41 {
939
- color: var(--color-fg3__e3grur2i);
1021
+ color: var(--fg3__e3grur2i);
940
1022
  cursor: not-allowed;
941
1023
  }
942
1024
  .use-styles_input__vy61b42 {
943
1025
  position: absolute;
944
1026
  width: 1px;
945
1027
  height: 1px;
946
- padding: 0;
1028
+ padding: var(--space-none__e3grur18);
947
1029
  margin: -1px;
948
1030
  overflow: hidden;
949
1031
  clip: rect(0, 0, 0, 0);
@@ -956,17 +1038,21 @@
956
1038
  justify-content: center;
957
1039
  width: 18px;
958
1040
  height: 18px;
959
- border-width: 1.5px;
1041
+ border-width: var(--border-rule__e3grur1p);
960
1042
  border-style: solid;
961
- border-color: var(--color-fg1__e3grur2g);
1043
+ border-color: var(--fg1__e3grur2g);
962
1044
  border-radius: var(--radius-full__e3grur1n);
963
1045
  flex-shrink: 0;
964
1046
  transition: border-color var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
965
1047
  }
1048
+ .use-styles_input__vy61b42:focus-visible + .use-styles_circle__vy61b43 {
1049
+ outline: 2px solid var(--focus__e3grur2u);
1050
+ outline-offset: 2px;
1051
+ }
966
1052
  .use-styles_dot__vy61b44 {
967
1053
  width: 9px;
968
1054
  height: 9px;
969
- background: var(--color-accent__e3grur2n);
1055
+ background: var(--accent__e3grur2n);
970
1056
  border-radius: var(--radius-full__e3grur1n);
971
1057
  }
972
1058
  .use-styles_label__vy61b45 {
@@ -974,18 +1060,18 @@
974
1060
  line-height: var(--text-body-lineHeight__e3grurt);
975
1061
  }
976
1062
 
977
- /* vanilla-extract-css-ns:src/components/switch/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVUya7bMAy85yt0TIAqyPbSQj320r8IaIu2CdOSIMlZWrx_Lywv2ZCgKFDAF5IjDmdEa9kGlCFeGMPBWxsPh7Xf19h8XYnfMyE0BcdwUYIMk0FZMJ6_z4QAptJIitgEJXI0EX2XLsEpcQQ_lzI4yFGG5nDAbelbv4ZFhyisibKAhvgyIlMq4jlO0ITMLVs_YlIgi3I9YjZlD2p96FDOUj_D52z5UpGqIMyVpgAZo14kgWMDY6MEZntC_ZJ8O5HT4pGJjGuvVOvU29lAkaxRArJguY3YtT6RjpUSa5eMrJDKKk6hA63JlEqsuqgBX5JRQg5Ve0RfsD0pUZHWaNKkTE4Jj3mcr76I4UvenCqK2N9Dp-_kwXXpzHqNPjHcS4ge8nqSsHmQ4JEh0vFWwm5zr2EzxBnkdelta7QS0YMJDjyaeCWXowfLj-FEn06DKBEsk75J_9UmDFgPmtowgvtIFi3ztFwmwdNcg7TrvMMx3XqZQcCJYr8YKggBJZl6qnzrt5rxLEPlydSvjP1RYV6jnvzdJn9vrXqn775hbWw2Ndq92bVonRKb0WXGIiqx7YPxCnYPe7h7vsP_Zjww_5vjz3Y82vuRXOkVQxttR-17idv3CrMbhfkTF0OGPLHsE0t6wAL9wrFR95jJ0ABzSk8O9P9lekhHv58OdNWfqTgd697Dzz8ekrZEqQUAAA */
1063
+ /* vanilla-extract-css-ns:src/components/switch/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VU227bMAx971foscGmonHSbtAe97K_CGiLtgkzkqBLkm7ovw-WbTVNegEGDNALL-LhOaR0lwLKEJ8Yw85bG3e7tX8ccP_tXvy5EUJTcAxPSpBhMihbxtOPGyGAqTOSIu6DEg2aiH50d-CUOIC_lTI4aFCG_W6Hm84nv4bVmNFaE2ULe-KnJTO7Ip5iSc2ZjWXrS063XqJVN4WTD2PcWZrQn2_u3uWiegi3SlOAmlGvMrWlgLFRArM9on4DdlNgaXWJQcalF5B1rupsoEjWKAF1sJwijkWPpGOvxNpl8Xqkro_FdKA1mU6J-9Hag-_IKCHnqD2gb9kelehJazS5RyanhMcm3t5_FfPJqhx7ijhpPzI7enCju7Zeo58RbIrjLMe4wUtO0UMzFE7VBSePDJEO55y21WtS1WzX0Aydt8loJaIHExx4NPGlGzkXmJSefT4xljVwq7Ps3J8SwTLpM_cnW7KUBU0pLGmTJdvEXLBMTs-NzlxfCMzXdPKyhlD6qx5XcwQhoCQzlMj3adcZTzL0nsyQpf9we1RrmxTkgQLVjOKL-GwqZYyVO02ylPfUpFBaSauzmUvbtgFjvvPm5H_22AyoC9QmQ53P8m2lX5cajK1Lie0H7yJap0R19zCtDGMbldhMxvJkthdvZnu9Xv9h-MD8b1O_FuJS0oesx8QVUrQjtJ_Ibd7jVp9xa65QGGrkUv8x18-faqDfuJQYP1gZ9sCc3YX79G_k5Vg0vrowRn_lYLk2_tHPfwGoLA4uPQYAAA */
978
1064
  .use-styles_root__1r6kem70 {
979
1065
  display: inline-flex;
980
1066
  align-items: center;
981
1067
  gap: var(--space-sm__e3grur1a);
982
1068
  font-family: var(--font-text__e3grur1);
983
- color: var(--color-fg1__e3grur2g);
1069
+ color: var(--fg1__e3grur2g);
984
1070
  cursor: pointer;
985
1071
  }
986
1072
  .use-styles_root__1r6kem70:has(:disabled) {
987
1073
  cursor: not-allowed;
988
- color: var(--color-fg3__e3grur2i);
1074
+ color: var(--fg3__e3grur2i);
989
1075
  }
990
1076
  .use-styles_input__1r6kem71 {
991
1077
  position: absolute;
@@ -997,21 +1083,26 @@
997
1083
  clip: rect(0, 0, 0, 0);
998
1084
  white-space: nowrap;
999
1085
  border: 0;
1086
+ outline: none;
1000
1087
  }
1001
1088
  .use-styles_track__1r6kem72 {
1002
1089
  position: relative;
1003
1090
  width: 42px;
1004
1091
  height: 22px;
1005
1092
  background: transparent;
1006
- border-width: 1.5px;
1093
+ border-width: var(--border-rule__e3grur1p);
1007
1094
  border-style: solid;
1008
- border-color: var(--color-fg1__e3grur2g);
1095
+ border-color: var(--fg1__e3grur2g);
1009
1096
  border-radius: var(--radius-full__e3grur1n);
1010
1097
  transition: background var(--dur-base__e3grur26) var(--ease-ink__e3grur28);
1011
1098
  flex-shrink: 0;
1012
1099
  }
1100
+ .use-styles_input__1r6kem71:focus-visible + .use-styles_track__1r6kem72 {
1101
+ outline: 2px solid var(--focus__e3grur2u);
1102
+ outline-offset: 2px;
1103
+ }
1013
1104
  .use-styles_trackChecked__1r6kem73 {
1014
- background: var(--color-fg1__e3grur2g);
1105
+ background: var(--fg1__e3grur2g);
1015
1106
  }
1016
1107
  .use-styles_knob__1r6kem74 {
1017
1108
  position: absolute;
@@ -1019,35 +1110,35 @@
1019
1110
  left: 3px;
1020
1111
  width: 14px;
1021
1112
  height: 14px;
1022
- background: var(--color-fg1__e3grur2g);
1113
+ background: var(--fg1__e3grur2g);
1023
1114
  border-radius: var(--radius-full__e3grur1n);
1024
1115
  transition: all var(--dur-base__e3grur26) var(--ease-ink__e3grur28);
1025
1116
  }
1026
1117
  .use-styles_knobChecked__1r6kem75 {
1027
1118
  left: auto;
1028
1119
  right: 3px;
1029
- background: var(--color-bg1__e3grur2c);
1120
+ background: var(--bg1__e3grur2c);
1030
1121
  }
1031
1122
  .use-styles_label__1r6kem76 {
1032
1123
  font-size: var(--text-small-size__e3grur10);
1033
1124
  line-height: var(--text-small-lineHeight__e3grur11);
1034
1125
  }
1035
1126
 
1036
- /* vanilla-extract-css-ns:src/components/text-field/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACqVUsW7bMBDd_RVcCjQDA8lOU5feCnToVjTdDUo8yWwpkiCPjtwi_16QshgpcpMghQeD4r13d-8e7zp4oB5PCvzeGYP7_ZHjtj0W5M-KECG9VfzESKOg361I-qdCOqhRGs1IbVTodLxpuWXk1va71cPqekKqeAXqB_SZuUzMjdFIG95JdWLkyN17StOnzmiz38OmdcGtr3ZjpJe_gZGysKkKBYjgqLe8lrplpLgu19DFG4QeKTqufWNcx0iwFlzNPcTL2ijjxmzpQJt2k7PJq3_W_sU548YG1qmBC2SC6xZc5vMLvkaCEiPNJtFY4-UgpQPFUR5TpQvduZKtphKh84zUoBHcU3Kpbcgi3zwrMqZxDGWWC5FvB5EvqlXm7tqEq3j9q3UmaDGPrNp1jhRDpHECHCOl7Yk3Sop5fLp9xKgJhjouZPBjguFEK-4h99ClcMuFSH4oY5JyPfRxLwUeoneKd_FoAiqpgRFtNAxJ-th5Ap4TVmZh47m6rDF18EnjM-SCWryOg8ot6auc7cCFuWekSL-17S_A7kzzCLULJ6VyZq788EI1L5ozUd4hd_iNZ5PeDiYdhKUKGmRks12-8gT-DkfgaoL-OEM72R6QkZtiCT-AstMdsf0P-26GsQ-fIn0cteu4etMKGCubaf3pzRvAR32_1kaPVPzJFuCVNyogDGsuyj36OO8EqaOB6bOr4VWdxrwyxlM4gkY_vol5yS5N9XNAfKy6eqbq85i3b6r6Z_AomxOtjUbQOL3Kr7uYrpP8iieLKO1_yx1ofLUSdXA-Rp0V2a0e_gIBH_E0GgcAAA */
1127
+ /* vanilla-extract-css-ns:src/components/text-field/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VVTW_bMAy951foMmA5qMjH1rXObcAOuw3r7gFt0Y42WRIkKnU29L8PkmPVTtp07ZBDYJN6JB-fnq-CR-7poNBvnTG03e6Bbpr9gv2ZMSaktwoOBasVdpsZS_9cSIcVSaMLVhkVWh0jDdiC7cG959xbqJB3frvFdeOCW97ON7OH2dWolIIS1Q_scr1lqlcbTbyGVqrDAJZetUabAW013wyZXv7Ggi0XNvWmkAhdqi51U7DF1XKFbYwQdsTJgfa1cW3BgrXoKvAYg5VRxuVqzTrXkc93_cU544bWV6n1CYwA3aDLSP4MqZaoxACwTgDWeNmT6lAByX3q7mwDoGSjuSRsfcEq1ITuFFxqGzKxHy4SS2kFxzWdEXvdE3vC0DLP1aQTJVS_GmeCFkNO2axyjuhzjBOYMfonvgOZOVqaOfNGSTFJeYRRIxjuQMjgB7T-iZfgMaO1Kd2CEEkKY122ImeV8-cj8fy9FLSLAlu8i48mkJIaC6aNxr6dLlKVShxbK013eR1Fbarg01KORyb0QhV3msfW81xnB8LcF2yRfivbTQ7cmfrxkD2TW2phItqPz3bwonYT2B2Bo2-QNXzda7gnnCusacr6qlOZXHwa8jvuEdQI89ME08lm9yrQHSo7tpib_7gJ6_4m9K8ifBSBa0G90kGGnia7uH2DgfjI_9fK6AEETkwESm9UIOyd8XQdZ1LPPiN11Di_aDcvjBzbkDGT4x41-eHCTCdwad2fA9HjEOWFIZ7Yv2_zFPCWKX4GT7I-8MpoQk3j0JPWEcfIFW8mxpYtYWSG6YtjwaGmf-CsCs7H-JG7zezhL50LBPqcBwAA */
1037
1128
  .use-styles_root__vat8gv0 {
1038
1129
  display: flex;
1039
1130
  flex-direction: column;
1040
- gap: 6px;
1131
+ gap: var(--space-xs__e3grur19);
1041
1132
  }
1042
1133
  .use-styles_labelText__vat8gv1 {
1043
1134
  font-family: var(--font-mono__e3grur2);
1044
1135
  font-size: 10px;
1045
1136
  letter-spacing: 0.12em;
1046
1137
  text-transform: uppercase;
1047
- color: var(--color-fg3__e3grur2i);
1138
+ color: var(--fg3__e3grur2i);
1048
1139
  }
1049
1140
  .use-styles_labelTextError__vat8gv2 {
1050
- color: var(--color-danger__e3grur2s);
1141
+ color: var(--danger__e3grur2s);
1051
1142
  }
1052
1143
  .use-styles_field__vat8gv3 {
1053
1144
  position: relative;
@@ -1057,133 +1148,141 @@
1057
1148
  .use-styles_input__vat8gv4 {
1058
1149
  font-family: var(--font-text__e3grur1);
1059
1150
  font-size: 16px;
1060
- color: var(--color-fg1__e3grur2g);
1061
- background: var(--color-bg2__e3grur2d);
1062
- border: 1px solid var(--color-border2__e3grur2l);
1151
+ color: var(--fg1__e3grur2g);
1152
+ background: var(--bg2__e3grur2d);
1153
+ border: var(--border-hair__e3grur1o) solid var(--border2__e3grur2l);
1063
1154
  border-radius: var(--radius-base__e3grur1m);
1064
- padding: 11px 12px;
1155
+ padding: var(--space-md__e3grur1b) var(--space-md__e3grur1b);
1065
1156
  width: 100%;
1066
1157
  outline: none;
1067
1158
  box-sizing: border-box;
1068
1159
  }
1069
1160
  .use-styles_input__vat8gv4:focus {
1070
- border-color: var(--color-accent__e3grur2n);
1071
- box-shadow: 0 0 0 2px var(--color-accentSoft__e3grur2p);
1161
+ border-color: var(--accent__e3grur2n);
1162
+ box-shadow: 0 0 0 2px var(--accentSoft__e3grur2p);
1072
1163
  }
1073
1164
  .use-styles_inputError__vat8gv5 {
1074
- border-color: var(--color-danger__e3grur2s);
1165
+ border-color: var(--danger__e3grur2s);
1075
1166
  }
1076
1167
  .use-styles_inputStartPad__vat8gv6 {
1077
- padding-left: 38px;
1168
+ padding-left: var(--space-2xl__e3grur1e);
1078
1169
  }
1079
1170
  .use-styles_inputRevealPad__vat8gv7 {
1080
- padding-right: 40px;
1171
+ padding-right: var(--space-2xl__e3grur1e);
1081
1172
  }
1082
1173
  .use-styles_helpText__vat8gv8 {
1083
1174
  font-family: var(--font-text__e3grur1);
1084
1175
  font-size: 13px;
1085
1176
  font-style: normal;
1086
- color: var(--color-fg3__e3grur2i);
1177
+ color: var(--fg3__e3grur2i);
1087
1178
  }
1088
1179
  .use-styles_helpTextError__vat8gv9 {
1089
- color: var(--color-danger__e3grur2s);
1180
+ color: var(--danger__e3grur2s);
1090
1181
  }
1091
1182
  .use-styles_startIcon__vat8gva {
1092
1183
  position: absolute;
1093
- left: 12px;
1184
+ left: var(--space-md__e3grur1b);
1094
1185
  display: inline-flex;
1095
1186
  align-items: center;
1096
- color: var(--color-fg3__e3grur2i);
1187
+ color: var(--fg3__e3grur2i);
1097
1188
  pointer-events: none;
1098
1189
  }
1099
1190
  .use-styles_revealButton__vat8gvb {
1100
1191
  position: absolute;
1101
- right: 8px;
1192
+ right: var(--space-sm__e3grur1a);
1102
1193
  display: inline-flex;
1103
1194
  align-items: center;
1104
1195
  justify-content: center;
1105
- padding: 0;
1196
+ padding: var(--space-none__e3grur18);
1106
1197
  border: none;
1107
1198
  background: transparent;
1108
- color: var(--color-fg3__e3grur2i);
1199
+ color: var(--fg3__e3grur2i);
1109
1200
  cursor: pointer;
1110
1201
  }
1111
1202
 
1112
- /* vanilla-extract-css-ns:src/components/icon-button/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMThucDBxMDAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgcGFkZGluZzogdmFyKC0tc3BhY2Utc21fX2UzZ3J1cjFhKTsKICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKICBjb2xvcjogdmFyKC0tY29sb3ItZmcyX19lM2dydXIyaCk7CiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1ib3JkZXItaGFpcl9fZTNncnVyMW8pOwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtYmFzZV9fZTNncnVyMW0pOwogIGN1cnNvcjogcG9pbnRlcjsKICB0cmFuc2l0aW9uOiBhbGwgdmFyKC0tZHVyLWZhc3RfX2UzZ3J1cjI1KSB2YXIoLS1lYXNlLWlua19fZTNncnVyMjgpOwp9Ci51c2Utc3R5bGVzX3Jvb3RfXzE4bnAwcTAwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1iZzNfX2UzZ3J1cjJlKTsKfQoudXNlLXN0eWxlc19yb290X18xOG5wMHEwMDpkaXNhYmxlZCB7CiAgY29sb3I6IHZhcigtLWNvbG9yLWZnM19fZTNncnVyMmkpOwogIG9wYWNpdHk6IDAuNTsKICBjdXJzb3I6IG5vdC1hbGxvd2VkOwp9Ci51c2Utc3R5bGVzX2FjdGl2ZV9fMThucDBxMDEgewogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWJnM19fZTNncnVyMmUpOwogIGNvbG9yOiB2YXIoLS1jb2xvci1hY2NlbnRfX2UzZ3J1cjJuKTsKfQoudXNlLXN0eWxlc19hY2NlbnRfXzE4bnAwcTAyIHsKICBjb2xvcjogdmFyKC0tY29sb3ItYWNjZW50X19lM2dydXIybik7Cn0 */
1203
+ /* vanilla-extract-css-ns:src/components/icon-button/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMThucDBxMDAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgcGFkZGluZzogdmFyKC0tc3BhY2Utc21fX2UzZ3J1cjFhKTsKICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKICBjb2xvcjogdmFyKC0tZmcyX19lM2dydXIyaCk7CiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1ib3JkZXItaGFpcl9fZTNncnVyMW8pOwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtYmFzZV9fZTNncnVyMW0pOwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgY3Vyc29yOiBwb2ludGVyOwogIHRyYW5zaXRpb246IGFsbCB2YXIoLS1kdXItZmFzdF9fZTNncnVyMjUpIHZhcigtLWVhc2UtaW5rX19lM2dydXIyOCk7Cn0KLnVzZS1zdHlsZXNfcm9vdF9fMThucDBxMDA6aG92ZXI6bm90KDpkaXNhYmxlZCkgewogIGJhY2tncm91bmQ6IHZhcigtLWJnM19fZTNncnVyMmUpOwp9Ci51c2Utc3R5bGVzX3Jvb3RfXzE4bnAwcTAwOmRpc2FibGVkIHsKICBjb2xvcjogdmFyKC0tZmczX19lM2dydXIyaSk7CiAgb3BhY2l0eTogMC41OwogIGN1cnNvcjogbm90LWFsbG93ZWQ7Cn0KLnVzZS1zdHlsZXNfcm9vdF9fMThucDBxMDA6Zm9jdXMtdmlzaWJsZSB7CiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWZvY3VzX19lM2dydXIydSk7CiAgb3V0bGluZS1vZmZzZXQ6IDJweDsKfQoudXNlLXN0eWxlc19hY3RpdmVfXzE4bnAwcTAxIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1iZzNfX2UzZ3J1cjJlKTsKICBjb2xvcjogdmFyKC0tYWNjZW50X19lM2dydXIybik7Cn0KLnVzZS1zdHlsZXNfYWNjZW50X18xOG5wMHEwMiB7CiAgY29sb3I6IHZhcigtLWFjY2VudF9fZTNncnVyMm4pOwp9 */
1113
1204
  .use-styles_root__18np0q00 {
1114
1205
  display: inline-flex;
1115
1206
  align-items: center;
1116
1207
  justify-content: center;
1117
1208
  padding: var(--space-sm__e3grur1a);
1118
1209
  background: transparent;
1119
- color: var(--color-fg2__e3grur2h);
1210
+ color: var(--fg2__e3grur2h);
1120
1211
  border-width: var(--border-hair__e3grur1o);
1121
1212
  border-style: solid;
1122
1213
  border-color: transparent;
1123
1214
  border-radius: var(--radius-base__e3grur1m);
1215
+ box-sizing: border-box;
1124
1216
  cursor: pointer;
1125
1217
  transition: all var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
1126
1218
  }
1127
1219
  .use-styles_root__18np0q00:hover:not(:disabled) {
1128
- background: var(--color-bg3__e3grur2e);
1220
+ background: var(--bg3__e3grur2e);
1129
1221
  }
1130
1222
  .use-styles_root__18np0q00:disabled {
1131
- color: var(--color-fg3__e3grur2i);
1223
+ color: var(--fg3__e3grur2i);
1132
1224
  opacity: 0.5;
1133
1225
  cursor: not-allowed;
1134
1226
  }
1227
+ .use-styles_root__18np0q00:focus-visible {
1228
+ outline: 2px solid var(--focus__e3grur2u);
1229
+ outline-offset: 2px;
1230
+ }
1135
1231
  .use-styles_active__18np0q01 {
1136
- background: var(--color-bg3__e3grur2e);
1137
- color: var(--color-accent__e3grur2n);
1232
+ background: var(--bg3__e3grur2e);
1233
+ color: var(--accent__e3grur2n);
1138
1234
  }
1139
1235
  .use-styles_accent__18np0q02 {
1140
- color: var(--color-accent__e3grur2n);
1236
+ color: var(--accent__e3grur2n);
1141
1237
  }
1142
1238
 
1143
- /* vanilla-extract-css-ns:src/components/card/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMWZ1dmQwMjAgewogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWJnMl9fZTNncnVyMmQpOwogIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWNvbG9yLWJvcmRlcjFfX2UzZ3J1cjJrKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtbGdfX2UzZ3J1cjFsKTsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci51c2Utc3R5bGVzX2hlYWRlcl9fMWZ1dmQwMjEgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLWxnX19lM2dydXIxYyk7CiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWNvbG9yLWJvcmRlcjFfX2UzZ3J1cjJrKTsKfQoudXNlLXN0eWxlc19ib2R5X18xZnV2ZDAyMiB7CiAgcGFkZGluZzogdmFyKC0tc3BhY2UtbGdfX2UzZ3J1cjFjKTsKfQoudXNlLXN0eWxlc19mb290ZXJfXzFmdXZkMDIzIHsKICBwYWRkaW5nOiB2YXIoLS1zcGFjZS1sZ19fZTNncnVyMWMpOwogIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ib3JkZXIxX19lM2dydXIyayk7Cn0 */
1239
+ /* vanilla-extract-css-ns:src/components/card/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMWZ1dmQwMjAgewogIGJhY2tncm91bmQ6IHZhcigtLWJnMl9fZTNncnVyMmQpOwogIGJvcmRlcjogdmFyKC0tYm9yZGVyLWhhaXJfX2UzZ3J1cjFvKSBzb2xpZCB2YXIoLS1ib3JkZXIxX19lM2dydXIyayk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLWxnX19lM2dydXIxbCk7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQoudXNlLXN0eWxlc19oZWFkZXJfXzFmdXZkMDIxIHsKICBwYWRkaW5nOiB2YXIoLS1zcGFjZS1sZ19fZTNncnVyMWMpOwogIGJvcmRlci1ib3R0b206IHZhcigtLWJvcmRlci1oYWlyX19lM2dydXIxbykgc29saWQgdmFyKC0tYm9yZGVyMV9fZTNncnVyMmspOwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLnVzZS1zdHlsZXNfYm9keV9fMWZ1dmQwMjIgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLWxnX19lM2dydXIxYyk7Cn0KLnVzZS1zdHlsZXNfZm9vdGVyX18xZnV2ZDAyMyB7CiAgcGFkZGluZzogdmFyKC0tc3BhY2UtbGdfX2UzZ3J1cjFjKTsKICBib3JkZXItdG9wOiB2YXIoLS1ib3JkZXItaGFpcl9fZTNncnVyMW8pIHNvbGlkIHZhcigtLWJvcmRlcjFfX2UzZ3J1cjJrKTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9 */
1144
1240
  .use-styles_root__1fuvd020 {
1145
- background: var(--color-bg2__e3grur2d);
1146
- border: 1px solid var(--color-border1__e3grur2k);
1241
+ background: var(--bg2__e3grur2d);
1242
+ border: var(--border-hair__e3grur1o) solid var(--border1__e3grur2k);
1147
1243
  border-radius: var(--radius-lg__e3grur1l);
1148
1244
  overflow: hidden;
1149
1245
  }
1150
1246
  .use-styles_header__1fuvd021 {
1151
1247
  padding: var(--space-lg__e3grur1c);
1152
- border-bottom: 1px solid var(--color-border1__e3grur2k);
1248
+ border-bottom: var(--border-hair__e3grur1o) solid var(--border1__e3grur2k);
1249
+ box-sizing: border-box;
1153
1250
  }
1154
1251
  .use-styles_body__1fuvd022 {
1155
1252
  padding: var(--space-lg__e3grur1c);
1156
1253
  }
1157
1254
  .use-styles_footer__1fuvd023 {
1158
1255
  padding: var(--space-lg__e3grur1c);
1159
- border-top: 1px solid var(--color-border1__e3grur2k);
1256
+ border-top: var(--border-hair__e3grur1o) solid var(--border1__e3grur2k);
1257
+ box-sizing: border-box;
1160
1258
  }
1161
1259
 
1162
- /* vanilla-extract-css-ns:src/components/alert/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACp2UTW6DMBCF95zCy2bhCJI2bckx2j0yeDAWjk1tk4Cq3r3ixwQSiFBWCM2b770ZMWxLA9jYWoCJtFI2ivjZZIfSR78eQpSbQpA6RKmA6ughxEgRojPRLxibgiSATzSKYM90qYN40ygKQimX7IFqUhFsqCRtf0ySnGlVSuoQiRJK45jtnHJHO6XSFHSIgqJCRglOp_q2Ggw9-agHC0gtvnBqsxDti2pU0YTy0jjr7g3HxMAQ87Q5en_edrQ3A2fQ3NYRl6lyCwzaBY792lzTobqGPqFtE65RLdir3Jnv1pg38h76s2R9o1kwvhAtnfV-jXXX0IP1kvmdasGeEslAuwCvawK4lh5uliLM6KYheKLkl7jezdv83TRPbDLNZR4if2TGZdYMcYtNlLQgB-rhAZVyDYnlSoYNszzJ2TutzPABfy4Nm7LrubC7SS23Ar6hGkK9t6FSJS2-AGeZDdHB959ix4rWDvvRYmcR1z9A1iD-AcNJBoC8BAAA */
1260
+ /* vanilla-extract-css-ns:src/components/alert/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WTTW6DMBBG95zCy2bhKD9t2pJjtHtk8GBGODa1TQKtevcKgh0SEqSukDWf35uxmGVtgVrXSrCJ0dolCR5tsatX5CcihKOtJGtjkkto9hEhglUxOTLzRKmtWAb0wJMEtsLUZp0uukTFOEclZlJXFSlCJevvpywrhdG14h6Rio3PbPg5ow0HE-r9iRYMTWDpBbFaIr-KrAOmHGGohNzRE3JXxGRbNaOKYRxr6z3nE02ZheA5DKCGWvzuxx6uprrZR7_RcvS8Fo5g0LUJqlz7d1737zzuJNNSh9nO0aFr18vm6w-UuvTCzbywCw64r6nupvpAdmJGed12XneODkgzFU7qD5ScKQHGS5_npT48YO1UeydxLcZMqw95WZeX--vSfaktDKoyJquRBlXRNX6LzbRyoAJ1N0PlaCBzqFXcMeuDuruejQ2_6vt0zFxcVkJMZnToJHxCE9p57dvJtXL0BCgKF5PdavVPaqp564FvPfDm8mXZi-7yH9l2xc2hBAAA */
1163
1261
  .use-styles_root__ivsh6u0 {
1164
1262
  display: flex;
1165
1263
  gap: var(--space-md__e3grur1b);
1166
1264
  padding: var(--space-md__e3grur1b) var(--space-lg__e3grur1c);
1167
- background: var(--color-bg2__e3grur2d);
1168
- border: 1px solid var(--color-border1__e3grur2k);
1265
+ background: var(--bg2__e3grur2d);
1266
+ border: var(--border-hair__e3grur1o) solid var(--border1__e3grur2k);
1169
1267
  border-left-width: 3px;
1170
1268
  border-radius: var(--radius-base__e3grur1m);
1269
+ box-sizing: border-box;
1171
1270
  }
1172
1271
  .use-styles_severity_info__ivsh6u1 {
1173
- border-left-color: var(--color-info__e3grur2t);
1174
- color: var(--color-info__e3grur2t);
1272
+ border-left-color: var(--info__e3grur2t);
1273
+ color: var(--info__e3grur2t);
1175
1274
  }
1176
1275
  .use-styles_severity_ok__ivsh6u2 {
1177
- border-left-color: var(--color-ok__e3grur2q);
1178
- color: var(--color-ok__e3grur2q);
1276
+ border-left-color: var(--ok__e3grur2q);
1277
+ color: var(--ok__e3grur2q);
1179
1278
  }
1180
1279
  .use-styles_severity_warn__ivsh6u3 {
1181
- border-left-color: var(--color-warn__e3grur2r);
1182
- color: var(--color-warn__e3grur2r);
1280
+ border-left-color: var(--warn__e3grur2r);
1281
+ color: var(--warn__e3grur2r);
1183
1282
  }
1184
1283
  .use-styles_severity_danger__ivsh6u4 {
1185
- border-left-color: var(--color-danger__e3grur2s);
1186
- color: var(--color-danger__e3grur2s);
1284
+ border-left-color: var(--danger__e3grur2s);
1285
+ color: var(--danger__e3grur2s);
1187
1286
  }
1188
1287
  .use-styles_iconSlot__ivsh6u5 {
1189
1288
  display: flex;
@@ -1194,17 +1293,17 @@
1194
1293
  display: flex;
1195
1294
  flex-direction: column;
1196
1295
  gap: var(--space-xs__e3grur19);
1197
- color: var(--color-fg1__e3grur2g);
1296
+ color: var(--fg1__e3grur2g);
1198
1297
  }
1199
1298
  .use-styles_titleText__ivsh6u7 {
1200
1299
  font-weight: 600;
1201
- color: var(--color-fg1__e3grur2g);
1300
+ color: var(--fg1__e3grur2g);
1202
1301
  }
1203
1302
  .use-styles_body__ivsh6u8 {
1204
- color: var(--color-fg2__e3grur2h);
1303
+ color: var(--fg2__e3grur2h);
1205
1304
  }
1206
1305
 
1207
- /* vanilla-extract-css-ns:src/components/tooltip/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfd3JhcHBlcl9faDlrdmgwIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7Cn0KLnVzZS1zdHlsZXNfYnViYmxlX19oOWt2aDEgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiA1MCU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOwogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWZnMV9fZTNncnVyMmcpOwogIGNvbG9yOiB2YXIoLS1jb2xvci1iZzFfX2UzZ3J1cjJjKTsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vX19lM2dydXIyKTsKICBmb250LXNpemU6IDExcHg7CiAgbGV0dGVyLXNwYWNpbmc6IDAuMDRlbTsKICBwYWRkaW5nOiA2cHggOXB4OwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy1iYXNlX19lM2dydXIxbSk7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctbGdfX2UzZ3J1cjJiKTsKICB6LWluZGV4OiAxOwogIHBvaW50ZXItZXZlbnRzOiBub25lOwp9Ci51c2Utc3R5bGVzX3BsYWNlbWVudF90b3BfX2g5a3ZoMiB7CiAgYm90dG9tOiAxMDAlOwogIG1hcmdpbi1ib3R0b206IHZhcigtLXNwYWNlLXhzX19lM2dydXIxOSk7Cn0KLnVzZS1zdHlsZXNfcGxhY2VtZW50X2JvdHRvbV9faDlrdmgzIHsKICB0b3A6IDEwMCU7CiAgbWFyZ2luLXRvcDogdmFyKC0tc3BhY2UteHNfX2UzZ3J1cjE5KTsKfQ */
1306
+ /* vanilla-extract-css-ns:src/components/tooltip/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfd3JhcHBlcl9faDlrdmgwIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7Cn0KLnVzZS1zdHlsZXNfYnViYmxlX19oOWt2aDEgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiA1MCU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOwogIGJhY2tncm91bmQ6IHZhcigtLWZnMV9fZTNncnVyMmcpOwogIGNvbG9yOiB2YXIoLS1iZzFfX2UzZ3J1cjJjKTsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vX19lM2dydXIyKTsKICBmb250LXNpemU6IDExcHg7CiAgbGV0dGVyLXNwYWNpbmc6IDAuMDRlbTsKICBwYWRkaW5nOiB2YXIoLS1zcGFjZS14c19fZTNncnVyMTkpIHZhcigtLXNwYWNlLXNtX19lM2dydXIxYSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLWJhc2VfX2UzZ3J1cjFtKTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGJveC1zaGFkb3c6IHZhcigtLXNoYWRvdy1sZ19fZTNncnVyMmIpOwogIHotaW5kZXg6IDE7CiAgcG9pbnRlci1ldmVudHM6IG5vbmU7Cn0KLnVzZS1zdHlsZXNfcGxhY2VtZW50X3RvcF9faDlrdmgyIHsKICBib3R0b206IDEwMCU7CiAgbWFyZ2luLWJvdHRvbTogdmFyKC0tc3BhY2UteHNfX2UzZ3J1cjE5KTsKfQoudXNlLXN0eWxlc19wbGFjZW1lbnRfYm90dG9tX19oOWt2aDMgewogIHRvcDogMTAwJTsKICBtYXJnaW4tdG9wOiB2YXIoLS1zcGFjZS14c19fZTNncnVyMTkpOwp9 */
1208
1307
  .use-styles_wrapper__h9kvh0 {
1209
1308
  position: relative;
1210
1309
  display: inline-flex;
@@ -1213,12 +1312,12 @@
1213
1312
  position: absolute;
1214
1313
  left: 50%;
1215
1314
  transform: translateX(-50%);
1216
- background: var(--color-fg1__e3grur2g);
1217
- color: var(--color-bg1__e3grur2c);
1315
+ background: var(--fg1__e3grur2g);
1316
+ color: var(--bg1__e3grur2c);
1218
1317
  font-family: var(--font-mono__e3grur2);
1219
1318
  font-size: 11px;
1220
1319
  letter-spacing: 0.04em;
1221
- padding: 6px 9px;
1320
+ padding: var(--space-xs__e3grur19) var(--space-sm__e3grur1a);
1222
1321
  border-radius: var(--radius-base__e3grur1m);
1223
1322
  white-space: nowrap;
1224
1323
  box-shadow: var(--shadow-lg__e3grur2b);
@@ -1234,7 +1333,7 @@
1234
1333
  margin-top: var(--space-xs__e3grur19);
1235
1334
  }
1236
1335
 
1237
- /* vanilla-extract-css-ns:src/components/select/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACt1WwW7bMAy99yt0GdAAU2Gn7do6p91226EfEMgWbWuVRUGSE6fD_n2QbCt242bZsMMw9FBIfKQfHykyN60Fat1Bgt0aRLfdpvu0eNV5Qr5fEaLRCidQZcSAZE7sYHNFCBdWS3bISCmh8xf-P-XCQNGDC5Rto7ylYjojO2auKbWaFUA7u93CbWVakz6tNlc_rm4mDCTLQUYKaaBQonK0ZI2QhzFSuGpQ4RhqvdqMSCteYcQ56BwtmPakgiF--i44SKGA1iCq2i26ePuXYI6O970jOAcmZCRUtewbIM89Iro_BPcAdIYpW6JpMtJqDaZgNohboEQzhgwHWla3MVNxIpozoqrARNnWQbaTGn1rrRPlgRaoHCiXkb4eObg9QKgVk6JSVDhobEYKUA7MYgltE_NhIZ-94K7OSJokH_xRM86DLGmqO5Kudbc5U0cvRox3po458sOsiHb1rlxplKsKoJwVL5XBVvE5Mq_WEcl7JBoOhg4Z9djhrmbCRKI4RYdCZMSiFHxyvUCttxw_KqdhDOOitaNDf6I5s8e2bfqUW2N9YI1irFFQKNQvIxJKF-58gw2vd8poiM9bQ0tmo_br-9VgAWaBCvUSLY-rjyTHjtqacdz_if8vezYrsWht6FxsnX94GVGo4LycrPBtGr-jBjVHphlJwt9adwtuz1geXfUFFLmwLJfAA8sLnum5vjsiYVZThb6OEvfA3xLSkhVQo-QTUreXcpmHKmrYGVQxzN18ZAgVJuNsutvaCPWSkeTCGTXvvzjs_kbzDOy_ajhmcB8ymMxUg445uE4fEw7VSYgGVBt9P71ZdSy3KFsXes-hPg42_7IGBUy_NJJ-jVg3zoCxZxtmKqEGQH-gIdaZXTiZnMn_N7Wmz3IQIZyojOtxnQfkKxWKQ-d190fcgSmld6sF535VzWuJYeHGaj701RyVfPpHVtDJ0D6fRFb7tEMqlw6RpYDPIKFwwGPgx_cGxsIoXQr4ufA_AmO4p99j-BOj3ikNbgoAAA */
1336
+ /* vanilla-extract-css-ns:src/components/select/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VWwW7bMAy99yt0GdAAU5Gk7do6p91226EfEMgSbWuVRUOSm6TD_n0QHSt24yTFMGAYcggkkU-P5BPpm9YD92FnwK8dYlivF5uFfGvyOft5xViDXgeNNmMOjAj6FVZXjCntGyN2GSsMbONG_OdKO5CdsUTT1jaelKLJ2Ktw15z7RkjgW79ew23pWrd4mq2ufl3dDBgYkYNJFBZEoUAbeCFqbXY9Em3VaLGHWs5WvaXXb9DbBdgGLkUTSdFBuvqOHIy2wCvQZRUmXeL5NzpOjvedI4QAjiLStpz2JZPnziK5P5A7GQYnrC_Q1RlrmwacFJ6SK9GgS5GWtylGfZSu4HRZgksJW1LCjqrzo_VBFzsu0QawIWNdJXIIGwCqkjC6tFwHqH3GJNgAbrJ4vk6RCIpko1WoMraYzz_FZSOUGiSkc6pVcspnp0-if47bWCeCyNEpcDzH7eqMCmIqE8gZFeSodiMJ-NlEshcp2WXHR8iX0mFrVW-Tl8tko_aciec-E3urbq8S2iVyOLSmAmbMo9FqsD2i0-0drjNDACeUbn1v2q14LvxB4nUXYOt8hGxQ91WlfFDFM2agCLQXxbh_6UMue3zVOl4InzK9vO8LCcID1_YlnTzOPndlrITCzZ_4X1R5VqBsPWkd2xAfacYsWjiVSCGjpNMN9iA14pixOf2WzXbk8IzFwan5AC2lvcgNKGJ29hlPK-tgA6PaWYz1MrgB9Z5EY4SECo0aELm9fP8YRFbw6tAmgLtxG9GW-uSo1_vKafuSsfnFjjXWVmp6f0MYe97fGzhwvyfug97qMIgA14vHuYLyCKIG2ybfL-9Gnsg9mjaQrgI2hzYXX824x0X5pZf3SGG74Vg5aWW0D3036DVcC1dqe9G1M-PE7MyEPdGVJwD__243fNT7YGnFTRrBy0uT5o1rq2Abqx2X-AquMBGw0krFcTlWENK4Txp66DQ0lfHR8Dw_B__NtDuaFecjzaqYG4r3cjebgnoGAzKASpCPx51rondPQX2V8ds0AT19lNVvqYbu2v8KAAA */
1238
1337
  .use-styles_root__1w1czpb0 {
1239
1338
  position: relative;
1240
1339
  display: flex;
@@ -1247,7 +1346,7 @@
1247
1346
  line-height: var(--text-caption-lineHeight__e3grur15);
1248
1347
  letter-spacing: var(--text-caption-letterSpacing__e3grur17);
1249
1348
  text-transform: uppercase;
1250
- color: var(--color-fg3__e3grur2i);
1349
+ color: var(--fg3__e3grur2i);
1251
1350
  }
1252
1351
  .use-styles_trigger__1w1czpb2 {
1253
1352
  display: flex;
@@ -1255,14 +1354,15 @@
1255
1354
  align-items: center;
1256
1355
  gap: var(--space-sm__e3grur1a);
1257
1356
  width: 100%;
1258
- padding: 11px 12px;
1357
+ padding: var(--space-md__e3grur1b) var(--space-md__e3grur1b);
1358
+ box-sizing: border-box;
1259
1359
  font-family: var(--font-text__e3grur1);
1260
1360
  font-size: var(--text-body-size__e3grurs);
1261
- color: var(--color-fg1__e3grur2g);
1262
- background: var(--color-bg2__e3grur2d);
1361
+ color: var(--fg1__e3grur2g);
1362
+ background: var(--bg2__e3grur2d);
1263
1363
  border-width: var(--border-hair__e3grur1o);
1264
1364
  border-style: solid;
1265
- border-color: var(--color-border2__e3grur2l);
1365
+ border-color: var(--border2__e3grur2l);
1266
1366
  border-radius: var(--radius-base__e3grur1m);
1267
1367
  cursor: pointer;
1268
1368
  text-align: left;
@@ -1270,21 +1370,21 @@
1270
1370
  }
1271
1371
  .use-styles_trigger__1w1czpb2:focus {
1272
1372
  outline: none;
1273
- border-color: var(--color-accent__e3grur2n);
1274
- box-shadow: 0 0 0 2px var(--color-accentSoft__e3grur2p);
1373
+ border-color: var(--accent__e3grur2n);
1374
+ box-shadow: 0 0 0 2px var(--accentSoft__e3grur2p);
1275
1375
  }
1276
1376
  .use-styles_trigger__1w1czpb2:disabled {
1277
- color: var(--color-fg3__e3grur2i);
1278
- background: var(--color-bg3__e3grur2e);
1377
+ color: var(--fg3__e3grur2i);
1378
+ background: var(--bg3__e3grur2e);
1279
1379
  cursor: not-allowed;
1280
1380
  }
1281
1381
  .use-styles_placeholder__1w1czpb3 {
1282
- color: var(--color-fg3__e3grur2i);
1382
+ color: var(--fg3__e3grur2i);
1283
1383
  }
1284
1384
  .use-styles_chevron__1w1czpb4 {
1285
1385
  display: inline-flex;
1286
1386
  flex-shrink: 0;
1287
- color: var(--color-fg3__e3grur2i);
1387
+ color: var(--fg3__e3grur2i);
1288
1388
  transition: transform var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
1289
1389
  }
1290
1390
  .use-styles_chevronOpen__1w1czpb5 {
@@ -1293,39 +1393,40 @@
1293
1393
  .use-styles_menu__1w1czpb6 {
1294
1394
  position: absolute;
1295
1395
  top: 100%;
1296
- left: 0;
1297
- right: 0;
1396
+ left: var(--space-none__e3grur18);
1397
+ right: var(--space-none__e3grur18);
1298
1398
  list-style: none;
1299
- margin: 0;
1399
+ margin: var(--space-none__e3grur18);
1300
1400
  margin-top: var(--space-xs__e3grur19);
1301
- padding: 0;
1302
- background: var(--color-bg2__e3grur2d);
1401
+ padding: var(--space-none__e3grur18);
1402
+ background: var(--bg2__e3grur2d);
1303
1403
  border-width: var(--border-hair__e3grur1o);
1304
1404
  border-style: solid;
1305
- border-color: var(--color-border2__e3grur2l);
1405
+ border-color: var(--border2__e3grur2l);
1306
1406
  border-radius: var(--radius-base__e3grur1m);
1307
1407
  box-shadow: var(--shadow-lg__e3grur2b);
1408
+ box-sizing: border-box;
1308
1409
  z-index: 10;
1309
1410
  overflow: hidden;
1310
1411
  }
1311
1412
  .use-styles_option__1w1czpb7 {
1312
- padding: 9px 12px;
1413
+ padding: var(--space-sm__e3grur1a) var(--space-md__e3grur1b);
1313
1414
  font-family: var(--font-text__e3grur1);
1314
1415
  font-size: var(--text-body-size__e3grurs);
1315
- color: var(--color-fg1__e3grur2g);
1416
+ color: var(--fg1__e3grur2g);
1316
1417
  cursor: pointer;
1317
1418
  }
1318
1419
  .use-styles_option__1w1czpb7:hover {
1319
- background: var(--color-bg3__e3grur2e);
1420
+ background: var(--bg3__e3grur2e);
1320
1421
  }
1321
1422
  .use-styles_optionSelected__1w1czpb8 {
1322
- color: var(--color-accent__e3grur2n);
1423
+ color: var(--accent__e3grur2n);
1323
1424
  }
1324
1425
  .use-styles_optionActive__1w1czpb9 {
1325
- background: var(--color-bg3__e3grur2e);
1426
+ background: var(--bg3__e3grur2e);
1326
1427
  }
1327
1428
 
1328
- /* vanilla-extract-css-ns:src/components/slider/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVU227jIBB9z1fwstLmgchOmqqln9EPiMZmbKNgxuKSy666374yNs61qSI_jRnm3IBFcMidP2p0G0vkNxva7tfvJmN_Z4x15JRXZASzqMGrHX7MGGtQ1Y0XbPnSHfp6r6RvBMuz7FdfSuU6DUfBKo1xHbSqDVceWydYicaj_Zh9zRZn0N5CuU3YecROKPdBCii3taVgpGA7sL85L0mT5UW92mxwVdtglziPnWQlWm5BquBS81DxKmid2nMzv2ZlwdSYWC2vHIHCkQ7-wpGR63fkqjqfyNXPk-vRVe8exx0a7wQzZPCatDJdmGJcPSCtjEMvWHbH3aQn1S3YWpmxlzoolT-OVRmsIysStcdshFQOCo0y0kpbDXkOWtMe5c25aEJbpO0vD8QkAa9DApOAsR4EcI2VF4y_jTE9Z_7TqSZOi_UFXpQmmCOt5NnvOOznyQfuGpC0T51DxV07db4_OCqMeQsmGXiaNg6TwfIKnJ9mrefjCoJDrsx2Wnm7uS1XUVdUBsd3yqlCI_vHfoj1XFkWv1V3uHADyv7t-KTqRK-7IaGhQJ0mr-Pk6T0qNJXbs9NQkPfUTkZ2UCI_uCn1wceKjOcVtEofU2f81ZKhicep06k_KFi-HBLX6PsM-tHK1IJlixzbmAIePI9RVGRbwULXoS3BxYjunoTlBNbciN5b6Pcn2a_fyL645F__AWi1yLb6BQAA */
1429
+ /* vanilla-extract-css-ns:src/components/slider/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5VUyW7jMAy95yt0GWByUGAnTdGqHxPIFm0TkUVDS5YZdL59IMdStjZF4BMtim-jvQgOuPNHDW5jifxmQ9v9-t0U7O-MsYEceiQjmAUtPe7gY8ZYB9h2XrDly3CI9R6V7wQri-JXLBW6QcujYI2G8VxqbA1HD70TrAbjwX7MPmeLC2hvZb1N2OWInVC-BqlkvW0tBaME20n7m_OqXW02sGptsEuYjz1kFVhupcLgUtup4k3QOrWXZn7Lx0rTQuKzvPFCVo508FdeTCzvaTVtmWm1z9OKuBgd47AD451ghgzc0kUzhBzd6gFdNA58wnSDrIHHeRnybf6F10ljqntpWzQ_TqFB1uiPghWxqoN1ZEWS81iBUOhkpUGNUtJVQ55LrWkP6m5_utBX6frLAwOStNdTXlnaVJ-kcQ2NF4y_TaE-F9gTOzCxmRZ4ggn67ORw2T1qFcyRRnXxuiYd3fke6sBdJxXtc2JjxV2fO98fbBpj3kqTvDxPm4apYHkjnc-z1vPpBKQDjmabT97uPrOb1Buqg-M7dFhpYP_YDwlfKivGZzUckg9xVEYOd8haVqDTuPU4Lv-3Kk319mIbKvKe-ut9P-Th5cm8hoznjexRH3MW8VVPhjKPc6fDPyBYuTxtmAYfjY-j0bSCFYsS-tF6OHg--t-Q7QULwwC2lm7M5Sb4ZYbp7uTurYw3k-DXbwRfffif_wGNlq4sHAYAAA */
1329
1430
  .use-styles_root__okw59n0 {
1330
1431
  position: relative;
1331
1432
  height: 24px;
@@ -1336,22 +1437,22 @@
1336
1437
  .use-styles_track__okw59n1 {
1337
1438
  height: 4px;
1338
1439
  width: 100%;
1339
- background: var(--color-bg3__e3grur2e);
1440
+ background: var(--bg3__e3grur2e);
1340
1441
  border-radius: var(--radius-full__e3grur1n);
1341
1442
  }
1342
1443
  .use-styles_range__okw59n2 {
1343
1444
  position: absolute;
1344
1445
  height: 4px;
1345
- background: var(--color-fg1__e3grur2g);
1446
+ background: var(--fg1__e3grur2g);
1346
1447
  border-radius: var(--radius-full__e3grur1n);
1347
1448
  pointer-events: none;
1348
1449
  }
1349
1450
  .use-styles_input__okw59n3 {
1350
1451
  position: absolute;
1351
- inset: 0;
1452
+ inset: var(--space-none__e3grur18);
1352
1453
  width: 100%;
1353
1454
  height: 100%;
1354
- margin: 0;
1455
+ margin: var(--space-none__e3grur18);
1355
1456
  opacity: 0;
1356
1457
  cursor: pointer;
1357
1458
  }
@@ -1364,16 +1465,16 @@
1364
1465
  height: 16px;
1365
1466
  margin-left: -8px;
1366
1467
  border-radius: var(--radius-full__e3grur1n);
1367
- background: var(--color-fg1__e3grur2g);
1368
- border-width: 1.5px;
1468
+ background: var(--fg1__e3grur2g);
1469
+ border-width: var(--border-rule__e3grur1p);
1369
1470
  border-style: solid;
1370
- border-color: var(--color-fg1__e3grur2g);
1471
+ border-color: var(--fg1__e3grur2g);
1371
1472
  box-shadow: var(--shadow-sm__e3grur29);
1372
1473
  pointer-events: none;
1373
1474
  transition: box-shadow var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
1374
1475
  }
1375
1476
  .use-styles_input__okw59n3:focus-visible ~ .use-styles_thumb__okw59n4 {
1376
- box-shadow: 0 0 0 3px var(--color-accentSoft__e3grur2p);
1477
+ box-shadow: 0 0 0 3px var(--focus__e3grur2u);
1377
1478
  }
1378
1479
  .use-styles_label__okw59n5 {
1379
1480
  display: block;
@@ -1382,21 +1483,21 @@
1382
1483
  font-size: 12px;
1383
1484
  letter-spacing: 0.1em;
1384
1485
  text-transform: uppercase;
1385
- color: var(--color-fg2__e3grur2h);
1486
+ color: var(--fg2__e3grur2h);
1386
1487
  }
1387
1488
  .use-styles_wrapper__okw59n6 {
1388
1489
  display: block;
1389
1490
  width: 100%;
1390
1491
  }
1391
1492
 
1392
- /* vanilla-extract-css-ns:src/components/accordion/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACq1Sy27jMAy85yt4WaA9qLCTFugqH9FPMBSJttXIkkHReWDRf19YTlQnaYMusDdb5AyHw3kaIorIR4exohC4qkr9Tqb9XcCfBcAmkEGSUPYHiMFZAztFD0Lo4AKJqVpWFa4aGmi5fVxnjCBl7BDlCTD9Cdecm0uXmsMOqXZhL6G1xqBfLz4WTzNNlrHLmsqZJrEJzKH7F2n3mKVTkYVurTNfDfHB4zVBi8ogZYplwu2t4VZCWRS_xvWMjb1TRwm1w8P48D5EtvVR6OAZPUuIvdIoNsh7HLcHUM42XozqogSNnpHG50b1Zy8nSGeylZtkZa-Msb6503VRmZ1CT3dTettQGLyRwKR87BWh5_UsBpMNAHqgGEhCH-xZXx08i1p11h3PCtIT44HzoDQnHUheXKtuPi_VpKYRJpIVEhzWSUUSZdkGL2diT0RmIFGrmGctX87roooorN_myutNFq5PKdsxl1MQZq5cBKxZZUK8IdQt7ij4zLhKXGMIRGzJ-q2E4lsvlpm4fbzeO33Xgbr_sfZJ5VuPn0qfk9I8RgIFVowP5WthsLmh6JVHl8EvCZyDWHwfuPtR_JEtP03cx1-_CEeE5AQAAA */
1493
+ /* vanilla-extract-css-ns:src/components/accordion/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Ty27bMBC8-yt4KRAfGEh2A6T0R_QTDFpcSowprrBc-dEi_16IshjZSZ0C6U0id2dmZ4ePfQQZ-ewhbgmRt9uyeiHT_CjE74UQOyQDpMRB04OU459stKPtFtY19VTiUkT0zlyVlNP1ar_cZBhJ2rg-Tmjjn_R1xvKpGA9A1uNRicYZA2GzeF08zmQ6hjbLLGcy5Q6Zsf2i2ntkyuvIsmqcNx_xBgxwC9CANkAZYpX6js5wo0RZFN-GiY2LnddnJayH03Dw0kd29iwrDAyBlYidrkDugI8wGCKE9q4OclAXlaggMNBwXOtuGn9saU2efZfc7bQxLtR3qq5uZtupxlXqal8T9sEowaRD7DRB4M0sLKMNQlQ9RSQlOnSTPouBpdWt8-dJQTpiOHEmSjwVeszBs_Xbjup0PTTIZIISHuyF_ySj-5Wmy5tJfiahjh0GNRvgAm56klbHzL96miwAHUG6sM83z-_ycbte1QzxHcMxc-oSt3qdoeBzKItVH-XBRbfzkCCxZ-8CKLHqTldBTqUZux_f0Vgs0doInHpuKasGDoQhc64Ty5BCGRtyYa9E8cEyVpmpWd7am74tUvs_3L3o-9nBm8bvSWOmUYKQNcND-VwYqN9BdDqAz81PqTm_geLvWb__Cj4x5F9j_voHyS-F2n8FAAA */
1393
1494
  .use-styles_root__1cjrdh90 {
1394
- border: 1px solid var(--color-border1__e3grur2k);
1495
+ border: var(--border-hair__e3grur1o) solid var(--border1__e3grur2k);
1395
1496
  border-radius: var(--radius-lg__e3grur1l);
1396
1497
  overflow: hidden;
1397
1498
  }
1398
1499
  .use-styles_item__1cjrdh91 {
1399
- border-bottom: 1px solid var(--color-border1__e3grur2k);
1500
+ border-bottom: var(--border-hair__e3grur1o) solid var(--border1__e3grur2k);
1400
1501
  }
1401
1502
  .use-styles_item__1cjrdh91:last-child {
1402
1503
  border-bottom: none;
@@ -1412,16 +1513,21 @@
1412
1513
  border: none;
1413
1514
  cursor: pointer;
1414
1515
  font-family: var(--font-text__e3grur1);
1415
- color: var(--color-fg1__e3grur2g);
1516
+ color: var(--fg1__e3grur2g);
1416
1517
  text-align: left;
1518
+ box-sizing: border-box;
1417
1519
  transition: background var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
1418
1520
  }
1419
1521
  .use-styles_header__1cjrdh92:hover {
1420
- background: var(--color-bg3__e3grur2e);
1522
+ background: var(--bg3__e3grur2e);
1523
+ }
1524
+ .use-styles_header__1cjrdh92:focus-visible {
1525
+ outline: 2px solid var(--focus__e3grur2u);
1526
+ outline-offset: 2px;
1421
1527
  }
1422
1528
  .use-styles_chevron__1cjrdh93 {
1423
1529
  flex-shrink: 0;
1424
- color: var(--color-fg2__e3grur2h);
1530
+ color: var(--fg2__e3grur2h);
1425
1531
  transition: transform var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
1426
1532
  }
1427
1533
  .use-styles_chevronOpen__1cjrdh94 {
@@ -1429,11 +1535,11 @@
1429
1535
  }
1430
1536
  .use-styles_panel__1cjrdh95 {
1431
1537
  padding: 0 var(--space-lg__e3grur1c) var(--space-lg__e3grur1c);
1432
- color: var(--color-fg2__e3grur2h);
1538
+ color: var(--fg2__e3grur2h);
1433
1539
  font-family: var(--font-text__e3grur1);
1434
1540
  }
1435
1541
 
1436
- /* vanilla-extract-css-ns:src/components/breadcrumbs/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fN3UwZHU2MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tc3BhY2Utc21fX2UzZ3J1cjFhKTsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vX19lM2dydXIyKTsKICBmb250LXNpemU6IDEycHg7CiAgbGV0dGVyLXNwYWNpbmc6IDAuMDRlbTsKfQoudXNlLXN0eWxlc19jcnVtYl9fN3UwZHU2MSB7CiAgY29sb3I6IHZhcigtLWNvbG9yLWZnMl9fZTNncnVyMmgpOwogIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKfQoudXNlLXN0eWxlc19jcnVtYl9fN3UwZHU2MTpob3ZlciB7CiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7CiAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB2YXIoLS1jb2xvci1hY2NlbnRfX2UzZ3J1cjJuKTsKICBjb2xvcjogdmFyKC0tY29sb3ItYWNjZW50X19lM2dydXIybik7Cn0KLnVzZS1zdHlsZXNfY3VycmVudF9fN3UwZHU2MiB7CiAgY29sb3I6IHZhcigtLWNvbG9yLWZnMV9fZTNncnVyMmcpOwp9Ci51c2Utc3R5bGVzX3NlcGFyYXRvcl9fN3UwZHU2MyB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBjb2xvcjogdmFyKC0tY29sb3ItZmczX19lM2dydXIyaSk7Cn0 */
1542
+ /* vanilla-extract-css-ns:src/components/breadcrumbs/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fN3UwZHU2MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tc3BhY2Utc21fX2UzZ3J1cjFhKTsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vX19lM2dydXIyKTsKICBmb250LXNpemU6IDEycHg7CiAgbGV0dGVyLXNwYWNpbmc6IDAuMDRlbTsKfQoudXNlLXN0eWxlc19jcnVtYl9fN3UwZHU2MSB7CiAgY29sb3I6IHZhcigtLWZnMl9fZTNncnVyMmgpOwogIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKfQoudXNlLXN0eWxlc19jcnVtYl9fN3UwZHU2MTpob3ZlciB7CiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7CiAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB2YXIoLS1hY2NlbnRfX2UzZ3J1cjJuKTsKICBjb2xvcjogdmFyKC0tYWNjZW50X19lM2dydXIybik7Cn0KLnVzZS1zdHlsZXNfY3J1bWJfXzd1MGR1NjE6Zm9jdXMtdmlzaWJsZSB7CiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWZvY3VzX19lM2dydXIydSk7CiAgb3V0bGluZS1vZmZzZXQ6IDJweDsKfQoudXNlLXN0eWxlc19jdXJyZW50X183dTBkdTYyIHsKICBjb2xvcjogdmFyKC0tZmcxX19lM2dydXIyZyk7Cn0KLnVzZS1zdHlsZXNfc2VwYXJhdG9yX183dTBkdTYzIHsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGNvbG9yOiB2YXIoLS1mZzNfX2UzZ3J1cjJpKTsKfQ */
1437
1543
  .use-styles_root__7u0du60 {
1438
1544
  display: flex;
1439
1545
  align-items: center;
@@ -1443,24 +1549,28 @@
1443
1549
  letter-spacing: 0.04em;
1444
1550
  }
1445
1551
  .use-styles_crumb__7u0du61 {
1446
- color: var(--color-fg2__e3grur2h);
1552
+ color: var(--fg2__e3grur2h);
1447
1553
  text-decoration: none;
1448
1554
  }
1449
1555
  .use-styles_crumb__7u0du61:hover {
1450
1556
  text-decoration: underline;
1451
- text-decoration-color: var(--color-accent__e3grur2n);
1452
- color: var(--color-accent__e3grur2n);
1557
+ text-decoration-color: var(--accent__e3grur2n);
1558
+ color: var(--accent__e3grur2n);
1559
+ }
1560
+ .use-styles_crumb__7u0du61:focus-visible {
1561
+ outline: 2px solid var(--focus__e3grur2u);
1562
+ outline-offset: 2px;
1453
1563
  }
1454
1564
  .use-styles_current__7u0du62 {
1455
- color: var(--color-fg1__e3grur2g);
1565
+ color: var(--fg1__e3grur2g);
1456
1566
  }
1457
1567
  .use-styles_separator__7u0du63 {
1458
1568
  display: inline-flex;
1459
1569
  align-items: center;
1460
- color: var(--color-fg3__e3grur2i);
1570
+ color: var(--fg3__e3grur2i);
1461
1571
  }
1462
1572
 
1463
- /* vanilla-extract-css-ns:src/components/pagination/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACtWTz3LbIBDG73oKjtGBTGSnMy0-tS-iWYsV2hqBhkVO7E7evWNkYSX12OkxR_bf7-NjeRwZJceDRa6D97GuKziao--exJ9CCE08WDgo0Vp83RRCgCXjJEXsWYkGXcRwChsYlNhDeJCSB2hQvnJd49qEMVQ_yk3xVjwuQAMY_BVdZlWJ1ZOTL6Rjp8T6eUi0Dsl08XL-rJzfI0dqD7LxLqKLy1TrXZQt9GQPs-IU6r3zs-RVmSuZjqhEtZr4jbc-zG3pIFtT5TaT-rY-aAzzVabac6wDCtkXv6xOzijB3pJehK8Ap8wFuluOCaBp5LlhOsktMGZqP5VDszPBj04rEQM4HiCgi-mOY-ATc_A0e5YqKJJ3SoC15-l6DLIFjlnJt_KcQWCU5HY58_3-CqjO7zEo5-OD0sSwtajLtBdLre-MMOsMwE8A5qlp6NWXvMyjcmmF81GCtf4F9TXMzybSHjNpdVP1v_ty7Y0XRU15ex8-Dryv7_-tvs1Aa2lg4kxYf-n__HELJutPW-Dwzt8Z-fSV0WIT5_r3VjnYZ5eek0sDaE3OKPG0Kd7-AqjKwJ-OBQAA */
1573
+ /* vanilla-extract-css-ns:src/components/pagination/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VUwZLbIAy95ys4rg_sNMl2pmVP7Y94iJGxGoI8CLxJOv33TnBMnGy32R720CPi6T3xJPGYGCTHgwOuA1Gs66U-2iN1n8TPhRAGuXf6oETrYP-8EEI7tF5ihB0r0YCPEE5hq3slBh0epOReNyD3XNewtiGF5dfqefFr8TgT6rWF79EXrWXW2qGXL2hip8T6qc9qHaDt4uX83nJ-JI7YHmRDPoKP86uWfJSt3qE7TBXn0I48TSWvqoJkPIISy9Wo35CjUNLssiTYnLGhYCBMjxhR51inMRRHaI7OnijB5NDMwldSY-wit50TBG0w8QQdT3KjGYreboTrZmsDJW-UiEF77nUAH_O7UuCTWk84-ZQRGJG8Etq5M7tJQbaaY6nkc3W-Ac0g0W_LzZf7bVcdDRCUp_igDLLeODBVnoV5rWcL7LpQwzuoJ75Md9O3CxNW8-d7ilI7Ry9g7gu01CSWAzJuHGQVStGhByVW_X7sZxmwJpV9WKWseQZLaluGmHP-pPmtiThAkV294c7rWbyen9l1U701Zbck96v5lwb-nR2cw56RC_f6P_0TbmdrNPo0Wx7ubGHi03cADpo44a9N8noo_jxlf3ptDHp7_feeUsvuv17DK5aPGePfvDSej1YGAAA */
1464
1574
  .use-styles_root__1azgzoh0 {
1465
1575
  display: flex;
1466
1576
  align-items: center;
@@ -1474,29 +1584,33 @@
1474
1584
  justify-content: center;
1475
1585
  font-family: var(--font-mono__e3grur2);
1476
1586
  font-size: 12px;
1477
- color: var(--color-fg1__e3grur2g);
1587
+ color: var(--fg1__e3grur2g);
1478
1588
  border-width: var(--border-hair__e3grur1o);
1479
1589
  border-style: solid;
1480
- border-color: var(--color-border1__e3grur2k);
1590
+ border-color: var(--border1__e3grur2k);
1481
1591
  border-radius: var(--radius-base__e3grur1m);
1482
1592
  background: transparent;
1483
1593
  cursor: pointer;
1484
1594
  transition: all var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
1485
1595
  }
1486
1596
  .use-styles_pageBtn__1azgzoh1:hover:not(:disabled) {
1487
- background: var(--color-bg3__e3grur2e);
1597
+ background: var(--bg3__e3grur2e);
1488
1598
  }
1489
1599
  .use-styles_pageBtn__1azgzoh1:disabled {
1490
- color: var(--color-fg3__e3grur2i);
1600
+ color: var(--fg3__e3grur2i);
1491
1601
  cursor: not-allowed;
1492
1602
  }
1603
+ .use-styles_pageBtn__1azgzoh1:focus-visible {
1604
+ outline: 2px solid var(--focus__e3grur2u);
1605
+ outline-offset: 2px;
1606
+ }
1493
1607
  .use-styles_pageActive__1azgzoh2 {
1494
- background: var(--color-fg1__e3grur2g);
1495
- color: var(--color-bg1__e3grur2c);
1496
- border-color: var(--color-fg1__e3grur2g);
1608
+ background: var(--fg1__e3grur2g);
1609
+ color: var(--bg1__e3grur2c);
1610
+ border-color: var(--fg1__e3grur2g);
1497
1611
  }
1498
1612
  .use-styles_pageActive__1azgzoh2:hover:not(:disabled) {
1499
- background: var(--color-fg1__e3grur2g);
1613
+ background: var(--fg1__e3grur2g);
1500
1614
  }
1501
1615
  .use-styles_ellipsis__1azgzoh3 {
1502
1616
  min-width: 34px;
@@ -1506,16 +1620,20 @@
1506
1620
  justify-content: center;
1507
1621
  font-family: var(--font-mono__e3grur2);
1508
1622
  font-size: 12px;
1509
- color: var(--color-fg3__e3grur2i);
1623
+ color: var(--fg3__e3grur2i);
1510
1624
  border: none;
1511
1625
  background: transparent;
1512
1626
  user-select: none;
1513
1627
  }
1514
1628
  .use-styles_nav__1azgzoh4 {
1515
- padding: 0;
1629
+ padding: var(--space-none__e3grur18);
1630
+ }
1631
+ .use-styles_nav__1azgzoh4:focus-visible {
1632
+ outline: 2px solid var(--focus__e3grur2u);
1633
+ outline-offset: 2px;
1516
1634
  }
1517
1635
 
1518
- /* vanilla-extract-css-ns:src/components/stepper/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACpWTwW6DMBBE73zFHsvBUSBp0zqnSv0P5JgFXIyNbJOGVv33KiYmJCJRejSs3szOaBedRWJdL9FmRmuXZZu31q1xCT8RQC5sK1lPoZB42EYATIpSEeGwsRQ4KodmG_1GiwnFOmwDJfkHBaBkLYU9M0-E2JZxJLbJMlyVpjMJi691GmZqNEEp9UpfIncVhfS19ToVirJy5_dOmxwNMSwXnQ1Sw4sUnZSjmoon4yfoMB0QncRxup1Oe3cUrJYin3zmWmoTIP5xQqUBk0qPeTSsz846UfSEa-VQuemvQitHCtYI2QdF_6nRSo9q8ThpxTdSSNIhoxmjRXk2WQ27Ml6XRncqp-AMU7ZlBpXzSIkHYisjVE1hOV_aO3dij6G6la_udk6MH1cbHQzdPDY3J_6h1Si9HqQn21zunYy08pbqbjLE4_uNXwMv7Um2QxmcPXtnD5Qxw7iM9-U26Z4brpVC7vR4YRvPOdZLIZleV3I6rhspDnGcpWofUsNMKRSF5d2D_wMR5stCngQAAA */
1636
+ /* vanilla-extract-css-ns:src/components/stepper/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WTwVKDMBCG7zzFHuWQTqHVanpyxvdg0rBAJCRMEmrR8d2dhobSilWPSTb_9--_s4vOIrGul2gzo7XLss1T69a4hI8IIBe2laynUEg8bCMAJkWpiHDYWAoclUOzjT6jxUTFOmyDSvIPFYCStRT2zNwRYlvGkdgmy3BVms4kLL7mNMzUaAIp9aQ3kbuKQvrYek6Foqzc-bzTJkdDDMtFZwNqOJGik3KkqXhSfhIdqoNEJ3GsbqfV3h0Fq6XIJ9dcS20uRdIgkEov8NeYXjvrRNETrpVD5aZPhVaOFKwRsg8sf9VopUdaPFZa8Y4UknRI58JiUZ7tVUN_jNel0Z3KKTjDlG2ZQeW8mMQDsZURqqawnB_UM3dij2FcKz-uuWwYP7YzsodJ_FYxB3zRasStB9ykg9BlMuqU30m7yTOPf5rmtcilGcl2KIOPe-_jZtAzvy-je5jTuOWAa6WQOz3uysYrHIdGIZnuSXJak285DW2fIbUPo2GmFIrC8ubSfgHOP3iLYgQAAA */
1519
1637
  .use-styles_root__79pt4e0 {
1520
1638
  display: flex;
1521
1639
  align-items: center;
@@ -1531,43 +1649,43 @@
1531
1649
  border-radius: var(--radius-full__e3grur1n);
1532
1650
  border-width: var(--border-rule__e3grur1p);
1533
1651
  border-style: solid;
1534
- border-color: var(--color-border2__e3grur2l);
1652
+ border-color: var(--border2__e3grur2l);
1535
1653
  display: flex;
1536
1654
  align-items: center;
1537
1655
  justify-content: center;
1538
1656
  font-family: var(--font-mono__e3grur2);
1539
1657
  font-size: 12px;
1540
- color: var(--color-fg2__e3grur2h);
1658
+ color: var(--fg2__e3grur2h);
1541
1659
  background: transparent;
1542
1660
  flex-shrink: 0;
1543
1661
  }
1544
1662
  .use-styles_markerActive__79pt4e3 {
1545
- border-color: var(--color-accent__e3grur2n);
1546
- color: var(--color-accent__e3grur2n);
1663
+ border-color: var(--accent__e3grur2n);
1664
+ color: var(--accent__e3grur2n);
1547
1665
  }
1548
1666
  .use-styles_markerDone__79pt4e4 {
1549
- background: var(--color-fg1__e3grur2g);
1550
- color: var(--color-bg1__e3grur2c);
1551
- border-color: var(--color-fg1__e3grur2g);
1667
+ background: var(--fg1__e3grur2g);
1668
+ color: var(--bg1__e3grur2c);
1669
+ border-color: var(--fg1__e3grur2g);
1552
1670
  }
1553
1671
  .use-styles_label__79pt4e5 {
1554
- color: var(--color-fg2__e3grur2h);
1672
+ color: var(--fg2__e3grur2h);
1555
1673
  }
1556
1674
  .use-styles_labelActive__79pt4e6 {
1557
- color: var(--color-fg1__e3grur2g);
1675
+ color: var(--fg1__e3grur2g);
1558
1676
  }
1559
1677
  .use-styles_connector__79pt4e7 {
1560
1678
  flex: 1;
1561
1679
  height: 1px;
1562
- background: var(--color-border1__e3grur2k);
1680
+ background: var(--border1__e3grur2k);
1563
1681
  margin: 0 var(--space-sm__e3grur1a);
1564
1682
  }
1565
1683
 
1566
- /* vanilla-extract-css-ns:src/components/tabs/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMWw0bTd0NDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiB2YXIoLS1zcGFjZS1sZ19fZTNncnVyMWMpOwogIGJvcmRlci1ib3R0b206IHZhcigtLWJvcmRlci1oYWlyX19lM2dydXIxbykgc29saWQgdmFyKC0tY29sb3ItYm9yZGVyMV9fZTNncnVyMmspOwp9Ci51c2Utc3R5bGVzX3RhYl9fMWw0bTd0NDEgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLXNtX19lM2dydXIxYSkgMDsKICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKICBib3JkZXI6IG5vbmU7CiAgY3Vyc29yOiBwb2ludGVyOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LW1vbm9fX2UzZ3J1cjIpOwogIGZvbnQtc2l6ZTogMTJweDsKICBsZXR0ZXItc3BhY2luZzogMC4wOGVtOwogIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7CiAgY29sb3I6IHZhcigtLWNvbG9yLWZnM19fZTNncnVyMmkpOwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB0cmFuc2l0aW9uOiBjb2xvciB2YXIoLS1kdXItZmFzdF9fZTNncnVyMjUpIHZhcigtLWVhc2UtaW5rX19lM2dydXIyOCk7Cn0KLnVzZS1zdHlsZXNfdGFiQWN0aXZlX18xbDRtN3Q0MiB7CiAgY29sb3I6IHZhcigtLWNvbG9yLWZnMV9fZTNncnVyMmcpOwp9Ci51c2Utc3R5bGVzX3RhYkFjdGl2ZV9fMWw0bTd0NDI6OmFmdGVyIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgbGVmdDogMDsKICByaWdodDogMDsKICBib3R0b206IC0xcHg7CiAgaGVpZ2h0OiAycHg7CiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3ItYWNjZW50X19lM2dydXIybik7Cn0 */
1684
+ /* vanilla-extract-css-ns:src/components/tabs/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMWw0bTd0NDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiB2YXIoLS1zcGFjZS1sZ19fZTNncnVyMWMpOwogIGJvcmRlci1ib3R0b206IHZhcigtLWJvcmRlci1oYWlyX19lM2dydXIxbykgc29saWQgdmFyKC0tYm9yZGVyMV9fZTNncnVyMmspOwp9Ci51c2Utc3R5bGVzX3RhYl9fMWw0bTd0NDEgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLXNtX19lM2dydXIxYSkgMDsKICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKICBib3JkZXI6IG5vbmU7CiAgY3Vyc29yOiBwb2ludGVyOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LW1vbm9fX2UzZ3J1cjIpOwogIGZvbnQtc2l6ZTogMTJweDsKICBsZXR0ZXItc3BhY2luZzogMC4wOGVtOwogIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7CiAgY29sb3I6IHZhcigtLWZnM19fZTNncnVyMmkpOwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB0cmFuc2l0aW9uOiBjb2xvciB2YXIoLS1kdXItZmFzdF9fZTNncnVyMjUpIHZhcigtLWVhc2UtaW5rX19lM2dydXIyOCk7CiAgb3V0bGluZTogbm9uZTsKfQoudXNlLXN0eWxlc190YWJfXzFsNG03dDQxOmZvY3VzLXZpc2libGUgewogIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1mb2N1c19fZTNncnVyMnUpOwogIG91dGxpbmUtb2Zmc2V0OiAycHg7Cn0KLnVzZS1zdHlsZXNfdGFiQWN0aXZlX18xbDRtN3Q0MiB7CiAgY29sb3I6IHZhcigtLWZnMV9fZTNncnVyMmcpOwp9Ci51c2Utc3R5bGVzX3RhYkFjdGl2ZV9fMWw0bTd0NDI6OmFmdGVyIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgbGVmdDogdmFyKC0tc3BhY2Utbm9uZV9fZTNncnVyMTgpOwogIHJpZ2h0OiB2YXIoLS1zcGFjZS1ub25lX19lM2dydXIxOCk7CiAgYm90dG9tOiAtMXB4OwogIGhlaWdodDogMnB4OwogIGJhY2tncm91bmQ6IHZhcigtLWFjY2VudF9fZTNncnVyMm4pOwp9 */
1567
1685
  .use-styles_root__1l4m7t40 {
1568
1686
  display: flex;
1569
1687
  gap: var(--space-lg__e3grur1c);
1570
- border-bottom: var(--border-hair__e3grur1o) solid var(--color-border1__e3grur2k);
1688
+ border-bottom: var(--border-hair__e3grur1o) solid var(--border1__e3grur2k);
1571
1689
  }
1572
1690
  .use-styles_tab__1l4m7t41 {
1573
1691
  padding: var(--space-sm__e3grur1a) 0;
@@ -1578,24 +1696,29 @@
1578
1696
  font-size: 12px;
1579
1697
  letter-spacing: 0.08em;
1580
1698
  text-transform: uppercase;
1581
- color: var(--color-fg3__e3grur2i);
1699
+ color: var(--fg3__e3grur2i);
1582
1700
  position: relative;
1583
1701
  transition: color var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
1702
+ outline: none;
1703
+ }
1704
+ .use-styles_tab__1l4m7t41:focus-visible {
1705
+ outline: 2px solid var(--focus__e3grur2u);
1706
+ outline-offset: 2px;
1584
1707
  }
1585
1708
  .use-styles_tabActive__1l4m7t42 {
1586
- color: var(--color-fg1__e3grur2g);
1709
+ color: var(--fg1__e3grur2g);
1587
1710
  }
1588
1711
  .use-styles_tabActive__1l4m7t42::after {
1589
1712
  content: "";
1590
1713
  position: absolute;
1591
- left: 0;
1592
- right: 0;
1714
+ left: var(--space-none__e3grur18);
1715
+ right: var(--space-none__e3grur18);
1593
1716
  bottom: -1px;
1594
1717
  height: 2px;
1595
- background: var(--color-accent__e3grur2n);
1718
+ background: var(--accent__e3grur2n);
1596
1719
  }
1597
1720
 
1598
- /* vanilla-extract-css-ns:src/components/menu/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfd3JhcHBlcl9fMXV5eGFqMCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGRpc3BsYXk6IGlubGluZS1mbGV4Owp9Ci51c2Utc3R5bGVzX2xpc3RfXzF1eXhhajEgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBtaW4td2lkdGg6IDE4MHB4OwogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWJnMl9fZTNncnVyMmQpOwogIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWNvbG9yLWJvcmRlcjJfX2UzZ3J1cjJsKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtYmFzZV9fZTNncnVyMW0pOwogIGJveC1zaGFkb3c6IHZhcigtLXNoYWRvdy1sZ19fZTNncnVyMmIpOwogIHotaW5kZXg6IDIwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci51c2Utc3R5bGVzX2l0ZW1fXzF1eXhhajIgewogIHdpZHRoOiAxMDAlOwogIHRleHQtYWxpZ246IGxlZnQ7CiAgcGFkZGluZzogOXB4IDEycHg7CiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC10ZXh0X19lM2dydXIxKTsKICBmb250LXNpemU6IDE0cHg7CiAgY29sb3I6IHZhcigtLWNvbG9yLWZnMV9fZTNncnVyMmcpOwp9Ci51c2Utc3R5bGVzX2l0ZW1fXzF1eXhhajI6aG92ZXIgewogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWJnM19fZTNncnVyMmUpOwp9Ci51c2Utc3R5bGVzX2Rhbmdlcl9fMXV5eGFqMyB7CiAgY29sb3I6IHZhcigtLWNvbG9yLWRhbmdlcl9fZTNncnVyMnMpOwp9 */
1721
+ /* vanilla-extract-css-ns:src/components/menu/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA4WTwZLbIAyG73kKLp2pD-zYzqX1PoxHNjJRi4FBkDjp7LvvmMSsk-m0R4mfT78keEuMkuPVIPeXAN5j6PsmXRf4VYs_ByG8Y4rkbCcCGoh0xveDEIrYG7h2gqwhi3IyuLwfPg5vO5whjhureWHBwM6kmFkzWXkhFU-daH7UfllzA4y_dXDJqk6cIXyXctBt3-NRhxRaVWWNCwpDOc-RPAGFTde4SrAzpJ4kXxizw8gAihJvtHskB2AstPkhXySfQLnLpr1H0ugCHrLyJskqXDrR1mvozhgms147kVJoc-sQNFkZnS8wDyPKhUvVn9XrXCnivM21zXPdplfX34pFupHV3dbd4PJYIy5RgiFtO2FwimvOg1JZujfAczEA1dPJrMrJvc39qmIAyx4C2rjfkHU2b3pMgV3ohHdkI4Y1NTkb5QQzmevmIKdWp6VQVZRMN9x0uRmewZicLuo6y0dnXHkck27KcvS_B9qd1kXlsf7tER4LB__DmdyYWJ6JaTCYeS7F9bN0ovXL08PM0gJO2f9DLN00McZ857WeAqu_vusx13hqexM8wLw6_gTRJbmF8QMAAA */
1599
1722
  .use-styles_wrapper__1uyxaj0 {
1600
1723
  position: relative;
1601
1724
  display: inline-flex;
@@ -1603,37 +1726,42 @@
1603
1726
  .use-styles_list__1uyxaj1 {
1604
1727
  position: absolute;
1605
1728
  min-width: 180px;
1606
- background: var(--color-bg2__e3grur2d);
1607
- border: 1px solid var(--color-border2__e3grur2l);
1729
+ background: var(--bg2__e3grur2d);
1730
+ border: var(--border-hair__e3grur1o) solid var(--border2__e3grur2l);
1608
1731
  border-radius: var(--radius-base__e3grur1m);
1609
1732
  box-shadow: var(--shadow-lg__e3grur2b);
1610
1733
  z-index: 20;
1611
1734
  overflow: hidden;
1612
- margin-top: 4px;
1735
+ margin-top: var(--space-xs__e3grur19);
1613
1736
  }
1614
1737
  .use-styles_item__1uyxaj2 {
1615
1738
  width: 100%;
1739
+ box-sizing: border-box;
1616
1740
  text-align: left;
1617
- padding: 9px 12px;
1741
+ padding: var(--space-sm__e3grur1a) var(--space-md__e3grur1b);
1618
1742
  background: transparent;
1619
1743
  border: none;
1620
1744
  cursor: pointer;
1621
1745
  font-family: var(--font-text__e3grur1);
1622
- font-size: 14px;
1623
- color: var(--color-fg1__e3grur2g);
1746
+ font-size: var(--text-small-size__e3grur10);
1747
+ color: var(--fg1__e3grur2g);
1624
1748
  }
1625
1749
  .use-styles_item__1uyxaj2:hover {
1626
- background: var(--color-bg3__e3grur2e);
1750
+ background: var(--bg3__e3grur2e);
1751
+ }
1752
+ .use-styles_item__1uyxaj2:focus-visible {
1753
+ outline: 2px solid var(--focus__e3grur2u);
1754
+ outline-offset: 2px;
1627
1755
  }
1628
1756
  .use-styles_danger__1uyxaj3 {
1629
- color: var(--color-danger__e3grur2s);
1757
+ color: var(--danger__e3grur2s);
1630
1758
  }
1631
1759
 
1632
- /* vanilla-extract-css-ns:src/components/dialog/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAACn1Uy26kMBC8z1f4slJycMQ8ImXJD-QD9o4MbkxvjI3sJgNZ5d8jG8zAzGZutLuo7qpu-6n3wD2NGnxhP8BpMRbFM3nqXzL2b8dYZz0SWpOzGgeQrzvG0HignGXhuxTVu3K2NzJnH8I9cF5ZbR33lcO2KOCoXO8O_WPCSmc7XqMmcDkrde8eTt0QsxJ9p8WYs1rDEA6ERmU4ErQ-ZxUYAheO__aesB55ZQ2BoXXqk6ORMOTsOXvdfe2eVtp872pRQdK2j9p-ar5Uh6V1ObVunQwdT6gp4o1Al3B7-8i81Si3RBG4X8jeV2TcCYm9T5xTxLVaGPUMHrhvhLTnhJyiFfJQRmQrBn5GSU3OTi9ZFz2c49_ZrxB1Qko0aiHqRAV80EvFSavtSaOBnBlr4NpHQtLwBwZKTh6ik7U1xGvRoh4Tezyah5oqZLFAzHj8hAQlGIg3x3iWoJNVoRHeAKqGrsEh9RYz6Rd9YT__95fzBt5GeBzUdvy1ukxMzdY6hSau_NaO0srlvhzvOkHRs9noOzYExo0R_q4REX5rBf2s7bLazUobJ9tt96KVS7thv7a6RRXeBJ-kn6L0mxt8c1VDgoOJr4gSVwX98l7sxd3OVnekCp19A5wSD2DEBAAA */
1760
+ /* vanilla-extract-css-ns:src/components/dialog/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA4VUQW7jMAy85xW6LNAcVDhOCnTdD_QBew9ki7a5lSVDohMni_37Qqyt2E2RvZnmiMMZUXweAshAFwPh6E7gjbocjy8UaHjNxJ-NEL0LSOhsIWocQb9thEAbgAqRxe9SVR-Nd4PVhTgp_yRlqDx2xyPsGz_4_LSdUdq7XtZoCHwhSjP4p0M_clZj6I26FKI2MMYfymBjJRJ0oRAVWAIff_8eAmF9kZWzBJaWqatEq2EsxEv2tvm7eV6oCoOvVQWzqh2rum-7bPLUtP5s2nkde53yHMlWoZ9xO7cVwRnUK8gulflYlJFeaRzCXO0zkqZJtcwEHmVolXbnZCdHC2ReMrJTozyjprYQh9esZ9-m-Gf2I0a90hptkwr1qgI5msSob4x4ZeDUaum4mhvIoIVCWGfhf64WtauGIE8YsDTAHqfzeT-ufGJokjNsF2TS1TUPVx4VrSkJycAvGGkmzZmmdpZkrTo0lyIRWJLTVM08GdNwJuAVZijBSLLd878Z-nlv3E4L2LT0FRxT75yZj5hb9fO3R84reMfwyhmX5qtuboPTTDfsG7T8ztZGlE6nR7p_6AGxW9N9PzAgVlxZEB5awPB7E-g7VbdX1S5USXL9ejA7nRqNA75WrKq4gsIs-sCi79bG3X6ICQmWl1ajvhCGtKR26mFni0daxc7-AX0524QzBQAA */
1633
1761
  .use-styles_overlay__5tstu80 {
1634
1762
  position: fixed;
1635
1763
  inset: 0;
1636
- background: var(--color-scrim__e3grur2u);
1764
+ background: var(--scrim__e3grur2v);
1637
1765
  backdrop-filter: blur(4px);
1638
1766
  display: flex;
1639
1767
  align-items: center;
@@ -1641,28 +1769,33 @@
1641
1769
  z-index: 50;
1642
1770
  }
1643
1771
  .use-styles_surface__5tstu81 {
1644
- background: var(--color-bg2__e3grur2d);
1645
- border: var(--border-hair__e3grur1o) solid var(--color-border1__e3grur2k);
1772
+ background: var(--bg2__e3grur2d);
1773
+ border: var(--border-hair__e3grur1o) solid var(--border1__e3grur2k);
1646
1774
  border-radius: var(--radius-lg__e3grur1l);
1647
1775
  box-shadow: var(--shadow-lg__e3grur2b);
1648
1776
  max-width: 480px;
1649
1777
  width: 90%;
1650
1778
  padding: var(--space-xl__e3grur1d);
1779
+ box-sizing: border-box;
1651
1780
  outline: none;
1652
1781
  }
1782
+ .use-styles_surface__5tstu81:focus-visible {
1783
+ outline: 2px solid var(--focus__e3grur2u);
1784
+ outline-offset: 2px;
1785
+ }
1653
1786
  .use-styles_titleText__5tstu82 {
1654
1787
  font-family: var(--font-display__e3grur0);
1655
1788
  font-size: var(--text-h3-size__e3grurk);
1656
1789
  line-height: var(--text-h3-lineHeight__e3grurl);
1657
1790
  font-weight: var(--text-h3-weight__e3grurm);
1658
- color: var(--color-fg1__e3grur2g);
1791
+ color: var(--fg1__e3grur2g);
1659
1792
  margin: 0;
1660
1793
  }
1661
1794
  .use-styles_body__5tstu83 {
1662
1795
  font-family: var(--font-text__e3grur1);
1663
1796
  font-size: var(--text-body-size__e3grurs);
1664
1797
  line-height: var(--text-body-lineHeight__e3grurt);
1665
- color: var(--color-fg2__e3grur2h);
1798
+ color: var(--fg2__e3grur2h);
1666
1799
  margin-top: var(--space-md__e3grur1b);
1667
1800
  }
1668
1801
  .use-styles_actions__5tstu84 {
@@ -1672,7 +1805,7 @@
1672
1805
  margin-top: var(--space-lg__e3grur1c);
1673
1806
  }
1674
1807
 
1675
- /* vanilla-extract-css-ns:src/components/snackbar/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9faWh6c2VwMCB7CiAgcG9zaXRpb246IGZpeGVkOwogIGJvdHRvbTogdmFyKC0tc3BhY2UteGxfX2UzZ3J1cjFkKTsKICBsZWZ0OiA1MCU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IHZhcigtLXNwYWNlLW1kX19lM2dydXIxYik7CiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3ItZmcxX19lM2dydXIyZyk7CiAgY29sb3I6IHZhcigtLWNvbG9yLWJnMV9fZTNncnVyMmMpOwogIHBhZGRpbmc6IHZhcigtLXNwYWNlLW1kX19lM2dydXIxYikgdmFyKC0tc3BhY2UtbGdfX2UzZ3J1cjFjKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtYmFzZV9fZTNncnVyMW0pOwogIGJveC1zaGFkb3c6IHZhcigtLXNoYWRvdy1sZ19fZTNncnVyMmIpOwogIHotaW5kZXg6IDYwOwp9Ci51c2Utc3R5bGVzX21lc3NhZ2VfX2loenNlcDEgewogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LXRleHRfX2UzZ3J1cjEpOwogIGZvbnQtc2l6ZTogMTRweDsKfQoudXNlLXN0eWxlc19jbG9zZUJ0bl9faWh6c2VwMiB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBjb2xvcjogdmFyKC0tY29sb3ItYmcxX19lM2dydXIyYyk7CiAgY3Vyc29yOiBwb2ludGVyOwogIHRyYW5zaXRpb246IG9wYWNpdHkgdmFyKC0tZHVyLWZhc3RfX2UzZ3J1cjI1KSB2YXIoLS1lYXNlLWlua19fZTNncnVyMjgpOwp9Ci51c2Utc3R5bGVzX2Nsb3NlQnRuX19paHpzZXAyOmhvdmVyIHsKICBvcGFjaXR5OiAwLjc7Cn0 */
1808
+ /* vanilla-extract-css-ns:src/components/snackbar/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41SQY4bIRC8-xVcVtocsMZOnKzwLa_IzWKgGZNlaEQ3ztjR_j0a7CHePcS5QVd1VdPFuhBI4nMAOmREPhz88UKQOvF7JURC8uwxKuH8BHa_EqJHZhyVOOn8LCUlbUBO4XCAz0MueWM_zaQAjpXYdU_zhbOO5DCP6noMmuHHs9x1T5VrPaWgz0q4ANNc0MEPUXqGkZQwEBnyXB50eu862ubaV6Vem9chY4l2Ibphs3C2Q-UYDJgXuL-DTYWTttbH4R9G75AwNOTa32O2kGXW1hdaVK432WuCRh9v9EnSUVv81Rzr7U54e33bRfpoYVLia7dfva3Wd7GNQKQHWJLb1OQcRpZOjz6c2zLmEsPEbYiqXMvkL6DE5kuaPqqbgATfOS7y2yrfQvMx-AjyQXY_C7F3Z2kwMkS-h9rGu48R1s-SdIbIf1erRMQI_5GkKZlmPKFfrKrg7T9j0sbz-dZuS5ZOU9vMdrfkDJpA-vjakJeqjoXndy_TPFiZOuIJcl3czVeJbv3tcZ9DU0iePPk-wLV_Md6mSRAGb1u6plCbstxPKdE5Aq49-9XbH9VwQFnzAwAA */
1676
1809
  .use-styles_root__ihzsep0 {
1677
1810
  position: fixed;
1678
1811
  bottom: var(--space-xl__e3grur1d);
@@ -1681,8 +1814,8 @@
1681
1814
  display: flex;
1682
1815
  align-items: center;
1683
1816
  gap: var(--space-md__e3grur1b);
1684
- background: var(--color-fg1__e3grur2g);
1685
- color: var(--color-bg1__e3grur2c);
1817
+ background: var(--fg1__e3grur2g);
1818
+ color: var(--bg1__e3grur2c);
1686
1819
  padding: var(--space-md__e3grur1b) var(--space-lg__e3grur1c);
1687
1820
  border-radius: var(--radius-base__e3grur1m);
1688
1821
  box-shadow: var(--shadow-lg__e3grur2b);
@@ -1699,15 +1832,20 @@
1699
1832
  padding: 0;
1700
1833
  background: transparent;
1701
1834
  border: none;
1702
- color: var(--color-bg1__e3grur2c);
1835
+ color: var(--bg1__e3grur2c);
1703
1836
  cursor: pointer;
1704
1837
  transition: opacity var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
1838
+ outline: none;
1705
1839
  }
1706
1840
  .use-styles_closeBtn__ihzsep2:hover {
1707
1841
  opacity: 0.7;
1708
1842
  }
1843
+ .use-styles_closeBtn__ihzsep2:focus-visible {
1844
+ outline: 2px solid var(--focus__e3grur2u);
1845
+ outline-offset: 2px;
1846
+ }
1709
1847
 
1710
- /* vanilla-extract-css-ns:src/components/table/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMW4yY3o2aTAgewogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7CiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtdGV4dF9fZTNncnVyMSk7Cn0KLnVzZS1zdHlsZXNfdGhfXzFuMmN6NmkxIHsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vX19lM2dydXIyKTsKICBmb250LXNpemU6IDEwcHg7CiAgbGV0dGVyLXNwYWNpbmc6IDAuMTJlbTsKICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOwogIGNvbG9yOiB2YXIoLS1jb2xvci1mZzNfX2UzZ3J1cjJpKTsKICB0ZXh0LWFsaWduOiBsZWZ0OwogIHBhZGRpbmc6IHZhcigtLXNwYWNlLXNtX19lM2dydXIxYSkgdmFyKC0tc3BhY2UtbWRfX2UzZ3J1cjFiKTsKICBib3JkZXItYm90dG9tOiB2YXIoLS1ib3JkZXItcnVsZV9fZTNncnVyMXApIHNvbGlkIHZhcigtLWNvbG9yLWJvcmRlcjJfX2UzZ3J1cjJsKTsKfQoudXNlLXN0eWxlc190ZF9fMW4yY3o2aTIgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLW1kX19lM2dydXIxYik7CiAgYm9yZGVyLWJvdHRvbTogdmFyKC0tYm9yZGVyLWhhaXJfX2UzZ3J1cjFvKSBzb2xpZCB2YXIoLS1jb2xvci1ib3JkZXIxX19lM2dydXIyayk7CiAgY29sb3I6IHZhcigtLWNvbG9yLWZnMV9fZTNncnVyMmcpOwogIGZvbnQtc2l6ZTogMTVweDsKfQoudXNlLXN0eWxlc19hbGlnblJpZ2h0X18xbjJjejZpMyB7CiAgdGV4dC1hbGlnbjogcmlnaHQ7Cn0 */
1848
+ /* vanilla-extract-css-ns:src/components/table/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMW4yY3o2aTAgewogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7CiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtdGV4dF9fZTNncnVyMSk7Cn0KLnVzZS1zdHlsZXNfdGhfXzFuMmN6NmkxIHsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vX19lM2dydXIyKTsKICBmb250LXNpemU6IDEwcHg7CiAgbGV0dGVyLXNwYWNpbmc6IDAuMTJlbTsKICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOwogIGNvbG9yOiB2YXIoLS1mZzNfX2UzZ3J1cjJpKTsKICB0ZXh0LWFsaWduOiBsZWZ0OwogIHBhZGRpbmc6IHZhcigtLXNwYWNlLXNtX19lM2dydXIxYSkgdmFyKC0tc3BhY2UtbWRfX2UzZ3J1cjFiKTsKICBib3JkZXItYm90dG9tOiB2YXIoLS1ib3JkZXItcnVsZV9fZTNncnVyMXApIHNvbGlkIHZhcigtLWJvcmRlcjJfX2UzZ3J1cjJsKTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9Ci51c2Utc3R5bGVzX3RkX18xbjJjejZpMiB7CiAgcGFkZGluZzogdmFyKC0tc3BhY2UtbWRfX2UzZ3J1cjFiKTsKICBib3JkZXItYm90dG9tOiB2YXIoLS1ib3JkZXItaGFpcl9fZTNncnVyMW8pIHNvbGlkIHZhcigtLWJvcmRlcjFfX2UzZ3J1cjJrKTsKICBjb2xvcjogdmFyKC0tZmcxX19lM2dydXIyZyk7CiAgZm9udC1zaXplOiAxNXB4OwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLnVzZS1zdHlsZXNfYWxpZ25SaWdodF9fMW4yY3o2aTMgewogIHRleHQtYWxpZ246IHJpZ2h0Owp9 */
1711
1849
  .use-styles_root__1n2cz6i0 {
1712
1850
  width: 100%;
1713
1851
  border-collapse: collapse;
@@ -1718,30 +1856,33 @@
1718
1856
  font-size: 10px;
1719
1857
  letter-spacing: 0.12em;
1720
1858
  text-transform: uppercase;
1721
- color: var(--color-fg3__e3grur2i);
1859
+ color: var(--fg3__e3grur2i);
1722
1860
  text-align: left;
1723
1861
  padding: var(--space-sm__e3grur1a) var(--space-md__e3grur1b);
1724
- border-bottom: var(--border-rule__e3grur1p) solid var(--color-border2__e3grur2l);
1862
+ border-bottom: var(--border-rule__e3grur1p) solid var(--border2__e3grur2l);
1863
+ box-sizing: border-box;
1725
1864
  }
1726
1865
  .use-styles_td__1n2cz6i2 {
1727
1866
  padding: var(--space-md__e3grur1b);
1728
- border-bottom: var(--border-hair__e3grur1o) solid var(--color-border1__e3grur2k);
1729
- color: var(--color-fg1__e3grur2g);
1867
+ border-bottom: var(--border-hair__e3grur1o) solid var(--border1__e3grur2k);
1868
+ color: var(--fg1__e3grur2g);
1730
1869
  font-size: 15px;
1870
+ box-sizing: border-box;
1731
1871
  }
1732
1872
  .use-styles_alignRight__1n2cz6i3 {
1733
1873
  text-align: right;
1734
1874
  }
1735
1875
 
1736
- /* vanilla-extract-css-ns:src/components/app-bar/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMWgxMzNuaDAgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgZ2FwOiB2YXIoLS1zcGFjZS1sZ19fZTNncnVyMWMpOwogIHBhZGRpbmc6IHZhcigtLXNwYWNlLW1kX19lM2dydXIxYikgdmFyKC0tc3BhY2UtbGdfX2UzZ3J1cjFjKTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1iZzFfX2UzZ3J1cjJjKTsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tY29sb3ItYm9yZGVyMV9fZTNncnVyMmspOwp9Ci51c2Utc3R5bGVzX2JyYW5kX18xaDEzM25oMSB7CiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZGlzcGxheV9fZTNncnVyMCk7Cn0KLnVzZS1zdHlsZXNfYWN0aW9uc19fMWgxMzNuaDIgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IHZhcigtLXNwYWNlLXNtX19lM2dydXIxYSk7Cn0 */
1876
+ /* vanilla-extract-css-ns:src/components/app-bar/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMWgxMzNuaDAgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgZ2FwOiB2YXIoLS1zcGFjZS1sZ19fZTNncnVyMWMpOwogIHBhZGRpbmc6IHZhcigtLXNwYWNlLW1kX19lM2dydXIxYikgdmFyKC0tc3BhY2UtbGdfX2UzZ3J1cjFjKTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1iZzFfX2UzZ3J1cjJjKTsKICBib3JkZXItYm90dG9tOiB2YXIoLS1ib3JkZXItaGFpcl9fZTNncnVyMW8pIHNvbGlkIHZhcigtLWJvcmRlcjFfX2UzZ3J1cjJrKTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9Ci51c2Utc3R5bGVzX2JyYW5kX18xaDEzM25oMSB7CiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZGlzcGxheV9fZTNncnVyMCk7Cn0KLnVzZS1zdHlsZXNfYWN0aW9uc19fMWgxMzNuaDIgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IHZhcigtLXNwYWNlLXNtX19lM2dydXIxYSk7Cn0 */
1737
1877
  .use-styles_root__1h133nh0 {
1738
1878
  display: flex;
1739
1879
  align-items: center;
1740
1880
  justify-content: space-between;
1741
1881
  gap: var(--space-lg__e3grur1c);
1742
1882
  padding: var(--space-md__e3grur1b) var(--space-lg__e3grur1c);
1743
- background: var(--color-bg1__e3grur2c);
1744
- border-bottom: 1px solid var(--color-border1__e3grur2k);
1883
+ background: var(--bg1__e3grur2c);
1884
+ border-bottom: var(--border-hair__e3grur1o) solid var(--border1__e3grur2k);
1885
+ box-sizing: border-box;
1745
1886
  }
1746
1887
  .use-styles_brand__1h133nh1 {
1747
1888
  font-family: var(--font-display__e3grur0);
@@ -1752,7 +1893,7 @@
1752
1893
  gap: var(--space-sm__e3grur1a);
1753
1894
  }
1754
1895
 
1755
- /* vanilla-extract-css-ns:src/components/list-item/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fa2JyZXExMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tc3BhY2UtbWRfX2UzZ3J1cjFiKTsKICBwYWRkaW5nOiB2YXIoLS1zcGFjZS1tZF9fZTNncnVyMWIpIHZhcigtLXNwYWNlLWxnX19lM2dydXIxYyk7CiAgY3Vyc29yOiBwb2ludGVyOwogIHRyYW5zaXRpb246IGJhY2tncm91bmQgdmFyKC0tZHVyLWZhc3RfX2UzZ3J1cjI1KSB2YXIoLS1lYXNlLWlua19fZTNncnVyMjgpOwp9Ci51c2Utc3R5bGVzX3Jvb3RfX2ticmVxMTA6aG92ZXIgewogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWJnM19fZTNncnVyMmUpOwp9Ci51c2Utc3R5bGVzX3NlbGVjdGVkX19rYnJlcTExIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1iZzNfX2UzZ3J1cjJlKTsKICBib3gtc2hhZG93OiBpbnNldCAycHggMCAwIHZhcigtLWNvbG9yLWFjY2VudF9fZTNncnVyMm4pOwp9Ci51c2Utc3R5bGVzX2xlYWRpbmdfX2ticmVxMTIgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQoudXNlLXN0eWxlc19jb250ZW50X19rYnJlcTEzIHsKICBmbGV4OiAxOwp9Ci51c2Utc3R5bGVzX3RyYWlsaW5nX19rYnJlcTE0IHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0 */
1896
+ /* vanilla-extract-css-ns:src/components/list-item/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fa2JyZXExMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tc3BhY2UtbWRfX2UzZ3J1cjFiKTsKICBwYWRkaW5nOiB2YXIoLS1zcGFjZS1tZF9fZTNncnVyMWIpIHZhcigtLXNwYWNlLWxnX19lM2dydXIxYyk7CiAgY3Vyc29yOiBwb2ludGVyOwogIHRyYW5zaXRpb246IGJhY2tncm91bmQgdmFyKC0tZHVyLWZhc3RfX2UzZ3J1cjI1KSB2YXIoLS1lYXNlLWlua19fZTNncnVyMjgpOwp9Ci51c2Utc3R5bGVzX3Jvb3RfX2ticmVxMTA6aG92ZXIgewogIGJhY2tncm91bmQ6IHZhcigtLWJnM19fZTNncnVyMmUpOwp9Ci51c2Utc3R5bGVzX3NlbGVjdGVkX19rYnJlcTExIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1iZzNfX2UzZ3J1cjJlKTsKICBib3gtc2hhZG93OiBpbnNldCAycHggMCAwIHZhcigtLWFjY2VudF9fZTNncnVyMm4pOwp9Ci51c2Utc3R5bGVzX2xlYWRpbmdfX2ticmVxMTIgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQoudXNlLXN0eWxlc19jb250ZW50X19rYnJlcTEzIHsKICBmbGV4OiAxOwp9Ci51c2Utc3R5bGVzX3RyYWlsaW5nX19rYnJlcTE0IHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0 */
1756
1897
  .use-styles_root__kbreq10 {
1757
1898
  display: flex;
1758
1899
  align-items: center;
@@ -1762,11 +1903,11 @@
1762
1903
  transition: background var(--dur-fast__e3grur25) var(--ease-ink__e3grur28);
1763
1904
  }
1764
1905
  .use-styles_root__kbreq10:hover {
1765
- background: var(--color-bg3__e3grur2e);
1906
+ background: var(--bg3__e3grur2e);
1766
1907
  }
1767
1908
  .use-styles_selected__kbreq11 {
1768
- background: var(--color-bg3__e3grur2e);
1769
- box-shadow: inset 2px 0 0 var(--color-accent__e3grur2n);
1909
+ background: var(--bg3__e3grur2e);
1910
+ box-shadow: inset 2px 0 0 var(--accent__e3grur2n);
1770
1911
  }
1771
1912
  .use-styles_leading__kbreq12 {
1772
1913
  display: flex;
@@ -1780,7 +1921,7 @@
1780
1921
  align-items: center;
1781
1922
  }
1782
1923
 
1783
- /* vanilla-extract-css-ns:src/theme/typography.css.ts.vanilla.css?source=#H4sIAAAAAAAACrXWwXKbMBAG4LufgmN9gEGA49h5gd7zAIwAGWksJCrkOKTTd-8gEIlseZ1p8RG0_4r9hgFFum9lrXBL-1yTd52TnhRKnvMcnRv-0cfB71UQHKTQ4QE3jPf74A2rH2FobjVSyDwnaa1OKlm_2MqOfRBbNzQNp6ZmwdZnpp4zQUJKWE21NzGs_zTLNrf53Od8O3d2Mk_jXkRrosKuxSUTtX87U_I6Vtj01qRNnVZYdAepmn1waluiStyRYbGUXCrb0VyEhzqdadj6ZfVnFV1aV6xrOe6tNQKt5-KxZwxwT6UO9zPIbRPX3DuQ2-ZcbnyPe97Ox118mawXmpKOdftASHFbGs3StQk3WNVM7IPYy06RFU-WEqfIwS5BbIo8zhXoTNEFMblHPGzi0z08XDexuuliuomjW8O6iUeXwrrJhS57OFJqkbLFkFIH6QgjpR4kDiOlF0jNw5Eyi7QBkUzx1BhBQpkjJGGhzCPUwkLZhdCv9UIShazmv8TTIhZDR0ejAzVM-bWHBj1MyBU5fVfEg8AJrizCdhGEoaODcAYRTPk1wjuIYEIuQn8bIZkRqB-hazDnVuF5EQXT0mFAMegwBq4hEAIlxphLgZL_sChxq5kUVmO3yFF1aup6wGdVG_GIbO79pues71-Ntrd17h4uS1kRS4P_nSaOdqQZ7hW4PNZKnkTlPkrx5VHGU0mLq8rMGUeINEEcZVMHqSoyDzJehRQzNc8r10EnOavcDUzh5-fh6J-34Lg8jox27AIc2wRs1_TWqztehYrUJ47nJ03Qtz9kfwFD1SmiYg0AAA */
1924
+ /* vanilla-extract-css-ns:src/theme/typography.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7XW0ZKaMBQG4Hufgst6gUMA19V9gd73AZgAkWQMCQ2xLtvpu3cIJrvR7KGzxUvl_Cf83zjCRg-dbBTu6FBo8qoLMpBSyUtRoEvL34Yk-r2KoqMUOj7ilvHhEP3C6lscm69aKWRRkKxRZ5WuX-xkz96InRuXxtel5oKdz808Z4LElLCG6mBivP7dXLa57fs5l89zFy_zNJ1FtCYq7jtcMdGEjzMjP6YJm96ZtJnTCov-KFV7iM5dR1SFezJerCSXytE0mUNh65fVn9XmVrlmfcfxYJURqOyGp50JAH0d9aCfQWibuIfeg9A250PjOWh3XAi6_NBsEJqSnvWHSEgRMkbOuDGxFquGiUOUBMEpstbpUtYUecwVyExRQLgGhSm6wSVzuOMhIdfjA11T65ot5pp6rg3smgZcKeya3riyB_JklidfjCfzeE4wTxbg4TBPdsPTPpAntzxbkMcMXxcjyCb3bCRskwdsOtgmv7H5uf5vg1LW7jnwtIjCuNFz6EEHM34voUEJE_ItzvMWgfqc4NrW3y1Sf9zo1b-A9c34ff1XsL4J-fWHUP3U1afh-n2LObf9nxfpb1Z6ACgBBabAPQFCoMEU8xFQ-iWFCneaSWEd9ou8dF6X-hLwW6eNBCy2cw9flw09gdEu5DL7mljJmlgU_HWUZLMn7fhdiatTo-RZ1DZcfriJ6f2iw3VtuiUbRNoo2eTXrFQ1cTc_fYopZsp1lOuol5zV3sj7H8Ap3LHkuDpNaLZqCVY1Abs1--wnOn2KFWnOHLt7TNE__En9BWvENrkUDQAA */
1784
1925
  .typography_text_eyebrow__1wmlzy0 {
1785
1926
  font-family: var(--font-mono__e3grur2);
1786
1927
  font-size: var(--text-eyebrow-size__e3grur4);
@@ -1788,7 +1929,7 @@
1788
1929
  font-weight: var(--text-eyebrow-weight__e3grur6);
1789
1930
  letter-spacing: var(--text-eyebrow-letterSpacing__e3grur7);
1790
1931
  text-transform: uppercase;
1791
- color: var(--color-fg3__e3grur2i);
1932
+ color: var(--fg3__e3grur2i);
1792
1933
  }
1793
1934
  .typography_text_display__1wmlzy1 {
1794
1935
  font-family: var(--font-display__e3grur0);
@@ -1797,7 +1938,7 @@
1797
1938
  font-weight: var(--text-display-weight__e3grura);
1798
1939
  letter-spacing: var(--text-display-letterSpacing__e3grurb);
1799
1940
  font-synthesis: none;
1800
- color: var(--color-fg1__e3grur2g);
1941
+ color: var(--fg1__e3grur2g);
1801
1942
  margin: 0;
1802
1943
  }
1803
1944
  .typography_text_h1__1wmlzy2 {
@@ -1807,7 +1948,7 @@
1807
1948
  font-weight: var(--text-h1-weight__e3grure);
1808
1949
  letter-spacing: var(--text-h1-letterSpacing__e3grurf);
1809
1950
  font-synthesis: none;
1810
- color: var(--color-fg1__e3grur2g);
1951
+ color: var(--fg1__e3grur2g);
1811
1952
  margin: 0;
1812
1953
  }
1813
1954
  .typography_text_h2__1wmlzy3 {
@@ -1816,7 +1957,7 @@
1816
1957
  line-height: var(--text-h2-lineHeight__e3grurh);
1817
1958
  font-weight: var(--text-h2-weight__e3gruri);
1818
1959
  font-synthesis: none;
1819
- color: var(--color-fg1__e3grur2g);
1960
+ color: var(--fg1__e3grur2g);
1820
1961
  margin: 0;
1821
1962
  }
1822
1963
  .typography_text_h3__1wmlzy4 {
@@ -1825,7 +1966,7 @@
1825
1966
  line-height: var(--text-h3-lineHeight__e3grurl);
1826
1967
  font-weight: var(--text-h3-weight__e3grurm);
1827
1968
  font-synthesis: none;
1828
- color: var(--color-fg1__e3grur2g);
1969
+ color: var(--fg1__e3grur2g);
1829
1970
  margin: 0;
1830
1971
  }
1831
1972
  .typography_text_h4__1wmlzy5 {
@@ -1833,7 +1974,7 @@
1833
1974
  font-size: var(--text-h4-size__e3gruro);
1834
1975
  line-height: var(--text-h4-lineHeight__e3grurp);
1835
1976
  font-weight: var(--text-h4-weight__e3grurq);
1836
- color: var(--color-fg1__e3grur2g);
1977
+ color: var(--fg1__e3grur2g);
1837
1978
  margin: 0;
1838
1979
  }
1839
1980
  .typography_text_body__1wmlzy6 {
@@ -1841,38 +1982,39 @@
1841
1982
  font-size: var(--text-body-size__e3grurs);
1842
1983
  line-height: var(--text-body-lineHeight__e3grurt);
1843
1984
  font-weight: var(--text-body-weight__e3gruru);
1844
- color: var(--color-fg1__e3grur2g);
1985
+ color: var(--fg1__e3grur2g);
1845
1986
  }
1846
1987
  .typography_text_lead__1wmlzy7 {
1847
1988
  font-family: var(--font-text__e3grur1);
1848
1989
  font-size: var(--text-lead-size__e3grurw);
1849
1990
  line-height: var(--text-lead-lineHeight__e3grurx);
1850
1991
  font-weight: var(--text-lead-weight__e3grury);
1851
- color: var(--color-fg2__e3grur2h);
1992
+ color: var(--fg2__e3grur2h);
1852
1993
  }
1853
1994
  .typography_text_small__1wmlzy8 {
1854
1995
  font-family: var(--font-text__e3grur1);
1855
1996
  font-size: var(--text-small-size__e3grur10);
1856
1997
  line-height: var(--text-small-lineHeight__e3grur11);
1857
1998
  font-weight: var(--text-small-weight__e3grur12);
1858
- color: var(--color-fg2__e3grur2h);
1999
+ color: var(--fg2__e3grur2h);
1859
2000
  }
1860
2001
  .typography_text_caption__1wmlzy9 {
1861
2002
  font-family: var(--font-mono__e3grur2);
1862
2003
  font-size: var(--text-caption-size__e3grur14);
1863
2004
  line-height: var(--text-caption-lineHeight__e3grur15);
1864
2005
  letter-spacing: var(--text-caption-letterSpacing__e3grur17);
1865
- color: var(--color-fg3__e3grur2i);
2006
+ color: var(--fg3__e3grur2i);
1866
2007
  }
1867
2008
  .typography_text_code__1wmlzya {
1868
2009
  font-family: var(--font-mono__e3grur2);
1869
2010
  font-size: 0.9em;
1870
- background: var(--color-bg3__e3grur2e);
2011
+ background: var(--bg3__e3grur2e);
1871
2012
  padding: 0.1em 0.4em;
1872
- border: var(--border-hair__e3grur1o) solid var(--color-border1__e3grur2k);
2013
+ border: var(--border-hair__e3grur1o) solid var(--border1__e3grur2k);
1873
2014
  }
1874
2015
  .typography_text_blackletter__1wmlzyb {
1875
2016
  font-family: var(--font-black__e3grur3);
1876
2017
  font-weight: var(--weight-regular__e3grur21);
1877
- color: var(--color-fg1__e3grur2g);
2018
+ color: var(--fg1__e3grur2g);
1878
2019
  }
2020
+ /*# sourceMappingURL=index.css.map */