adminita 0.1.0__py3-none-any.whl

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.
@@ -0,0 +1,2700 @@
1
+ /*! tailwindcss v4.1.14 | 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
+ --color-red-50: oklch(97.1% 0.013 17.38);
11
+ --color-red-100: oklch(93.6% 0.032 17.717);
12
+ --color-red-200: oklch(88.5% 0.062 18.334);
13
+ --color-red-400: oklch(70.4% 0.191 22.216);
14
+ --color-red-600: oklch(57.7% 0.245 27.325);
15
+ --color-red-700: oklch(50.5% 0.213 27.518);
16
+ --color-red-800: oklch(44.4% 0.177 26.899);
17
+ --color-red-900: oklch(39.6% 0.141 25.723);
18
+ --color-yellow-50: oklch(98.7% 0.026 102.212);
19
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
20
+ --color-yellow-200: oklch(94.5% 0.129 101.54);
21
+ --color-yellow-400: oklch(85.2% 0.199 91.936);
22
+ --color-yellow-600: oklch(68.1% 0.162 75.834);
23
+ --color-yellow-800: oklch(47.6% 0.114 61.907);
24
+ --color-yellow-900: oklch(42.1% 0.095 57.708);
25
+ --color-green-50: oklch(98.2% 0.018 155.826);
26
+ --color-green-100: oklch(96.2% 0.044 156.743);
27
+ --color-green-200: oklch(92.5% 0.084 155.995);
28
+ --color-green-400: oklch(79.2% 0.209 151.711);
29
+ --color-green-600: oklch(62.7% 0.194 149.214);
30
+ --color-green-800: oklch(44.8% 0.119 151.328);
31
+ --color-green-900: oklch(39.3% 0.095 152.535);
32
+ --color-blue-50: oklch(97% 0.014 254.604);
33
+ --color-blue-200: oklch(88.2% 0.059 254.128);
34
+ --color-blue-300: oklch(80.9% 0.105 251.813);
35
+ --color-blue-400: oklch(70.7% 0.165 254.624);
36
+ --color-blue-500: oklch(62.3% 0.214 259.815);
37
+ --color-blue-600: oklch(54.6% 0.245 262.881);
38
+ --color-blue-700: oklch(48.8% 0.243 264.376);
39
+ --color-blue-800: oklch(42.4% 0.199 265.638);
40
+ --color-blue-900: oklch(37.9% 0.146 265.522);
41
+ --color-indigo-100: oklch(93% 0.034 272.788);
42
+ --color-indigo-600: oklch(51.1% 0.262 276.966);
43
+ --color-gray-50: oklch(98.5% 0.002 247.839);
44
+ --color-gray-100: oklch(96.7% 0.003 264.542);
45
+ --color-gray-200: oklch(92.8% 0.006 264.531);
46
+ --color-gray-300: oklch(87.2% 0.01 258.338);
47
+ --color-gray-400: oklch(70.7% 0.022 261.325);
48
+ --color-gray-500: oklch(55.1% 0.027 264.364);
49
+ --color-gray-600: oklch(44.6% 0.03 256.802);
50
+ --color-gray-700: oklch(37.3% 0.034 259.733);
51
+ --color-gray-800: oklch(27.8% 0.033 256.848);
52
+ --color-gray-900: oklch(21% 0.034 264.665);
53
+ --color-black: #000;
54
+ --color-white: #fff;
55
+ --spacing: 0.25rem;
56
+ --container-xs: 20rem;
57
+ --container-md: 28rem;
58
+ --container-lg: 32rem;
59
+ --container-3xl: 48rem;
60
+ --container-7xl: 80rem;
61
+ --text-xs: 0.75rem;
62
+ --text-xs--line-height: calc(1 / 0.75);
63
+ --text-sm: 0.875rem;
64
+ --text-sm--line-height: calc(1.25 / 0.875);
65
+ --text-lg: 1.125rem;
66
+ --text-lg--line-height: calc(1.75 / 1.125);
67
+ --text-xl: 1.25rem;
68
+ --text-xl--line-height: calc(1.75 / 1.25);
69
+ --text-3xl: 1.875rem;
70
+ --text-3xl--line-height: calc(2.25 / 1.875);
71
+ --font-weight-normal: 400;
72
+ --font-weight-medium: 500;
73
+ --font-weight-semibold: 600;
74
+ --font-weight-bold: 700;
75
+ --tracking-wider: 0.05em;
76
+ --radius-lg: 0.5rem;
77
+ --radius-xl: 0.75rem;
78
+ --radius-2xl: 1rem;
79
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
80
+ --default-transition-duration: 150ms;
81
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
82
+ --default-font-family: var(--font-sans);
83
+ --default-mono-font-family: var(--font-mono);
84
+ --color-primary-50: #eff6ff;
85
+ --color-primary-100: #dbeafe;
86
+ --color-primary-300: #93c5fd;
87
+ --color-primary-400: #60a5fa;
88
+ --color-primary-500: #3b82f6;
89
+ --color-primary-600: #2563eb;
90
+ --color-primary-700: #1d4ed8;
91
+ --color-primary-800: #1e40af;
92
+ --color-primary-900: #1e3a8a;
93
+ --color-primary-950: #172554;
94
+ --color-gray-750: #2d3748;
95
+ }
96
+ }
97
+ @layer base {
98
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
99
+ box-sizing: border-box;
100
+ margin: 0;
101
+ padding: 0;
102
+ border: 0 solid;
103
+ }
104
+ html, :host {
105
+ line-height: 1.5;
106
+ -webkit-text-size-adjust: 100%;
107
+ tab-size: 4;
108
+ 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");
109
+ font-feature-settings: var(--default-font-feature-settings, normal);
110
+ font-variation-settings: var(--default-font-variation-settings, normal);
111
+ -webkit-tap-highlight-color: transparent;
112
+ }
113
+ hr {
114
+ height: 0;
115
+ color: inherit;
116
+ border-top-width: 1px;
117
+ }
118
+ abbr:where([title]) {
119
+ -webkit-text-decoration: underline dotted;
120
+ text-decoration: underline dotted;
121
+ }
122
+ h1, h2, h3, h4, h5, h6 {
123
+ font-size: inherit;
124
+ font-weight: inherit;
125
+ }
126
+ a {
127
+ color: inherit;
128
+ -webkit-text-decoration: inherit;
129
+ text-decoration: inherit;
130
+ }
131
+ b, strong {
132
+ font-weight: bolder;
133
+ }
134
+ code, kbd, samp, pre {
135
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
136
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
137
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
138
+ font-size: 1em;
139
+ }
140
+ small {
141
+ font-size: 80%;
142
+ }
143
+ sub, sup {
144
+ font-size: 75%;
145
+ line-height: 0;
146
+ position: relative;
147
+ vertical-align: baseline;
148
+ }
149
+ sub {
150
+ bottom: -0.25em;
151
+ }
152
+ sup {
153
+ top: -0.5em;
154
+ }
155
+ table {
156
+ text-indent: 0;
157
+ border-color: inherit;
158
+ border-collapse: collapse;
159
+ }
160
+ :-moz-focusring {
161
+ outline: auto;
162
+ }
163
+ progress {
164
+ vertical-align: baseline;
165
+ }
166
+ summary {
167
+ display: list-item;
168
+ }
169
+ ol, ul, menu {
170
+ list-style: none;
171
+ }
172
+ img, svg, video, canvas, audio, iframe, embed, object {
173
+ display: block;
174
+ vertical-align: middle;
175
+ }
176
+ img, video {
177
+ max-width: 100%;
178
+ height: auto;
179
+ }
180
+ button, input, select, optgroup, textarea, ::file-selector-button {
181
+ font: inherit;
182
+ font-feature-settings: inherit;
183
+ font-variation-settings: inherit;
184
+ letter-spacing: inherit;
185
+ color: inherit;
186
+ border-radius: 0;
187
+ background-color: transparent;
188
+ opacity: 1;
189
+ }
190
+ :where(select:is([multiple], [size])) optgroup {
191
+ font-weight: bolder;
192
+ }
193
+ :where(select:is([multiple], [size])) optgroup option {
194
+ padding-inline-start: 20px;
195
+ }
196
+ ::file-selector-button {
197
+ margin-inline-end: 4px;
198
+ }
199
+ ::placeholder {
200
+ opacity: 1;
201
+ }
202
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
203
+ ::placeholder {
204
+ color: currentcolor;
205
+ @supports (color: color-mix(in lab, red, red)) {
206
+ color: color-mix(in oklab, currentcolor 50%, transparent);
207
+ }
208
+ }
209
+ }
210
+ textarea {
211
+ resize: vertical;
212
+ }
213
+ ::-webkit-search-decoration {
214
+ -webkit-appearance: none;
215
+ }
216
+ ::-webkit-date-and-time-value {
217
+ min-height: 1lh;
218
+ text-align: inherit;
219
+ }
220
+ ::-webkit-datetime-edit {
221
+ display: inline-flex;
222
+ }
223
+ ::-webkit-datetime-edit-fields-wrapper {
224
+ padding: 0;
225
+ }
226
+ ::-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 {
227
+ padding-block: 0;
228
+ }
229
+ ::-webkit-calendar-picker-indicator {
230
+ line-height: 1;
231
+ }
232
+ :-moz-ui-invalid {
233
+ box-shadow: none;
234
+ }
235
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
236
+ appearance: button;
237
+ }
238
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
239
+ height: auto;
240
+ }
241
+ [hidden]:where(:not([hidden="until-found"])) {
242
+ display: none !important;
243
+ }
244
+ }
245
+ @layer utilities {
246
+ .absolute {
247
+ position: absolute;
248
+ }
249
+ .fixed {
250
+ position: fixed;
251
+ }
252
+ .relative {
253
+ position: relative;
254
+ }
255
+ .static {
256
+ position: static;
257
+ }
258
+ .sticky {
259
+ position: sticky;
260
+ }
261
+ .inset-0 {
262
+ inset: calc(var(--spacing) * 0);
263
+ }
264
+ .top-0 {
265
+ top: calc(var(--spacing) * 0);
266
+ }
267
+ .top-1\/2 {
268
+ top: calc(1/2 * 100%);
269
+ }
270
+ .left-3 {
271
+ left: calc(var(--spacing) * 3);
272
+ }
273
+ .z-20 {
274
+ z-index: 20;
275
+ }
276
+ .z-30 {
277
+ z-index: 30;
278
+ }
279
+ .z-40 {
280
+ z-index: 40;
281
+ }
282
+ .col-span-full {
283
+ grid-column: 1 / -1;
284
+ }
285
+ .mx-auto {
286
+ margin-inline: auto;
287
+ }
288
+ .mt-0\.5 {
289
+ margin-top: calc(var(--spacing) * 0.5);
290
+ }
291
+ .mt-1 {
292
+ margin-top: calc(var(--spacing) * 1);
293
+ }
294
+ .mt-2 {
295
+ margin-top: calc(var(--spacing) * 2);
296
+ }
297
+ .mt-6 {
298
+ margin-top: calc(var(--spacing) * 6);
299
+ }
300
+ .mt-8 {
301
+ margin-top: calc(var(--spacing) * 8);
302
+ }
303
+ .mt-12 {
304
+ margin-top: calc(var(--spacing) * 12);
305
+ }
306
+ .mr-2 {
307
+ margin-right: calc(var(--spacing) * 2);
308
+ }
309
+ .mr-3 {
310
+ margin-right: calc(var(--spacing) * 3);
311
+ }
312
+ .mb-2 {
313
+ margin-bottom: calc(var(--spacing) * 2);
314
+ }
315
+ .mb-4 {
316
+ margin-bottom: calc(var(--spacing) * 4);
317
+ }
318
+ .mb-6 {
319
+ margin-bottom: calc(var(--spacing) * 6);
320
+ }
321
+ .mb-8 {
322
+ margin-bottom: calc(var(--spacing) * 8);
323
+ }
324
+ .ml-3 {
325
+ margin-left: calc(var(--spacing) * 3);
326
+ }
327
+ .block {
328
+ display: block;
329
+ }
330
+ .flex {
331
+ display: flex;
332
+ }
333
+ .grid {
334
+ display: grid;
335
+ }
336
+ .hidden {
337
+ display: none;
338
+ }
339
+ .inline {
340
+ display: inline;
341
+ }
342
+ .inline-flex {
343
+ display: inline-flex;
344
+ }
345
+ .h-3 {
346
+ height: calc(var(--spacing) * 3);
347
+ }
348
+ .h-5 {
349
+ height: calc(var(--spacing) * 5);
350
+ }
351
+ .h-6 {
352
+ height: calc(var(--spacing) * 6);
353
+ }
354
+ .h-8 {
355
+ height: calc(var(--spacing) * 8);
356
+ }
357
+ .h-12 {
358
+ height: calc(var(--spacing) * 12);
359
+ }
360
+ .h-16 {
361
+ height: calc(var(--spacing) * 16);
362
+ }
363
+ .h-\[calc\(100vh-4rem\)\] {
364
+ height: calc(100vh - 4rem);
365
+ }
366
+ .h-full {
367
+ height: 100%;
368
+ }
369
+ .min-h-full {
370
+ min-height: 100%;
371
+ }
372
+ .min-h-screen {
373
+ min-height: 100vh;
374
+ }
375
+ .w-3 {
376
+ width: calc(var(--spacing) * 3);
377
+ }
378
+ .w-5 {
379
+ width: calc(var(--spacing) * 5);
380
+ }
381
+ .w-6 {
382
+ width: calc(var(--spacing) * 6);
383
+ }
384
+ .w-8 {
385
+ width: calc(var(--spacing) * 8);
386
+ }
387
+ .w-12 {
388
+ width: calc(var(--spacing) * 12);
389
+ }
390
+ .w-16 {
391
+ width: calc(var(--spacing) * 16);
392
+ }
393
+ .w-64 {
394
+ width: calc(var(--spacing) * 64);
395
+ }
396
+ .w-full {
397
+ width: 100%;
398
+ }
399
+ .max-w-7xl {
400
+ max-width: var(--container-7xl);
401
+ }
402
+ .max-w-md {
403
+ max-width: var(--container-md);
404
+ }
405
+ .min-w-\[300px\] {
406
+ min-width: 300px;
407
+ }
408
+ .flex-1 {
409
+ flex: 1;
410
+ }
411
+ .flex-shrink-0 {
412
+ flex-shrink: 0;
413
+ }
414
+ .-translate-x-full {
415
+ --tw-translate-x: -100%;
416
+ translate: var(--tw-translate-x) var(--tw-translate-y);
417
+ }
418
+ .-translate-y-1\/2 {
419
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
420
+ translate: var(--tw-translate-x) var(--tw-translate-y);
421
+ }
422
+ .transform {
423
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
424
+ }
425
+ .cursor-pointer {
426
+ cursor: pointer;
427
+ }
428
+ .grid-cols-1 {
429
+ grid-template-columns: repeat(1, minmax(0, 1fr));
430
+ }
431
+ .flex-col {
432
+ flex-direction: column;
433
+ }
434
+ .flex-wrap {
435
+ flex-wrap: wrap;
436
+ }
437
+ .items-center {
438
+ align-items: center;
439
+ }
440
+ .items-start {
441
+ align-items: flex-start;
442
+ }
443
+ .justify-between {
444
+ justify-content: space-between;
445
+ }
446
+ .justify-center {
447
+ justify-content: center;
448
+ }
449
+ .gap-4 {
450
+ gap: calc(var(--spacing) * 4);
451
+ }
452
+ .gap-6 {
453
+ gap: calc(var(--spacing) * 6);
454
+ }
455
+ .space-y-1 {
456
+ :where(& > :not(:last-child)) {
457
+ --tw-space-y-reverse: 0;
458
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
459
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
460
+ }
461
+ }
462
+ .space-y-2 {
463
+ :where(& > :not(:last-child)) {
464
+ --tw-space-y-reverse: 0;
465
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
466
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
467
+ }
468
+ }
469
+ .space-y-3 {
470
+ :where(& > :not(:last-child)) {
471
+ --tw-space-y-reverse: 0;
472
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
473
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
474
+ }
475
+ }
476
+ .space-y-6 {
477
+ :where(& > :not(:last-child)) {
478
+ --tw-space-y-reverse: 0;
479
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
480
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
481
+ }
482
+ }
483
+ .space-x-1 {
484
+ :where(& > :not(:last-child)) {
485
+ --tw-space-x-reverse: 0;
486
+ margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
487
+ margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
488
+ }
489
+ }
490
+ .space-x-2 {
491
+ :where(& > :not(:last-child)) {
492
+ --tw-space-x-reverse: 0;
493
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
494
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
495
+ }
496
+ }
497
+ .space-x-3 {
498
+ :where(& > :not(:last-child)) {
499
+ --tw-space-x-reverse: 0;
500
+ margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
501
+ margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
502
+ }
503
+ }
504
+ .space-x-4 {
505
+ :where(& > :not(:last-child)) {
506
+ --tw-space-x-reverse: 0;
507
+ margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
508
+ margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
509
+ }
510
+ }
511
+ .overflow-hidden {
512
+ overflow: hidden;
513
+ }
514
+ .overflow-x-auto {
515
+ overflow-x: auto;
516
+ }
517
+ .overflow-y-auto {
518
+ overflow-y: auto;
519
+ }
520
+ .rounded {
521
+ border-radius: 0.25rem;
522
+ }
523
+ .rounded-2xl {
524
+ border-radius: var(--radius-2xl);
525
+ }
526
+ .rounded-full {
527
+ border-radius: calc(infinity * 1px);
528
+ }
529
+ .rounded-lg {
530
+ border-radius: var(--radius-lg);
531
+ }
532
+ .rounded-xl {
533
+ border-radius: var(--radius-xl);
534
+ }
535
+ .border {
536
+ border-style: var(--tw-border-style);
537
+ border-width: 1px;
538
+ }
539
+ .border-0 {
540
+ border-style: var(--tw-border-style);
541
+ border-width: 0px;
542
+ }
543
+ .border-t {
544
+ border-top-style: var(--tw-border-style);
545
+ border-top-width: 1px;
546
+ }
547
+ .border-r {
548
+ border-right-style: var(--tw-border-style);
549
+ border-right-width: 1px;
550
+ }
551
+ .border-b {
552
+ border-bottom-style: var(--tw-border-style);
553
+ border-bottom-width: 1px;
554
+ }
555
+ .border-blue-200 {
556
+ border-color: var(--color-blue-200);
557
+ }
558
+ .border-gray-200 {
559
+ border-color: var(--color-gray-200);
560
+ }
561
+ .border-gray-300 {
562
+ border-color: var(--color-gray-300);
563
+ }
564
+ .border-green-200 {
565
+ border-color: var(--color-green-200);
566
+ }
567
+ .border-red-200 {
568
+ border-color: var(--color-red-200);
569
+ }
570
+ .border-transparent {
571
+ border-color: transparent;
572
+ }
573
+ .border-yellow-200 {
574
+ border-color: var(--color-yellow-200);
575
+ }
576
+ .bg-black\/50 {
577
+ background-color: color-mix(in srgb, #000 50%, transparent);
578
+ @supports (color: color-mix(in lab, red, red)) {
579
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
580
+ }
581
+ }
582
+ .bg-blue-50 {
583
+ background-color: var(--color-blue-50);
584
+ }
585
+ .bg-blue-600 {
586
+ background-color: var(--color-blue-600);
587
+ }
588
+ .bg-gray-50 {
589
+ background-color: var(--color-gray-50);
590
+ }
591
+ .bg-gray-100 {
592
+ background-color: var(--color-gray-100);
593
+ }
594
+ .bg-gray-600 {
595
+ background-color: var(--color-gray-600);
596
+ }
597
+ .bg-green-50 {
598
+ background-color: var(--color-green-50);
599
+ }
600
+ .bg-green-100 {
601
+ background-color: var(--color-green-100);
602
+ }
603
+ .bg-red-50 {
604
+ background-color: var(--color-red-50);
605
+ }
606
+ .bg-red-100 {
607
+ background-color: var(--color-red-100);
608
+ }
609
+ .bg-red-600 {
610
+ background-color: var(--color-red-600);
611
+ }
612
+ .bg-transparent {
613
+ background-color: transparent;
614
+ }
615
+ .bg-white {
616
+ background-color: var(--color-white);
617
+ }
618
+ .bg-yellow-50 {
619
+ background-color: var(--color-yellow-50);
620
+ }
621
+ .bg-yellow-100 {
622
+ background-color: var(--color-yellow-100);
623
+ }
624
+ .bg-gradient-to-br {
625
+ --tw-gradient-position: to bottom right in oklab;
626
+ background-image: linear-gradient(var(--tw-gradient-stops));
627
+ }
628
+ .from-blue-50 {
629
+ --tw-gradient-from: var(--color-blue-50);
630
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
631
+ }
632
+ .from-blue-600 {
633
+ --tw-gradient-from: var(--color-blue-600);
634
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
635
+ }
636
+ .to-indigo-100 {
637
+ --tw-gradient-to: var(--color-indigo-100);
638
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
639
+ }
640
+ .to-indigo-600 {
641
+ --tw-gradient-to: var(--color-indigo-600);
642
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
643
+ }
644
+ .p-2 {
645
+ padding: calc(var(--spacing) * 2);
646
+ }
647
+ .p-3 {
648
+ padding: calc(var(--spacing) * 3);
649
+ }
650
+ .p-4 {
651
+ padding: calc(var(--spacing) * 4);
652
+ }
653
+ .p-6 {
654
+ padding: calc(var(--spacing) * 6);
655
+ }
656
+ .p-8 {
657
+ padding: calc(var(--spacing) * 8);
658
+ }
659
+ .px-3 {
660
+ padding-inline: calc(var(--spacing) * 3);
661
+ }
662
+ .px-4 {
663
+ padding-inline: calc(var(--spacing) * 4);
664
+ }
665
+ .px-6 {
666
+ padding-inline: calc(var(--spacing) * 6);
667
+ }
668
+ .px-8 {
669
+ padding-inline: calc(var(--spacing) * 8);
670
+ }
671
+ .py-1 {
672
+ padding-block: calc(var(--spacing) * 1);
673
+ }
674
+ .py-2 {
675
+ padding-block: calc(var(--spacing) * 2);
676
+ }
677
+ .py-2\.5 {
678
+ padding-block: calc(var(--spacing) * 2.5);
679
+ }
680
+ .py-3 {
681
+ padding-block: calc(var(--spacing) * 3);
682
+ }
683
+ .py-4 {
684
+ padding-block: calc(var(--spacing) * 4);
685
+ }
686
+ .py-6 {
687
+ padding-block: calc(var(--spacing) * 6);
688
+ }
689
+ .py-10 {
690
+ padding-block: calc(var(--spacing) * 10);
691
+ }
692
+ .py-12 {
693
+ padding-block: calc(var(--spacing) * 12);
694
+ }
695
+ .pr-4 {
696
+ padding-right: calc(var(--spacing) * 4);
697
+ }
698
+ .pb-6 {
699
+ padding-bottom: calc(var(--spacing) * 6);
700
+ }
701
+ .pl-10 {
702
+ padding-left: calc(var(--spacing) * 10);
703
+ }
704
+ .text-center {
705
+ text-align: center;
706
+ }
707
+ .text-3xl {
708
+ font-size: var(--text-3xl);
709
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
710
+ }
711
+ .text-lg {
712
+ font-size: var(--text-lg);
713
+ line-height: var(--tw-leading, var(--text-lg--line-height));
714
+ }
715
+ .text-sm {
716
+ font-size: var(--text-sm);
717
+ line-height: var(--tw-leading, var(--text-sm--line-height));
718
+ }
719
+ .text-xl {
720
+ font-size: var(--text-xl);
721
+ line-height: var(--tw-leading, var(--text-xl--line-height));
722
+ }
723
+ .text-xs {
724
+ font-size: var(--text-xs);
725
+ line-height: var(--tw-leading, var(--text-xs--line-height));
726
+ }
727
+ .font-bold {
728
+ --tw-font-weight: var(--font-weight-bold);
729
+ font-weight: var(--font-weight-bold);
730
+ }
731
+ .font-medium {
732
+ --tw-font-weight: var(--font-weight-medium);
733
+ font-weight: var(--font-weight-medium);
734
+ }
735
+ .font-normal {
736
+ --tw-font-weight: var(--font-weight-normal);
737
+ font-weight: var(--font-weight-normal);
738
+ }
739
+ .font-semibold {
740
+ --tw-font-weight: var(--font-weight-semibold);
741
+ font-weight: var(--font-weight-semibold);
742
+ }
743
+ .tracking-wider {
744
+ --tw-tracking: var(--tracking-wider);
745
+ letter-spacing: var(--tracking-wider);
746
+ }
747
+ .text-blue-600 {
748
+ color: var(--color-blue-600);
749
+ }
750
+ .text-blue-600\/70 {
751
+ color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 70%, transparent);
752
+ @supports (color: color-mix(in lab, red, red)) {
753
+ color: color-mix(in oklab, var(--color-blue-600) 70%, transparent);
754
+ }
755
+ }
756
+ .text-blue-800 {
757
+ color: var(--color-blue-800);
758
+ }
759
+ .text-blue-900 {
760
+ color: var(--color-blue-900);
761
+ }
762
+ .text-gray-400 {
763
+ color: var(--color-gray-400);
764
+ }
765
+ .text-gray-500 {
766
+ color: var(--color-gray-500);
767
+ }
768
+ .text-gray-600 {
769
+ color: var(--color-gray-600);
770
+ }
771
+ .text-gray-700 {
772
+ color: var(--color-gray-700);
773
+ }
774
+ .text-gray-900 {
775
+ color: var(--color-gray-900);
776
+ }
777
+ .text-green-600 {
778
+ color: var(--color-green-600);
779
+ }
780
+ .text-green-800 {
781
+ color: var(--color-green-800);
782
+ }
783
+ .text-primary-600 {
784
+ color: var(--color-primary-600);
785
+ }
786
+ .text-red-600 {
787
+ color: var(--color-red-600);
788
+ }
789
+ .text-red-800 {
790
+ color: var(--color-red-800);
791
+ }
792
+ .text-white {
793
+ color: var(--color-white);
794
+ }
795
+ .text-yellow-600 {
796
+ color: var(--color-yellow-600);
797
+ }
798
+ .text-yellow-800 {
799
+ color: var(--color-yellow-800);
800
+ }
801
+ .uppercase {
802
+ text-transform: uppercase;
803
+ }
804
+ .placeholder-gray-500 {
805
+ &::placeholder {
806
+ color: var(--color-gray-500);
807
+ }
808
+ }
809
+ .opacity-75 {
810
+ opacity: 75%;
811
+ }
812
+ .shadow-sm {
813
+ --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));
814
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
815
+ }
816
+ .shadow-xl {
817
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
818
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
819
+ }
820
+ .filter {
821
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
822
+ }
823
+ .transition-all {
824
+ transition-property: all;
825
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
826
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
827
+ }
828
+ .transition-colors {
829
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
830
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
831
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
832
+ }
833
+ .transition-shadow {
834
+ transition-property: box-shadow;
835
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
836
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
837
+ }
838
+ .transition-transform {
839
+ transition-property: transform, translate, scale, rotate;
840
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
841
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
842
+ }
843
+ .duration-300 {
844
+ --tw-duration: 300ms;
845
+ transition-duration: 300ms;
846
+ }
847
+ .ease-in-out {
848
+ --tw-ease: var(--ease-in-out);
849
+ transition-timing-function: var(--ease-in-out);
850
+ }
851
+ .group-hover\:text-blue-600 {
852
+ &:is(:where(.group):hover *) {
853
+ @media (hover: hover) {
854
+ color: var(--color-blue-600);
855
+ }
856
+ }
857
+ }
858
+ .last\:mb-0 {
859
+ &:last-child {
860
+ margin-bottom: calc(var(--spacing) * 0);
861
+ }
862
+ }
863
+ .last\:border-b-0 {
864
+ &:last-child {
865
+ border-bottom-style: var(--tw-border-style);
866
+ border-bottom-width: 0px;
867
+ }
868
+ }
869
+ .last\:pb-0 {
870
+ &:last-child {
871
+ padding-bottom: calc(var(--spacing) * 0);
872
+ }
873
+ }
874
+ .hover\:bg-blue-700 {
875
+ &:hover {
876
+ @media (hover: hover) {
877
+ background-color: var(--color-blue-700);
878
+ }
879
+ }
880
+ }
881
+ .hover\:bg-gray-50 {
882
+ &:hover {
883
+ @media (hover: hover) {
884
+ background-color: var(--color-gray-50);
885
+ }
886
+ }
887
+ }
888
+ .hover\:bg-gray-100 {
889
+ &:hover {
890
+ @media (hover: hover) {
891
+ background-color: var(--color-gray-100);
892
+ }
893
+ }
894
+ }
895
+ .hover\:bg-gray-700 {
896
+ &:hover {
897
+ @media (hover: hover) {
898
+ background-color: var(--color-gray-700);
899
+ }
900
+ }
901
+ }
902
+ .hover\:bg-red-700 {
903
+ &:hover {
904
+ @media (hover: hover) {
905
+ background-color: var(--color-red-700);
906
+ }
907
+ }
908
+ }
909
+ .hover\:text-blue-600 {
910
+ &:hover {
911
+ @media (hover: hover) {
912
+ color: var(--color-blue-600);
913
+ }
914
+ }
915
+ }
916
+ .hover\:text-gray-900 {
917
+ &:hover {
918
+ @media (hover: hover) {
919
+ color: var(--color-gray-900);
920
+ }
921
+ }
922
+ }
923
+ .hover\:text-primary-600 {
924
+ &:hover {
925
+ @media (hover: hover) {
926
+ color: var(--color-primary-600);
927
+ }
928
+ }
929
+ }
930
+ .hover\:underline {
931
+ &:hover {
932
+ @media (hover: hover) {
933
+ text-decoration-line: underline;
934
+ }
935
+ }
936
+ }
937
+ .hover\:shadow-md {
938
+ &:hover {
939
+ @media (hover: hover) {
940
+ --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));
941
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
942
+ }
943
+ }
944
+ }
945
+ .focus\:border-transparent {
946
+ &:focus {
947
+ border-color: transparent;
948
+ }
949
+ }
950
+ .focus\:ring-2 {
951
+ &:focus {
952
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
953
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
954
+ }
955
+ }
956
+ .focus\:ring-blue-500 {
957
+ &:focus {
958
+ --tw-ring-color: var(--color-blue-500);
959
+ }
960
+ }
961
+ .focus\:ring-offset-0 {
962
+ &:focus {
963
+ --tw-ring-offset-width: 0px;
964
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
965
+ }
966
+ }
967
+ .focus\:ring-offset-2 {
968
+ &:focus {
969
+ --tw-ring-offset-width: 2px;
970
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
971
+ }
972
+ }
973
+ .focus\:outline-none {
974
+ &:focus {
975
+ --tw-outline-style: none;
976
+ outline-style: none;
977
+ }
978
+ }
979
+ .sm\:inline {
980
+ @media (width >= 40rem) {
981
+ display: inline;
982
+ }
983
+ }
984
+ .sm\:px-6 {
985
+ @media (width >= 40rem) {
986
+ padding-inline: calc(var(--spacing) * 6);
987
+ }
988
+ }
989
+ .md\:ml-64 {
990
+ @media (width >= 48rem) {
991
+ margin-left: calc(var(--spacing) * 64);
992
+ }
993
+ }
994
+ .md\:hidden {
995
+ @media (width >= 48rem) {
996
+ display: none;
997
+ }
998
+ }
999
+ .md\:-translate-x-full {
1000
+ @media (width >= 48rem) {
1001
+ --tw-translate-x: -100%;
1002
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1003
+ }
1004
+ }
1005
+ .md\:translate-x-0 {
1006
+ @media (width >= 48rem) {
1007
+ --tw-translate-x: calc(var(--spacing) * 0);
1008
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1009
+ }
1010
+ }
1011
+ .md\:transform-none {
1012
+ @media (width >= 48rem) {
1013
+ transform: none;
1014
+ }
1015
+ }
1016
+ .md\:grid-cols-2 {
1017
+ @media (width >= 48rem) {
1018
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1019
+ }
1020
+ }
1021
+ .lg\:grid-cols-3 {
1022
+ @media (width >= 64rem) {
1023
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1024
+ }
1025
+ }
1026
+ .lg\:px-8 {
1027
+ @media (width >= 64rem) {
1028
+ padding-inline: calc(var(--spacing) * 8);
1029
+ }
1030
+ }
1031
+ .dark\:block {
1032
+ @media (prefers-color-scheme: dark) {
1033
+ display: block;
1034
+ }
1035
+ }
1036
+ .dark\:hidden {
1037
+ @media (prefers-color-scheme: dark) {
1038
+ display: none;
1039
+ }
1040
+ }
1041
+ .dark\:inline {
1042
+ @media (prefers-color-scheme: dark) {
1043
+ display: inline;
1044
+ }
1045
+ }
1046
+ .dark\:border-blue-800 {
1047
+ @media (prefers-color-scheme: dark) {
1048
+ border-color: var(--color-blue-800);
1049
+ }
1050
+ }
1051
+ .dark\:border-gray-600 {
1052
+ @media (prefers-color-scheme: dark) {
1053
+ border-color: var(--color-gray-600);
1054
+ }
1055
+ }
1056
+ .dark\:border-gray-700 {
1057
+ @media (prefers-color-scheme: dark) {
1058
+ border-color: var(--color-gray-700);
1059
+ }
1060
+ }
1061
+ .dark\:border-green-800 {
1062
+ @media (prefers-color-scheme: dark) {
1063
+ border-color: var(--color-green-800);
1064
+ }
1065
+ }
1066
+ .dark\:border-red-800 {
1067
+ @media (prefers-color-scheme: dark) {
1068
+ border-color: var(--color-red-800);
1069
+ }
1070
+ }
1071
+ .dark\:border-yellow-800 {
1072
+ @media (prefers-color-scheme: dark) {
1073
+ border-color: var(--color-yellow-800);
1074
+ }
1075
+ }
1076
+ .dark\:bg-blue-900\/20 {
1077
+ @media (prefers-color-scheme: dark) {
1078
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
1079
+ @supports (color: color-mix(in lab, red, red)) {
1080
+ background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
1081
+ }
1082
+ }
1083
+ }
1084
+ .dark\:bg-gray-700 {
1085
+ @media (prefers-color-scheme: dark) {
1086
+ background-color: var(--color-gray-700);
1087
+ }
1088
+ }
1089
+ .dark\:bg-gray-750 {
1090
+ @media (prefers-color-scheme: dark) {
1091
+ background-color: var(--color-gray-750);
1092
+ }
1093
+ }
1094
+ .dark\:bg-gray-800 {
1095
+ @media (prefers-color-scheme: dark) {
1096
+ background-color: var(--color-gray-800);
1097
+ }
1098
+ }
1099
+ .dark\:bg-gray-900 {
1100
+ @media (prefers-color-scheme: dark) {
1101
+ background-color: var(--color-gray-900);
1102
+ }
1103
+ }
1104
+ .dark\:bg-green-900\/20 {
1105
+ @media (prefers-color-scheme: dark) {
1106
+ background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
1107
+ @supports (color: color-mix(in lab, red, red)) {
1108
+ background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
1109
+ }
1110
+ }
1111
+ }
1112
+ .dark\:bg-green-900\/30 {
1113
+ @media (prefers-color-scheme: dark) {
1114
+ background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
1115
+ @supports (color: color-mix(in lab, red, red)) {
1116
+ background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
1117
+ }
1118
+ }
1119
+ }
1120
+ .dark\:bg-red-900\/20 {
1121
+ @media (prefers-color-scheme: dark) {
1122
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
1123
+ @supports (color: color-mix(in lab, red, red)) {
1124
+ background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
1125
+ }
1126
+ }
1127
+ }
1128
+ .dark\:bg-red-900\/30 {
1129
+ @media (prefers-color-scheme: dark) {
1130
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
1131
+ @supports (color: color-mix(in lab, red, red)) {
1132
+ background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
1133
+ }
1134
+ }
1135
+ }
1136
+ .dark\:bg-yellow-900\/20 {
1137
+ @media (prefers-color-scheme: dark) {
1138
+ background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent);
1139
+ @supports (color: color-mix(in lab, red, red)) {
1140
+ background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
1141
+ }
1142
+ }
1143
+ }
1144
+ .dark\:bg-yellow-900\/30 {
1145
+ @media (prefers-color-scheme: dark) {
1146
+ background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 30%, transparent);
1147
+ @supports (color: color-mix(in lab, red, red)) {
1148
+ background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent);
1149
+ }
1150
+ }
1151
+ }
1152
+ .dark\:from-gray-900 {
1153
+ @media (prefers-color-scheme: dark) {
1154
+ --tw-gradient-from: var(--color-gray-900);
1155
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1156
+ }
1157
+ }
1158
+ .dark\:to-gray-800 {
1159
+ @media (prefers-color-scheme: dark) {
1160
+ --tw-gradient-to: var(--color-gray-800);
1161
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1162
+ }
1163
+ }
1164
+ .dark\:text-blue-200 {
1165
+ @media (prefers-color-scheme: dark) {
1166
+ color: var(--color-blue-200);
1167
+ }
1168
+ }
1169
+ .dark\:text-blue-300 {
1170
+ @media (prefers-color-scheme: dark) {
1171
+ color: var(--color-blue-300);
1172
+ }
1173
+ }
1174
+ .dark\:text-blue-300\/70 {
1175
+ @media (prefers-color-scheme: dark) {
1176
+ color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 70%, transparent);
1177
+ @supports (color: color-mix(in lab, red, red)) {
1178
+ color: color-mix(in oklab, var(--color-blue-300) 70%, transparent);
1179
+ }
1180
+ }
1181
+ }
1182
+ .dark\:text-blue-400 {
1183
+ @media (prefers-color-scheme: dark) {
1184
+ color: var(--color-blue-400);
1185
+ }
1186
+ }
1187
+ .dark\:text-gray-100 {
1188
+ @media (prefers-color-scheme: dark) {
1189
+ color: var(--color-gray-100);
1190
+ }
1191
+ }
1192
+ .dark\:text-gray-300 {
1193
+ @media (prefers-color-scheme: dark) {
1194
+ color: var(--color-gray-300);
1195
+ }
1196
+ }
1197
+ .dark\:text-gray-400 {
1198
+ @media (prefers-color-scheme: dark) {
1199
+ color: var(--color-gray-400);
1200
+ }
1201
+ }
1202
+ .dark\:text-green-200 {
1203
+ @media (prefers-color-scheme: dark) {
1204
+ color: var(--color-green-200);
1205
+ }
1206
+ }
1207
+ .dark\:text-green-400 {
1208
+ @media (prefers-color-scheme: dark) {
1209
+ color: var(--color-green-400);
1210
+ }
1211
+ }
1212
+ .dark\:text-primary-400 {
1213
+ @media (prefers-color-scheme: dark) {
1214
+ color: var(--color-primary-400);
1215
+ }
1216
+ }
1217
+ .dark\:text-red-200 {
1218
+ @media (prefers-color-scheme: dark) {
1219
+ color: var(--color-red-200);
1220
+ }
1221
+ }
1222
+ .dark\:text-red-400 {
1223
+ @media (prefers-color-scheme: dark) {
1224
+ color: var(--color-red-400);
1225
+ }
1226
+ }
1227
+ .dark\:text-white {
1228
+ @media (prefers-color-scheme: dark) {
1229
+ color: var(--color-white);
1230
+ }
1231
+ }
1232
+ .dark\:text-yellow-200 {
1233
+ @media (prefers-color-scheme: dark) {
1234
+ color: var(--color-yellow-200);
1235
+ }
1236
+ }
1237
+ .dark\:text-yellow-400 {
1238
+ @media (prefers-color-scheme: dark) {
1239
+ color: var(--color-yellow-400);
1240
+ }
1241
+ }
1242
+ .dark\:placeholder-gray-400 {
1243
+ @media (prefers-color-scheme: dark) {
1244
+ &::placeholder {
1245
+ color: var(--color-gray-400);
1246
+ }
1247
+ }
1248
+ }
1249
+ .dark\:group-hover\:text-blue-400 {
1250
+ @media (prefers-color-scheme: dark) {
1251
+ &:is(:where(.group):hover *) {
1252
+ @media (hover: hover) {
1253
+ color: var(--color-blue-400);
1254
+ }
1255
+ }
1256
+ }
1257
+ }
1258
+ .dark\:hover\:bg-gray-600 {
1259
+ @media (prefers-color-scheme: dark) {
1260
+ &:hover {
1261
+ @media (hover: hover) {
1262
+ background-color: var(--color-gray-600);
1263
+ }
1264
+ }
1265
+ }
1266
+ }
1267
+ .dark\:hover\:bg-gray-700 {
1268
+ @media (prefers-color-scheme: dark) {
1269
+ &:hover {
1270
+ @media (hover: hover) {
1271
+ background-color: var(--color-gray-700);
1272
+ }
1273
+ }
1274
+ }
1275
+ }
1276
+ .dark\:hover\:text-blue-400 {
1277
+ @media (prefers-color-scheme: dark) {
1278
+ &:hover {
1279
+ @media (hover: hover) {
1280
+ color: var(--color-blue-400);
1281
+ }
1282
+ }
1283
+ }
1284
+ }
1285
+ .dark\:hover\:text-gray-200 {
1286
+ @media (prefers-color-scheme: dark) {
1287
+ &:hover {
1288
+ @media (hover: hover) {
1289
+ color: var(--color-gray-200);
1290
+ }
1291
+ }
1292
+ }
1293
+ }
1294
+ .dark\:hover\:text-primary-400 {
1295
+ @media (prefers-color-scheme: dark) {
1296
+ &:hover {
1297
+ @media (hover: hover) {
1298
+ color: var(--color-primary-400);
1299
+ }
1300
+ }
1301
+ }
1302
+ }
1303
+ }
1304
+ @layer components {
1305
+ .admin-input {
1306
+ width: 100%;
1307
+ border-radius: var(--radius-lg);
1308
+ border-style: var(--tw-border-style);
1309
+ border-width: 1px;
1310
+ border-color: var(--color-gray-300);
1311
+ background-color: var(--color-white);
1312
+ padding-inline: calc(var(--spacing) * 3);
1313
+ padding-block: calc(var(--spacing) * 2);
1314
+ color: var(--color-gray-900);
1315
+ &::placeholder {
1316
+ color: var(--color-gray-500);
1317
+ }
1318
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1319
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1320
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1321
+ &:focus {
1322
+ border-color: transparent;
1323
+ }
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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1327
+ }
1328
+ &:focus {
1329
+ --tw-ring-color: var(--color-primary-500);
1330
+ }
1331
+ @media (prefers-color-scheme: dark) {
1332
+ border-color: var(--color-gray-600);
1333
+ }
1334
+ @media (prefers-color-scheme: dark) {
1335
+ background-color: var(--color-gray-700);
1336
+ }
1337
+ @media (prefers-color-scheme: dark) {
1338
+ color: var(--color-gray-100);
1339
+ }
1340
+ @media (prefers-color-scheme: dark) {
1341
+ &::placeholder {
1342
+ color: var(--color-gray-400);
1343
+ }
1344
+ }
1345
+ }
1346
+ .admin-textarea {
1347
+ min-height: calc(var(--spacing) * 24);
1348
+ width: 100%;
1349
+ border-radius: var(--radius-lg);
1350
+ border-style: var(--tw-border-style);
1351
+ border-width: 1px;
1352
+ border-color: var(--color-gray-300);
1353
+ background-color: var(--color-white);
1354
+ padding-inline: calc(var(--spacing) * 3);
1355
+ padding-block: calc(var(--spacing) * 2);
1356
+ color: var(--color-gray-900);
1357
+ &::placeholder {
1358
+ color: var(--color-gray-500);
1359
+ }
1360
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1361
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1362
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1363
+ &:focus {
1364
+ border-color: transparent;
1365
+ }
1366
+ &:focus {
1367
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1368
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1369
+ }
1370
+ &:focus {
1371
+ --tw-ring-color: var(--color-primary-500);
1372
+ }
1373
+ @media (prefers-color-scheme: dark) {
1374
+ border-color: var(--color-gray-600);
1375
+ }
1376
+ @media (prefers-color-scheme: dark) {
1377
+ background-color: var(--color-gray-700);
1378
+ }
1379
+ @media (prefers-color-scheme: dark) {
1380
+ color: var(--color-gray-100);
1381
+ }
1382
+ @media (prefers-color-scheme: dark) {
1383
+ &::placeholder {
1384
+ color: var(--color-gray-400);
1385
+ }
1386
+ }
1387
+ }
1388
+ .admin-select {
1389
+ width: 100%;
1390
+ border-radius: var(--radius-lg);
1391
+ border-style: var(--tw-border-style);
1392
+ border-width: 1px;
1393
+ border-color: var(--color-gray-300);
1394
+ background-color: var(--color-white);
1395
+ padding-inline: calc(var(--spacing) * 3);
1396
+ padding-block: calc(var(--spacing) * 2);
1397
+ color: var(--color-gray-900);
1398
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1399
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1400
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1401
+ &:focus {
1402
+ border-color: transparent;
1403
+ }
1404
+ &:focus {
1405
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1406
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1407
+ }
1408
+ &:focus {
1409
+ --tw-ring-color: var(--color-primary-500);
1410
+ }
1411
+ @media (prefers-color-scheme: dark) {
1412
+ border-color: var(--color-gray-600);
1413
+ }
1414
+ @media (prefers-color-scheme: dark) {
1415
+ background-color: var(--color-gray-700);
1416
+ }
1417
+ @media (prefers-color-scheme: dark) {
1418
+ color: var(--color-gray-100);
1419
+ }
1420
+ }
1421
+ .admin-checkbox {
1422
+ border-radius: 0.25rem;
1423
+ border-color: var(--color-gray-300);
1424
+ color: var(--color-primary-600);
1425
+ &:focus {
1426
+ --tw-ring-color: var(--color-primary-500);
1427
+ }
1428
+ &:focus {
1429
+ --tw-ring-offset-width: 0px;
1430
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1431
+ }
1432
+ @media (prefers-color-scheme: dark) {
1433
+ border-color: var(--color-gray-600);
1434
+ }
1435
+ }
1436
+ .admin-radio {
1437
+ border-color: var(--color-gray-300);
1438
+ color: var(--color-primary-600);
1439
+ &:focus {
1440
+ --tw-ring-color: var(--color-primary-500);
1441
+ }
1442
+ &:focus {
1443
+ --tw-ring-offset-width: 0px;
1444
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1445
+ }
1446
+ @media (prefers-color-scheme: dark) {
1447
+ border-color: var(--color-gray-600);
1448
+ }
1449
+ }
1450
+ .admin-link {
1451
+ color: var(--color-primary-600);
1452
+ text-decoration-line: underline;
1453
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1454
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1455
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1456
+ &:hover {
1457
+ @media (hover: hover) {
1458
+ color: var(--color-primary-800);
1459
+ }
1460
+ }
1461
+ @media (prefers-color-scheme: dark) {
1462
+ color: var(--color-primary-400);
1463
+ }
1464
+ @media (prefers-color-scheme: dark) {
1465
+ &:hover {
1466
+ @media (hover: hover) {
1467
+ color: var(--color-primary-300);
1468
+ }
1469
+ }
1470
+ }
1471
+ }
1472
+ .admin-btn-primary {
1473
+ display: inline-flex;
1474
+ align-items: center;
1475
+ border-radius: var(--radius-lg);
1476
+ background-color: var(--color-primary-600);
1477
+ padding-inline: calc(var(--spacing) * 6);
1478
+ padding-block: calc(var(--spacing) * 2.5);
1479
+ --tw-font-weight: var(--font-weight-medium);
1480
+ font-weight: var(--font-weight-medium);
1481
+ color: var(--color-white);
1482
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1483
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1484
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1485
+ &:hover {
1486
+ @media (hover: hover) {
1487
+ background-color: var(--color-primary-700);
1488
+ }
1489
+ }
1490
+ &:focus {
1491
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1492
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1493
+ }
1494
+ &:focus {
1495
+ --tw-ring-color: var(--color-primary-500);
1496
+ }
1497
+ &:focus {
1498
+ --tw-outline-style: none;
1499
+ outline-style: none;
1500
+ }
1501
+ }
1502
+ .admin-btn-secondary {
1503
+ display: inline-flex;
1504
+ align-items: center;
1505
+ border-radius: var(--radius-lg);
1506
+ background-color: var(--color-gray-600);
1507
+ padding-inline: calc(var(--spacing) * 4);
1508
+ padding-block: calc(var(--spacing) * 2.5);
1509
+ --tw-font-weight: var(--font-weight-medium);
1510
+ font-weight: var(--font-weight-medium);
1511
+ color: var(--color-white);
1512
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1513
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1514
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1515
+ &:hover {
1516
+ @media (hover: hover) {
1517
+ background-color: var(--color-gray-700);
1518
+ }
1519
+ }
1520
+ }
1521
+ .admin-btn-danger {
1522
+ display: inline-flex;
1523
+ align-items: center;
1524
+ border-radius: var(--radius-lg);
1525
+ background-color: var(--color-red-600);
1526
+ padding-inline: calc(var(--spacing) * 4);
1527
+ padding-block: calc(var(--spacing) * 2.5);
1528
+ --tw-font-weight: var(--font-weight-medium);
1529
+ font-weight: var(--font-weight-medium);
1530
+ color: var(--color-white);
1531
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1532
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1533
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1534
+ &:hover {
1535
+ @media (hover: hover) {
1536
+ background-color: var(--color-red-700);
1537
+ }
1538
+ }
1539
+ }
1540
+ .admin-btn-outline {
1541
+ display: inline-flex;
1542
+ align-items: center;
1543
+ border-radius: var(--radius-lg);
1544
+ border-style: var(--tw-border-style);
1545
+ border-width: 1px;
1546
+ border-color: var(--color-gray-300);
1547
+ padding-inline: calc(var(--spacing) * 4);
1548
+ padding-block: calc(var(--spacing) * 2.5);
1549
+ --tw-font-weight: var(--font-weight-medium);
1550
+ font-weight: var(--font-weight-medium);
1551
+ color: var(--color-gray-700);
1552
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1553
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1554
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1555
+ &:hover {
1556
+ @media (hover: hover) {
1557
+ background-color: var(--color-gray-50);
1558
+ }
1559
+ }
1560
+ @media (prefers-color-scheme: dark) {
1561
+ border-color: var(--color-gray-600);
1562
+ }
1563
+ @media (prefers-color-scheme: dark) {
1564
+ color: var(--color-gray-300);
1565
+ }
1566
+ @media (prefers-color-scheme: dark) {
1567
+ &:hover {
1568
+ @media (hover: hover) {
1569
+ background-color: var(--color-gray-700);
1570
+ }
1571
+ }
1572
+ }
1573
+ }
1574
+ .admin-card {
1575
+ border-radius: var(--radius-lg);
1576
+ border-style: var(--tw-border-style);
1577
+ border-width: 1px;
1578
+ border-color: var(--color-gray-200);
1579
+ background-color: var(--color-white);
1580
+ --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));
1581
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1582
+ @media (prefers-color-scheme: dark) {
1583
+ border-color: var(--color-gray-700);
1584
+ }
1585
+ @media (prefers-color-scheme: dark) {
1586
+ background-color: var(--color-gray-800);
1587
+ }
1588
+ }
1589
+ .errorlist {
1590
+ margin-top: calc(var(--spacing) * 1);
1591
+ font-size: var(--text-sm);
1592
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1593
+ color: var(--color-red-600);
1594
+ @media (prefers-color-scheme: dark) {
1595
+ color: var(--color-red-400);
1596
+ }
1597
+ }
1598
+ .errorlist li {
1599
+ margin-bottom: calc(var(--spacing) * 1);
1600
+ }
1601
+ .help, .helptext {
1602
+ margin-top: calc(var(--spacing) * 1);
1603
+ display: block;
1604
+ font-size: var(--text-sm);
1605
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1606
+ color: var(--color-gray-600);
1607
+ @media (prefers-color-scheme: dark) {
1608
+ color: var(--color-gray-400);
1609
+ }
1610
+ }
1611
+ .vTextField, .vURLField, .vIntegerField, .vBigIntegerField, .vPositiveIntegerField, .vSmallIntegerField, .vEmailField {
1612
+ max-width: var(--container-lg);
1613
+ border-radius: var(--radius-lg);
1614
+ border-style: var(--tw-border-style);
1615
+ border-width: 1px;
1616
+ border-color: var(--color-gray-300);
1617
+ background-color: var(--color-white);
1618
+ padding-inline: calc(var(--spacing) * 3);
1619
+ padding-block: calc(var(--spacing) * 2);
1620
+ color: var(--color-gray-900);
1621
+ &::placeholder {
1622
+ color: var(--color-gray-500);
1623
+ }
1624
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1625
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1626
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1627
+ &:focus {
1628
+ border-color: transparent;
1629
+ }
1630
+ &:focus {
1631
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1632
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1633
+ }
1634
+ &:focus {
1635
+ --tw-ring-color: var(--color-primary-500);
1636
+ }
1637
+ @media (prefers-color-scheme: dark) {
1638
+ border-color: var(--color-gray-600);
1639
+ }
1640
+ @media (prefers-color-scheme: dark) {
1641
+ background-color: var(--color-gray-700);
1642
+ }
1643
+ @media (prefers-color-scheme: dark) {
1644
+ color: var(--color-gray-100);
1645
+ }
1646
+ @media (prefers-color-scheme: dark) {
1647
+ &::placeholder {
1648
+ color: var(--color-gray-400);
1649
+ }
1650
+ }
1651
+ }
1652
+ .vLargeTextField, .vXMLLargeTextField {
1653
+ min-height: calc(var(--spacing) * 24);
1654
+ max-width: var(--container-3xl);
1655
+ border-radius: var(--radius-lg);
1656
+ border-style: var(--tw-border-style);
1657
+ border-width: 1px;
1658
+ border-color: var(--color-gray-300);
1659
+ background-color: var(--color-white);
1660
+ padding-inline: calc(var(--spacing) * 3);
1661
+ padding-block: calc(var(--spacing) * 2);
1662
+ color: var(--color-gray-900);
1663
+ &::placeholder {
1664
+ color: var(--color-gray-500);
1665
+ }
1666
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1667
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1668
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1669
+ &:focus {
1670
+ border-color: transparent;
1671
+ }
1672
+ &:focus {
1673
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1674
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1675
+ }
1676
+ &:focus {
1677
+ --tw-ring-color: var(--color-primary-500);
1678
+ }
1679
+ @media (prefers-color-scheme: dark) {
1680
+ border-color: var(--color-gray-600);
1681
+ }
1682
+ @media (prefers-color-scheme: dark) {
1683
+ background-color: var(--color-gray-700);
1684
+ }
1685
+ @media (prefers-color-scheme: dark) {
1686
+ color: var(--color-gray-100);
1687
+ }
1688
+ @media (prefers-color-scheme: dark) {
1689
+ &::placeholder {
1690
+ color: var(--color-gray-400);
1691
+ }
1692
+ }
1693
+ }
1694
+ select:not([multiple]) {
1695
+ max-width: var(--container-md);
1696
+ border-radius: var(--radius-lg);
1697
+ border-style: var(--tw-border-style);
1698
+ border-width: 1px;
1699
+ border-color: var(--color-gray-300);
1700
+ background-color: var(--color-white);
1701
+ padding-inline: calc(var(--spacing) * 3);
1702
+ padding-block: calc(var(--spacing) * 2);
1703
+ color: var(--color-gray-900);
1704
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1705
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1706
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1707
+ &:focus {
1708
+ border-color: transparent;
1709
+ }
1710
+ &:focus {
1711
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1712
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1713
+ }
1714
+ &:focus {
1715
+ --tw-ring-color: var(--color-primary-500);
1716
+ }
1717
+ @media (prefers-color-scheme: dark) {
1718
+ border-color: var(--color-gray-600);
1719
+ }
1720
+ @media (prefers-color-scheme: dark) {
1721
+ background-color: var(--color-gray-700);
1722
+ }
1723
+ @media (prefers-color-scheme: dark) {
1724
+ color: var(--color-gray-100);
1725
+ }
1726
+ }
1727
+ input[type="checkbox"]:not(.action-select) {
1728
+ border-radius: 0.25rem;
1729
+ border-color: var(--color-gray-300);
1730
+ color: var(--color-primary-600);
1731
+ &:focus {
1732
+ --tw-ring-color: var(--color-primary-500);
1733
+ }
1734
+ &:focus {
1735
+ --tw-ring-offset-width: 0px;
1736
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1737
+ }
1738
+ @media (prefers-color-scheme: dark) {
1739
+ border-color: var(--color-gray-600);
1740
+ }
1741
+ }
1742
+ input[type="radio"] {
1743
+ border-color: var(--color-gray-300);
1744
+ color: var(--color-primary-600);
1745
+ &:focus {
1746
+ --tw-ring-color: var(--color-primary-500);
1747
+ }
1748
+ &:focus {
1749
+ --tw-ring-offset-width: 0px;
1750
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1751
+ }
1752
+ @media (prefers-color-scheme: dark) {
1753
+ border-color: var(--color-gray-600);
1754
+ }
1755
+ }
1756
+ .action-select {
1757
+ border-radius: 0.25rem;
1758
+ border-color: var(--color-gray-300);
1759
+ color: var(--color-primary-600);
1760
+ &:focus {
1761
+ --tw-ring-color: var(--color-primary-500);
1762
+ }
1763
+ &:focus {
1764
+ --tw-ring-offset-width: 0px;
1765
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1766
+ }
1767
+ @media (prefers-color-scheme: dark) {
1768
+ border-color: var(--color-gray-600);
1769
+ }
1770
+ }
1771
+ .submit-row {
1772
+ display: flex;
1773
+ align-items: center;
1774
+ justify-content: space-between;
1775
+ border-radius: var(--radius-lg);
1776
+ border-style: var(--tw-border-style);
1777
+ border-width: 1px;
1778
+ border-color: var(--color-gray-200);
1779
+ background-color: var(--color-gray-50);
1780
+ padding-inline: calc(var(--spacing) * 6);
1781
+ padding-block: calc(var(--spacing) * 4);
1782
+ @media (prefers-color-scheme: dark) {
1783
+ border-color: var(--color-gray-700);
1784
+ }
1785
+ @media (prefers-color-scheme: dark) {
1786
+ background-color: var(--color-gray-800);
1787
+ }
1788
+ }
1789
+ .deletelink {
1790
+ display: inline-flex;
1791
+ align-items: center;
1792
+ border-radius: var(--radius-lg);
1793
+ background-color: var(--color-red-600);
1794
+ padding-inline: calc(var(--spacing) * 4);
1795
+ padding-block: calc(var(--spacing) * 2.5);
1796
+ --tw-font-weight: var(--font-weight-medium);
1797
+ font-weight: var(--font-weight-medium);
1798
+ color: var(--color-white);
1799
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1800
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1801
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1802
+ &:hover {
1803
+ @media (hover: hover) {
1804
+ background-color: var(--color-red-700);
1805
+ }
1806
+ }
1807
+ }
1808
+ .addlink {
1809
+ display: inline-flex;
1810
+ align-items: center;
1811
+ border-radius: var(--radius-lg);
1812
+ background-color: var(--color-primary-600);
1813
+ padding-inline: calc(var(--spacing) * 6);
1814
+ padding-block: calc(var(--spacing) * 2.5);
1815
+ --tw-font-weight: var(--font-weight-medium);
1816
+ font-weight: var(--font-weight-medium);
1817
+ color: var(--color-white);
1818
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1819
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1820
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1821
+ &:hover {
1822
+ @media (hover: hover) {
1823
+ background-color: var(--color-primary-700);
1824
+ }
1825
+ }
1826
+ &:focus {
1827
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1828
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1829
+ }
1830
+ &:focus {
1831
+ --tw-ring-color: var(--color-primary-500);
1832
+ }
1833
+ &:focus {
1834
+ --tw-outline-style: none;
1835
+ outline-style: none;
1836
+ }
1837
+ }
1838
+ .changelink, .viewlink {
1839
+ color: var(--color-primary-600);
1840
+ text-decoration-line: underline;
1841
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1842
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1843
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1844
+ &:hover {
1845
+ @media (hover: hover) {
1846
+ color: var(--color-primary-800);
1847
+ }
1848
+ }
1849
+ @media (prefers-color-scheme: dark) {
1850
+ color: var(--color-primary-400);
1851
+ }
1852
+ @media (prefers-color-scheme: dark) {
1853
+ &:hover {
1854
+ @media (hover: hover) {
1855
+ color: var(--color-primary-300);
1856
+ }
1857
+ }
1858
+ }
1859
+ }
1860
+ }
1861
+ @layer components {
1862
+ #result_list {
1863
+ width: 100%;
1864
+ border-collapse: collapse;
1865
+ }
1866
+ #result_list thead th {
1867
+ border-bottom-style: var(--tw-border-style);
1868
+ border-bottom-width: 1px;
1869
+ border-color: var(--color-gray-200);
1870
+ background-color: var(--color-gray-50);
1871
+ padding-inline: calc(var(--spacing) * 4);
1872
+ padding-block: calc(var(--spacing) * 3);
1873
+ text-align: left;
1874
+ font-size: var(--text-xs);
1875
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1876
+ --tw-font-weight: var(--font-weight-semibold);
1877
+ font-weight: var(--font-weight-semibold);
1878
+ --tw-tracking: var(--tracking-wider);
1879
+ letter-spacing: var(--tracking-wider);
1880
+ color: var(--color-gray-700);
1881
+ text-transform: uppercase;
1882
+ @media (prefers-color-scheme: dark) {
1883
+ border-color: var(--color-gray-700);
1884
+ }
1885
+ @media (prefers-color-scheme: dark) {
1886
+ background-color: var(--color-gray-750);
1887
+ }
1888
+ @media (prefers-color-scheme: dark) {
1889
+ color: var(--color-gray-300);
1890
+ }
1891
+ }
1892
+ #result_list thead th a {
1893
+ color: var(--color-gray-700);
1894
+ text-decoration-line: none;
1895
+ &:hover {
1896
+ @media (hover: hover) {
1897
+ color: var(--color-primary-600);
1898
+ }
1899
+ }
1900
+ @media (prefers-color-scheme: dark) {
1901
+ color: var(--color-gray-300);
1902
+ }
1903
+ @media (prefers-color-scheme: dark) {
1904
+ &:hover {
1905
+ @media (hover: hover) {
1906
+ color: var(--color-primary-400);
1907
+ }
1908
+ }
1909
+ }
1910
+ }
1911
+ #result_list tbody tr {
1912
+ border-bottom-style: var(--tw-border-style);
1913
+ border-bottom-width: 1px;
1914
+ border-color: var(--color-gray-200);
1915
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1916
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1917
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1918
+ &:hover {
1919
+ @media (hover: hover) {
1920
+ background-color: var(--color-gray-50);
1921
+ }
1922
+ }
1923
+ @media (prefers-color-scheme: dark) {
1924
+ border-color: var(--color-gray-700);
1925
+ }
1926
+ @media (prefers-color-scheme: dark) {
1927
+ &:hover {
1928
+ @media (hover: hover) {
1929
+ background-color: var(--color-gray-750);
1930
+ }
1931
+ }
1932
+ }
1933
+ }
1934
+ #result_list tbody td {
1935
+ padding-inline: calc(var(--spacing) * 4);
1936
+ padding-block: calc(var(--spacing) * 3);
1937
+ font-size: var(--text-sm);
1938
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1939
+ color: var(--color-gray-900);
1940
+ @media (prefers-color-scheme: dark) {
1941
+ color: var(--color-gray-100);
1942
+ }
1943
+ text-align: left !important;
1944
+ }
1945
+ #result_list tbody td a {
1946
+ color: var(--color-primary-600);
1947
+ text-decoration-line: none;
1948
+ &:hover {
1949
+ @media (hover: hover) {
1950
+ color: var(--color-primary-800);
1951
+ }
1952
+ }
1953
+ @media (prefers-color-scheme: dark) {
1954
+ color: var(--color-primary-400);
1955
+ }
1956
+ @media (prefers-color-scheme: dark) {
1957
+ &:hover {
1958
+ @media (hover: hover) {
1959
+ color: var(--color-primary-300);
1960
+ }
1961
+ }
1962
+ }
1963
+ }
1964
+ #result_list .action-checkbox {
1965
+ width: calc(var(--spacing) * 10);
1966
+ }
1967
+ #result_list img {
1968
+ max-height: 60px;
1969
+ max-width: 60px;
1970
+ border-radius: 0.25rem;
1971
+ }
1972
+ .inline-related img, .tabular td img {
1973
+ max-height: 80px;
1974
+ width: auto;
1975
+ border-radius: 0.25rem;
1976
+ }
1977
+ .inline-stacked img {
1978
+ max-height: 100px;
1979
+ width: auto;
1980
+ border-radius: 0.25rem;
1981
+ }
1982
+ .readonly img, .field-box img {
1983
+ max-height: 120px;
1984
+ width: auto;
1985
+ border-radius: 0.25rem;
1986
+ }
1987
+ .related-widget-wrapper {
1988
+ display: flex;
1989
+ align-items: center;
1990
+ gap: calc(var(--spacing) * 2);
1991
+ }
1992
+ .related-widget-wrapper select {
1993
+ flex: 1;
1994
+ }
1995
+ .related-widget-wrapper-link {
1996
+ display: inline-flex;
1997
+ height: calc(var(--spacing) * 6);
1998
+ width: calc(var(--spacing) * 6);
1999
+ align-items: center;
2000
+ justify-content: center;
2001
+ color: var(--color-gray-500);
2002
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2003
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2004
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2005
+ &:hover {
2006
+ @media (hover: hover) {
2007
+ color: var(--color-primary-600);
2008
+ }
2009
+ }
2010
+ @media (prefers-color-scheme: dark) {
2011
+ color: var(--color-gray-400);
2012
+ }
2013
+ @media (prefers-color-scheme: dark) {
2014
+ &:hover {
2015
+ @media (hover: hover) {
2016
+ color: var(--color-primary-400);
2017
+ }
2018
+ }
2019
+ }
2020
+ }
2021
+ .related-widget-wrapper-link img {
2022
+ height: calc(var(--spacing) * 4);
2023
+ width: calc(var(--spacing) * 4);
2024
+ }
2025
+ .datetimeshortcuts {
2026
+ margin-left: calc(var(--spacing) * 2);
2027
+ display: inline-flex;
2028
+ align-items: center;
2029
+ gap: calc(var(--spacing) * 1);
2030
+ }
2031
+ .datetimeshortcuts a {
2032
+ color: var(--color-primary-600);
2033
+ &:hover {
2034
+ @media (hover: hover) {
2035
+ color: var(--color-primary-800);
2036
+ }
2037
+ }
2038
+ @media (prefers-color-scheme: dark) {
2039
+ color: var(--color-primary-400);
2040
+ }
2041
+ @media (prefers-color-scheme: dark) {
2042
+ &:hover {
2043
+ @media (hover: hover) {
2044
+ color: var(--color-primary-300);
2045
+ }
2046
+ }
2047
+ }
2048
+ }
2049
+ .datetimeshortcuts img {
2050
+ display: inline-block;
2051
+ height: calc(var(--spacing) * 4);
2052
+ width: calc(var(--spacing) * 4);
2053
+ }
2054
+ input[type="file"] {
2055
+ display: block;
2056
+ width: 100%;
2057
+ font-size: var(--text-sm);
2058
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2059
+ color: var(--color-gray-500);
2060
+ &::file-selector-button {
2061
+ margin-right: calc(var(--spacing) * 4);
2062
+ }
2063
+ &::file-selector-button {
2064
+ cursor: pointer;
2065
+ }
2066
+ &::file-selector-button {
2067
+ border-radius: var(--radius-lg);
2068
+ }
2069
+ &::file-selector-button {
2070
+ border-style: var(--tw-border-style);
2071
+ border-width: 0px;
2072
+ }
2073
+ &::file-selector-button {
2074
+ background-color: var(--color-primary-50);
2075
+ }
2076
+ &::file-selector-button {
2077
+ padding-inline: calc(var(--spacing) * 4);
2078
+ }
2079
+ &::file-selector-button {
2080
+ padding-block: calc(var(--spacing) * 2);
2081
+ }
2082
+ &::file-selector-button {
2083
+ font-size: var(--text-sm);
2084
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2085
+ }
2086
+ &::file-selector-button {
2087
+ --tw-font-weight: var(--font-weight-medium);
2088
+ font-weight: var(--font-weight-medium);
2089
+ }
2090
+ &::file-selector-button {
2091
+ color: var(--color-primary-700);
2092
+ }
2093
+ &::file-selector-button {
2094
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2095
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2096
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2097
+ }
2098
+ &:hover {
2099
+ @media (hover: hover) {
2100
+ &::file-selector-button {
2101
+ background-color: var(--color-primary-100);
2102
+ }
2103
+ }
2104
+ }
2105
+ @media (prefers-color-scheme: dark) {
2106
+ color: var(--color-gray-400);
2107
+ }
2108
+ @media (prefers-color-scheme: dark) {
2109
+ &::file-selector-button {
2110
+ background-color: var(--color-gray-700);
2111
+ }
2112
+ }
2113
+ @media (prefers-color-scheme: dark) {
2114
+ &::file-selector-button {
2115
+ color: var(--color-primary-400);
2116
+ }
2117
+ }
2118
+ @media (prefers-color-scheme: dark) {
2119
+ &:hover {
2120
+ @media (hover: hover) {
2121
+ &::file-selector-button {
2122
+ background-color: var(--color-gray-600);
2123
+ }
2124
+ }
2125
+ }
2126
+ }
2127
+ }
2128
+ .tox-tinymce+div {
2129
+ display: none !important;
2130
+ }
2131
+ .ProseMirror-menubar-wrapper .ProseMirror-menuitem-label, .prose-editor-wrapper [class*="format_"], .prose-editor [class*="format_"], [data-prose-editor] [class*="format_"], .field-description [class*="format_"], .form-row [class*="format_"] {
2132
+ display: none !important;
2133
+ }
2134
+ .form-row>div:not([class]) {
2135
+ font-size: 0;
2136
+ }
2137
+ .form-row>div:not([class]) * {
2138
+ font-size: 0.875rem;
2139
+ }
2140
+ .calendarbox, .clockbox {
2141
+ z-index: 50;
2142
+ border-radius: var(--radius-lg);
2143
+ border-style: var(--tw-border-style);
2144
+ border-width: 1px;
2145
+ border-color: var(--color-gray-300);
2146
+ background-color: var(--color-white);
2147
+ --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));
2148
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2149
+ @media (prefers-color-scheme: dark) {
2150
+ border-color: var(--color-gray-600);
2151
+ }
2152
+ @media (prefers-color-scheme: dark) {
2153
+ background-color: var(--color-gray-800);
2154
+ }
2155
+ }
2156
+ .calendar {
2157
+ background-color: var(--color-white);
2158
+ @media (prefers-color-scheme: dark) {
2159
+ background-color: var(--color-gray-800);
2160
+ }
2161
+ }
2162
+ .calendar caption {
2163
+ background-color: var(--color-primary-600);
2164
+ padding-inline: calc(var(--spacing) * 3);
2165
+ padding-block: calc(var(--spacing) * 2);
2166
+ --tw-font-weight: var(--font-weight-semibold);
2167
+ font-weight: var(--font-weight-semibold);
2168
+ color: var(--color-white);
2169
+ }
2170
+ .calendar th {
2171
+ padding-block: calc(var(--spacing) * 1);
2172
+ font-size: var(--text-xs);
2173
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2174
+ --tw-font-weight: var(--font-weight-medium);
2175
+ font-weight: var(--font-weight-medium);
2176
+ color: var(--color-gray-600);
2177
+ @media (prefers-color-scheme: dark) {
2178
+ color: var(--color-gray-400);
2179
+ }
2180
+ }
2181
+ .calendar td {
2182
+ text-align: center;
2183
+ }
2184
+ .calendar td a {
2185
+ display: block;
2186
+ border-radius: 0.25rem;
2187
+ padding-inline: calc(var(--spacing) * 2);
2188
+ padding-block: calc(var(--spacing) * 1);
2189
+ font-size: var(--text-sm);
2190
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2191
+ color: var(--color-gray-700);
2192
+ &:hover {
2193
+ @media (hover: hover) {
2194
+ background-color: var(--color-primary-100);
2195
+ }
2196
+ }
2197
+ @media (prefers-color-scheme: dark) {
2198
+ color: var(--color-gray-300);
2199
+ }
2200
+ @media (prefers-color-scheme: dark) {
2201
+ &:hover {
2202
+ @media (hover: hover) {
2203
+ background-color: var(--color-primary-900);
2204
+ }
2205
+ }
2206
+ }
2207
+ }
2208
+ .calendar td.today a {
2209
+ background-color: var(--color-primary-500);
2210
+ --tw-font-weight: var(--font-weight-bold);
2211
+ font-weight: var(--font-weight-bold);
2212
+ color: var(--color-white);
2213
+ }
2214
+ .calendar-shortcuts {
2215
+ border-top-style: var(--tw-border-style);
2216
+ border-top-width: 1px;
2217
+ border-color: var(--color-gray-200);
2218
+ background-color: var(--color-gray-50);
2219
+ padding-inline: calc(var(--spacing) * 3);
2220
+ padding-block: calc(var(--spacing) * 2);
2221
+ @media (prefers-color-scheme: dark) {
2222
+ border-color: var(--color-gray-700);
2223
+ }
2224
+ @media (prefers-color-scheme: dark) {
2225
+ background-color: var(--color-gray-750);
2226
+ }
2227
+ }
2228
+ .calendar-shortcuts a {
2229
+ margin-right: calc(var(--spacing) * 3);
2230
+ font-size: var(--text-sm);
2231
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2232
+ color: var(--color-primary-600);
2233
+ &:hover {
2234
+ @media (hover: hover) {
2235
+ text-decoration-line: underline;
2236
+ }
2237
+ }
2238
+ @media (prefers-color-scheme: dark) {
2239
+ color: var(--color-primary-400);
2240
+ }
2241
+ }
2242
+ .calendar-cancel {
2243
+ border-top-style: var(--tw-border-style);
2244
+ border-top-width: 1px;
2245
+ border-color: var(--color-gray-200);
2246
+ background-color: var(--color-gray-50);
2247
+ padding-inline: calc(var(--spacing) * 3);
2248
+ padding-block: calc(var(--spacing) * 2);
2249
+ text-align: center;
2250
+ @media (prefers-color-scheme: dark) {
2251
+ border-color: var(--color-gray-700);
2252
+ }
2253
+ @media (prefers-color-scheme: dark) {
2254
+ background-color: var(--color-gray-750);
2255
+ }
2256
+ }
2257
+ .calendar-cancel a {
2258
+ font-size: var(--text-sm);
2259
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2260
+ color: var(--color-gray-600);
2261
+ &:hover {
2262
+ @media (hover: hover) {
2263
+ color: var(--color-gray-900);
2264
+ }
2265
+ }
2266
+ @media (prefers-color-scheme: dark) {
2267
+ color: var(--color-gray-400);
2268
+ }
2269
+ }
2270
+ .clockbox h2 {
2271
+ background-color: var(--color-primary-600);
2272
+ padding-inline: calc(var(--spacing) * 3);
2273
+ padding-block: calc(var(--spacing) * 2);
2274
+ --tw-font-weight: var(--font-weight-semibold);
2275
+ font-weight: var(--font-weight-semibold);
2276
+ color: var(--color-white);
2277
+ }
2278
+ .clockbox .timelist {
2279
+ padding-block: calc(var(--spacing) * 2);
2280
+ }
2281
+ .clockbox .timelist li a {
2282
+ display: block;
2283
+ padding-inline: calc(var(--spacing) * 3);
2284
+ padding-block: calc(var(--spacing) * 1);
2285
+ font-size: var(--text-sm);
2286
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2287
+ color: var(--color-gray-700);
2288
+ &:hover {
2289
+ @media (hover: hover) {
2290
+ background-color: var(--color-primary-100);
2291
+ }
2292
+ }
2293
+ @media (prefers-color-scheme: dark) {
2294
+ color: var(--color-gray-300);
2295
+ }
2296
+ @media (prefers-color-scheme: dark) {
2297
+ &:hover {
2298
+ @media (hover: hover) {
2299
+ background-color: var(--color-primary-900);
2300
+ }
2301
+ }
2302
+ }
2303
+ }
2304
+ .datetimeshortcuts a {
2305
+ color: var(--color-primary-600);
2306
+ @media (prefers-color-scheme: dark) {
2307
+ color: var(--color-primary-400);
2308
+ }
2309
+ }
2310
+ .date-icon, .clock-icon {
2311
+ display: inline-block;
2312
+ height: calc(var(--spacing) * 4);
2313
+ width: calc(var(--spacing) * 4);
2314
+ cursor: pointer;
2315
+ }
2316
+ .field-__str__ img, img[src*="icon-yes"], img[src*="icon-no"], img[src*="icon-unknown"] {
2317
+ display: inline-block;
2318
+ height: calc(var(--spacing) * 4);
2319
+ width: calc(var(--spacing) * 4);
2320
+ }
2321
+ .selector {
2322
+ display: flex;
2323
+ gap: calc(var(--spacing) * 2);
2324
+ }
2325
+ .selector select {
2326
+ min-height: 150px;
2327
+ border-radius: var(--radius-lg);
2328
+ border-style: var(--tw-border-style);
2329
+ border-width: 1px;
2330
+ border-color: var(--color-gray-300);
2331
+ background-color: var(--color-white);
2332
+ @media (prefers-color-scheme: dark) {
2333
+ border-color: var(--color-gray-600);
2334
+ }
2335
+ @media (prefers-color-scheme: dark) {
2336
+ background-color: var(--color-gray-700);
2337
+ }
2338
+ }
2339
+ .selector-chooser {
2340
+ display: flex;
2341
+ flex-direction: column;
2342
+ justify-content: center;
2343
+ gap: calc(var(--spacing) * 1);
2344
+ }
2345
+ .selector-chooser a {
2346
+ border-radius: 0.25rem;
2347
+ background-color: var(--color-gray-100);
2348
+ padding-inline: calc(var(--spacing) * 2);
2349
+ padding-block: calc(var(--spacing) * 1);
2350
+ &:hover {
2351
+ @media (hover: hover) {
2352
+ background-color: var(--color-gray-200);
2353
+ }
2354
+ }
2355
+ @media (prefers-color-scheme: dark) {
2356
+ background-color: var(--color-gray-700);
2357
+ }
2358
+ @media (prefers-color-scheme: dark) {
2359
+ &:hover {
2360
+ @media (hover: hover) {
2361
+ background-color: var(--color-gray-600);
2362
+ }
2363
+ }
2364
+ }
2365
+ }
2366
+ .actions {
2367
+ display: flex;
2368
+ align-items: center;
2369
+ gap: calc(var(--spacing) * 3);
2370
+ border-bottom-style: var(--tw-border-style);
2371
+ border-bottom-width: 1px;
2372
+ border-color: var(--color-gray-200);
2373
+ background-color: var(--color-gray-50);
2374
+ padding-inline: calc(var(--spacing) * 4);
2375
+ padding-block: calc(var(--spacing) * 3);
2376
+ @media (prefers-color-scheme: dark) {
2377
+ border-color: var(--color-gray-700);
2378
+ }
2379
+ @media (prefers-color-scheme: dark) {
2380
+ background-color: var(--color-gray-750);
2381
+ }
2382
+ }
2383
+ .actions select {
2384
+ max-width: var(--container-xs);
2385
+ }
2386
+ .actions button {
2387
+ border-radius: var(--radius-lg);
2388
+ background-color: var(--color-primary-600);
2389
+ padding-inline: calc(var(--spacing) * 4);
2390
+ padding-block: calc(var(--spacing) * 2);
2391
+ --tw-font-weight: var(--font-weight-medium);
2392
+ font-weight: var(--font-weight-medium);
2393
+ color: var(--color-white);
2394
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2395
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2396
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2397
+ &:hover {
2398
+ @media (hover: hover) {
2399
+ background-color: var(--color-primary-700);
2400
+ }
2401
+ }
2402
+ }
2403
+ th.sorted a {
2404
+ --tw-font-weight: var(--font-weight-bold);
2405
+ font-weight: var(--font-weight-bold);
2406
+ }
2407
+ th.ascending a::after {
2408
+ content: " ▲";
2409
+ font-size: var(--text-xs);
2410
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2411
+ }
2412
+ th.descending a::after {
2413
+ content: " ▼";
2414
+ font-size: var(--text-xs);
2415
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2416
+ }
2417
+ }
2418
+ @property --tw-translate-x {
2419
+ syntax: "*";
2420
+ inherits: false;
2421
+ initial-value: 0;
2422
+ }
2423
+ @property --tw-translate-y {
2424
+ syntax: "*";
2425
+ inherits: false;
2426
+ initial-value: 0;
2427
+ }
2428
+ @property --tw-translate-z {
2429
+ syntax: "*";
2430
+ inherits: false;
2431
+ initial-value: 0;
2432
+ }
2433
+ @property --tw-rotate-x {
2434
+ syntax: "*";
2435
+ inherits: false;
2436
+ }
2437
+ @property --tw-rotate-y {
2438
+ syntax: "*";
2439
+ inherits: false;
2440
+ }
2441
+ @property --tw-rotate-z {
2442
+ syntax: "*";
2443
+ inherits: false;
2444
+ }
2445
+ @property --tw-skew-x {
2446
+ syntax: "*";
2447
+ inherits: false;
2448
+ }
2449
+ @property --tw-skew-y {
2450
+ syntax: "*";
2451
+ inherits: false;
2452
+ }
2453
+ @property --tw-space-y-reverse {
2454
+ syntax: "*";
2455
+ inherits: false;
2456
+ initial-value: 0;
2457
+ }
2458
+ @property --tw-space-x-reverse {
2459
+ syntax: "*";
2460
+ inherits: false;
2461
+ initial-value: 0;
2462
+ }
2463
+ @property --tw-border-style {
2464
+ syntax: "*";
2465
+ inherits: false;
2466
+ initial-value: solid;
2467
+ }
2468
+ @property --tw-gradient-position {
2469
+ syntax: "*";
2470
+ inherits: false;
2471
+ }
2472
+ @property --tw-gradient-from {
2473
+ syntax: "<color>";
2474
+ inherits: false;
2475
+ initial-value: #0000;
2476
+ }
2477
+ @property --tw-gradient-via {
2478
+ syntax: "<color>";
2479
+ inherits: false;
2480
+ initial-value: #0000;
2481
+ }
2482
+ @property --tw-gradient-to {
2483
+ syntax: "<color>";
2484
+ inherits: false;
2485
+ initial-value: #0000;
2486
+ }
2487
+ @property --tw-gradient-stops {
2488
+ syntax: "*";
2489
+ inherits: false;
2490
+ }
2491
+ @property --tw-gradient-via-stops {
2492
+ syntax: "*";
2493
+ inherits: false;
2494
+ }
2495
+ @property --tw-gradient-from-position {
2496
+ syntax: "<length-percentage>";
2497
+ inherits: false;
2498
+ initial-value: 0%;
2499
+ }
2500
+ @property --tw-gradient-via-position {
2501
+ syntax: "<length-percentage>";
2502
+ inherits: false;
2503
+ initial-value: 50%;
2504
+ }
2505
+ @property --tw-gradient-to-position {
2506
+ syntax: "<length-percentage>";
2507
+ inherits: false;
2508
+ initial-value: 100%;
2509
+ }
2510
+ @property --tw-font-weight {
2511
+ syntax: "*";
2512
+ inherits: false;
2513
+ }
2514
+ @property --tw-tracking {
2515
+ syntax: "*";
2516
+ inherits: false;
2517
+ }
2518
+ @property --tw-shadow {
2519
+ syntax: "*";
2520
+ inherits: false;
2521
+ initial-value: 0 0 #0000;
2522
+ }
2523
+ @property --tw-shadow-color {
2524
+ syntax: "*";
2525
+ inherits: false;
2526
+ }
2527
+ @property --tw-shadow-alpha {
2528
+ syntax: "<percentage>";
2529
+ inherits: false;
2530
+ initial-value: 100%;
2531
+ }
2532
+ @property --tw-inset-shadow {
2533
+ syntax: "*";
2534
+ inherits: false;
2535
+ initial-value: 0 0 #0000;
2536
+ }
2537
+ @property --tw-inset-shadow-color {
2538
+ syntax: "*";
2539
+ inherits: false;
2540
+ }
2541
+ @property --tw-inset-shadow-alpha {
2542
+ syntax: "<percentage>";
2543
+ inherits: false;
2544
+ initial-value: 100%;
2545
+ }
2546
+ @property --tw-ring-color {
2547
+ syntax: "*";
2548
+ inherits: false;
2549
+ }
2550
+ @property --tw-ring-shadow {
2551
+ syntax: "*";
2552
+ inherits: false;
2553
+ initial-value: 0 0 #0000;
2554
+ }
2555
+ @property --tw-inset-ring-color {
2556
+ syntax: "*";
2557
+ inherits: false;
2558
+ }
2559
+ @property --tw-inset-ring-shadow {
2560
+ syntax: "*";
2561
+ inherits: false;
2562
+ initial-value: 0 0 #0000;
2563
+ }
2564
+ @property --tw-ring-inset {
2565
+ syntax: "*";
2566
+ inherits: false;
2567
+ }
2568
+ @property --tw-ring-offset-width {
2569
+ syntax: "<length>";
2570
+ inherits: false;
2571
+ initial-value: 0px;
2572
+ }
2573
+ @property --tw-ring-offset-color {
2574
+ syntax: "*";
2575
+ inherits: false;
2576
+ initial-value: #fff;
2577
+ }
2578
+ @property --tw-ring-offset-shadow {
2579
+ syntax: "*";
2580
+ inherits: false;
2581
+ initial-value: 0 0 #0000;
2582
+ }
2583
+ @property --tw-blur {
2584
+ syntax: "*";
2585
+ inherits: false;
2586
+ }
2587
+ @property --tw-brightness {
2588
+ syntax: "*";
2589
+ inherits: false;
2590
+ }
2591
+ @property --tw-contrast {
2592
+ syntax: "*";
2593
+ inherits: false;
2594
+ }
2595
+ @property --tw-grayscale {
2596
+ syntax: "*";
2597
+ inherits: false;
2598
+ }
2599
+ @property --tw-hue-rotate {
2600
+ syntax: "*";
2601
+ inherits: false;
2602
+ }
2603
+ @property --tw-invert {
2604
+ syntax: "*";
2605
+ inherits: false;
2606
+ }
2607
+ @property --tw-opacity {
2608
+ syntax: "*";
2609
+ inherits: false;
2610
+ }
2611
+ @property --tw-saturate {
2612
+ syntax: "*";
2613
+ inherits: false;
2614
+ }
2615
+ @property --tw-sepia {
2616
+ syntax: "*";
2617
+ inherits: false;
2618
+ }
2619
+ @property --tw-drop-shadow {
2620
+ syntax: "*";
2621
+ inherits: false;
2622
+ }
2623
+ @property --tw-drop-shadow-color {
2624
+ syntax: "*";
2625
+ inherits: false;
2626
+ }
2627
+ @property --tw-drop-shadow-alpha {
2628
+ syntax: "<percentage>";
2629
+ inherits: false;
2630
+ initial-value: 100%;
2631
+ }
2632
+ @property --tw-drop-shadow-size {
2633
+ syntax: "*";
2634
+ inherits: false;
2635
+ }
2636
+ @property --tw-duration {
2637
+ syntax: "*";
2638
+ inherits: false;
2639
+ }
2640
+ @property --tw-ease {
2641
+ syntax: "*";
2642
+ inherits: false;
2643
+ }
2644
+ @layer properties {
2645
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2646
+ *, ::before, ::after, ::backdrop {
2647
+ --tw-translate-x: 0;
2648
+ --tw-translate-y: 0;
2649
+ --tw-translate-z: 0;
2650
+ --tw-rotate-x: initial;
2651
+ --tw-rotate-y: initial;
2652
+ --tw-rotate-z: initial;
2653
+ --tw-skew-x: initial;
2654
+ --tw-skew-y: initial;
2655
+ --tw-space-y-reverse: 0;
2656
+ --tw-space-x-reverse: 0;
2657
+ --tw-border-style: solid;
2658
+ --tw-gradient-position: initial;
2659
+ --tw-gradient-from: #0000;
2660
+ --tw-gradient-via: #0000;
2661
+ --tw-gradient-to: #0000;
2662
+ --tw-gradient-stops: initial;
2663
+ --tw-gradient-via-stops: initial;
2664
+ --tw-gradient-from-position: 0%;
2665
+ --tw-gradient-via-position: 50%;
2666
+ --tw-gradient-to-position: 100%;
2667
+ --tw-font-weight: initial;
2668
+ --tw-tracking: initial;
2669
+ --tw-shadow: 0 0 #0000;
2670
+ --tw-shadow-color: initial;
2671
+ --tw-shadow-alpha: 100%;
2672
+ --tw-inset-shadow: 0 0 #0000;
2673
+ --tw-inset-shadow-color: initial;
2674
+ --tw-inset-shadow-alpha: 100%;
2675
+ --tw-ring-color: initial;
2676
+ --tw-ring-shadow: 0 0 #0000;
2677
+ --tw-inset-ring-color: initial;
2678
+ --tw-inset-ring-shadow: 0 0 #0000;
2679
+ --tw-ring-inset: initial;
2680
+ --tw-ring-offset-width: 0px;
2681
+ --tw-ring-offset-color: #fff;
2682
+ --tw-ring-offset-shadow: 0 0 #0000;
2683
+ --tw-blur: initial;
2684
+ --tw-brightness: initial;
2685
+ --tw-contrast: initial;
2686
+ --tw-grayscale: initial;
2687
+ --tw-hue-rotate: initial;
2688
+ --tw-invert: initial;
2689
+ --tw-opacity: initial;
2690
+ --tw-saturate: initial;
2691
+ --tw-sepia: initial;
2692
+ --tw-drop-shadow: initial;
2693
+ --tw-drop-shadow-color: initial;
2694
+ --tw-drop-shadow-alpha: 100%;
2695
+ --tw-drop-shadow-size: initial;
2696
+ --tw-duration: initial;
2697
+ --tw-ease: initial;
2698
+ }
2699
+ }
2700
+ }