@simple-builder/react 1.2.10 → 1.3.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 (98) hide show
  1. package/dist/{build-container-client-VF3DTHKE.mjs → build-container-client-5QC5KVS3.mjs} +215 -215
  2. package/dist/build-container-client-D2ZD6IEH.css +1964 -0
  3. package/dist/{build-container-client-O3HCUDB7.js → build-container-client-NXIMV3RF.js} +293 -293
  4. package/dist/{builder-content-325KIPAU.mjs → builder-content-3H7GF3KF.mjs} +3 -3
  5. package/dist/{builder-content-CUJJ3KBR.js → builder-content-BIVYFWCC.js} +7 -7
  6. package/dist/builder-content-NFFJ4NAB.css +1964 -0
  7. package/dist/{chunk-IACBZNOK.js → chunk-2CPAROZB.js} +7 -7
  8. package/dist/{chunk-2DLJX5FY.mjs → chunk-B5R6QY7N.mjs} +7 -7
  9. package/dist/{chunk-5DXQZNUR.mjs → chunk-CJGHP5Q7.mjs} +25 -19
  10. package/dist/{chunk-5N4LAZ6V.js → chunk-WI3YU7TV.js} +3 -3
  11. package/dist/{chunk-3F3TNWYK.mjs → chunk-XSG7W73Z.mjs} +2 -2
  12. package/dist/{chunk-6NZWMSQR.js → chunk-YKPZPQ5D.js} +29 -23
  13. package/dist/index.css +1920 -1486
  14. package/dist/index.js +6 -6
  15. package/dist/index.mjs +2 -2
  16. package/package.json +4 -4
  17. package/dist/build-container-client-56IGH4EB.mjs +0 -2264
  18. package/dist/build-container-client-6D4M5MV6.mjs +0 -2260
  19. package/dist/build-container-client-6NICVHM7.css +0 -1530
  20. package/dist/build-container-client-7UASGAWO.mjs +0 -2265
  21. package/dist/build-container-client-FP6NTFZ7.js +0 -2299
  22. package/dist/build-container-client-IC4ZMQPB.js +0 -2301
  23. package/dist/build-container-client-JR4HENF4.mjs +0 -2262
  24. package/dist/build-container-client-JS3CR4W3.js +0 -2300
  25. package/dist/build-container-client-JXYQOZHZ.js +0 -2296
  26. package/dist/build-container-client-OANZW6DH.mjs +0 -2264
  27. package/dist/build-container-client-QBXLJYQD.js +0 -2300
  28. package/dist/build-container-client-QOFTIHCU.js +0 -2298
  29. package/dist/build-container-client-XNI5DVSE.mjs +0 -2280
  30. package/dist/build-container-client-YSPLIQZC.mjs +0 -2263
  31. package/dist/build-container-client-YTZ4C67E.mjs +0 -2266
  32. package/dist/build-container-client-Z34EUPR3.js +0 -2302
  33. package/dist/build-container-client-ZXB5JG67.js +0 -2316
  34. package/dist/builder-content-5K55QBEE.js +0 -42
  35. package/dist/builder-content-5K7B4FXR.js +0 -42
  36. package/dist/builder-content-7CYIKIWQ.mjs +0 -20
  37. package/dist/builder-content-EHVMYKSR.mjs +0 -20
  38. package/dist/builder-content-IQHALH5A.js +0 -42
  39. package/dist/builder-content-J6G2PNIM.js +0 -42
  40. package/dist/builder-content-JQ7BYR4W.mjs +0 -20
  41. package/dist/builder-content-KWK44AH6.mjs +0 -20
  42. package/dist/builder-content-LYSSA6KK.js +0 -42
  43. package/dist/builder-content-MPQ7ZQN4.js +0 -42
  44. package/dist/builder-content-OE75E24Z.mjs +0 -20
  45. package/dist/builder-content-P24OTLH4.css +0 -1530
  46. package/dist/builder-content-QFRPA4VE.js +0 -42
  47. package/dist/builder-content-S2ZNOULV.mjs +0 -20
  48. package/dist/builder-content-STUVQ4ME.mjs +0 -20
  49. package/dist/builder-content-WJFD3ACD.mjs +0 -20
  50. package/dist/builder-content-ZHXFSCT7.js +0 -42
  51. package/dist/chunk-2GRDEACJ.js +0 -153
  52. package/dist/chunk-2S5KDJXM.js +0 -263
  53. package/dist/chunk-2UYKRF3Y.js +0 -263
  54. package/dist/chunk-5NN2XSII.mjs +0 -238
  55. package/dist/chunk-5VQCJART.js +0 -153
  56. package/dist/chunk-75X4HNGS.mjs +0 -238
  57. package/dist/chunk-7DFHZYGR.js +0 -263
  58. package/dist/chunk-7J7CMYXS.mjs +0 -20
  59. package/dist/chunk-BUELIHBX.mjs +0 -238
  60. package/dist/chunk-DMNRRIPC.js +0 -42
  61. package/dist/chunk-EMZAPBOH.mjs +0 -20
  62. package/dist/chunk-FKVC2UHD.js +0 -42
  63. package/dist/chunk-FN6K4WJP.mjs +0 -20
  64. package/dist/chunk-G6MYXYJU.mjs +0 -238
  65. package/dist/chunk-GVPZDUDM.js +0 -42
  66. package/dist/chunk-HA4DTJA7.mjs +0 -123
  67. package/dist/chunk-I4TPSTXB.js +0 -263
  68. package/dist/chunk-IVF3GTYS.js +0 -263
  69. package/dist/chunk-JDB6GNKI.js +0 -263
  70. package/dist/chunk-KC4V2ZJN.mjs +0 -123
  71. package/dist/chunk-KS4VUS45.mjs +0 -238
  72. package/dist/chunk-LNSOKXFY.mjs +0 -20
  73. package/dist/chunk-LPZDTDBB.js +0 -153
  74. package/dist/chunk-NJ6FM7SJ.mjs +0 -123
  75. package/dist/chunk-OOIADGIA.js +0 -153
  76. package/dist/chunk-ORODN5Q7.js +0 -153
  77. package/dist/chunk-PFSFBCPI.mjs +0 -123
  78. package/dist/chunk-QEQT2EER.mjs +0 -238
  79. package/dist/chunk-RCDOLMDG.js +0 -263
  80. package/dist/chunk-RFPQNWBX.mjs +0 -123
  81. package/dist/chunk-RTB6I3Q2.js +0 -153
  82. package/dist/chunk-RUBQ6OAO.mjs +0 -238
  83. package/dist/chunk-S4IIRN4J.mjs +0 -20
  84. package/dist/chunk-SMRPMB3V.js +0 -153
  85. package/dist/chunk-TF7VKEU2.mjs +0 -123
  86. package/dist/chunk-TPRY6DEO.js +0 -153
  87. package/dist/chunk-TSIU64AJ.mjs +0 -238
  88. package/dist/chunk-TWGYIJD2.js +0 -42
  89. package/dist/chunk-UFWIAKEA.mjs +0 -20
  90. package/dist/chunk-UH23D2JA.mjs +0 -123
  91. package/dist/chunk-UYVCZD2U.mjs +0 -20
  92. package/dist/chunk-WP7KTUTL.js +0 -42
  93. package/dist/chunk-WQ376VV2.js +0 -263
  94. package/dist/chunk-WUYG7TZ5.js +0 -42
  95. package/dist/chunk-XFIY7HQO.mjs +0 -123
  96. package/dist/chunk-XJ4ZJCQS.js +0 -42
  97. package/dist/chunk-XULCJNV7.mjs +0 -20
  98. package/dist/chunk-YMC3DDLP.js +0 -42
package/dist/index.css CHANGED
@@ -1,1103 +1,1846 @@
1
1
  /* src/global.css */
2
- :root {
3
- --sb-background: 0 0% 100%;
4
- --sb-foreground: 0 0% 3.9%;
5
- --sb-card: 0 0% 100%;
6
- --sb-card-foreground: 0 0% 3.9%;
7
- --sb-popover: 0 0% 100%;
8
- --sb-popover-foreground: 0 0% 3.9%;
9
- --sb-primary: 212 100% 50.4%;
10
- --sb-primary-foreground: 0 0% 98%;
11
- --sb-secondary: 158 24% 93%;
12
- --sb-secondary-foreground: 0 0% 9%;
13
- --sb-muted: 0 0% 96.1%;
14
- --sb-muted-foreground: 0 0% 45.1%;
15
- --sb-accent: 0 0% 96.1%;
16
- --sb-accent-foreground: 0 0% 9%;
17
- --sb-destructive: 0 84.2% 60.2%;
18
- --sb-destructive-foreground: 0 0% 98%;
19
- --sb-border: 0 0% 89.8%;
20
- --sb-input: 0 0% 89.8%;
21
- --sb-ring: 0 0% 3.9%;
22
- --sb-radius: 0.5rem;
23
- }
24
- *,
25
- ::before,
26
- ::after {
27
- --tw-border-spacing-x: 0;
28
- --tw-border-spacing-y: 0;
29
- --tw-translate-x: 0;
30
- --tw-translate-y: 0;
31
- --tw-rotate: 0;
32
- --tw-skew-x: 0;
33
- --tw-skew-y: 0;
34
- --tw-scale-x: 1;
35
- --tw-scale-y: 1;
36
- --tw-pan-x: ;
37
- --tw-pan-y: ;
38
- --tw-pinch-zoom: ;
39
- --tw-scroll-snap-strictness: proximity;
40
- --tw-gradient-from-position: ;
41
- --tw-gradient-via-position: ;
42
- --tw-gradient-to-position: ;
43
- --tw-ordinal: ;
44
- --tw-slashed-zero: ;
45
- --tw-numeric-figure: ;
46
- --tw-numeric-spacing: ;
47
- --tw-numeric-fraction: ;
48
- --tw-ring-inset: ;
49
- --tw-ring-offset-width: 0px;
50
- --tw-ring-offset-color: #fff;
51
- --tw-ring-color: rgb(59 130 246 / 0.5);
52
- --tw-ring-offset-shadow: 0 0 #0000;
53
- --tw-ring-shadow: 0 0 #0000;
54
- --tw-shadow: 0 0 #0000;
55
- --tw-shadow-colored: 0 0 #0000;
56
- --tw-blur: ;
57
- --tw-brightness: ;
58
- --tw-contrast: ;
59
- --tw-grayscale: ;
60
- --tw-hue-rotate: ;
61
- --tw-invert: ;
62
- --tw-saturate: ;
63
- --tw-sepia: ;
64
- --tw-drop-shadow: ;
65
- --tw-backdrop-blur: ;
66
- --tw-backdrop-brightness: ;
67
- --tw-backdrop-contrast: ;
68
- --tw-backdrop-grayscale: ;
69
- --tw-backdrop-hue-rotate: ;
70
- --tw-backdrop-invert: ;
71
- --tw-backdrop-opacity: ;
72
- --tw-backdrop-saturate: ;
73
- --tw-backdrop-sepia: ;
74
- }
75
- ::backdrop {
76
- --tw-border-spacing-x: 0;
77
- --tw-border-spacing-y: 0;
78
- --tw-translate-x: 0;
79
- --tw-translate-y: 0;
80
- --tw-rotate: 0;
81
- --tw-skew-x: 0;
82
- --tw-skew-y: 0;
83
- --tw-scale-x: 1;
84
- --tw-scale-y: 1;
85
- --tw-pan-x: ;
86
- --tw-pan-y: ;
87
- --tw-pinch-zoom: ;
88
- --tw-scroll-snap-strictness: proximity;
89
- --tw-gradient-from-position: ;
90
- --tw-gradient-via-position: ;
91
- --tw-gradient-to-position: ;
92
- --tw-ordinal: ;
93
- --tw-slashed-zero: ;
94
- --tw-numeric-figure: ;
95
- --tw-numeric-spacing: ;
96
- --tw-numeric-fraction: ;
97
- --tw-ring-inset: ;
98
- --tw-ring-offset-width: 0px;
99
- --tw-ring-offset-color: #fff;
100
- --tw-ring-color: rgb(59 130 246 / 0.5);
101
- --tw-ring-offset-shadow: 0 0 #0000;
102
- --tw-ring-shadow: 0 0 #0000;
103
- --tw-shadow: 0 0 #0000;
104
- --tw-shadow-colored: 0 0 #0000;
105
- --tw-blur: ;
106
- --tw-brightness: ;
107
- --tw-contrast: ;
108
- --tw-grayscale: ;
109
- --tw-hue-rotate: ;
110
- --tw-invert: ;
111
- --tw-saturate: ;
112
- --tw-sepia: ;
113
- --tw-drop-shadow: ;
114
- --tw-backdrop-blur: ;
115
- --tw-backdrop-brightness: ;
116
- --tw-backdrop-contrast: ;
117
- --tw-backdrop-grayscale: ;
118
- --tw-backdrop-hue-rotate: ;
119
- --tw-backdrop-invert: ;
120
- --tw-backdrop-opacity: ;
121
- --tw-backdrop-saturate: ;
122
- --tw-backdrop-sepia: ;
123
- }
124
- .sb-sr-only {
125
- position: absolute;
126
- width: 1px;
127
- height: 1px;
128
- padding: 0;
129
- margin: -1px;
130
- overflow: hidden;
131
- clip: rect(0, 0, 0, 0);
132
- white-space: nowrap;
133
- border-width: 0;
134
- }
135
- .sb-pointer-events-none {
136
- pointer-events: none;
137
- }
138
- .sb-fixed {
139
- position: fixed;
140
- }
141
- .sb-absolute {
142
- position: absolute;
143
- }
144
- .sb-relative {
145
- position: relative;
146
- }
147
- .sb-sticky {
148
- position: sticky;
149
- }
150
- .sb-inset-0 {
151
- inset: 0px;
152
- }
153
- .sb-inset-x-0 {
154
- left: 0px;
155
- right: 0px;
156
- }
157
- .sb-left-1 {
158
- left: 0.25rem;
159
- }
160
- .sb-left-1\/2 {
161
- left: 50%;
162
- }
163
- .sb-left-2 {
164
- left: 0.5rem;
165
- }
166
- .sb-left-3 {
167
- left: 0.75rem;
168
- }
169
- .sb-left-\[50\%\] {
170
- left: 50%;
171
- }
172
- .sb-right-1 {
173
- right: 0.25rem;
174
- }
175
- .sb-right-2 {
176
- right: 0.5rem;
177
- }
178
- .sb-right-3 {
179
- right: 0.75rem;
180
- }
181
- .sb-right-4 {
182
- right: 1rem;
183
- }
184
- .sb-top-0 {
185
- top: 0px;
186
- }
187
- .sb-top-1 {
188
- top: 0.25rem;
189
- }
190
- .sb-top-1\/2 {
191
- top: 50%;
192
- }
193
- .sb-top-2 {
194
- top: 0.5rem;
195
- }
196
- .sb-top-4 {
197
- top: 1rem;
198
- }
199
- .sb-top-\[50\%\] {
200
- top: 50%;
201
- }
202
- .sb--z-\[1\] {
203
- z-index: -1;
204
- }
205
- .sb-z-20 {
206
- z-index: 20;
207
- }
208
- .sb-z-30 {
209
- z-index: 30;
210
- }
211
- .sb-z-50 {
212
- z-index: 50;
213
- }
214
- .sb-m-0 {
215
- margin: 0px;
216
- }
217
- .sb-m-auto {
218
- margin: auto;
219
- }
220
- .sb--mx-1 {
221
- margin-left: -0.25rem;
222
- margin-right: -0.25rem;
223
- }
224
- .sb--my-\[2px\] {
225
- margin-top: -2px;
226
- margin-bottom: -2px;
227
- }
228
- .sb-mx-2 {
229
- margin-left: 0.5rem;
230
- margin-right: 0.5rem;
231
- }
232
- .sb-mx-auto {
233
- margin-left: auto;
234
- margin-right: auto;
235
- }
236
- .sb-my-1 {
237
- margin-top: 0.25rem;
238
- margin-bottom: 0.25rem;
239
- }
240
- .sb-ml-auto {
241
- margin-left: auto;
242
- }
243
- .sb-mr-2 {
244
- margin-right: 0.5rem;
245
- }
246
- .sb-mt-2 {
247
- margin-top: 0.5rem;
248
- }
249
- .sb-block {
250
- display: block;
251
- }
252
- .sb-flex {
253
- display: flex;
254
- }
255
- .sb-inline-flex {
256
- display: inline-flex;
257
- }
258
- .sb-grid {
259
- display: grid;
260
- }
261
- .sb-hidden {
262
- display: none;
263
- }
264
- .sb-aspect-video {
265
- aspect-ratio: 16 / 9;
266
- }
267
- .sb-size-4 {
268
- width: 1rem;
269
- height: 1rem;
270
- }
271
- .sb-size-5 {
272
- width: 1.25rem;
273
- height: 1.25rem;
274
- }
275
- .sb-size-6 {
276
- width: 1.5rem;
277
- height: 1.5rem;
278
- }
279
- .sb-size-7 {
280
- width: 1.75rem;
281
- height: 1.75rem;
282
- }
283
- .sb-size-8 {
284
- width: 2rem;
285
- height: 2rem;
286
- }
287
- .sb-h-1 {
288
- height: 0.25rem;
289
- }
290
- .sb-h-10 {
291
- height: 2.5rem;
292
- }
293
- .sb-h-2 {
294
- height: 0.5rem;
295
- }
296
- .sb-h-2\.5 {
297
- height: 0.625rem;
298
- }
299
- .sb-h-28 {
300
- height: 7rem;
301
- }
302
- .sb-h-3 {
303
- height: 0.75rem;
304
- }
305
- .sb-h-3\.5 {
306
- height: 0.875rem;
307
- }
308
- .sb-h-4 {
309
- height: 1rem;
310
- }
311
- .sb-h-5 {
312
- height: 1.25rem;
313
- }
314
- .sb-h-6 {
315
- height: 1.5rem;
316
- }
317
- .sb-h-7 {
318
- height: 1.75rem;
319
- }
320
- .sb-h-8 {
321
- height: 2rem;
322
- }
323
- .sb-h-9 {
324
- height: 2.25rem;
325
- }
326
- .sb-h-\[1px\] {
327
- height: 1px;
328
- }
329
- .sb-h-\[var\(--radix-select-trigger-height\)\] {
330
- height: var(--radix-select-trigger-height);
331
- }
332
- .sb-h-auto {
333
- height: auto;
334
- }
335
- .sb-h-full {
336
- height: 100%;
337
- }
338
- .sb-h-px {
339
- height: 1px;
340
- }
341
- .sb-max-h-96 {
342
- max-height: 24rem;
343
- }
344
- .sb-max-h-\[80vh\] {
345
- max-height: 80vh;
346
- }
347
- .sb-max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
348
- max-height: var(--radix-dropdown-menu-content-available-height);
349
- }
350
- .sb-max-h-svh {
351
- max-height: 100svh;
352
- }
353
- .sb-min-h-72 {
354
- min-height: 18rem;
355
- }
356
- .sb-min-h-\[60px\] {
357
- min-height: 60px;
358
- }
359
- .sb-w-12 {
360
- width: 3rem;
361
- }
362
- .sb-w-2 {
363
- width: 0.5rem;
364
- }
365
- .sb-w-2\.5 {
366
- width: 0.625rem;
367
- }
368
- .sb-w-28 {
369
- width: 7rem;
370
- }
371
- .sb-w-3 {
372
- width: 0.75rem;
373
- }
374
- .sb-w-3\.5 {
375
- width: 0.875rem;
376
- }
377
- .sb-w-4 {
378
- width: 1rem;
379
- }
380
- .sb-w-5 {
381
- width: 1.25rem;
382
- }
383
- .sb-w-6 {
384
- width: 1.5rem;
385
- }
386
- .sb-w-64 {
387
- width: 16rem;
388
- }
389
- .sb-w-7 {
390
- width: 1.75rem;
391
- }
392
- .sb-w-72 {
393
- width: 18rem;
394
- }
395
- .sb-w-8 {
396
- width: 2rem;
397
- }
398
- .sb-w-9 {
399
- width: 2.25rem;
400
- }
401
- .sb-w-\[1px\] {
402
- width: 1px;
403
- }
404
- .sb-w-\[89\%\] {
405
- width: 89%;
406
- }
407
- .sb-w-auto {
408
- width: auto;
409
- }
410
- .sb-w-full {
411
- width: 100%;
412
- }
413
- .sb-w-max {
414
- width: -moz-max-content;
415
- width: max-content;
416
- }
417
- .sb-min-w-10 {
418
- min-width: 2.5rem;
419
- }
420
- .sb-min-w-8 {
421
- min-width: 2rem;
422
- }
423
- .sb-min-w-80 {
424
- min-width: 20rem;
425
- }
426
- .sb-min-w-9 {
427
- min-width: 2.25rem;
428
- }
429
- .sb-min-w-\[8rem\] {
430
- min-width: 8rem;
431
- }
432
- .sb-min-w-\[var\(--radix-select-trigger-width\)\] {
433
- min-width: var(--radix-select-trigger-width);
434
- }
435
- .sb-max-w-3xl {
436
- max-width: 48rem;
437
- }
438
- .sb-max-w-lg {
439
- max-width: 32rem;
440
- }
441
- .sb-flex-1 {
442
- flex: 1 1 0%;
443
- }
444
- .sb-flex-none {
445
- flex: none;
446
- }
447
- .sb-shrink-0 {
448
- flex-shrink: 0;
449
- }
450
- .sb-grow {
451
- flex-grow: 1;
452
- }
453
- .sb-border-collapse {
454
- border-collapse: collapse;
455
- }
456
- .sb-origin-\[--radix-dropdown-menu-content-transform-origin\] {
457
- transform-origin: var(--radix-dropdown-menu-content-transform-origin);
458
- }
459
- .sb-origin-\[--radix-popover-content-transform-origin\] {
460
- transform-origin: var(--radix-popover-content-transform-origin);
461
- }
462
- .sb--translate-x-1\/2 {
463
- --tw-translate-x: -50%;
464
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
465
- }
466
- .sb--translate-y-1\/2 {
467
- --tw-translate-y: -50%;
468
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
469
- }
470
- .sb-translate-x-\[-50\%\] {
471
- --tw-translate-x: -50%;
472
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
473
- }
474
- .sb-translate-y-\[-50\%\] {
475
- --tw-translate-y: -50%;
476
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
477
- }
478
- .sb--rotate-90 {
479
- --tw-rotate: -90deg;
480
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
481
- }
482
- .sb-rotate-180 {
483
- --tw-rotate: 180deg;
484
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
485
- }
486
- .sb-rotate-90 {
487
- --tw-rotate: 90deg;
488
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
489
- }
490
- @keyframes sb-spin {
491
- to {
492
- transform: rotate(360deg);
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root,
6
+ :host {
7
+ --sb-font-sans:
8
+ ui-sans-serif,
9
+ system-ui,
10
+ sans-serif,
11
+ "Apple Color Emoji",
12
+ "Segoe UI Emoji",
13
+ "Segoe UI Symbol",
14
+ "Noto Color Emoji";
15
+ --sb-font-mono:
16
+ ui-monospace,
17
+ SFMono-Regular,
18
+ Menlo,
19
+ Monaco,
20
+ Consolas,
21
+ "Liberation Mono",
22
+ "Courier New",
23
+ monospace;
24
+ --sb-color-black: #000;
25
+ --sb-spacing: 0.25rem;
26
+ --sb-container-lg: 32rem;
27
+ --sb-container-3xl: 48rem;
28
+ --sb-text-xs: 0.75rem;
29
+ --sb-text-xs--line-height: calc(1 / 0.75);
30
+ --sb-text-sm: 0.875rem;
31
+ --sb-text-sm--line-height: calc(1.25 / 0.875);
32
+ --sb-text-base: 1rem;
33
+ --sb-text-base--line-height: calc(1.5 / 1);
34
+ --sb-text-lg: 1.125rem;
35
+ --sb-text-lg--line-height: calc(1.75 / 1.125);
36
+ --sb-text-xl: 1.25rem;
37
+ --sb-text-xl--line-height: calc(1.75 / 1.25);
38
+ --sb-text-3xl: 1.875rem;
39
+ --sb-text-3xl--line-height: calc(2.25 / 1.875);
40
+ --sb-font-weight-normal: 400;
41
+ --sb-font-weight-medium: 500;
42
+ --sb-font-weight-semibold: 600;
43
+ --sb-font-weight-bold: 700;
44
+ --sb-font-weight-extrabold: 800;
45
+ --sb-tracking-tight: -0.025em;
46
+ --sb-tracking-widest: 0.1em;
47
+ --sb-radius-sm: calc(var(--sb-radius) - 4px);
48
+ --sb-radius-md: calc(var(--sb-radius) - 2px);
49
+ --sb-radius-lg: var(--sb-radius);
50
+ --sb-animate-spin: spin 1s linear infinite;
51
+ --sb-blur-sm: 8px;
52
+ --sb-aspect-video: 16 / 9;
53
+ --sb-default-transition-duration: 150ms;
54
+ --sb-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
55
+ --sb-default-font-family: var(--sb-font-sans);
56
+ --sb-default-mono-font-family: var(--sb-font-mono);
57
+ --sb-color-border: hsl(var(--sb-border));
58
+ --sb-color-input: hsl(var(--sb-input));
59
+ --sb-color-ring: hsl(var(--sb-ring));
60
+ --sb-color-background: hsl(var(--sb-background));
61
+ --sb-color-foreground: hsl(var(--sb-foreground));
62
+ --sb-color-primary: hsl(var(--sb-primary));
63
+ --sb-color-primary-foreground: hsl(var(--sb-primary-foreground));
64
+ --sb-color-secondary: hsl(var(--sb-secondary));
65
+ --sb-color-secondary-foreground: hsl(var(--sb-secondary-foreground));
66
+ --sb-color-destructive: hsl(var(--sb-destructive));
67
+ --sb-color-destructive-foreground: hsl(var(--sb-destructive-foreground));
68
+ --sb-color-muted: hsl(var(--sb-muted));
69
+ --sb-color-muted-foreground: hsl(var(--sb-muted-foreground));
70
+ --sb-color-accent: hsl(var(--sb-accent));
71
+ --sb-color-accent-foreground: hsl(var(--sb-accent-foreground));
72
+ --sb-color-popover: hsl(var(--sb-popover));
73
+ --sb-color-popover-foreground: hsl(var(--sb-popover-foreground));
74
+ --sb-color-card: hsl(var(--sb-card));
75
+ --sb-color-card-foreground: hsl(var(--sb-card-foreground));
76
+ --sb-font-roboto: Roboto, sans-serif;
493
77
  }
494
78
  }
495
- .sb-animate-spin {
496
- animation: sb-spin 1s linear infinite;
497
- }
498
- .sb-cursor-default {
499
- cursor: default;
500
- }
501
- .sb-cursor-pointer {
502
- cursor: pointer;
503
- }
504
- .sb-touch-none {
505
- touch-action: none;
506
- }
507
- .sb-select-none {
508
- -webkit-user-select: none;
509
- -moz-user-select: none;
510
- user-select: none;
511
- }
512
- .sb-grid-cols-2 {
513
- grid-template-columns: repeat(2, minmax(0, 1fr));
514
- }
515
- .sb-grid-cols-3 {
516
- grid-template-columns: repeat(3, minmax(0, 1fr));
517
- }
518
- .sb-grid-cols-\[1fr\,auto\] {
519
- grid-template-columns: 1fr auto;
520
- }
521
- .sb-flex-row {
522
- flex-direction: row;
523
- }
524
- .sb-flex-col {
525
- flex-direction: column;
526
- }
527
- .sb-flex-col-reverse {
528
- flex-direction: column-reverse;
529
- }
530
- .sb-flex-wrap {
531
- flex-wrap: wrap;
532
- }
533
- .sb-items-center {
534
- align-items: center;
535
- }
536
- .sb-justify-start {
537
- justify-content: flex-start;
538
- }
539
- .sb-justify-end {
540
- justify-content: flex-end;
541
- }
542
- .sb-justify-center {
543
- justify-content: center;
544
- }
545
- .sb-justify-between {
546
- justify-content: space-between;
547
- }
548
- .sb-gap-1 {
549
- gap: 0.25rem;
550
- }
551
- .sb-gap-1\.5 {
552
- gap: 0.375rem;
553
- }
554
- .sb-gap-2 {
555
- gap: 0.5rem;
556
- }
557
- .sb-gap-3 {
558
- gap: 0.75rem;
559
- }
560
- .sb-gap-4 {
561
- gap: 1rem;
562
- }
563
- .sb-gap-px {
564
- gap: 1px;
565
- }
566
- .sb-space-x-1 > :not([hidden]) ~ :not([hidden]) {
567
- --tw-space-x-reverse: 0;
568
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
569
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
570
- }
571
- .sb-space-x-2 > :not([hidden]) ~ :not([hidden]) {
572
- --tw-space-x-reverse: 0;
573
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
574
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
575
- }
576
- .sb-space-x-6 > :not([hidden]) ~ :not([hidden]) {
577
- --tw-space-x-reverse: 0;
578
- margin-right: calc(1.5rem * var(--tw-space-x-reverse));
579
- margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
580
- }
581
- .sb-space-y-0 > :not([hidden]) ~ :not([hidden]) {
582
- --tw-space-y-reverse: 0;
583
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
584
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
585
- }
586
- .sb-space-y-1 > :not([hidden]) ~ :not([hidden]) {
587
- --tw-space-y-reverse: 0;
588
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
589
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
590
- }
591
- .sb-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
592
- --tw-space-y-reverse: 0;
593
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
594
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
595
- }
596
- .sb-space-y-2 > :not([hidden]) ~ :not([hidden]) {
597
- --tw-space-y-reverse: 0;
598
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
599
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
600
- }
601
- .sb-space-y-4 > :not([hidden]) ~ :not([hidden]) {
602
- --tw-space-y-reverse: 0;
603
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
604
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
605
- }
606
- .sb-space-y-6 > :not([hidden]) ~ :not([hidden]) {
607
- --tw-space-y-reverse: 0;
608
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
609
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
610
- }
611
- .sb-overflow-hidden {
612
- overflow: hidden;
613
- }
614
- .sb-overflow-x-auto {
615
- overflow-x: auto;
616
- }
617
- .sb-overflow-y-auto {
618
- overflow-y: auto;
619
- }
620
- .sb-overflow-x-hidden {
621
- overflow-x: hidden;
622
- }
623
- .sb-truncate {
624
- overflow: hidden;
625
- text-overflow: ellipsis;
626
- white-space: nowrap;
627
- }
628
- .sb-whitespace-nowrap {
629
- white-space: nowrap;
630
- }
631
- .sb-rounded {
632
- border-radius: 0.25rem;
633
- }
634
- .sb-rounded-\[inherit\] {
635
- border-radius: inherit;
636
- }
637
- .sb-rounded-full {
638
- border-radius: 9999px;
639
- }
640
- .sb-rounded-lg {
641
- border-radius: var(--sb-radius);
642
- }
643
- .sb-rounded-md {
644
- border-radius: calc(var(--sb-radius) - 2px);
645
- }
646
- .sb-rounded-sm {
647
- border-radius: calc(var(--sb-radius) - 4px);
648
- }
649
- .sb-border {
650
- border-width: 1px;
651
- }
652
- .sb-border-2 {
653
- border-width: 2px;
654
- }
655
- .sb-border-b {
656
- border-bottom-width: 1px;
657
- }
658
- .sb-border-b-2 {
659
- border-bottom-width: 2px;
660
- }
661
- .sb-border-l {
662
- border-left-width: 1px;
663
- }
664
- .sb-border-t {
665
- border-top-width: 1px;
666
- }
667
- .sb-border-dashed {
668
- border-style: dashed;
669
- }
670
- .sb-border-border {
671
- border-color: hsl(var(--sb-border));
672
- }
673
- .sb-border-input {
674
- border-color: hsl(var(--sb-input));
675
- }
676
- .sb-border-transparent {
677
- border-color: transparent;
678
- }
679
- .sb-border-l-transparent {
680
- border-left-color: transparent;
681
- }
682
- .sb-border-t-transparent {
683
- border-top-color: transparent;
684
- }
685
- .sb-bg-accent {
686
- background-color: hsl(var(--sb-accent));
687
- }
688
- .sb-bg-background {
689
- background-color: hsl(var(--sb-background));
690
- }
691
- .sb-bg-background\/80 {
692
- background-color: hsl(var(--sb-background) / 0.8);
693
- }
694
- .sb-bg-black\/80 {
695
- background-color: rgb(0 0 0 / 0.8);
696
- }
697
- .sb-bg-border {
698
- background-color: hsl(var(--sb-border));
699
- }
700
- .sb-bg-card {
701
- background-color: hsl(var(--sb-card));
702
- }
703
- .sb-bg-destructive {
704
- background-color: hsl(var(--sb-destructive));
705
- }
706
- .sb-bg-muted {
707
- background-color: hsl(var(--sb-muted));
708
- }
709
- .sb-bg-popover {
710
- background-color: hsl(var(--sb-popover));
711
- }
712
- .sb-bg-primary {
713
- background-color: hsl(var(--sb-primary));
714
- }
715
- .sb-bg-primary\/50 {
716
- background-color: hsl(var(--sb-primary) / 0.5);
717
- }
718
- .sb-bg-secondary {
719
- background-color: hsl(var(--sb-secondary));
720
- }
721
- .sb-bg-transparent {
722
- background-color: transparent;
723
- }
724
- .\!sb-bg-cover {
725
- background-size: cover !important;
726
- }
727
- .sb-bg-cover {
728
- background-size: cover;
729
- }
730
- .\!sb-bg-center {
731
- background-position: center !important;
732
- }
733
- .sb-bg-center {
734
- background-position: center;
735
- }
736
- .sb-fill-current {
737
- fill: currentColor;
738
- }
739
- .sb-object-cover {
740
- -o-object-fit: cover;
741
- object-fit: cover;
742
- }
743
- .sb-p-0 {
744
- padding: 0px;
745
- }
746
- .sb-p-1 {
747
- padding: 0.25rem;
748
- }
749
- .sb-p-2 {
750
- padding: 0.5rem;
751
- }
752
- .sb-p-3 {
753
- padding: 0.75rem;
754
- }
755
- .sb-p-4 {
756
- padding: 1rem;
757
- }
758
- .sb-p-6 {
759
- padding: 1.5rem;
760
- }
761
- .sb-p-\[1px\] {
762
- padding: 1px;
763
- }
764
- .sb-px-1 {
765
- padding-left: 0.25rem;
766
- padding-right: 0.25rem;
767
- }
768
- .sb-px-1\.5 {
769
- padding-left: 0.375rem;
770
- padding-right: 0.375rem;
771
- }
772
- .sb-px-2 {
773
- padding-left: 0.5rem;
774
- padding-right: 0.5rem;
775
- }
776
- .sb-px-2\.5 {
777
- padding-left: 0.625rem;
778
- padding-right: 0.625rem;
779
- }
780
- .sb-px-3 {
781
- padding-left: 0.75rem;
782
- padding-right: 0.75rem;
783
- }
784
- .sb-px-4 {
785
- padding-left: 1rem;
786
- padding-right: 1rem;
787
- }
788
- .sb-px-8 {
789
- padding-left: 2rem;
790
- padding-right: 2rem;
791
- }
792
- .sb-py-1 {
793
- padding-top: 0.25rem;
794
- padding-bottom: 0.25rem;
795
- }
796
- .sb-py-1\.5 {
797
- padding-top: 0.375rem;
798
- padding-bottom: 0.375rem;
799
- }
800
- .sb-py-2 {
801
- padding-top: 0.5rem;
802
- padding-bottom: 0.5rem;
803
- }
804
- .sb-py-3 {
805
- padding-top: 0.75rem;
806
- padding-bottom: 0.75rem;
807
- }
808
- .sb-pl-8 {
809
- padding-left: 2rem;
810
- }
811
- .sb-pl-9 {
812
- padding-left: 2.25rem;
813
- }
814
- .sb-pr-2 {
815
- padding-right: 0.5rem;
816
- }
817
- .sb-pr-7 {
818
- padding-right: 1.75rem;
819
- }
820
- .sb-pt-1 {
821
- padding-top: 0.25rem;
822
- }
823
- .sb-text-left {
824
- text-align: left;
825
- }
826
- .sb-text-center {
827
- text-align: center;
79
+ @layer base {
80
+ *,
81
+ ::after,
82
+ ::before,
83
+ ::backdrop,
84
+ ::file-selector-button {
85
+ box-sizing: border-box;
86
+ margin: 0;
87
+ padding: 0;
88
+ border: 0 solid;
89
+ }
90
+ html,
91
+ :host {
92
+ line-height: 1.5;
93
+ -webkit-text-size-adjust: 100%;
94
+ tab-size: 4;
95
+ font-family: var(--sb-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
96
+ font-feature-settings: var(--sb-default-font-feature-settings, normal);
97
+ font-variation-settings: var(--sb-default-font-variation-settings, normal);
98
+ -webkit-tap-highlight-color: transparent;
99
+ }
100
+ hr {
101
+ height: 0;
102
+ color: inherit;
103
+ border-top-width: 1px;
104
+ }
105
+ abbr:where([title]) {
106
+ -webkit-text-decoration: underline dotted;
107
+ text-decoration: underline dotted;
108
+ }
109
+ h1,
110
+ h2,
111
+ h3,
112
+ h4,
113
+ h5,
114
+ h6 {
115
+ font-size: inherit;
116
+ font-weight: inherit;
117
+ }
118
+ a {
119
+ color: inherit;
120
+ -webkit-text-decoration: inherit;
121
+ text-decoration: inherit;
122
+ }
123
+ b,
124
+ strong {
125
+ font-weight: bolder;
126
+ }
127
+ code,
128
+ kbd,
129
+ samp,
130
+ pre {
131
+ font-family: var(--sb-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
132
+ font-feature-settings: var(--sb-default-mono-font-feature-settings, normal);
133
+ font-variation-settings: var(--sb-default-mono-font-variation-settings, normal);
134
+ font-size: 1em;
135
+ }
136
+ small {
137
+ font-size: 80%;
138
+ }
139
+ sub,
140
+ sup {
141
+ font-size: 75%;
142
+ line-height: 0;
143
+ position: relative;
144
+ vertical-align: baseline;
145
+ }
146
+ sub {
147
+ bottom: -0.25em;
148
+ }
149
+ sup {
150
+ top: -0.5em;
151
+ }
152
+ table {
153
+ text-indent: 0;
154
+ border-color: inherit;
155
+ border-collapse: collapse;
156
+ }
157
+ :-moz-focusring {
158
+ outline: auto;
159
+ }
160
+ progress {
161
+ vertical-align: baseline;
162
+ }
163
+ summary {
164
+ display: list-item;
165
+ }
166
+ ol,
167
+ ul,
168
+ menu {
169
+ list-style: none;
170
+ }
171
+ img,
172
+ svg,
173
+ video,
174
+ canvas,
175
+ audio,
176
+ iframe,
177
+ embed,
178
+ object {
179
+ display: block;
180
+ vertical-align: middle;
181
+ }
182
+ img,
183
+ video {
184
+ max-width: 100%;
185
+ height: auto;
186
+ }
187
+ button,
188
+ input,
189
+ select,
190
+ optgroup,
191
+ textarea,
192
+ ::file-selector-button {
193
+ font: inherit;
194
+ font-feature-settings: inherit;
195
+ font-variation-settings: inherit;
196
+ letter-spacing: inherit;
197
+ color: inherit;
198
+ border-radius: 0;
199
+ background-color: transparent;
200
+ opacity: 1;
201
+ }
202
+ :where(select:is([multiple], [size])) optgroup {
203
+ font-weight: bolder;
204
+ }
205
+ :where(select:is([multiple], [size])) optgroup option {
206
+ padding-inline-start: 20px;
207
+ }
208
+ ::file-selector-button {
209
+ margin-inline-end: 4px;
210
+ }
211
+ ::placeholder {
212
+ opacity: 1;
213
+ }
214
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
215
+ ::placeholder {
216
+ color: currentcolor;
217
+ @supports (color: color-mix(in lab, red, red)) {
218
+ color: color-mix(in oklab, currentcolor 50%, transparent);
219
+ }
220
+ }
221
+ }
222
+ textarea {
223
+ resize: vertical;
224
+ }
225
+ ::-webkit-search-decoration {
226
+ -webkit-appearance: none;
227
+ }
228
+ ::-webkit-date-and-time-value {
229
+ min-height: 1lh;
230
+ text-align: inherit;
231
+ }
232
+ ::-webkit-datetime-edit {
233
+ display: inline-flex;
234
+ }
235
+ ::-webkit-datetime-edit-fields-wrapper {
236
+ padding: 0;
237
+ }
238
+ ::-webkit-datetime-edit,
239
+ ::-webkit-datetime-edit-year-field,
240
+ ::-webkit-datetime-edit-month-field,
241
+ ::-webkit-datetime-edit-day-field,
242
+ ::-webkit-datetime-edit-hour-field,
243
+ ::-webkit-datetime-edit-minute-field,
244
+ ::-webkit-datetime-edit-second-field,
245
+ ::-webkit-datetime-edit-millisecond-field,
246
+ ::-webkit-datetime-edit-meridiem-field {
247
+ padding-block: 0;
248
+ }
249
+ ::-webkit-calendar-picker-indicator {
250
+ line-height: 1;
251
+ }
252
+ :-moz-ui-invalid {
253
+ box-shadow: none;
254
+ }
255
+ button,
256
+ input:where([type=button], [type=reset], [type=submit]),
257
+ ::file-selector-button {
258
+ appearance: button;
259
+ }
260
+ ::-webkit-inner-spin-button,
261
+ ::-webkit-outer-spin-button {
262
+ height: auto;
263
+ }
264
+ [hidden]:where(:not([hidden=until-found])) {
265
+ display: none !important;
266
+ }
828
267
  }
829
- .sb-text-right {
830
- text-align: right;
831
- }
832
- .sb-font-roboto {
833
- font-family: Roboto, sans-serif;
834
- }
835
- .sb-text-3xl {
836
- font-size: 1.875rem;
837
- line-height: 2.25rem;
838
- }
839
- .sb-text-\[0\.8rem\] {
840
- font-size: 0.8rem;
841
- }
842
- .sb-text-base {
843
- font-size: 1rem;
844
- line-height: 1.5rem;
845
- }
846
- .sb-text-lg {
847
- font-size: 1.125rem;
848
- line-height: 1.75rem;
849
- }
850
- .sb-text-sm {
851
- font-size: 0.875rem;
852
- line-height: 1.25rem;
853
- }
854
- .sb-text-xl {
855
- font-size: 1.25rem;
856
- line-height: 1.75rem;
857
- }
858
- .sb-text-xs {
859
- font-size: 0.75rem;
860
- line-height: 1rem;
861
- }
862
- .sb-font-bold {
863
- font-weight: 700;
864
- }
865
- .sb-font-extrabold {
866
- font-weight: 800;
867
- }
868
- .sb-font-medium {
869
- font-weight: 500;
870
- }
871
- .sb-font-normal {
872
- font-weight: 400;
873
- }
874
- .sb-font-semibold {
875
- font-weight: 600;
876
- }
877
- .sb-normal-case {
878
- text-transform: none;
879
- }
880
- .sb-leading-none {
881
- line-height: 1;
882
- }
883
- .sb-tracking-tight {
884
- letter-spacing: -0.025em;
885
- }
886
- .sb-tracking-widest {
887
- letter-spacing: 0.1em;
888
- }
889
- .sb-text-accent-foreground {
890
- color: hsl(var(--sb-accent-foreground));
891
- }
892
- .sb-text-card-foreground {
893
- color: hsl(var(--sb-card-foreground));
894
- }
895
- .sb-text-destructive {
896
- color: hsl(var(--sb-destructive));
897
- }
898
- .sb-text-destructive-foreground {
899
- color: hsl(var(--sb-destructive-foreground));
900
- }
901
- .sb-text-foreground\/70 {
902
- color: hsl(var(--sb-foreground) / 0.7);
903
- }
904
- .sb-text-muted-foreground {
905
- color: hsl(var(--sb-muted-foreground));
906
- }
907
- .sb-text-popover-foreground {
908
- color: hsl(var(--sb-popover-foreground));
909
- }
910
- .sb-text-primary {
911
- color: hsl(var(--sb-primary));
912
- }
913
- .sb-text-primary-foreground {
914
- color: hsl(var(--sb-primary-foreground));
915
- }
916
- .sb-text-secondary-foreground {
917
- color: hsl(var(--sb-secondary-foreground));
918
- }
919
- .sb-underline-offset-4 {
920
- text-underline-offset: 4px;
921
- }
922
- .sb-opacity-0 {
923
- opacity: 0;
924
- }
925
- .sb-opacity-30 {
926
- opacity: 0.3;
927
- }
928
- .sb-opacity-50 {
929
- opacity: 0.5;
930
- }
931
- .sb-opacity-60 {
932
- opacity: 0.6;
933
- }
934
- .sb-opacity-70 {
935
- opacity: 0.7;
936
- }
937
- .sb-opacity-90 {
938
- opacity: 0.9;
939
- }
940
- .sb-shadow {
941
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
942
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
943
- box-shadow:
944
- var(--tw-ring-offset-shadow, 0 0 #0000),
945
- var(--tw-ring-shadow, 0 0 #0000),
946
- var(--tw-shadow);
947
- }
948
- .sb-shadow-lg {
949
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
950
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
951
- box-shadow:
952
- var(--tw-ring-offset-shadow, 0 0 #0000),
953
- var(--tw-ring-shadow, 0 0 #0000),
954
- var(--tw-shadow);
955
- }
956
- .sb-shadow-md {
957
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
958
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
959
- box-shadow:
960
- var(--tw-ring-offset-shadow, 0 0 #0000),
961
- var(--tw-ring-shadow, 0 0 #0000),
962
- var(--tw-shadow);
963
- }
964
- .sb-shadow-sm {
965
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
966
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
967
- box-shadow:
968
- var(--tw-ring-offset-shadow, 0 0 #0000),
969
- var(--tw-ring-shadow, 0 0 #0000),
970
- var(--tw-shadow);
971
- }
972
- .sb-outline-none {
973
- outline: 2px solid transparent;
974
- outline-offset: 2px;
975
- }
976
- .sb-ring-0 {
977
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
978
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
979
- box-shadow:
980
- var(--tw-ring-offset-shadow),
981
- var(--tw-ring-shadow),
982
- var(--tw-shadow, 0 0 #0000);
983
- }
984
- .sb-ring-offset-background {
985
- --tw-ring-offset-color: hsl(var(--sb-background));
986
- }
987
- .sb-backdrop-blur-sm {
988
- --tw-backdrop-blur: blur(4px);
989
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
990
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
991
- }
992
- .sb-transition-all {
993
- transition-property: all;
994
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
995
- transition-duration: 150ms;
996
- }
997
- .sb-transition-colors {
998
- transition-property:
999
- color,
1000
- background-color,
1001
- border-color,
1002
- text-decoration-color,
1003
- fill,
1004
- stroke;
1005
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1006
- transition-duration: 150ms;
1007
- }
1008
- .sb-transition-opacity {
1009
- transition-property: opacity;
1010
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1011
- transition-duration: 150ms;
1012
- }
1013
- .sb-transition-transform {
1014
- transition-property: transform;
1015
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1016
- transition-duration: 150ms;
1017
- }
1018
- .sb-duration-200 {
1019
- transition-duration: 200ms;
1020
- }
1021
- @keyframes enter {
1022
- from {
1023
- opacity: var(--tw-enter-opacity, 1);
1024
- transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
268
+ @layer utilities {
269
+ .sb\:pointer-events-none {
270
+ pointer-events: none;
271
+ }
272
+ .sb\:sr-only {
273
+ position: absolute;
274
+ width: 1px;
275
+ height: 1px;
276
+ padding: 0;
277
+ margin: -1px;
278
+ overflow: hidden;
279
+ clip-path: inset(50%);
280
+ white-space: nowrap;
281
+ border-width: 0;
282
+ }
283
+ .sb\:absolute {
284
+ position: absolute;
285
+ }
286
+ .sb\:fixed {
287
+ position: fixed;
288
+ }
289
+ .sb\:relative {
290
+ position: relative;
291
+ }
292
+ .sb\:sticky {
293
+ position: sticky;
294
+ }
295
+ .sb\:inset-0 {
296
+ inset: calc(var(--sb-spacing) * 0);
297
+ }
298
+ .sb\:inset-x-0 {
299
+ inset-inline: calc(var(--sb-spacing) * 0);
300
+ }
301
+ .sb\:top-0 {
302
+ top: calc(var(--sb-spacing) * 0);
303
+ }
304
+ .sb\:top-1 {
305
+ top: calc(var(--sb-spacing) * 1);
306
+ }
307
+ .sb\:top-1\/2 {
308
+ top: calc(1/2 * 100%);
309
+ }
310
+ .sb\:top-2 {
311
+ top: calc(var(--sb-spacing) * 2);
312
+ }
313
+ .sb\:top-4 {
314
+ top: calc(var(--sb-spacing) * 4);
315
+ }
316
+ .sb\:top-\[50\%\] {
317
+ top: 50%;
318
+ }
319
+ .sb\:right-1 {
320
+ right: calc(var(--sb-spacing) * 1);
321
+ }
322
+ .sb\:right-2 {
323
+ right: calc(var(--sb-spacing) * 2);
324
+ }
325
+ .sb\:right-3 {
326
+ right: calc(var(--sb-spacing) * 3);
327
+ }
328
+ .sb\:right-4 {
329
+ right: calc(var(--sb-spacing) * 4);
330
+ }
331
+ .sb\:left-1 {
332
+ left: calc(var(--sb-spacing) * 1);
333
+ }
334
+ .sb\:left-1\/2 {
335
+ left: calc(1/2 * 100%);
336
+ }
337
+ .sb\:left-2 {
338
+ left: calc(var(--sb-spacing) * 2);
339
+ }
340
+ .sb\:left-3 {
341
+ left: calc(var(--sb-spacing) * 3);
342
+ }
343
+ .sb\:left-\[50\%\] {
344
+ left: 50%;
345
+ }
346
+ .sb\:-z-1 {
347
+ z-index: calc(1 * -1);
348
+ }
349
+ .sb\:z-20 {
350
+ z-index: 20;
351
+ }
352
+ .sb\:z-30 {
353
+ z-index: 30;
354
+ }
355
+ .sb\:z-50 {
356
+ z-index: 50;
357
+ }
358
+ .sb\:m-0 {
359
+ margin: calc(var(--sb-spacing) * 0);
360
+ }
361
+ .sb\:m-auto {
362
+ margin: auto;
363
+ }
364
+ .sb\:-mx-1 {
365
+ margin-inline: calc(var(--sb-spacing) * -1);
366
+ }
367
+ .sb\:mx-2 {
368
+ margin-inline: calc(var(--sb-spacing) * 2);
369
+ }
370
+ .sb\:mx-auto {
371
+ margin-inline: auto;
372
+ }
373
+ .sb\:-my-\[2px\] {
374
+ margin-block: calc(2px * -1);
375
+ }
376
+ .sb\:my-1 {
377
+ margin-block: calc(var(--sb-spacing) * 1);
378
+ }
379
+ .sb\:mt-2 {
380
+ margin-top: calc(var(--sb-spacing) * 2);
381
+ }
382
+ .sb\:mr-2 {
383
+ margin-right: calc(var(--sb-spacing) * 2);
384
+ }
385
+ .sb\:ml-auto {
386
+ margin-left: auto;
387
+ }
388
+ .sb\:block {
389
+ display: block;
390
+ }
391
+ .sb\:flex {
392
+ display: flex;
393
+ }
394
+ .sb\:grid {
395
+ display: grid;
396
+ }
397
+ .sb\:hidden {
398
+ display: none;
399
+ }
400
+ .sb\:inline-flex {
401
+ display: inline-flex;
402
+ }
403
+ .sb\:aspect-video {
404
+ aspect-ratio: var(--sb-aspect-video);
405
+ }
406
+ .sb\:size-4 {
407
+ width: calc(var(--sb-spacing) * 4);
408
+ height: calc(var(--sb-spacing) * 4);
409
+ }
410
+ .sb\:size-5 {
411
+ width: calc(var(--sb-spacing) * 5);
412
+ height: calc(var(--sb-spacing) * 5);
413
+ }
414
+ .sb\:size-6 {
415
+ width: calc(var(--sb-spacing) * 6);
416
+ height: calc(var(--sb-spacing) * 6);
417
+ }
418
+ .sb\:size-7 {
419
+ width: calc(var(--sb-spacing) * 7);
420
+ height: calc(var(--sb-spacing) * 7);
421
+ }
422
+ .sb\:size-8 {
423
+ width: calc(var(--sb-spacing) * 8);
424
+ height: calc(var(--sb-spacing) * 8);
425
+ }
426
+ .sb\:h-\(--radix-select-trigger-height\) {
427
+ height: var(--radix-select-trigger-height);
428
+ }
429
+ .sb\:h-1 {
430
+ height: calc(var(--sb-spacing) * 1);
431
+ }
432
+ .sb\:h-2 {
433
+ height: calc(var(--sb-spacing) * 2);
434
+ }
435
+ .sb\:h-2\.5 {
436
+ height: calc(var(--sb-spacing) * 2.5);
437
+ }
438
+ .sb\:h-3\.5 {
439
+ height: calc(var(--sb-spacing) * 3.5);
440
+ }
441
+ .sb\:h-4 {
442
+ height: calc(var(--sb-spacing) * 4);
443
+ }
444
+ .sb\:h-5 {
445
+ height: calc(var(--sb-spacing) * 5);
446
+ }
447
+ .sb\:h-6 {
448
+ height: calc(var(--sb-spacing) * 6);
449
+ }
450
+ .sb\:h-7 {
451
+ height: calc(var(--sb-spacing) * 7);
452
+ }
453
+ .sb\:h-8 {
454
+ height: calc(var(--sb-spacing) * 8);
455
+ }
456
+ .sb\:h-9 {
457
+ height: calc(var(--sb-spacing) * 9);
458
+ }
459
+ .sb\:h-10 {
460
+ height: calc(var(--sb-spacing) * 10);
461
+ }
462
+ .sb\:h-28 {
463
+ height: calc(var(--sb-spacing) * 28);
464
+ }
465
+ .sb\:h-auto {
466
+ height: auto;
467
+ }
468
+ .sb\:h-full {
469
+ height: 100%;
470
+ }
471
+ .sb\:h-px {
472
+ height: 1px;
473
+ }
474
+ .sb\:max-h-\(--radix-dropdown-menu-content-available-height\) {
475
+ max-height: var(--radix-dropdown-menu-content-available-height);
476
+ }
477
+ .sb\:max-h-96 {
478
+ max-height: calc(var(--sb-spacing) * 96);
479
+ }
480
+ .sb\:max-h-\[80vh\] {
481
+ max-height: 80vh;
482
+ }
483
+ .sb\:max-h-svh {
484
+ max-height: 100svh;
485
+ }
486
+ .sb\:min-h-72 {
487
+ min-height: calc(var(--sb-spacing) * 72);
488
+ }
489
+ .sb\:min-h-\[60px\] {
490
+ min-height: 60px;
491
+ }
492
+ .sb\:w-2 {
493
+ width: calc(var(--sb-spacing) * 2);
494
+ }
495
+ .sb\:w-2\.5 {
496
+ width: calc(var(--sb-spacing) * 2.5);
497
+ }
498
+ .sb\:w-3\.5 {
499
+ width: calc(var(--sb-spacing) * 3.5);
500
+ }
501
+ .sb\:w-4 {
502
+ width: calc(var(--sb-spacing) * 4);
503
+ }
504
+ .sb\:w-5 {
505
+ width: calc(var(--sb-spacing) * 5);
506
+ }
507
+ .sb\:w-6 {
508
+ width: calc(var(--sb-spacing) * 6);
509
+ }
510
+ .sb\:w-7 {
511
+ width: calc(var(--sb-spacing) * 7);
512
+ }
513
+ .sb\:w-8 {
514
+ width: calc(var(--sb-spacing) * 8);
515
+ }
516
+ .sb\:w-9 {
517
+ width: calc(var(--sb-spacing) * 9);
518
+ }
519
+ .sb\:w-12 {
520
+ width: calc(var(--sb-spacing) * 12);
521
+ }
522
+ .sb\:w-28 {
523
+ width: calc(var(--sb-spacing) * 28);
524
+ }
525
+ .sb\:w-64 {
526
+ width: calc(var(--sb-spacing) * 64);
527
+ }
528
+ .sb\:w-72 {
529
+ width: calc(var(--sb-spacing) * 72);
530
+ }
531
+ .sb\:w-\[89\%\] {
532
+ width: 89%;
533
+ }
534
+ .sb\:w-auto {
535
+ width: auto;
536
+ }
537
+ .sb\:w-full {
538
+ width: 100%;
539
+ }
540
+ .sb\:w-max {
541
+ width: max-content;
542
+ }
543
+ .sb\:w-px {
544
+ width: 1px;
545
+ }
546
+ .sb\:max-w-3xl {
547
+ max-width: var(--sb-container-3xl);
548
+ }
549
+ .sb\:max-w-lg {
550
+ max-width: var(--sb-container-lg);
551
+ }
552
+ .sb\:min-w-\(--radix-select-trigger-width\) {
553
+ min-width: var(--radix-select-trigger-width);
554
+ }
555
+ .sb\:min-w-8 {
556
+ min-width: calc(var(--sb-spacing) * 8);
557
+ }
558
+ .sb\:min-w-9 {
559
+ min-width: calc(var(--sb-spacing) * 9);
560
+ }
561
+ .sb\:min-w-10 {
562
+ min-width: calc(var(--sb-spacing) * 10);
563
+ }
564
+ .sb\:min-w-32 {
565
+ min-width: calc(var(--sb-spacing) * 32);
566
+ }
567
+ .sb\:min-w-80 {
568
+ min-width: calc(var(--sb-spacing) * 80);
569
+ }
570
+ .sb\:flex-1 {
571
+ flex: 1;
572
+ }
573
+ .sb\:flex-none {
574
+ flex: none;
575
+ }
576
+ .sb\:shrink-0 {
577
+ flex-shrink: 0;
578
+ }
579
+ .sb\:grow {
580
+ flex-grow: 1;
581
+ }
582
+ .sb\:border-collapse {
583
+ border-collapse: collapse;
584
+ }
585
+ .sb\:origin-\(--radix-dropdown-menu-content-transform-origin\) {
586
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
587
+ }
588
+ .sb\:origin-\(--radix-popover-content-transform-origin\) {
589
+ transform-origin: var(--radix-popover-content-transform-origin);
590
+ }
591
+ .sb\:-translate-x-1\/2 {
592
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
593
+ translate: var(--tw-translate-x) var(--tw-translate-y);
594
+ }
595
+ .sb\:translate-x-\[-50\%\] {
596
+ --tw-translate-x: -50%;
597
+ translate: var(--tw-translate-x) var(--tw-translate-y);
598
+ }
599
+ .sb\:-translate-y-1\/2 {
600
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
601
+ translate: var(--tw-translate-x) var(--tw-translate-y);
602
+ }
603
+ .sb\:translate-y-\[-50\%\] {
604
+ --tw-translate-y: -50%;
605
+ translate: var(--tw-translate-x) var(--tw-translate-y);
606
+ }
607
+ .sb\:-rotate-90 {
608
+ rotate: calc(90deg * -1);
609
+ }
610
+ .sb\:rotate-90 {
611
+ rotate: 90deg;
612
+ }
613
+ .sb\:rotate-180 {
614
+ rotate: 180deg;
615
+ }
616
+ .sb\:animate-spin {
617
+ animation: var(--sb-animate-spin);
618
+ }
619
+ .sb\:cursor-default {
620
+ cursor: default;
621
+ }
622
+ .sb\:cursor-pointer {
623
+ cursor: pointer;
624
+ }
625
+ .sb\:touch-none {
626
+ touch-action: none;
627
+ }
628
+ .sb\:grid-cols-2 {
629
+ grid-template-columns: repeat(2, minmax(0, 1fr));
630
+ }
631
+ .sb\:grid-cols-3 {
632
+ grid-template-columns: repeat(3, minmax(0, 1fr));
633
+ }
634
+ .sb\:grid-cols-\[1fr_auto\] {
635
+ grid-template-columns: 1fr auto;
636
+ }
637
+ .sb\:flex-col {
638
+ flex-direction: column;
639
+ }
640
+ .sb\:flex-col-reverse {
641
+ flex-direction: column-reverse;
642
+ }
643
+ .sb\:flex-row {
644
+ flex-direction: row;
645
+ }
646
+ .sb\:flex-wrap {
647
+ flex-wrap: wrap;
648
+ }
649
+ .sb\:items-center {
650
+ align-items: center;
651
+ }
652
+ .sb\:justify-between {
653
+ justify-content: space-between;
654
+ }
655
+ .sb\:justify-center {
656
+ justify-content: center;
657
+ }
658
+ .sb\:justify-end {
659
+ justify-content: flex-end;
660
+ }
661
+ .sb\:justify-start {
662
+ justify-content: flex-start;
663
+ }
664
+ .sb\:gap-1 {
665
+ gap: calc(var(--sb-spacing) * 1);
666
+ }
667
+ .sb\:gap-1\.5 {
668
+ gap: calc(var(--sb-spacing) * 1.5);
669
+ }
670
+ .sb\:gap-2 {
671
+ gap: calc(var(--sb-spacing) * 2);
672
+ }
673
+ .sb\:gap-3 {
674
+ gap: calc(var(--sb-spacing) * 3);
675
+ }
676
+ .sb\:gap-4 {
677
+ gap: calc(var(--sb-spacing) * 4);
678
+ }
679
+ .sb\:gap-6 {
680
+ gap: calc(var(--sb-spacing) * 6);
681
+ }
682
+ .sb\:gap-px {
683
+ gap: 1px;
684
+ }
685
+ .sb\:space-y-0 {
686
+ :where(& > :not(:last-child)) {
687
+ --tw-space-y-reverse: 0;
688
+ margin-block-start: calc(calc(var(--sb-spacing) * 0) * var(--tw-space-y-reverse));
689
+ margin-block-end: calc(calc(var(--sb-spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
690
+ }
691
+ }
692
+ .sb\:gap-x-1 {
693
+ column-gap: calc(var(--sb-spacing) * 1);
694
+ }
695
+ .sb\:gap-y-1 {
696
+ row-gap: calc(var(--sb-spacing) * 1);
697
+ }
698
+ .sb\:gap-y-4 {
699
+ row-gap: calc(var(--sb-spacing) * 4);
700
+ }
701
+ .sb\:truncate {
702
+ overflow: hidden;
703
+ text-overflow: ellipsis;
704
+ white-space: nowrap;
705
+ }
706
+ .sb\:overflow-hidden {
707
+ overflow: hidden;
708
+ }
709
+ .sb\:overflow-x-auto {
710
+ overflow-x: auto;
711
+ }
712
+ .sb\:overflow-x-hidden {
713
+ overflow-x: hidden;
714
+ }
715
+ .sb\:overflow-y-auto {
716
+ overflow-y: auto;
717
+ }
718
+ .sb\:rounded {
719
+ border-radius: 0.25rem;
720
+ }
721
+ .sb\:rounded-\[inherit\] {
722
+ border-radius: inherit;
723
+ }
724
+ .sb\:rounded-full {
725
+ border-radius: calc(infinity * 1px);
726
+ }
727
+ .sb\:rounded-lg {
728
+ border-radius: var(--sb-radius-lg);
729
+ }
730
+ .sb\:rounded-md {
731
+ border-radius: var(--sb-radius-md);
732
+ }
733
+ .sb\:rounded-sm {
734
+ border-radius: var(--sb-radius-sm);
735
+ }
736
+ .sb\:border {
737
+ border-style: var(--tw-border-style);
738
+ border-width: 1px;
739
+ }
740
+ .sb\:border-2 {
741
+ border-style: var(--tw-border-style);
742
+ border-width: 2px;
743
+ }
744
+ .sb\:border-t {
745
+ border-top-style: var(--tw-border-style);
746
+ border-top-width: 1px;
747
+ }
748
+ .sb\:border-b {
749
+ border-bottom-style: var(--tw-border-style);
750
+ border-bottom-width: 1px;
751
+ }
752
+ .sb\:border-b-2 {
753
+ border-bottom-style: var(--tw-border-style);
754
+ border-bottom-width: 2px;
755
+ }
756
+ .sb\:border-l {
757
+ border-left-style: var(--tw-border-style);
758
+ border-left-width: 1px;
759
+ }
760
+ .sb\:border-dashed {
761
+ --tw-border-style: dashed;
762
+ border-style: dashed;
763
+ }
764
+ .sb\:border-border {
765
+ border-color: var(--sb-color-border);
766
+ }
767
+ .sb\:border-input {
768
+ border-color: var(--sb-color-input);
769
+ }
770
+ .sb\:border-transparent {
771
+ border-color: transparent;
772
+ }
773
+ .sb\:border-t-transparent {
774
+ border-top-color: transparent;
775
+ }
776
+ .sb\:border-l-transparent {
777
+ border-left-color: transparent;
778
+ }
779
+ .sb\:bg-accent {
780
+ background-color: var(--sb-color-accent);
781
+ }
782
+ .sb\:bg-background {
783
+ background-color: var(--sb-color-background);
784
+ }
785
+ .sb\:bg-background\/80 {
786
+ background-color: var(--sb-color-background);
787
+ @supports (color: color-mix(in lab, red, red)) {
788
+ background-color: color-mix(in oklab, var(--sb-color-background) 80%, transparent);
789
+ }
790
+ }
791
+ .sb\:bg-black\/80 {
792
+ background-color: var(--sb-color-black);
793
+ @supports (color: color-mix(in lab, red, red)) {
794
+ background-color: color-mix(in oklab, var(--sb-color-black) 80%, transparent);
795
+ }
796
+ }
797
+ .sb\:bg-border {
798
+ background-color: var(--sb-color-border);
799
+ }
800
+ .sb\:bg-card {
801
+ background-color: var(--sb-color-card);
802
+ }
803
+ .sb\:bg-destructive {
804
+ background-color: var(--sb-color-destructive);
805
+ }
806
+ .sb\:bg-muted {
807
+ background-color: var(--sb-color-muted);
808
+ }
809
+ .sb\:bg-popover {
810
+ background-color: var(--sb-color-popover);
811
+ }
812
+ .sb\:bg-primary {
813
+ background-color: var(--sb-color-primary);
814
+ }
815
+ .sb\:bg-primary\/50 {
816
+ background-color: var(--sb-color-primary);
817
+ @supports (color: color-mix(in lab, red, red)) {
818
+ background-color: color-mix(in oklab, var(--sb-color-primary) 50%, transparent);
819
+ }
820
+ }
821
+ .sb\:bg-secondary {
822
+ background-color: var(--sb-color-secondary);
823
+ }
824
+ .sb\:bg-transparent {
825
+ background-color: transparent;
826
+ }
827
+ .sb\:bg-cover {
828
+ background-size: cover;
829
+ }
830
+ .sb\:bg-cover\! {
831
+ background-size: cover !important;
832
+ }
833
+ .sb\:bg-center {
834
+ background-position: center;
835
+ }
836
+ .sb\:bg-center\! {
837
+ background-position: center !important;
838
+ }
839
+ .sb\:fill-current {
840
+ fill: currentcolor;
841
+ }
842
+ .sb\:object-cover {
843
+ object-fit: cover;
844
+ }
845
+ .sb\:p-0 {
846
+ padding: calc(var(--sb-spacing) * 0);
847
+ }
848
+ .sb\:p-1 {
849
+ padding: calc(var(--sb-spacing) * 1);
850
+ }
851
+ .sb\:p-2 {
852
+ padding: calc(var(--sb-spacing) * 2);
853
+ }
854
+ .sb\:p-3 {
855
+ padding: calc(var(--sb-spacing) * 3);
856
+ }
857
+ .sb\:p-4 {
858
+ padding: calc(var(--sb-spacing) * 4);
859
+ }
860
+ .sb\:p-6 {
861
+ padding: calc(var(--sb-spacing) * 6);
862
+ }
863
+ .sb\:p-px {
864
+ padding: 1px;
865
+ }
866
+ .sb\:px-1\.5 {
867
+ padding-inline: calc(var(--sb-spacing) * 1.5);
868
+ }
869
+ .sb\:px-2 {
870
+ padding-inline: calc(var(--sb-spacing) * 2);
871
+ }
872
+ .sb\:px-2\.5 {
873
+ padding-inline: calc(var(--sb-spacing) * 2.5);
874
+ }
875
+ .sb\:px-3 {
876
+ padding-inline: calc(var(--sb-spacing) * 3);
877
+ }
878
+ .sb\:px-4 {
879
+ padding-inline: calc(var(--sb-spacing) * 4);
880
+ }
881
+ .sb\:px-8 {
882
+ padding-inline: calc(var(--sb-spacing) * 8);
883
+ }
884
+ .sb\:py-1 {
885
+ padding-block: calc(var(--sb-spacing) * 1);
886
+ }
887
+ .sb\:py-1\.5 {
888
+ padding-block: calc(var(--sb-spacing) * 1.5);
889
+ }
890
+ .sb\:py-2 {
891
+ padding-block: calc(var(--sb-spacing) * 2);
892
+ }
893
+ .sb\:py-3 {
894
+ padding-block: calc(var(--sb-spacing) * 3);
895
+ }
896
+ .sb\:pt-1 {
897
+ padding-top: calc(var(--sb-spacing) * 1);
898
+ }
899
+ .sb\:pr-2 {
900
+ padding-right: calc(var(--sb-spacing) * 2);
901
+ }
902
+ .sb\:pr-7 {
903
+ padding-right: calc(var(--sb-spacing) * 7);
904
+ }
905
+ .sb\:pl-8 {
906
+ padding-left: calc(var(--sb-spacing) * 8);
907
+ }
908
+ .sb\:pl-9 {
909
+ padding-left: calc(var(--sb-spacing) * 9);
910
+ }
911
+ .sb\:text-center {
912
+ text-align: center;
913
+ }
914
+ .sb\:text-left {
915
+ text-align: left;
916
+ }
917
+ .sb\:text-right {
918
+ text-align: right;
919
+ }
920
+ .sb\:font-roboto {
921
+ font-family: var(--sb-font-roboto);
922
+ }
923
+ .sb\:text-3xl {
924
+ font-size: var(--sb-text-3xl);
925
+ line-height: var(--tw-leading, var(--sb-text-3xl--line-height));
926
+ }
927
+ .sb\:text-base {
928
+ font-size: var(--sb-text-base);
929
+ line-height: var(--tw-leading, var(--sb-text-base--line-height));
930
+ }
931
+ .sb\:text-lg {
932
+ font-size: var(--sb-text-lg);
933
+ line-height: var(--tw-leading, var(--sb-text-lg--line-height));
934
+ }
935
+ .sb\:text-sm {
936
+ font-size: var(--sb-text-sm);
937
+ line-height: var(--tw-leading, var(--sb-text-sm--line-height));
938
+ }
939
+ .sb\:text-xl {
940
+ font-size: var(--sb-text-xl);
941
+ line-height: var(--tw-leading, var(--sb-text-xl--line-height));
942
+ }
943
+ .sb\:text-xs {
944
+ font-size: var(--sb-text-xs);
945
+ line-height: var(--tw-leading, var(--sb-text-xs--line-height));
946
+ }
947
+ .sb\:text-\[0\.8rem\] {
948
+ font-size: 0.8rem;
949
+ }
950
+ .sb\:leading-none {
951
+ --tw-leading: 1;
952
+ line-height: 1;
953
+ }
954
+ .sb\:font-bold {
955
+ --tw-font-weight: var(--sb-font-weight-bold);
956
+ font-weight: var(--sb-font-weight-bold);
957
+ }
958
+ .sb\:font-extrabold {
959
+ --tw-font-weight: var(--sb-font-weight-extrabold);
960
+ font-weight: var(--sb-font-weight-extrabold);
961
+ }
962
+ .sb\:font-medium {
963
+ --tw-font-weight: var(--sb-font-weight-medium);
964
+ font-weight: var(--sb-font-weight-medium);
965
+ }
966
+ .sb\:font-normal {
967
+ --tw-font-weight: var(--sb-font-weight-normal);
968
+ font-weight: var(--sb-font-weight-normal);
969
+ }
970
+ .sb\:font-semibold {
971
+ --tw-font-weight: var(--sb-font-weight-semibold);
972
+ font-weight: var(--sb-font-weight-semibold);
973
+ }
974
+ .sb\:tracking-tight {
975
+ --tw-tracking: var(--sb-tracking-tight);
976
+ letter-spacing: var(--sb-tracking-tight);
977
+ }
978
+ .sb\:tracking-widest {
979
+ --tw-tracking: var(--sb-tracking-widest);
980
+ letter-spacing: var(--sb-tracking-widest);
981
+ }
982
+ .sb\:whitespace-nowrap {
983
+ white-space: nowrap;
984
+ }
985
+ .sb\:text-accent-foreground {
986
+ color: var(--sb-color-accent-foreground);
987
+ }
988
+ .sb\:text-card-foreground {
989
+ color: var(--sb-color-card-foreground);
990
+ }
991
+ .sb\:text-destructive {
992
+ color: var(--sb-color-destructive);
993
+ }
994
+ .sb\:text-destructive-foreground {
995
+ color: var(--sb-color-destructive-foreground);
996
+ }
997
+ .sb\:text-foreground\/70 {
998
+ color: var(--sb-color-foreground);
999
+ @supports (color: color-mix(in lab, red, red)) {
1000
+ color: color-mix(in oklab, var(--sb-color-foreground) 70%, transparent);
1001
+ }
1002
+ }
1003
+ .sb\:text-muted-foreground {
1004
+ color: var(--sb-color-muted-foreground);
1005
+ }
1006
+ .sb\:text-popover-foreground {
1007
+ color: var(--sb-color-popover-foreground);
1008
+ }
1009
+ .sb\:text-primary {
1010
+ color: var(--sb-color-primary);
1011
+ }
1012
+ .sb\:text-primary-foreground {
1013
+ color: var(--sb-color-primary-foreground);
1014
+ }
1015
+ .sb\:text-secondary-foreground {
1016
+ color: var(--sb-color-secondary-foreground);
1017
+ }
1018
+ .sb\:normal-case {
1019
+ text-transform: none;
1020
+ }
1021
+ .sb\:underline-offset-4 {
1022
+ text-underline-offset: 4px;
1023
+ }
1024
+ .sb\:opacity-0 {
1025
+ opacity: 0%;
1026
+ }
1027
+ .sb\:opacity-30 {
1028
+ opacity: 30%;
1029
+ }
1030
+ .sb\:opacity-50 {
1031
+ opacity: 50%;
1032
+ }
1033
+ .sb\:opacity-60 {
1034
+ opacity: 60%;
1035
+ }
1036
+ .sb\:opacity-70 {
1037
+ opacity: 70%;
1038
+ }
1039
+ .sb\:opacity-90 {
1040
+ opacity: 90%;
1025
1041
  }
1026
- }
1027
- @keyframes exit {
1028
- to {
1029
- opacity: var(--tw-exit-opacity, 1);
1030
- transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
1042
+ .sb\:shadow {
1043
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1044
+ box-shadow:
1045
+ var(--tw-inset-shadow),
1046
+ var(--tw-inset-ring-shadow),
1047
+ var(--tw-ring-offset-shadow),
1048
+ var(--tw-ring-shadow),
1049
+ var(--tw-shadow);
1050
+ }
1051
+ .sb\:shadow-lg {
1052
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1053
+ box-shadow:
1054
+ var(--tw-inset-shadow),
1055
+ var(--tw-inset-ring-shadow),
1056
+ var(--tw-ring-offset-shadow),
1057
+ var(--tw-ring-shadow),
1058
+ var(--tw-shadow);
1059
+ }
1060
+ .sb\:shadow-md {
1061
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1062
+ box-shadow:
1063
+ var(--tw-inset-shadow),
1064
+ var(--tw-inset-ring-shadow),
1065
+ var(--tw-ring-offset-shadow),
1066
+ var(--tw-ring-shadow),
1067
+ var(--tw-shadow);
1068
+ }
1069
+ .sb\:shadow-sm {
1070
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1071
+ box-shadow:
1072
+ var(--tw-inset-shadow),
1073
+ var(--tw-inset-ring-shadow),
1074
+ var(--tw-ring-offset-shadow),
1075
+ var(--tw-ring-shadow),
1076
+ var(--tw-shadow);
1077
+ }
1078
+ .sb\:ring-0 {
1079
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1080
+ box-shadow:
1081
+ var(--tw-inset-shadow),
1082
+ var(--tw-inset-ring-shadow),
1083
+ var(--tw-ring-offset-shadow),
1084
+ var(--tw-ring-shadow),
1085
+ var(--tw-shadow);
1086
+ }
1087
+ .sb\:ring-offset-background {
1088
+ --tw-ring-offset-color: var(--sb-color-background);
1089
+ }
1090
+ .sb\:outline-hidden {
1091
+ --tw-outline-style: none;
1092
+ outline-style: none;
1093
+ @media (forced-colors: active) {
1094
+ outline: 2px solid transparent;
1095
+ outline-offset: 2px;
1096
+ }
1097
+ }
1098
+ .sb\:backdrop-blur-sm {
1099
+ --tw-backdrop-blur: blur(var(--sb-blur-sm));
1100
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1101
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1102
+ }
1103
+ .sb\:transition-all {
1104
+ transition-property: all;
1105
+ transition-timing-function: var(--tw-ease, var(--sb-default-transition-timing-function));
1106
+ transition-duration: var(--tw-duration, var(--sb-default-transition-duration));
1107
+ }
1108
+ .sb\:transition-colors {
1109
+ transition-property:
1110
+ color,
1111
+ background-color,
1112
+ border-color,
1113
+ outline-color,
1114
+ text-decoration-color,
1115
+ fill,
1116
+ stroke,
1117
+ --tw-gradient-from,
1118
+ --tw-gradient-via,
1119
+ --tw-gradient-to;
1120
+ transition-timing-function: var(--tw-ease, var(--sb-default-transition-timing-function));
1121
+ transition-duration: var(--tw-duration, var(--sb-default-transition-duration));
1122
+ }
1123
+ .sb\:transition-opacity {
1124
+ transition-property: opacity;
1125
+ transition-timing-function: var(--tw-ease, var(--sb-default-transition-timing-function));
1126
+ transition-duration: var(--tw-duration, var(--sb-default-transition-duration));
1127
+ }
1128
+ .sb\:transition-transform {
1129
+ transition-property:
1130
+ transform,
1131
+ translate,
1132
+ scale,
1133
+ rotate;
1134
+ transition-timing-function: var(--tw-ease, var(--sb-default-transition-timing-function));
1135
+ transition-duration: var(--tw-duration, var(--sb-default-transition-duration));
1136
+ }
1137
+ .sb\:duration-200 {
1138
+ --tw-duration: 200ms;
1139
+ transition-duration: 200ms;
1140
+ }
1141
+ .sb\:select-none {
1142
+ -webkit-user-select: none;
1143
+ user-select: none;
1144
+ }
1145
+ .sb\:group-hover\:opacity-100 {
1146
+ &:is(:where(.sb\:group):hover *) {
1147
+ @media (hover: hover) {
1148
+ opacity: 100%;
1149
+ }
1150
+ }
1151
+ }
1152
+ .sb\:peer-disabled\:cursor-not-allowed {
1153
+ &:is(:where(.sb\:peer):disabled ~ *) {
1154
+ cursor: not-allowed;
1155
+ }
1156
+ }
1157
+ .sb\:peer-disabled\:opacity-70 {
1158
+ &:is(:where(.sb\:peer):disabled ~ *) {
1159
+ opacity: 70%;
1160
+ }
1161
+ }
1162
+ .sb\:file\:border-0 {
1163
+ &::file-selector-button {
1164
+ border-style: var(--tw-border-style);
1165
+ border-width: 0px;
1166
+ }
1167
+ }
1168
+ .sb\:file\:bg-transparent {
1169
+ &::file-selector-button {
1170
+ background-color: transparent;
1171
+ }
1172
+ }
1173
+ .sb\:file\:text-sm {
1174
+ &::file-selector-button {
1175
+ font-size: var(--sb-text-sm);
1176
+ line-height: var(--tw-leading, var(--sb-text-sm--line-height));
1177
+ }
1178
+ }
1179
+ .sb\:file\:font-medium {
1180
+ &::file-selector-button {
1181
+ --tw-font-weight: var(--sb-font-weight-medium);
1182
+ font-weight: var(--sb-font-weight-medium);
1183
+ }
1184
+ }
1185
+ .sb\:file\:text-foreground {
1186
+ &::file-selector-button {
1187
+ color: var(--sb-color-foreground);
1188
+ }
1189
+ }
1190
+ .sb\:placeholder\:text-muted-foreground {
1191
+ &::placeholder {
1192
+ color: var(--sb-color-muted-foreground);
1193
+ }
1194
+ }
1195
+ .sb\:focus-within\:relative {
1196
+ &:focus-within {
1197
+ position: relative;
1198
+ }
1199
+ }
1200
+ .sb\:focus-within\:z-20 {
1201
+ &:focus-within {
1202
+ z-index: 20;
1203
+ }
1204
+ }
1205
+ .sb\:focus-within\:border-primary {
1206
+ &:focus-within {
1207
+ border-color: var(--sb-color-primary);
1208
+ }
1209
+ }
1210
+ .sb\:hover\:bg-accent {
1211
+ &:hover {
1212
+ @media (hover: hover) {
1213
+ background-color: var(--sb-color-accent);
1214
+ }
1215
+ }
1216
+ }
1217
+ .sb\:hover\:bg-destructive\/90 {
1218
+ &:hover {
1219
+ @media (hover: hover) {
1220
+ background-color: var(--sb-color-destructive);
1221
+ @supports (color: color-mix(in lab, red, red)) {
1222
+ background-color: color-mix(in oklab, var(--sb-color-destructive) 90%, transparent);
1223
+ }
1224
+ }
1225
+ }
1226
+ }
1227
+ .sb\:hover\:bg-muted {
1228
+ &:hover {
1229
+ @media (hover: hover) {
1230
+ background-color: var(--sb-color-muted);
1231
+ }
1232
+ }
1233
+ }
1234
+ .sb\:hover\:bg-primary {
1235
+ &:hover {
1236
+ @media (hover: hover) {
1237
+ background-color: var(--sb-color-primary);
1238
+ }
1239
+ }
1240
+ }
1241
+ .sb\:hover\:bg-primary\/90 {
1242
+ &:hover {
1243
+ @media (hover: hover) {
1244
+ background-color: var(--sb-color-primary);
1245
+ @supports (color: color-mix(in lab, red, red)) {
1246
+ background-color: color-mix(in oklab, var(--sb-color-primary) 90%, transparent);
1247
+ }
1248
+ }
1249
+ }
1250
+ }
1251
+ .sb\:hover\:bg-secondary\/80 {
1252
+ &:hover {
1253
+ @media (hover: hover) {
1254
+ background-color: var(--sb-color-secondary);
1255
+ @supports (color: color-mix(in lab, red, red)) {
1256
+ background-color: color-mix(in oklab, var(--sb-color-secondary) 80%, transparent);
1257
+ }
1258
+ }
1259
+ }
1260
+ }
1261
+ .sb\:hover\:text-accent-foreground {
1262
+ &:hover {
1263
+ @media (hover: hover) {
1264
+ color: var(--sb-color-accent-foreground);
1265
+ }
1266
+ }
1267
+ }
1268
+ .sb\:hover\:text-foreground {
1269
+ &:hover {
1270
+ @media (hover: hover) {
1271
+ color: var(--sb-color-foreground);
1272
+ }
1273
+ }
1274
+ }
1275
+ .sb\:hover\:text-muted-foreground {
1276
+ &:hover {
1277
+ @media (hover: hover) {
1278
+ color: var(--sb-color-muted-foreground);
1279
+ }
1280
+ }
1281
+ }
1282
+ .sb\:hover\:text-primary-foreground {
1283
+ &:hover {
1284
+ @media (hover: hover) {
1285
+ color: var(--sb-color-primary-foreground);
1286
+ }
1287
+ }
1288
+ }
1289
+ .sb\:hover\:underline {
1290
+ &:hover {
1291
+ @media (hover: hover) {
1292
+ text-decoration-line: underline;
1293
+ }
1294
+ }
1295
+ }
1296
+ .sb\:hover\:opacity-100 {
1297
+ &:hover {
1298
+ @media (hover: hover) {
1299
+ opacity: 100%;
1300
+ }
1301
+ }
1302
+ }
1303
+ .sb\:focus\:bg-accent {
1304
+ &:focus {
1305
+ background-color: var(--sb-color-accent);
1306
+ }
1307
+ }
1308
+ .sb\:focus\:bg-primary {
1309
+ &:focus {
1310
+ background-color: var(--sb-color-primary);
1311
+ }
1312
+ }
1313
+ .sb\:focus\:text-accent-foreground {
1314
+ &:focus {
1315
+ color: var(--sb-color-accent-foreground);
1316
+ }
1317
+ }
1318
+ .sb\:focus\:text-primary-foreground {
1319
+ &:focus {
1320
+ color: var(--sb-color-primary-foreground);
1321
+ }
1322
+ }
1323
+ .sb\:focus\:ring-2 {
1324
+ &:focus {
1325
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1326
+ box-shadow:
1327
+ var(--tw-inset-shadow),
1328
+ var(--tw-inset-ring-shadow),
1329
+ var(--tw-ring-offset-shadow),
1330
+ var(--tw-ring-shadow),
1331
+ var(--tw-shadow);
1332
+ }
1333
+ }
1334
+ .sb\:focus\:ring-ring {
1335
+ &:focus {
1336
+ --tw-ring-color: var(--sb-color-ring);
1337
+ }
1338
+ }
1339
+ .sb\:focus\:ring-offset-2 {
1340
+ &:focus {
1341
+ --tw-ring-offset-width: 2px;
1342
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1343
+ }
1344
+ }
1345
+ .sb\:focus\:outline-hidden {
1346
+ &:focus {
1347
+ --tw-outline-style: none;
1348
+ outline-style: none;
1349
+ @media (forced-colors: active) {
1350
+ outline: 2px solid transparent;
1351
+ outline-offset: 2px;
1352
+ }
1353
+ }
1354
+ }
1355
+ .sb\:focus-visible\:ring-1 {
1356
+ &:focus-visible {
1357
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1358
+ box-shadow:
1359
+ var(--tw-inset-shadow),
1360
+ var(--tw-inset-ring-shadow),
1361
+ var(--tw-ring-offset-shadow),
1362
+ var(--tw-ring-shadow),
1363
+ var(--tw-shadow);
1364
+ }
1365
+ }
1366
+ .sb\:focus-visible\:ring-2 {
1367
+ &:focus-visible {
1368
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1369
+ box-shadow:
1370
+ var(--tw-inset-shadow),
1371
+ var(--tw-inset-ring-shadow),
1372
+ var(--tw-ring-offset-shadow),
1373
+ var(--tw-ring-shadow),
1374
+ var(--tw-shadow);
1375
+ }
1376
+ }
1377
+ .sb\:focus-visible\:ring-ring {
1378
+ &:focus-visible {
1379
+ --tw-ring-color: var(--sb-color-ring);
1380
+ }
1381
+ }
1382
+ .sb\:focus-visible\:ring-offset-2 {
1383
+ &:focus-visible {
1384
+ --tw-ring-offset-width: 2px;
1385
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1386
+ }
1387
+ }
1388
+ .sb\:focus-visible\:ring-offset-background {
1389
+ &:focus-visible {
1390
+ --tw-ring-offset-color: var(--sb-color-background);
1391
+ }
1392
+ }
1393
+ .sb\:focus-visible\:outline-hidden {
1394
+ &:focus-visible {
1395
+ --tw-outline-style: none;
1396
+ outline-style: none;
1397
+ @media (forced-colors: active) {
1398
+ outline: 2px solid transparent;
1399
+ outline-offset: 2px;
1400
+ }
1401
+ }
1402
+ }
1403
+ .sb\:active\:scale-105 {
1404
+ &:active {
1405
+ --tw-scale-x: 105%;
1406
+ --tw-scale-y: 105%;
1407
+ --tw-scale-z: 105%;
1408
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1409
+ }
1410
+ }
1411
+ .sb\:disabled\:pointer-events-none {
1412
+ &:disabled {
1413
+ pointer-events: none;
1414
+ }
1415
+ }
1416
+ .sb\:disabled\:cursor-not-allowed {
1417
+ &:disabled {
1418
+ cursor: not-allowed;
1419
+ }
1420
+ }
1421
+ .sb\:disabled\:opacity-50 {
1422
+ &:disabled {
1423
+ opacity: 50%;
1424
+ }
1425
+ }
1426
+ .sb\:aria-selected\:bg-accent {
1427
+ &[aria-selected=true] {
1428
+ background-color: var(--sb-color-accent);
1429
+ }
1430
+ }
1431
+ .sb\:aria-selected\:bg-accent\/50 {
1432
+ &[aria-selected=true] {
1433
+ background-color: var(--sb-color-accent);
1434
+ @supports (color: color-mix(in lab, red, red)) {
1435
+ background-color: color-mix(in oklab, var(--sb-color-accent) 50%, transparent);
1436
+ }
1437
+ }
1438
+ }
1439
+ .sb\:aria-selected\:text-accent-foreground {
1440
+ &[aria-selected=true] {
1441
+ color: var(--sb-color-accent-foreground);
1442
+ }
1443
+ }
1444
+ .sb\:aria-selected\:text-muted-foreground {
1445
+ &[aria-selected=true] {
1446
+ color: var(--sb-color-muted-foreground);
1447
+ }
1448
+ }
1449
+ .sb\:aria-selected\:opacity-30 {
1450
+ &[aria-selected=true] {
1451
+ opacity: 30%;
1452
+ }
1453
+ }
1454
+ .sb\:aria-selected\:opacity-100 {
1455
+ &[aria-selected=true] {
1456
+ opacity: 100%;
1457
+ }
1458
+ }
1459
+ .sb\:data-disabled\:pointer-events-none {
1460
+ &[data-disabled] {
1461
+ pointer-events: none;
1462
+ }
1463
+ }
1464
+ .sb\:data-disabled\:opacity-50 {
1465
+ &[data-disabled] {
1466
+ opacity: 50%;
1467
+ }
1468
+ }
1469
+ .sb\:data-\[side\=bottom\]\:translate-y-1 {
1470
+ &[data-side=bottom] {
1471
+ --tw-translate-y: calc(var(--sb-spacing) * 1);
1472
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1473
+ }
1474
+ }
1475
+ .sb\:data-\[side\=left\]\:-translate-x-1 {
1476
+ &[data-side=left] {
1477
+ --tw-translate-x: calc(var(--sb-spacing) * -1);
1478
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1479
+ }
1480
+ }
1481
+ .sb\:data-\[side\=right\]\:translate-x-1 {
1482
+ &[data-side=right] {
1483
+ --tw-translate-x: calc(var(--sb-spacing) * 1);
1484
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1485
+ }
1486
+ }
1487
+ .sb\:data-\[side\=top\]\:-translate-y-1 {
1488
+ &[data-side=top] {
1489
+ --tw-translate-y: calc(var(--sb-spacing) * -1);
1490
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1491
+ }
1492
+ }
1493
+ .sb\:data-\[state\=active\]\:flex {
1494
+ &[data-state=active] {
1495
+ display: flex;
1496
+ }
1497
+ }
1498
+ .sb\:data-\[state\=active\]\:border-black {
1499
+ &[data-state=active] {
1500
+ border-color: var(--sb-color-black);
1501
+ }
1502
+ }
1503
+ .sb\:data-\[state\=active\]\:bg-background {
1504
+ &[data-state=active] {
1505
+ background-color: var(--sb-color-background);
1506
+ }
1507
+ }
1508
+ .sb\:data-\[state\=active\]\:text-foreground {
1509
+ &[data-state=active] {
1510
+ color: var(--sb-color-foreground);
1511
+ }
1512
+ }
1513
+ .sb\:data-\[state\=active\]\:shadow-sm {
1514
+ &[data-state=active] {
1515
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1516
+ box-shadow:
1517
+ var(--tw-inset-shadow),
1518
+ var(--tw-inset-ring-shadow),
1519
+ var(--tw-ring-offset-shadow),
1520
+ var(--tw-ring-shadow),
1521
+ var(--tw-shadow);
1522
+ }
1523
+ }
1524
+ .sb\:data-\[state\=checked\]\:translate-x-4 {
1525
+ &[data-state=checked] {
1526
+ --tw-translate-x: calc(var(--sb-spacing) * 4);
1527
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1528
+ }
1529
+ }
1530
+ .sb\:data-\[state\=checked\]\:bg-primary {
1531
+ &[data-state=checked] {
1532
+ background-color: var(--sb-color-primary);
1533
+ }
1534
+ }
1535
+ .sb\:data-\[state\=on\]\:bg-accent {
1536
+ &[data-state=on] {
1537
+ background-color: var(--sb-color-accent);
1538
+ }
1539
+ }
1540
+ .sb\:data-\[state\=on\]\:text-accent-foreground {
1541
+ &[data-state=on] {
1542
+ color: var(--sb-color-accent-foreground);
1543
+ }
1544
+ }
1545
+ .sb\:data-\[state\=open\]\:bg-accent {
1546
+ &[data-state=open] {
1547
+ background-color: var(--sb-color-accent);
1548
+ }
1549
+ }
1550
+ .sb\:data-\[state\=open\]\:text-muted-foreground {
1551
+ &[data-state=open] {
1552
+ color: var(--sb-color-muted-foreground);
1553
+ }
1554
+ }
1555
+ .sb\:data-\[state\=unchecked\]\:translate-x-0 {
1556
+ &[data-state=unchecked] {
1557
+ --tw-translate-x: calc(var(--sb-spacing) * 0);
1558
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1559
+ }
1560
+ }
1561
+ .sb\:data-\[state\=unchecked\]\:bg-input {
1562
+ &[data-state=unchecked] {
1563
+ background-color: var(--sb-color-input);
1564
+ }
1565
+ }
1566
+ .sb\:max-md\:hidden {
1567
+ @media (width < 48rem) {
1568
+ display: none;
1569
+ }
1570
+ }
1571
+ .sb\:max-md\:opacity-30 {
1572
+ @media (width < 48rem) {
1573
+ opacity: 30%;
1574
+ }
1575
+ }
1576
+ .sb\:sm\:mt-0 {
1577
+ @media (width >= 40rem) {
1578
+ margin-top: calc(var(--sb-spacing) * 0);
1579
+ }
1580
+ }
1581
+ .sb\:sm\:max-h-\[90svh\] {
1582
+ @media (width >= 40rem) {
1583
+ max-height: 90svh;
1584
+ }
1585
+ }
1586
+ .sb\:sm\:flex-row {
1587
+ @media (width >= 40rem) {
1588
+ flex-direction: row;
1589
+ }
1590
+ }
1591
+ .sb\:sm\:justify-end {
1592
+ @media (width >= 40rem) {
1593
+ justify-content: flex-end;
1594
+ }
1595
+ }
1596
+ .sb\:sm\:gap-2 {
1597
+ @media (width >= 40rem) {
1598
+ gap: calc(var(--sb-spacing) * 2);
1599
+ }
1600
+ }
1601
+ .sb\:sm\:gap-x-4 {
1602
+ @media (width >= 40rem) {
1603
+ column-gap: calc(var(--sb-spacing) * 4);
1604
+ }
1605
+ }
1606
+ .sb\:sm\:gap-y-0 {
1607
+ @media (width >= 40rem) {
1608
+ row-gap: calc(var(--sb-spacing) * 0);
1609
+ }
1610
+ }
1611
+ .sb\:sm\:rounded-lg {
1612
+ @media (width >= 40rem) {
1613
+ border-radius: var(--sb-radius-lg);
1614
+ }
1615
+ }
1616
+ .sb\:sm\:text-left {
1617
+ @media (width >= 40rem) {
1618
+ text-align: left;
1619
+ }
1620
+ }
1621
+ .sb\:md\:hidden {
1622
+ @media (width >= 48rem) {
1623
+ display: none;
1624
+ }
1625
+ }
1626
+ .sb\:md\:text-sm {
1627
+ @media (width >= 48rem) {
1628
+ font-size: var(--sb-text-sm);
1629
+ line-height: var(--tw-leading, var(--sb-text-sm--line-height));
1630
+ }
1631
+ }
1632
+ .sb\:md\:opacity-30 {
1633
+ @media (width >= 48rem) {
1634
+ opacity: 30%;
1635
+ }
1636
+ }
1637
+ .sb\:\[\&_svg\]\:pointer-events-none {
1638
+ & svg {
1639
+ pointer-events: none;
1640
+ }
1641
+ }
1642
+ .sb\:\[\&_svg\]\:size-4 {
1643
+ & svg {
1644
+ width: calc(var(--sb-spacing) * 4);
1645
+ height: calc(var(--sb-spacing) * 4);
1646
+ }
1647
+ }
1648
+ .sb\:\[\&_svg\]\:shrink-0 {
1649
+ & svg {
1650
+ flex-shrink: 0;
1651
+ }
1652
+ }
1653
+ .sb\:\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md {
1654
+ &:has(> .day-range-end) {
1655
+ border-top-right-radius: var(--sb-radius-md);
1656
+ border-bottom-right-radius: var(--sb-radius-md);
1657
+ }
1658
+ }
1659
+ .sb\:\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md {
1660
+ &:has(> .day-range-start) {
1661
+ border-top-left-radius: var(--sb-radius-md);
1662
+ border-bottom-left-radius: var(--sb-radius-md);
1663
+ }
1664
+ }
1665
+ .sb\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-md {
1666
+ &:has([aria-selected]) {
1667
+ border-radius: var(--sb-radius-md);
1668
+ }
1669
+ }
1670
+ .sb\:\[\&\:has\(\[aria-selected\]\)\]\:bg-accent {
1671
+ &:has([aria-selected]) {
1672
+ background-color: var(--sb-color-accent);
1673
+ }
1674
+ }
1675
+ .sb\:first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md {
1676
+ &:first-child {
1677
+ &:has([aria-selected]) {
1678
+ border-top-left-radius: var(--sb-radius-md);
1679
+ border-bottom-left-radius: var(--sb-radius-md);
1680
+ }
1681
+ }
1682
+ }
1683
+ .sb\:last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md {
1684
+ &:last-child {
1685
+ &:has([aria-selected]) {
1686
+ border-top-right-radius: var(--sb-radius-md);
1687
+ border-bottom-right-radius: var(--sb-radius-md);
1688
+ }
1689
+ }
1690
+ }
1691
+ .sb\:\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50 {
1692
+ &:has([aria-selected].day-outside) {
1693
+ background-color: var(--sb-color-accent);
1694
+ @supports (color: color-mix(in lab, red, red)) {
1695
+ background-color: color-mix(in oklab, var(--sb-color-accent) 50%, transparent);
1696
+ }
1697
+ }
1698
+ }
1699
+ .sb\:\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md {
1700
+ &:has([aria-selected].day-range-end) {
1701
+ border-top-right-radius: var(--sb-radius-md);
1702
+ border-bottom-right-radius: var(--sb-radius-md);
1703
+ }
1704
+ }
1705
+ .sb\:\[\&\>span\]\:line-clamp-1 {
1706
+ & > span {
1707
+ overflow: hidden;
1708
+ display: -webkit-box;
1709
+ -webkit-box-orient: vertical;
1710
+ -webkit-line-clamp: 1;
1711
+ }
1712
+ }
1713
+ .sb\:\[\&\>svg\]\:size-4 {
1714
+ & > svg {
1715
+ width: calc(var(--sb-spacing) * 4);
1716
+ height: calc(var(--sb-spacing) * 4);
1717
+ }
1718
+ }
1719
+ .sb\:\[\&\>svg\]\:shrink-0 {
1720
+ & > svg {
1721
+ flex-shrink: 0;
1722
+ }
1031
1723
  }
1032
1724
  }
1033
- .sb-duration-200 {
1034
- animation-duration: 200ms;
1035
- }
1036
- @font-face {
1037
- font-family: "Roboto";
1038
- src: local("Roboto"), url("./Roboto-Thin-SNTZUTYN.ttf") format("truetype");
1039
- font-weight: 100;
1040
- }
1041
- @font-face {
1042
- font-family: "Roboto";
1043
- src: local("Roboto"), url("./Roboto-ThinItalic-VWZDITN2.ttf") format("truetype");
1044
- font-weight: 100;
1045
- font-style: italic;
1046
- }
1047
- @font-face {
1048
- font-family: "Roboto";
1049
- src: local("Roboto"), url("./Roboto-Light-DLKQXCNL.ttf") format("truetype");
1050
- font-weight: 300;
1051
- }
1052
- @font-face {
1053
- font-family: "Roboto";
1054
- src: local("Roboto"), url("./Roboto-LightItalic-EZWBKOF2.ttf") format("truetype");
1055
- font-weight: 300;
1056
- font-style: italic;
1057
- }
1058
- @font-face {
1059
- font-family: "Roboto";
1060
- src: local("Roboto"), url("./Roboto-Regular-2C6IPKAZ.ttf") format("truetype");
1061
- font-weight: 400;
1062
- }
1063
- @font-face {
1064
- font-family: "Roboto";
1065
- src: local("Roboto"), url("./Roboto-Italic-P4UPYB3F.ttf") format("truetype");
1066
- font-weight: 400;
1067
- font-style: italic;
1068
- }
1069
- @font-face {
1070
- font-family: "Roboto";
1071
- src: local("Roboto"), url("./Roboto-Medium-SICMFKQK.ttf") format("truetype");
1072
- font-weight: 500;
1073
- }
1074
- @font-face {
1075
- font-family: "Roboto";
1076
- src: local("Roboto"), url("./Roboto-MediumItalic-X7VW5CZA.ttf") format("truetype");
1077
- font-weight: 500;
1078
- font-style: italic;
1079
- }
1080
- @font-face {
1081
- font-family: "Roboto";
1082
- src: local("Roboto"), url("./Roboto-Bold-YNVD7YCC.ttf") format("truetype");
1083
- font-weight: 700;
1084
- }
1085
- @font-face {
1086
- font-family: "Roboto";
1087
- src: local("Roboto"), url("./Roboto-BoldItalic-UDVRGYMT.ttf") format("truetype");
1088
- font-weight: 700;
1089
- font-style: italic;
1090
- }
1091
- @font-face {
1092
- font-family: "Roboto";
1093
- src: local("Roboto"), url("./Roboto-Black-N3JSMGNF.ttf") format("truetype");
1094
- font-weight: 900;
1725
+ @layer utilities {
1726
+ @font-face {
1727
+ font-family: "Roboto";
1728
+ src: local("Roboto"), url("./Roboto-Thin-SNTZUTYN.ttf") format("truetype");
1729
+ font-weight: 100;
1730
+ }
1731
+ @font-face {
1732
+ font-family: "Roboto";
1733
+ src: local("Roboto"), url("./Roboto-ThinItalic-VWZDITN2.ttf") format("truetype");
1734
+ font-weight: 100;
1735
+ font-style: italic;
1736
+ }
1737
+ @font-face {
1738
+ font-family: "Roboto";
1739
+ src: local("Roboto"), url("./Roboto-Light-DLKQXCNL.ttf") format("truetype");
1740
+ font-weight: 300;
1741
+ }
1742
+ @font-face {
1743
+ font-family: "Roboto";
1744
+ src: local("Roboto"), url("./Roboto-LightItalic-EZWBKOF2.ttf") format("truetype");
1745
+ font-weight: 300;
1746
+ font-style: italic;
1747
+ }
1748
+ @font-face {
1749
+ font-family: "Roboto";
1750
+ src: local("Roboto"), url("./Roboto-Regular-2C6IPKAZ.ttf") format("truetype");
1751
+ font-weight: 400;
1752
+ }
1753
+ @font-face {
1754
+ font-family: "Roboto";
1755
+ src: local("Roboto"), url("./Roboto-Italic-P4UPYB3F.ttf") format("truetype");
1756
+ font-weight: 400;
1757
+ font-style: italic;
1758
+ }
1759
+ @font-face {
1760
+ font-family: "Roboto";
1761
+ src: local("Roboto"), url("./Roboto-Medium-SICMFKQK.ttf") format("truetype");
1762
+ font-weight: 500;
1763
+ }
1764
+ @font-face {
1765
+ font-family: "Roboto";
1766
+ src: local("Roboto"), url("./Roboto-MediumItalic-X7VW5CZA.ttf") format("truetype");
1767
+ font-weight: 500;
1768
+ font-style: italic;
1769
+ }
1770
+ @font-face {
1771
+ font-family: "Roboto";
1772
+ src: local("Roboto"), url("./Roboto-Bold-YNVD7YCC.ttf") format("truetype");
1773
+ font-weight: 700;
1774
+ }
1775
+ @font-face {
1776
+ font-family: "Roboto";
1777
+ src: local("Roboto"), url("./Roboto-BoldItalic-UDVRGYMT.ttf") format("truetype");
1778
+ font-weight: 700;
1779
+ font-style: italic;
1780
+ }
1781
+ @font-face {
1782
+ font-family: "Roboto";
1783
+ src: local("Roboto"), url("./Roboto-Black-N3JSMGNF.ttf") format("truetype");
1784
+ font-weight: 900;
1785
+ }
1786
+ @font-face {
1787
+ font-family: "Roboto";
1788
+ src: local("Roboto"), url("./Roboto-BlackItalic-Q4DQVNXP.ttf") format("truetype");
1789
+ font-weight: 900;
1790
+ font-style: italic;
1791
+ }
1095
1792
  }
1096
- @font-face {
1097
- font-family: "Roboto";
1098
- src: local("Roboto"), url("./Roboto-BlackItalic-Q4DQVNXP.ttf") format("truetype");
1099
- font-weight: 900;
1100
- font-style: italic;
1793
+ @layer base {
1794
+ :root {
1795
+ --sb-background: 0 0% 100%;
1796
+ --sb-foreground: 0 0% 3.9%;
1797
+ --sb-card: 0 0% 100%;
1798
+ --sb-card-foreground: 0 0% 3.9%;
1799
+ --sb-popover: 0 0% 100%;
1800
+ --sb-popover-foreground: 0 0% 3.9%;
1801
+ --sb-primary: 212 100% 50.4%;
1802
+ --sb-primary-foreground: 0 0% 98%;
1803
+ --sb-secondary: 158 24% 93%;
1804
+ --sb-secondary-foreground: 0 0% 9%;
1805
+ --sb-muted: 0 0% 96.1%;
1806
+ --sb-muted-foreground: 0 0% 45.1%;
1807
+ --sb-accent: 0 0% 96.1%;
1808
+ --sb-accent-foreground: 0 0% 9%;
1809
+ --sb-destructive: 0 84.2% 60.2%;
1810
+ --sb-destructive-foreground: 0 0% 98%;
1811
+ --sb-border: 0 0% 89.8%;
1812
+ --sb-input: 0 0% 89.8%;
1813
+ --sb-ring: 0 0% 3.9%;
1814
+ --sb-radius: 0.5rem;
1815
+ }
1816
+ .dark {
1817
+ --sb-background: 0 0% 3.9%;
1818
+ --sb-foreground: 0 0% 98%;
1819
+ --sb-card: 0 0% 3.9%;
1820
+ --sb-card-foreground: 0 0% 98%;
1821
+ --sb-popover: 0 0% 3.9%;
1822
+ --sb-popover-foreground: 0 0% 98%;
1823
+ --sb-primary: 195 100% 44%;
1824
+ --sb-primary-foreground: 0 0% 98%;
1825
+ --sb-secondary: 158 24% 93%;
1826
+ --sb-secondary-foreground: 0 0% 9%;
1827
+ --sb-muted: 0 0% 14.9%;
1828
+ --sb-muted-foreground: 0 0% 63.9%;
1829
+ --sb-accent: 0 0% 14.9%;
1830
+ --sb-accent-foreground: 0 0% 98%;
1831
+ --sb-destructive: 0 62.8% 30.6%;
1832
+ --sb-destructive-foreground: 0 0% 98%;
1833
+ --sb-border: 0 0% 14.9%;
1834
+ --sb-input: 0 0% 14.9%;
1835
+ --sb-ring: 0 0% 83.1%;
1836
+ }
1837
+ *,
1838
+ ::after,
1839
+ ::before,
1840
+ ::backdrop,
1841
+ ::file-selector-button {
1842
+ border-color: var(--color-gray-200, currentcolor);
1843
+ }
1101
1844
  }
1102
1845
  .add-content-divider-button:hover,
1103
1846
  .add-content-divider-button:has(> [data-state=open]),
@@ -1124,407 +1867,98 @@
1124
1867
  cursor: text;
1125
1868
  flex-direction: column;
1126
1869
  z-index: 0;
1870
+ outline-style: var(--tw-outline-style);
1127
1871
  outline-width: 0px;
1128
1872
  }
1129
1873
  .sb-editflow .ProseMirror > div.editor {
1130
1874
  display: block;
1131
- flex: 1 1 0%;
1875
+ flex: 1;
1132
1876
  white-space: pre-wrap;
1133
1877
  }
1134
- .file\:sb-border-0::file-selector-button {
1135
- border-width: 0px;
1136
- }
1137
- .file\:sb-bg-transparent::file-selector-button {
1138
- background-color: transparent;
1139
- }
1140
- .file\:sb-text-sm::file-selector-button {
1141
- font-size: 0.875rem;
1142
- line-height: 1.25rem;
1143
- }
1144
- .file\:sb-font-medium::file-selector-button {
1145
- font-weight: 500;
1146
- }
1147
- .file\:sb-text-foreground::file-selector-button {
1148
- color: hsl(var(--sb-foreground));
1149
- }
1150
- .placeholder\:sb-text-muted-foreground::-moz-placeholder {
1151
- color: hsl(var(--sb-muted-foreground));
1152
- }
1153
- .placeholder\:sb-text-muted-foreground::placeholder {
1154
- color: hsl(var(--sb-muted-foreground));
1155
- }
1156
- .focus-within\:sb-relative:focus-within {
1157
- position: relative;
1158
- }
1159
- .focus-within\:sb-z-20:focus-within {
1160
- z-index: 20;
1161
- }
1162
- .focus-within\:sb-border-primary:focus-within {
1163
- border-color: hsl(var(--sb-primary));
1164
- }
1165
- .hover\:sb-bg-accent:hover {
1166
- background-color: hsl(var(--sb-accent));
1167
- }
1168
- .hover\:sb-bg-destructive\/90:hover {
1169
- background-color: hsl(var(--sb-destructive) / 0.9);
1170
- }
1171
- .hover\:sb-bg-muted:hover {
1172
- background-color: hsl(var(--sb-muted));
1173
- }
1174
- .hover\:sb-bg-primary:hover {
1175
- background-color: hsl(var(--sb-primary));
1176
- }
1177
- .hover\:sb-bg-primary\/90:hover {
1178
- background-color: hsl(var(--sb-primary) / 0.9);
1179
- }
1180
- .hover\:sb-bg-secondary\/80:hover {
1181
- background-color: hsl(var(--sb-secondary) / 0.8);
1182
- }
1183
- .hover\:sb-text-accent-foreground:hover {
1184
- color: hsl(var(--sb-accent-foreground));
1185
- }
1186
- .hover\:sb-text-foreground:hover {
1187
- color: hsl(var(--sb-foreground));
1188
- }
1189
- .hover\:sb-text-muted-foreground:hover {
1190
- color: hsl(var(--sb-muted-foreground));
1191
- }
1192
- .hover\:sb-text-primary-foreground:hover {
1193
- color: hsl(var(--sb-primary-foreground));
1194
- }
1195
- .hover\:sb-underline:hover {
1196
- text-decoration-line: underline;
1197
- }
1198
- .hover\:sb-opacity-100:hover {
1199
- opacity: 1;
1200
- }
1201
- .focus\:sb-bg-accent:focus {
1202
- background-color: hsl(var(--sb-accent));
1203
- }
1204
- .focus\:sb-bg-primary:focus {
1205
- background-color: hsl(var(--sb-primary));
1206
- }
1207
- .focus\:sb-text-accent-foreground:focus {
1208
- color: hsl(var(--sb-accent-foreground));
1209
- }
1210
- .focus\:sb-text-primary-foreground:focus {
1211
- color: hsl(var(--sb-primary-foreground));
1212
- }
1213
- .focus\:sb-outline-none:focus {
1214
- outline: 2px solid transparent;
1215
- outline-offset: 2px;
1216
- }
1217
- .focus\:sb-ring-2:focus {
1218
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1219
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1220
- box-shadow:
1221
- var(--tw-ring-offset-shadow),
1222
- var(--tw-ring-shadow),
1223
- var(--tw-shadow, 0 0 #0000);
1224
- }
1225
- .focus\:sb-ring-ring:focus {
1226
- --tw-ring-color: hsl(var(--sb-ring));
1227
- }
1228
- .focus\:sb-ring-offset-2:focus {
1229
- --tw-ring-offset-width: 2px;
1230
- }
1231
- .focus-visible\:sb-outline-none:focus-visible {
1232
- outline: 2px solid transparent;
1233
- outline-offset: 2px;
1234
- }
1235
- .focus-visible\:sb-ring-1:focus-visible {
1236
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1237
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1238
- box-shadow:
1239
- var(--tw-ring-offset-shadow),
1240
- var(--tw-ring-shadow),
1241
- var(--tw-shadow, 0 0 #0000);
1242
- }
1243
- .focus-visible\:sb-ring-2:focus-visible {
1244
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1245
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1246
- box-shadow:
1247
- var(--tw-ring-offset-shadow),
1248
- var(--tw-ring-shadow),
1249
- var(--tw-shadow, 0 0 #0000);
1250
- }
1251
- .focus-visible\:sb-ring-ring:focus-visible {
1252
- --tw-ring-color: hsl(var(--sb-ring));
1253
- }
1254
- .focus-visible\:sb-ring-offset-2:focus-visible {
1255
- --tw-ring-offset-width: 2px;
1256
- }
1257
- .focus-visible\:sb-ring-offset-background:focus-visible {
1258
- --tw-ring-offset-color: hsl(var(--sb-background));
1259
- }
1260
- .active\:sb-scale-105:active {
1261
- --tw-scale-x: 1.05;
1262
- --tw-scale-y: 1.05;
1263
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1264
- }
1265
- .disabled\:sb-pointer-events-none:disabled {
1266
- pointer-events: none;
1267
- }
1268
- .disabled\:sb-cursor-not-allowed:disabled {
1269
- cursor: not-allowed;
1270
- }
1271
- .disabled\:sb-opacity-50:disabled {
1272
- opacity: 0.5;
1273
- }
1274
- .sb-group:hover .group-hover\:sb-opacity-100 {
1275
- opacity: 1;
1276
- }
1277
- .sb-peer:disabled ~ .peer-disabled\:sb-cursor-not-allowed {
1278
- cursor: not-allowed;
1279
- }
1280
- .sb-peer:disabled ~ .peer-disabled\:sb-opacity-70 {
1281
- opacity: 0.7;
1282
- }
1283
- .aria-selected\:sb-bg-accent[aria-selected=true] {
1284
- background-color: hsl(var(--sb-accent));
1285
- }
1286
- .aria-selected\:sb-bg-accent\/50[aria-selected=true] {
1287
- background-color: hsl(var(--sb-accent) / 0.5);
1288
- }
1289
- .aria-selected\:sb-text-accent-foreground[aria-selected=true] {
1290
- color: hsl(var(--sb-accent-foreground));
1291
- }
1292
- .aria-selected\:sb-text-muted-foreground[aria-selected=true] {
1293
- color: hsl(var(--sb-muted-foreground));
1294
- }
1295
- .aria-selected\:sb-opacity-100[aria-selected=true] {
1296
- opacity: 1;
1297
- }
1298
- .aria-selected\:sb-opacity-30[aria-selected=true] {
1299
- opacity: 0.3;
1300
- }
1301
- .data-\[disabled\]\:sb-pointer-events-none[data-disabled] {
1302
- pointer-events: none;
1303
- }
1304
- .data-\[state\=active\]\:sb-flex[data-state=active] {
1305
- display: flex;
1306
- }
1307
- .data-\[side\=bottom\]\:sb-translate-y-1[data-side=bottom] {
1308
- --tw-translate-y: 0.25rem;
1309
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1310
- }
1311
- .data-\[side\=left\]\:sb--translate-x-1[data-side=left] {
1312
- --tw-translate-x: -0.25rem;
1313
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1314
- }
1315
- .data-\[side\=right\]\:sb-translate-x-1[data-side=right] {
1316
- --tw-translate-x: 0.25rem;
1317
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1318
- }
1319
- .data-\[side\=top\]\:sb--translate-y-1[data-side=top] {
1320
- --tw-translate-y: -0.25rem;
1321
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1322
- }
1323
- .data-\[state\=checked\]\:sb-translate-x-4[data-state=checked] {
1324
- --tw-translate-x: 1rem;
1325
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1326
- }
1327
- .data-\[state\=unchecked\]\:sb-translate-x-0[data-state=unchecked] {
1328
- --tw-translate-x: 0px;
1329
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1330
- }
1331
- .data-\[state\=active\]\:sb-border-black[data-state=active] {
1332
- --tw-border-opacity: 1;
1333
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
1334
- }
1335
- .data-\[state\=active\]\:sb-bg-background[data-state=active] {
1336
- background-color: hsl(var(--sb-background));
1337
- }
1338
- .data-\[state\=checked\]\:sb-bg-primary[data-state=checked] {
1339
- background-color: hsl(var(--sb-primary));
1340
- }
1341
- .data-\[state\=on\]\:sb-bg-accent[data-state=on] {
1342
- background-color: hsl(var(--sb-accent));
1343
- }
1344
- .data-\[state\=open\]\:sb-bg-accent[data-state=open] {
1345
- background-color: hsl(var(--sb-accent));
1346
- }
1347
- .data-\[state\=unchecked\]\:sb-bg-input[data-state=unchecked] {
1348
- background-color: hsl(var(--sb-input));
1349
- }
1350
- .data-\[state\=active\]\:sb-text-foreground[data-state=active] {
1351
- color: hsl(var(--sb-foreground));
1352
- }
1353
- .data-\[state\=on\]\:sb-text-accent-foreground[data-state=on] {
1354
- color: hsl(var(--sb-accent-foreground));
1355
- }
1356
- .data-\[state\=open\]\:sb-text-muted-foreground[data-state=open] {
1357
- color: hsl(var(--sb-muted-foreground));
1358
- }
1359
- .data-\[disabled\]\:sb-opacity-50[data-disabled] {
1360
- opacity: 0.5;
1361
- }
1362
- .data-\[state\=active\]\:sb-shadow-sm[data-state=active] {
1363
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1364
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1365
- box-shadow:
1366
- var(--tw-ring-offset-shadow, 0 0 #0000),
1367
- var(--tw-ring-shadow, 0 0 #0000),
1368
- var(--tw-shadow);
1369
- }
1370
- .data-\[state\=open\]\:sb-animate-in[data-state=open] {
1371
- animation-name: enter;
1372
- animation-duration: 150ms;
1373
- --tw-enter-opacity: initial;
1374
- --tw-enter-scale: initial;
1375
- --tw-enter-rotate: initial;
1376
- --tw-enter-translate-x: initial;
1377
- --tw-enter-translate-y: initial;
1378
- }
1379
- .data-\[state\=closed\]\:sb-animate-out[data-state=closed] {
1380
- animation-name: exit;
1381
- animation-duration: 150ms;
1382
- --tw-exit-opacity: initial;
1383
- --tw-exit-scale: initial;
1384
- --tw-exit-rotate: initial;
1385
- --tw-exit-translate-x: initial;
1386
- --tw-exit-translate-y: initial;
1387
- }
1388
- .data-\[state\=closed\]\:sb-fade-out-0[data-state=closed] {
1389
- --tw-exit-opacity: 0;
1390
- }
1391
- .data-\[state\=open\]\:sb-fade-in-0[data-state=open] {
1392
- --tw-enter-opacity: 0;
1393
- }
1394
- .data-\[state\=closed\]\:sb-zoom-out-95[data-state=closed] {
1395
- --tw-exit-scale: .95;
1396
- }
1397
- .data-\[state\=open\]\:sb-zoom-in-95[data-state=open] {
1398
- --tw-enter-scale: .95;
1399
- }
1400
- .data-\[side\=bottom\]\:sb-slide-in-from-top-2[data-side=bottom] {
1401
- --tw-enter-translate-y: -0.5rem;
1402
- }
1403
- .data-\[side\=left\]\:sb-slide-in-from-right-2[data-side=left] {
1404
- --tw-enter-translate-x: 0.5rem;
1405
- }
1406
- .data-\[side\=right\]\:sb-slide-in-from-left-2[data-side=right] {
1407
- --tw-enter-translate-x: -0.5rem;
1408
- }
1409
- .data-\[side\=top\]\:sb-slide-in-from-bottom-2[data-side=top] {
1410
- --tw-enter-translate-y: 0.5rem;
1411
- }
1412
- .data-\[state\=closed\]\:sb-slide-out-to-left-1\/2[data-state=closed] {
1413
- --tw-exit-translate-x: -50%;
1414
- }
1415
- .data-\[state\=closed\]\:sb-slide-out-to-top-\[48\%\][data-state=closed] {
1416
- --tw-exit-translate-y: -48%;
1417
- }
1418
- .data-\[state\=open\]\:sb-slide-in-from-left-1\/2[data-state=open] {
1419
- --tw-enter-translate-x: -50%;
1420
- }
1421
- .data-\[state\=open\]\:sb-slide-in-from-top-\[48\%\][data-state=open] {
1422
- --tw-enter-translate-y: -48%;
1423
- }
1424
- @media not all and (min-width: 768px) {
1425
- .max-md\:sb-hidden {
1426
- display: none;
1427
- }
1428
- .max-md\:sb-opacity-30 {
1429
- opacity: 0.3;
1430
- }
1431
- }
1432
- @media (min-width: 640px) {
1433
- .sm\:sb-mt-0 {
1434
- margin-top: 0px;
1435
- }
1436
- .sm\:sb-max-h-\[90svh\] {
1437
- max-height: 90svh;
1438
- }
1439
- .sm\:sb-flex-row {
1440
- flex-direction: row;
1441
- }
1442
- .sm\:sb-justify-end {
1443
- justify-content: flex-end;
1444
- }
1445
- .sm\:sb-space-x-2 > :not([hidden]) ~ :not([hidden]) {
1446
- --tw-space-x-reverse: 0;
1447
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1448
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1449
- }
1450
- .sm\:sb-space-x-4 > :not([hidden]) ~ :not([hidden]) {
1451
- --tw-space-x-reverse: 0;
1452
- margin-right: calc(1rem * var(--tw-space-x-reverse));
1453
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1454
- }
1455
- .sm\:sb-space-y-0 > :not([hidden]) ~ :not([hidden]) {
1456
- --tw-space-y-reverse: 0;
1457
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
1458
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
1459
- }
1460
- .sm\:sb-rounded-lg {
1461
- border-radius: var(--sb-radius);
1462
- }
1463
- .sm\:sb-text-left {
1464
- text-align: left;
1878
+ @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
1879
+ @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
1880
+ @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
1881
+ @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
1882
+ @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
1883
+ @property --tw-leading { syntax: "*"; inherits: false; }
1884
+ @property --tw-font-weight { syntax: "*"; inherits: false; }
1885
+ @property --tw-tracking { syntax: "*"; inherits: false; }
1886
+ @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1887
+ @property --tw-shadow-color { syntax: "*"; inherits: false; }
1888
+ @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1889
+ @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1890
+ @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
1891
+ @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1892
+ @property --tw-ring-color { syntax: "*"; inherits: false; }
1893
+ @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1894
+ @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
1895
+ @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1896
+ @property --tw-ring-inset { syntax: "*"; inherits: false; }
1897
+ @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
1898
+ @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
1899
+ @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1900
+ @property --tw-backdrop-blur { syntax: "*"; inherits: false; }
1901
+ @property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
1902
+ @property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
1903
+ @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
1904
+ @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
1905
+ @property --tw-backdrop-invert { syntax: "*"; inherits: false; }
1906
+ @property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
1907
+ @property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
1908
+ @property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
1909
+ @property --tw-duration { syntax: "*"; inherits: false; }
1910
+ @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
1911
+ @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
1912
+ @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
1913
+ @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
1914
+ @keyframes spin {
1915
+ to {
1916
+ transform: rotate(360deg);
1465
1917
  }
1466
1918
  }
1467
- @media (min-width: 768px) {
1468
- .md\:sb-hidden {
1469
- display: none;
1919
+ @layer properties {
1920
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1921
+ *,
1922
+ ::before,
1923
+ ::after,
1924
+ ::backdrop {
1925
+ --tw-translate-x: 0;
1926
+ --tw-translate-y: 0;
1927
+ --tw-translate-z: 0;
1928
+ --tw-space-y-reverse: 0;
1929
+ --tw-border-style: solid;
1930
+ --tw-leading: initial;
1931
+ --tw-font-weight: initial;
1932
+ --tw-tracking: initial;
1933
+ --tw-shadow: 0 0 #0000;
1934
+ --tw-shadow-color: initial;
1935
+ --tw-shadow-alpha: 100%;
1936
+ --tw-inset-shadow: 0 0 #0000;
1937
+ --tw-inset-shadow-color: initial;
1938
+ --tw-inset-shadow-alpha: 100%;
1939
+ --tw-ring-color: initial;
1940
+ --tw-ring-shadow: 0 0 #0000;
1941
+ --tw-inset-ring-color: initial;
1942
+ --tw-inset-ring-shadow: 0 0 #0000;
1943
+ --tw-ring-inset: initial;
1944
+ --tw-ring-offset-width: 0px;
1945
+ --tw-ring-offset-color: #fff;
1946
+ --tw-ring-offset-shadow: 0 0 #0000;
1947
+ --tw-backdrop-blur: initial;
1948
+ --tw-backdrop-brightness: initial;
1949
+ --tw-backdrop-contrast: initial;
1950
+ --tw-backdrop-grayscale: initial;
1951
+ --tw-backdrop-hue-rotate: initial;
1952
+ --tw-backdrop-invert: initial;
1953
+ --tw-backdrop-opacity: initial;
1954
+ --tw-backdrop-saturate: initial;
1955
+ --tw-backdrop-sepia: initial;
1956
+ --tw-duration: initial;
1957
+ --tw-scale-x: 1;
1958
+ --tw-scale-y: 1;
1959
+ --tw-scale-z: 1;
1960
+ --tw-outline-style: solid;
1961
+ }
1470
1962
  }
1471
- .md\:sb-text-sm {
1472
- font-size: 0.875rem;
1473
- line-height: 1.25rem;
1474
- }
1475
- .md\:sb-opacity-30 {
1476
- opacity: 0.3;
1477
- }
1478
- }
1479
- .\[\&\:has\(\>\.day-range-end\)\]\:sb-rounded-r-md:has(> .day-range-end) {
1480
- border-top-right-radius: calc(var(--sb-radius) - 2px);
1481
- border-bottom-right-radius: calc(var(--sb-radius) - 2px);
1482
- }
1483
- .\[\&\:has\(\>\.day-range-start\)\]\:sb-rounded-l-md:has(> .day-range-start) {
1484
- border-top-left-radius: calc(var(--sb-radius) - 2px);
1485
- border-bottom-left-radius: calc(var(--sb-radius) - 2px);
1486
- }
1487
- .\[\&\:has\(\[aria-selected\]\)\]\:sb-rounded-md:has([aria-selected]) {
1488
- border-radius: calc(var(--sb-radius) - 2px);
1489
- }
1490
- .\[\&\:has\(\[aria-selected\]\)\]\:sb-bg-accent:has([aria-selected]) {
1491
- background-color: hsl(var(--sb-accent));
1492
- }
1493
- .first\:\[\&\:has\(\[aria-selected\]\)\]\:sb-rounded-l-md:has([aria-selected]):first-child {
1494
- border-top-left-radius: calc(var(--sb-radius) - 2px);
1495
- border-bottom-left-radius: calc(var(--sb-radius) - 2px);
1496
- }
1497
- .last\:\[\&\:has\(\[aria-selected\]\)\]\:sb-rounded-r-md:has([aria-selected]):last-child {
1498
- border-top-right-radius: calc(var(--sb-radius) - 2px);
1499
- border-bottom-right-radius: calc(var(--sb-radius) - 2px);
1500
- }
1501
- .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:sb-bg-accent\/50:has([aria-selected].day-outside) {
1502
- background-color: hsl(var(--sb-accent) / 0.5);
1503
- }
1504
- .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:sb-rounded-r-md:has([aria-selected].day-range-end) {
1505
- border-top-right-radius: calc(var(--sb-radius) - 2px);
1506
- border-bottom-right-radius: calc(var(--sb-radius) - 2px);
1507
- }
1508
- .\[\&\>span\]\:sb-line-clamp-1 > span {
1509
- overflow: hidden;
1510
- display: -webkit-box;
1511
- -webkit-box-orient: vertical;
1512
- -webkit-line-clamp: 1;
1513
- }
1514
- .\[\&\>svg\]\:sb-size-4 > svg {
1515
- width: 1rem;
1516
- height: 1rem;
1517
- }
1518
- .\[\&\>svg\]\:sb-shrink-0 > svg {
1519
- flex-shrink: 0;
1520
- }
1521
- .\[\&_svg\]\:sb-pointer-events-none svg {
1522
- pointer-events: none;
1523
- }
1524
- .\[\&_svg\]\:sb-size-4 svg {
1525
- width: 1rem;
1526
- height: 1rem;
1527
- }
1528
- .\[\&_svg\]\:sb-shrink-0 svg {
1529
- flex-shrink: 0;
1530
1963
  }
1964
+ /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */