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