@nswds/app 1.8.1 → 1.9.1
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.
- package/dist/globals.css +767 -230
- package/dist/index.cjs +1033 -1101
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +316 -273
- package/dist/index.d.ts +316 -273
- package/dist/index.js +956 -1065
- package/dist/index.js.map +1 -1
- package/dist/styles.css +750 -291
- package/dist/styles.css.map +1 -1
- package/dist/styles.d.cts +2 -1
- package/dist/styles.d.ts +2 -1
- package/package.json +4 -4
package/dist/globals.css
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
/*! tailwindcss v4.
|
|
1
|
+
/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties;
|
|
2
3
|
@layer theme, base, components, utilities;
|
|
3
4
|
@layer theme {
|
|
4
|
-
:root,
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
|
|
8
|
-
monospace;
|
|
5
|
+
:root, :host {
|
|
6
|
+
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
7
|
+
"Courier New", monospace;
|
|
9
8
|
--color-green-500: oklch(72.3% 0.219 149.579);
|
|
10
9
|
--color-slate-200: oklch(92.9% 0.013 255.508);
|
|
11
10
|
--color-slate-300: oklch(86.9% 0.022 252.894);
|
|
@@ -21,8 +20,11 @@
|
|
|
21
20
|
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
22
21
|
--color-zinc-700: oklch(37% 0.013 285.805);
|
|
23
22
|
--color-zinc-900: oklch(21% 0.006 285.885);
|
|
23
|
+
--color-black: #000;
|
|
24
24
|
--color-white: #fff;
|
|
25
25
|
--spacing: 0.25rem;
|
|
26
|
+
--container-sm: 24rem;
|
|
27
|
+
--container-md: 28rem;
|
|
26
28
|
--container-2xl: 42rem;
|
|
27
29
|
--container-5xl: 64rem;
|
|
28
30
|
--text-xs: 0.75rem;
|
|
@@ -31,6 +33,8 @@
|
|
|
31
33
|
--text-sm--line-height: calc(1.25 / 0.875);
|
|
32
34
|
--text-base: 1rem;
|
|
33
35
|
--text-base--line-height: calc(1.5 / 1);
|
|
36
|
+
--text-lg: 1.125rem;
|
|
37
|
+
--text-lg--line-height: calc(1.75 / 1.125);
|
|
34
38
|
--text-2xl: 1.5rem;
|
|
35
39
|
--text-2xl--line-height: calc(2 / 1.5);
|
|
36
40
|
--text-3xl: 1.875rem;
|
|
@@ -40,49 +44,41 @@
|
|
|
40
44
|
--font-weight-semibold: 600;
|
|
41
45
|
--font-weight-bold: 700;
|
|
42
46
|
--tracking-tight: -0.025em;
|
|
47
|
+
--radius-xs: 0.125rem;
|
|
43
48
|
--radius-md: 0.375rem;
|
|
44
49
|
--radius-lg: 0.5rem;
|
|
50
|
+
--radius-xl: 0.75rem;
|
|
51
|
+
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
45
52
|
--blur-sm: 8px;
|
|
46
53
|
--default-transition-duration: 150ms;
|
|
47
54
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
55
|
+
--default-font-family: var(--font-public-sans);
|
|
56
|
+
--default-mono-font-family: var(--font-mono);
|
|
48
57
|
--color-nsw-grey-50: oklch(0.985025 0 0);
|
|
49
58
|
--color-nsw-grey-100: oklch(0.9700500000000001 0 0);
|
|
50
59
|
--color-nsw-grey-200: oklch(0.9401 0 0);
|
|
51
60
|
--color-nsw-grey-400: oklch(0.8631 0.0078 228.87);
|
|
52
61
|
--color-nsw-grey-600: oklch(0.4264 0.0112 232.62);
|
|
62
|
+
--color-nsw-grey-800: oklch(0.2694 0.0104 242.08);
|
|
53
63
|
--color-nsw-grey-950: oklch(0.127965 0.005719999999999999 242.08);
|
|
54
64
|
--color-nsw-blue-800: oklch(0.29 0.1173 259.84);
|
|
55
65
|
--color-nsw-red-600: oklch(0.562 0.2175 20.33);
|
|
56
66
|
}
|
|
57
67
|
}
|
|
58
68
|
@layer base {
|
|
59
|
-
*,
|
|
60
|
-
::after,
|
|
61
|
-
::before,
|
|
62
|
-
::backdrop,
|
|
63
|
-
::file-selector-button {
|
|
69
|
+
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
|
64
70
|
box-sizing: border-box;
|
|
65
71
|
margin: 0;
|
|
66
72
|
padding: 0;
|
|
67
73
|
border: 0 solid;
|
|
68
74
|
}
|
|
69
|
-
html,
|
|
70
|
-
:host {
|
|
75
|
+
html, :host {
|
|
71
76
|
line-height: 1.5;
|
|
72
77
|
-webkit-text-size-adjust: 100%;
|
|
73
78
|
tab-size: 4;
|
|
74
|
-
font-family: var(
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
system-ui,
|
|
78
|
-
sans-serif,
|
|
79
|
-
'Apple Color Emoji',
|
|
80
|
-
'Segoe UI Emoji',
|
|
81
|
-
'Segoe UI Symbol',
|
|
82
|
-
'Noto Color Emoji'
|
|
83
|
-
);
|
|
84
|
-
font-feature-settings: initial;
|
|
85
|
-
font-variation-settings: initial;
|
|
79
|
+
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");
|
|
80
|
+
font-feature-settings: var(--default-font-feature-settings, normal);
|
|
81
|
+
font-variation-settings: var(--default-font-variation-settings, normal);
|
|
86
82
|
-webkit-tap-highlight-color: transparent;
|
|
87
83
|
}
|
|
88
84
|
hr {
|
|
@@ -94,12 +90,7 @@
|
|
|
94
90
|
-webkit-text-decoration: underline dotted;
|
|
95
91
|
text-decoration: underline dotted;
|
|
96
92
|
}
|
|
97
|
-
h1,
|
|
98
|
-
h2,
|
|
99
|
-
h3,
|
|
100
|
-
h4,
|
|
101
|
-
h5,
|
|
102
|
-
h6 {
|
|
93
|
+
h1, h2, h3, h4, h5, h6 {
|
|
103
94
|
font-size: inherit;
|
|
104
95
|
font-weight: inherit;
|
|
105
96
|
}
|
|
@@ -108,26 +99,19 @@
|
|
|
108
99
|
-webkit-text-decoration: inherit;
|
|
109
100
|
text-decoration: inherit;
|
|
110
101
|
}
|
|
111
|
-
b,
|
|
112
|
-
strong {
|
|
102
|
+
b, strong {
|
|
113
103
|
font-weight: bolder;
|
|
114
104
|
}
|
|
115
|
-
code,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
font-family:
|
|
120
|
-
ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
|
|
121
|
-
monospace;
|
|
122
|
-
font-feature-settings: initial;
|
|
123
|
-
font-variation-settings: initial;
|
|
105
|
+
code, kbd, samp, pre {
|
|
106
|
+
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
107
|
+
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
108
|
+
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
124
109
|
font-size: 1em;
|
|
125
110
|
}
|
|
126
111
|
small {
|
|
127
112
|
font-size: 80%;
|
|
128
113
|
}
|
|
129
|
-
sub,
|
|
130
|
-
sup {
|
|
114
|
+
sub, sup {
|
|
131
115
|
font-size: 75%;
|
|
132
116
|
line-height: 0;
|
|
133
117
|
position: relative;
|
|
@@ -153,33 +137,18 @@
|
|
|
153
137
|
summary {
|
|
154
138
|
display: list-item;
|
|
155
139
|
}
|
|
156
|
-
ol,
|
|
157
|
-
ul,
|
|
158
|
-
menu {
|
|
140
|
+
ol, ul, menu {
|
|
159
141
|
list-style: none;
|
|
160
142
|
}
|
|
161
|
-
img,
|
|
162
|
-
svg,
|
|
163
|
-
video,
|
|
164
|
-
canvas,
|
|
165
|
-
audio,
|
|
166
|
-
iframe,
|
|
167
|
-
embed,
|
|
168
|
-
object {
|
|
143
|
+
img, svg, video, canvas, audio, iframe, embed, object {
|
|
169
144
|
display: block;
|
|
170
145
|
vertical-align: middle;
|
|
171
146
|
}
|
|
172
|
-
img,
|
|
173
|
-
video {
|
|
147
|
+
img, video {
|
|
174
148
|
max-width: 100%;
|
|
175
149
|
height: auto;
|
|
176
150
|
}
|
|
177
|
-
button,
|
|
178
|
-
input,
|
|
179
|
-
select,
|
|
180
|
-
optgroup,
|
|
181
|
-
textarea,
|
|
182
|
-
::file-selector-button {
|
|
151
|
+
button, input, select, optgroup, textarea, ::file-selector-button {
|
|
183
152
|
font: inherit;
|
|
184
153
|
font-feature-settings: inherit;
|
|
185
154
|
font-variation-settings: inherit;
|
|
@@ -201,9 +170,12 @@
|
|
|
201
170
|
::placeholder {
|
|
202
171
|
opacity: 1;
|
|
203
172
|
}
|
|
204
|
-
@supports (not (-webkit-appearance: -apple-pay-button))
|
|
173
|
+
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
|
|
205
174
|
::placeholder {
|
|
206
|
-
color:
|
|
175
|
+
color: currentcolor;
|
|
176
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
177
|
+
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
178
|
+
}
|
|
207
179
|
}
|
|
208
180
|
}
|
|
209
181
|
textarea {
|
|
@@ -222,34 +194,27 @@
|
|
|
222
194
|
::-webkit-datetime-edit-fields-wrapper {
|
|
223
195
|
padding: 0;
|
|
224
196
|
}
|
|
225
|
-
::-webkit-datetime-edit,
|
|
226
|
-
::-webkit-datetime-edit-year-field,
|
|
227
|
-
::-webkit-datetime-edit-month-field,
|
|
228
|
-
::-webkit-datetime-edit-day-field,
|
|
229
|
-
::-webkit-datetime-edit-hour-field,
|
|
230
|
-
::-webkit-datetime-edit-minute-field,
|
|
231
|
-
::-webkit-datetime-edit-second-field,
|
|
232
|
-
::-webkit-datetime-edit-millisecond-field,
|
|
233
|
-
::-webkit-datetime-edit-meridiem-field {
|
|
197
|
+
::-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 {
|
|
234
198
|
padding-block: 0;
|
|
235
199
|
}
|
|
236
200
|
:-moz-ui-invalid {
|
|
237
201
|
box-shadow: none;
|
|
238
202
|
}
|
|
239
|
-
button,
|
|
240
|
-
input:where([type='button'], [type='reset'], [type='submit']),
|
|
241
|
-
::file-selector-button {
|
|
203
|
+
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
|
|
242
204
|
appearance: button;
|
|
243
205
|
}
|
|
244
|
-
::-webkit-inner-spin-button,
|
|
245
|
-
::-webkit-outer-spin-button {
|
|
206
|
+
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
|
246
207
|
height: auto;
|
|
247
208
|
}
|
|
248
|
-
[hidden]:where(:not([hidden=
|
|
209
|
+
[hidden]:where(:not([hidden="until-found"])) {
|
|
249
210
|
display: none !important;
|
|
250
211
|
}
|
|
251
212
|
}
|
|
252
213
|
@layer utilities {
|
|
214
|
+
.\@container\/card-header {
|
|
215
|
+
container-type: inline-size;
|
|
216
|
+
container-name: card-header;
|
|
217
|
+
}
|
|
253
218
|
.visible {
|
|
254
219
|
visibility: visible;
|
|
255
220
|
}
|
|
@@ -267,6 +232,9 @@
|
|
|
267
232
|
.absolute {
|
|
268
233
|
position: absolute;
|
|
269
234
|
}
|
|
235
|
+
.fixed {
|
|
236
|
+
position: fixed;
|
|
237
|
+
}
|
|
270
238
|
.relative {
|
|
271
239
|
position: relative;
|
|
272
240
|
}
|
|
@@ -276,12 +244,24 @@
|
|
|
276
244
|
.inset-0 {
|
|
277
245
|
inset: calc(var(--spacing) * 0);
|
|
278
246
|
}
|
|
247
|
+
.inset-x-0 {
|
|
248
|
+
inset-inline: calc(var(--spacing) * 0);
|
|
249
|
+
}
|
|
279
250
|
.inset-y-0 {
|
|
280
251
|
inset-block: calc(var(--spacing) * 0);
|
|
281
252
|
}
|
|
282
253
|
.top-0 {
|
|
283
254
|
top: calc(var(--spacing) * 0);
|
|
284
255
|
}
|
|
256
|
+
.top-1 {
|
|
257
|
+
top: calc(var(--spacing) * 1);
|
|
258
|
+
}
|
|
259
|
+
.top-1\/2 {
|
|
260
|
+
top: calc(1/2 * 100%);
|
|
261
|
+
}
|
|
262
|
+
.top-4 {
|
|
263
|
+
top: calc(var(--spacing) * 4);
|
|
264
|
+
}
|
|
285
265
|
.top-16 {
|
|
286
266
|
top: calc(var(--spacing) * 16);
|
|
287
267
|
}
|
|
@@ -294,15 +274,36 @@
|
|
|
294
274
|
.right-0 {
|
|
295
275
|
right: calc(var(--spacing) * 0);
|
|
296
276
|
}
|
|
277
|
+
.right-4 {
|
|
278
|
+
right: calc(var(--spacing) * 4);
|
|
279
|
+
}
|
|
297
280
|
.bottom-0 {
|
|
298
281
|
bottom: calc(var(--spacing) * 0);
|
|
299
282
|
}
|
|
283
|
+
.left-0 {
|
|
284
|
+
left: calc(var(--spacing) * 0);
|
|
285
|
+
}
|
|
286
|
+
.left-1 {
|
|
287
|
+
left: calc(var(--spacing) * 1);
|
|
288
|
+
}
|
|
289
|
+
.left-1\/2 {
|
|
290
|
+
left: calc(1/2 * 100%);
|
|
291
|
+
}
|
|
300
292
|
.z-10 {
|
|
301
293
|
z-index: 10;
|
|
302
294
|
}
|
|
303
295
|
.z-50 {
|
|
304
296
|
z-index: 50;
|
|
305
297
|
}
|
|
298
|
+
.col-start-2 {
|
|
299
|
+
grid-column-start: 2;
|
|
300
|
+
}
|
|
301
|
+
.row-span-2 {
|
|
302
|
+
grid-row: span 2 / span 2;
|
|
303
|
+
}
|
|
304
|
+
.row-start-1 {
|
|
305
|
+
grid-row-start: 1;
|
|
306
|
+
}
|
|
306
307
|
.mx-auto {
|
|
307
308
|
margin-inline: auto;
|
|
308
309
|
}
|
|
@@ -321,12 +322,18 @@
|
|
|
321
322
|
.mt-4 {
|
|
322
323
|
margin-top: calc(var(--spacing) * 4);
|
|
323
324
|
}
|
|
325
|
+
.mt-6 {
|
|
326
|
+
margin-top: calc(var(--spacing) * 6);
|
|
327
|
+
}
|
|
324
328
|
.mt-8 {
|
|
325
329
|
margin-top: calc(var(--spacing) * 8);
|
|
326
330
|
}
|
|
327
331
|
.mt-12 {
|
|
328
332
|
margin-top: calc(var(--spacing) * 12);
|
|
329
333
|
}
|
|
334
|
+
.mt-auto {
|
|
335
|
+
margin-top: auto;
|
|
336
|
+
}
|
|
330
337
|
.mr-6 {
|
|
331
338
|
margin-right: calc(var(--spacing) * 6);
|
|
332
339
|
}
|
|
@@ -384,6 +391,17 @@
|
|
|
384
391
|
.table {
|
|
385
392
|
display: table;
|
|
386
393
|
}
|
|
394
|
+
.aspect-square {
|
|
395
|
+
aspect-ratio: 1 / 1;
|
|
396
|
+
}
|
|
397
|
+
.size-2 {
|
|
398
|
+
width: calc(var(--spacing) * 2);
|
|
399
|
+
height: calc(var(--spacing) * 2);
|
|
400
|
+
}
|
|
401
|
+
.size-4 {
|
|
402
|
+
width: calc(var(--spacing) * 4);
|
|
403
|
+
height: calc(var(--spacing) * 4);
|
|
404
|
+
}
|
|
387
405
|
.size-5 {
|
|
388
406
|
width: calc(var(--spacing) * 5);
|
|
389
407
|
height: calc(var(--spacing) * 5);
|
|
@@ -396,6 +414,13 @@
|
|
|
396
414
|
width: calc(var(--spacing) * 9);
|
|
397
415
|
height: calc(var(--spacing) * 9);
|
|
398
416
|
}
|
|
417
|
+
.size-10 {
|
|
418
|
+
width: calc(var(--spacing) * 10);
|
|
419
|
+
height: calc(var(--spacing) * 10);
|
|
420
|
+
}
|
|
421
|
+
.h-3 {
|
|
422
|
+
height: calc(var(--spacing) * 3);
|
|
423
|
+
}
|
|
399
424
|
.h-4 {
|
|
400
425
|
height: calc(var(--spacing) * 4);
|
|
401
426
|
}
|
|
@@ -426,9 +451,18 @@
|
|
|
426
451
|
.h-\[var\(--masthead-height\)\] {
|
|
427
452
|
height: var(--masthead-height);
|
|
428
453
|
}
|
|
454
|
+
.h-auto {
|
|
455
|
+
height: auto;
|
|
456
|
+
}
|
|
429
457
|
.h-full {
|
|
430
458
|
height: 100%;
|
|
431
459
|
}
|
|
460
|
+
.w-3 {
|
|
461
|
+
width: calc(var(--spacing) * 3);
|
|
462
|
+
}
|
|
463
|
+
.w-3\/4 {
|
|
464
|
+
width: calc(3/4 * 100%);
|
|
465
|
+
}
|
|
432
466
|
.w-4 {
|
|
433
467
|
width: calc(var(--spacing) * 4);
|
|
434
468
|
}
|
|
@@ -441,6 +475,9 @@
|
|
|
441
475
|
.w-10 {
|
|
442
476
|
width: calc(var(--spacing) * 10);
|
|
443
477
|
}
|
|
478
|
+
.w-48 {
|
|
479
|
+
width: calc(var(--spacing) * 48);
|
|
480
|
+
}
|
|
444
481
|
.w-56 {
|
|
445
482
|
width: calc(var(--spacing) * 56);
|
|
446
483
|
}
|
|
@@ -468,6 +505,15 @@
|
|
|
468
505
|
.min-w-0 {
|
|
469
506
|
min-width: calc(var(--spacing) * 0);
|
|
470
507
|
}
|
|
508
|
+
.min-w-8 {
|
|
509
|
+
min-width: calc(var(--spacing) * 8);
|
|
510
|
+
}
|
|
511
|
+
.min-w-9 {
|
|
512
|
+
min-width: calc(var(--spacing) * 9);
|
|
513
|
+
}
|
|
514
|
+
.min-w-10 {
|
|
515
|
+
min-width: calc(var(--spacing) * 10);
|
|
516
|
+
}
|
|
471
517
|
.flex-1 {
|
|
472
518
|
flex: 1;
|
|
473
519
|
}
|
|
@@ -480,6 +526,9 @@
|
|
|
480
526
|
.flex-shrink {
|
|
481
527
|
flex-shrink: 1;
|
|
482
528
|
}
|
|
529
|
+
.flex-shrink-0 {
|
|
530
|
+
flex-shrink: 0;
|
|
531
|
+
}
|
|
483
532
|
.shrink-0 {
|
|
484
533
|
flex-shrink: 0;
|
|
485
534
|
}
|
|
@@ -495,13 +544,28 @@
|
|
|
495
544
|
.border-collapse {
|
|
496
545
|
border-collapse: collapse;
|
|
497
546
|
}
|
|
547
|
+
.-translate-x-1 {
|
|
548
|
+
--tw-translate-x: calc(var(--spacing) * -1);
|
|
549
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
550
|
+
}
|
|
551
|
+
.-translate-x-1\/2 {
|
|
552
|
+
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
|
553
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
554
|
+
}
|
|
555
|
+
.-translate-y-1 {
|
|
556
|
+
--tw-translate-y: calc(var(--spacing) * -1);
|
|
557
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
558
|
+
}
|
|
559
|
+
.-translate-y-1\/2 {
|
|
560
|
+
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
|
|
561
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
562
|
+
}
|
|
498
563
|
.-scale-x-100 {
|
|
499
564
|
--tw-scale-x: calc(100% * -1);
|
|
500
565
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
501
566
|
}
|
|
502
567
|
.transform {
|
|
503
|
-
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x)
|
|
504
|
-
var(--tw-skew-y);
|
|
568
|
+
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
|
|
505
569
|
}
|
|
506
570
|
.cursor-pointer {
|
|
507
571
|
cursor: pointer;
|
|
@@ -509,12 +573,21 @@
|
|
|
509
573
|
.resize {
|
|
510
574
|
resize: both;
|
|
511
575
|
}
|
|
576
|
+
.auto-rows-min {
|
|
577
|
+
grid-auto-rows: min-content;
|
|
578
|
+
}
|
|
512
579
|
.grid-cols-1 {
|
|
513
580
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
514
581
|
}
|
|
582
|
+
.grid-cols-2 {
|
|
583
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
584
|
+
}
|
|
515
585
|
.grid-cols-6 {
|
|
516
586
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
517
587
|
}
|
|
588
|
+
.grid-rows-\[auto_auto\] {
|
|
589
|
+
grid-template-rows: auto auto;
|
|
590
|
+
}
|
|
518
591
|
.flex-col {
|
|
519
592
|
flex-direction: column;
|
|
520
593
|
}
|
|
@@ -539,6 +612,9 @@
|
|
|
539
612
|
.justify-end {
|
|
540
613
|
justify-content: flex-end;
|
|
541
614
|
}
|
|
615
|
+
.gap-0 {
|
|
616
|
+
gap: calc(var(--spacing) * 0);
|
|
617
|
+
}
|
|
542
618
|
.gap-1 {
|
|
543
619
|
gap: calc(var(--spacing) * 1);
|
|
544
620
|
}
|
|
@@ -548,12 +624,18 @@
|
|
|
548
624
|
.gap-2 {
|
|
549
625
|
gap: calc(var(--spacing) * 2);
|
|
550
626
|
}
|
|
627
|
+
.gap-3 {
|
|
628
|
+
gap: calc(var(--spacing) * 3);
|
|
629
|
+
}
|
|
551
630
|
.gap-4 {
|
|
552
631
|
gap: calc(var(--spacing) * 4);
|
|
553
632
|
}
|
|
554
633
|
.gap-5 {
|
|
555
634
|
gap: calc(var(--spacing) * 5);
|
|
556
635
|
}
|
|
636
|
+
.gap-6 {
|
|
637
|
+
gap: calc(var(--spacing) * 6);
|
|
638
|
+
}
|
|
557
639
|
.gap-9 {
|
|
558
640
|
gap: calc(var(--spacing) * 9);
|
|
559
641
|
}
|
|
@@ -571,6 +653,13 @@
|
|
|
571
653
|
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
|
|
572
654
|
}
|
|
573
655
|
}
|
|
656
|
+
.space-y-8 {
|
|
657
|
+
:where(& > :not(:last-child)) {
|
|
658
|
+
--tw-space-y-reverse: 0;
|
|
659
|
+
margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
|
|
660
|
+
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
|
|
661
|
+
}
|
|
662
|
+
}
|
|
574
663
|
.space-y-10 {
|
|
575
664
|
:where(& > :not(:last-child)) {
|
|
576
665
|
--tw-space-y-reverse: 0;
|
|
@@ -578,12 +667,35 @@
|
|
|
578
667
|
margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
|
|
579
668
|
}
|
|
580
669
|
}
|
|
670
|
+
.space-y-12 {
|
|
671
|
+
:where(& > :not(:last-child)) {
|
|
672
|
+
--tw-space-y-reverse: 0;
|
|
673
|
+
margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
|
|
674
|
+
margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
|
|
675
|
+
}
|
|
676
|
+
}
|
|
581
677
|
.gap-x-1 {
|
|
582
678
|
column-gap: calc(var(--spacing) * 1);
|
|
583
679
|
}
|
|
680
|
+
.gap-x-2 {
|
|
681
|
+
column-gap: calc(var(--spacing) * 2);
|
|
682
|
+
}
|
|
584
683
|
.gap-x-12 {
|
|
585
684
|
column-gap: calc(var(--spacing) * 12);
|
|
586
685
|
}
|
|
686
|
+
.space-x-2 {
|
|
687
|
+
:where(& > :not(:last-child)) {
|
|
688
|
+
--tw-space-x-reverse: 0;
|
|
689
|
+
margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
|
|
690
|
+
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
|
|
691
|
+
}
|
|
692
|
+
}
|
|
693
|
+
.self-start {
|
|
694
|
+
align-self: flex-start;
|
|
695
|
+
}
|
|
696
|
+
.justify-self-end {
|
|
697
|
+
justify-self: flex-end;
|
|
698
|
+
}
|
|
587
699
|
.truncate {
|
|
588
700
|
overflow: hidden;
|
|
589
701
|
text-overflow: ellipsis;
|
|
@@ -607,6 +719,12 @@
|
|
|
607
719
|
.rounded-md {
|
|
608
720
|
border-radius: var(--radius-md);
|
|
609
721
|
}
|
|
722
|
+
.rounded-xl {
|
|
723
|
+
border-radius: var(--radius-xl);
|
|
724
|
+
}
|
|
725
|
+
.rounded-xs {
|
|
726
|
+
border-radius: var(--radius-xs);
|
|
727
|
+
}
|
|
610
728
|
.rounded-r-md {
|
|
611
729
|
border-top-right-radius: var(--radius-md);
|
|
612
730
|
border-bottom-right-radius: var(--radius-md);
|
|
@@ -615,10 +733,22 @@
|
|
|
615
733
|
border-style: var(--tw-border-style);
|
|
616
734
|
border-width: 1px;
|
|
617
735
|
}
|
|
736
|
+
.border-1 {
|
|
737
|
+
border-style: var(--tw-border-style);
|
|
738
|
+
border-width: 1px;
|
|
739
|
+
}
|
|
618
740
|
.border-t {
|
|
619
741
|
border-top-style: var(--tw-border-style);
|
|
620
742
|
border-top-width: 1px;
|
|
621
743
|
}
|
|
744
|
+
.border-r {
|
|
745
|
+
border-right-style: var(--tw-border-style);
|
|
746
|
+
border-right-width: 1px;
|
|
747
|
+
}
|
|
748
|
+
.border-b {
|
|
749
|
+
border-bottom-style: var(--tw-border-style);
|
|
750
|
+
border-bottom-width: 1px;
|
|
751
|
+
}
|
|
622
752
|
.border-l {
|
|
623
753
|
border-left-style: var(--tw-border-style);
|
|
624
754
|
border-left-width: 1px;
|
|
@@ -626,6 +756,9 @@
|
|
|
626
756
|
.border-border {
|
|
627
757
|
border-color: var(--border);
|
|
628
758
|
}
|
|
759
|
+
.border-nsw-grey-200 {
|
|
760
|
+
border-color: var(--color-nsw-grey-200);
|
|
761
|
+
}
|
|
629
762
|
.border-nsw-grey-400 {
|
|
630
763
|
border-color: var(--color-nsw-grey-400);
|
|
631
764
|
}
|
|
@@ -642,14 +775,29 @@
|
|
|
642
775
|
border-color: var(--color-zinc-900);
|
|
643
776
|
}
|
|
644
777
|
.border-zinc-900\/5 {
|
|
645
|
-
border-color: color-mix(in
|
|
778
|
+
border-color: color-mix(in srgb, oklch(21% 0.006 285.885) 5%, transparent);
|
|
779
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
780
|
+
border-color: color-mix(in oklab, var(--color-zinc-900) 5%, transparent);
|
|
781
|
+
}
|
|
646
782
|
}
|
|
647
783
|
.bg-background {
|
|
648
784
|
background-color: var(--background);
|
|
649
785
|
}
|
|
786
|
+
.bg-black {
|
|
787
|
+
background-color: var(--color-black);
|
|
788
|
+
}
|
|
789
|
+
.bg-black\/50 {
|
|
790
|
+
background-color: color-mix(in srgb, #000 50%, transparent);
|
|
791
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
792
|
+
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
|
|
793
|
+
}
|
|
794
|
+
}
|
|
650
795
|
.bg-nsw-grey-50 {
|
|
651
796
|
background-color: var(--color-nsw-grey-50);
|
|
652
797
|
}
|
|
798
|
+
.bg-nsw-grey-100 {
|
|
799
|
+
background-color: var(--color-nsw-grey-100);
|
|
800
|
+
}
|
|
653
801
|
.bg-nsw-grey-600 {
|
|
654
802
|
background-color: var(--color-nsw-grey-600);
|
|
655
803
|
}
|
|
@@ -659,24 +807,25 @@
|
|
|
659
807
|
.bg-secondary {
|
|
660
808
|
background-color: oklch(0.9267 0.0417 227.89);
|
|
661
809
|
}
|
|
810
|
+
.bg-transparent {
|
|
811
|
+
background-color: transparent;
|
|
812
|
+
}
|
|
662
813
|
.bg-white {
|
|
663
814
|
background-color: var(--color-white);
|
|
664
815
|
}
|
|
665
816
|
.bg-linear-to-t {
|
|
666
|
-
--tw-gradient-position: to top
|
|
817
|
+
--tw-gradient-position: to top;
|
|
818
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
819
|
+
--tw-gradient-position: to top in oklab;
|
|
820
|
+
}
|
|
667
821
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
668
822
|
}
|
|
669
823
|
.from-nsw-grey-600 {
|
|
670
824
|
--tw-gradient-from: var(--color-nsw-grey-600);
|
|
671
|
-
--tw-gradient-stops: var(
|
|
672
|
-
--tw-gradient-via-stops,
|
|
673
|
-
var(--tw-gradient-position),
|
|
674
|
-
var(--tw-gradient-from) var(--tw-gradient-from-position),
|
|
675
|
-
var(--tw-gradient-to) var(--tw-gradient-to-position)
|
|
676
|
-
);
|
|
825
|
+
--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));
|
|
677
826
|
}
|
|
678
827
|
.fill-current {
|
|
679
|
-
fill:
|
|
828
|
+
fill: currentcolor;
|
|
680
829
|
}
|
|
681
830
|
.fill-nsw-blue-800 {
|
|
682
831
|
fill: var(--color-nsw-blue-800);
|
|
@@ -687,18 +836,39 @@
|
|
|
687
836
|
.fill-nsw-red-600 {
|
|
688
837
|
fill: var(--color-nsw-red-600);
|
|
689
838
|
}
|
|
839
|
+
.fill-primary {
|
|
840
|
+
fill: oklch(0.29 0.1173 259.84);
|
|
841
|
+
}
|
|
690
842
|
.fill-zinc-700 {
|
|
691
843
|
fill: var(--color-zinc-700);
|
|
692
844
|
}
|
|
845
|
+
.p-0 {
|
|
846
|
+
padding: calc(var(--spacing) * 0);
|
|
847
|
+
}
|
|
693
848
|
.p-3 {
|
|
694
849
|
padding: calc(var(--spacing) * 3);
|
|
695
850
|
}
|
|
851
|
+
.p-4 {
|
|
852
|
+
padding: calc(var(--spacing) * 4);
|
|
853
|
+
}
|
|
854
|
+
.p-6 {
|
|
855
|
+
padding: calc(var(--spacing) * 6);
|
|
856
|
+
}
|
|
696
857
|
.p-\[3px\] {
|
|
697
858
|
padding: 3px;
|
|
698
859
|
}
|
|
860
|
+
.px-1 {
|
|
861
|
+
padding-inline: calc(var(--spacing) * 1);
|
|
862
|
+
}
|
|
863
|
+
.px-1\.5 {
|
|
864
|
+
padding-inline: calc(var(--spacing) * 1.5);
|
|
865
|
+
}
|
|
699
866
|
.px-2 {
|
|
700
867
|
padding-inline: calc(var(--spacing) * 2);
|
|
701
868
|
}
|
|
869
|
+
.px-2\.5 {
|
|
870
|
+
padding-inline: calc(var(--spacing) * 2.5);
|
|
871
|
+
}
|
|
702
872
|
.px-3 {
|
|
703
873
|
padding-inline: calc(var(--spacing) * 3);
|
|
704
874
|
}
|
|
@@ -708,15 +878,24 @@
|
|
|
708
878
|
.px-6 {
|
|
709
879
|
padding-inline: calc(var(--spacing) * 6);
|
|
710
880
|
}
|
|
881
|
+
.py-0 {
|
|
882
|
+
padding-block: calc(var(--spacing) * 0);
|
|
883
|
+
}
|
|
711
884
|
.py-1 {
|
|
712
885
|
padding-block: calc(var(--spacing) * 1);
|
|
713
886
|
}
|
|
714
887
|
.py-2 {
|
|
715
888
|
padding-block: calc(var(--spacing) * 2);
|
|
716
889
|
}
|
|
890
|
+
.py-4 {
|
|
891
|
+
padding-block: calc(var(--spacing) * 4);
|
|
892
|
+
}
|
|
717
893
|
.py-5 {
|
|
718
894
|
padding-block: calc(var(--spacing) * 5);
|
|
719
895
|
}
|
|
896
|
+
.py-6 {
|
|
897
|
+
padding-block: calc(var(--spacing) * 6);
|
|
898
|
+
}
|
|
720
899
|
.py-12 {
|
|
721
900
|
padding-block: calc(var(--spacing) * 12);
|
|
722
901
|
}
|
|
@@ -778,6 +957,10 @@
|
|
|
778
957
|
font-size: var(--text-base);
|
|
779
958
|
line-height: calc(var(--spacing) * 8);
|
|
780
959
|
}
|
|
960
|
+
.text-lg {
|
|
961
|
+
font-size: var(--text-lg);
|
|
962
|
+
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
963
|
+
}
|
|
781
964
|
.text-sm {
|
|
782
965
|
font-size: var(--text-sm);
|
|
783
966
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
@@ -786,6 +969,10 @@
|
|
|
786
969
|
font-size: var(--text-xs);
|
|
787
970
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
788
971
|
}
|
|
972
|
+
.leading-none {
|
|
973
|
+
--tw-leading: 1;
|
|
974
|
+
line-height: 1;
|
|
975
|
+
}
|
|
789
976
|
.font-bold {
|
|
790
977
|
--tw-font-weight: var(--font-weight-bold);
|
|
791
978
|
font-weight: var(--font-weight-bold);
|
|
@@ -855,74 +1042,59 @@
|
|
|
855
1042
|
-webkit-font-smoothing: antialiased;
|
|
856
1043
|
-moz-osx-font-smoothing: grayscale;
|
|
857
1044
|
}
|
|
1045
|
+
.opacity-70 {
|
|
1046
|
+
opacity: 70%;
|
|
1047
|
+
}
|
|
1048
|
+
.shadow-lg {
|
|
1049
|
+
--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));
|
|
1050
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1051
|
+
}
|
|
858
1052
|
.shadow-md {
|
|
859
|
-
--tw-shadow:
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
1053
|
+
--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));
|
|
1054
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1055
|
+
}
|
|
1056
|
+
.shadow-none {
|
|
1057
|
+
--tw-shadow: 0 0 #0000;
|
|
1058
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
865
1059
|
}
|
|
866
1060
|
.shadow-sm {
|
|
867
|
-
--tw-shadow:
|
|
868
|
-
|
|
869
|
-
0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
870
|
-
box-shadow:
|
|
871
|
-
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
872
|
-
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1061
|
+
--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));
|
|
1062
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
873
1063
|
}
|
|
874
1064
|
.shadow-xs {
|
|
875
1065
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
876
|
-
box-shadow:
|
|
877
|
-
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
878
|
-
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1066
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
879
1067
|
}
|
|
880
1068
|
.shadow-slate-900 {
|
|
881
|
-
--tw-shadow-color:
|
|
1069
|
+
--tw-shadow-color: oklch(20.8% 0.042 265.755);
|
|
1070
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1071
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-slate-900) var(--tw-shadow-alpha), transparent);
|
|
1072
|
+
}
|
|
882
1073
|
}
|
|
883
1074
|
.shadow-slate-900\/5 {
|
|
884
|
-
--tw-shadow-color: color-mix(in
|
|
1075
|
+
--tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent);
|
|
1076
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1077
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
|
|
1078
|
+
}
|
|
1079
|
+
}
|
|
1080
|
+
.ring-offset-background {
|
|
1081
|
+
--tw-ring-offset-color: var(--background);
|
|
885
1082
|
}
|
|
886
1083
|
.outline {
|
|
887
1084
|
outline-style: var(--tw-outline-style);
|
|
888
1085
|
outline-width: 1px;
|
|
889
1086
|
}
|
|
890
1087
|
.backdrop-filter {
|
|
891
|
-
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
892
|
-
|
|
893
|
-
var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
|
|
894
|
-
var(--tw-backdrop-sepia,);
|
|
895
|
-
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
896
|
-
var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
|
|
897
|
-
var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
|
|
898
|
-
var(--tw-backdrop-sepia,);
|
|
1088
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1089
|
+
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
899
1090
|
}
|
|
900
1091
|
.transition {
|
|
901
|
-
transition-property:
|
|
902
|
-
color,
|
|
903
|
-
background-color,
|
|
904
|
-
border-color,
|
|
905
|
-
outline-color,
|
|
906
|
-
text-decoration-color,
|
|
907
|
-
fill,
|
|
908
|
-
stroke,
|
|
909
|
-
--tw-gradient-from,
|
|
910
|
-
--tw-gradient-via,
|
|
911
|
-
--tw-gradient-to,
|
|
912
|
-
opacity,
|
|
913
|
-
box-shadow,
|
|
914
|
-
transform,
|
|
915
|
-
translate,
|
|
916
|
-
scale,
|
|
917
|
-
rotate,
|
|
918
|
-
filter,
|
|
919
|
-
-webkit-backdrop-filter,
|
|
920
|
-
backdrop-filter;
|
|
1092
|
+
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;
|
|
921
1093
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
922
1094
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
923
1095
|
}
|
|
924
1096
|
.transition-\[color\,box-shadow\] {
|
|
925
|
-
transition-property: color,
|
|
1097
|
+
transition-property: color,box-shadow;
|
|
926
1098
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
927
1099
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
928
1100
|
}
|
|
@@ -931,6 +1103,11 @@
|
|
|
931
1103
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
932
1104
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
933
1105
|
}
|
|
1106
|
+
.transition-opacity {
|
|
1107
|
+
transition-property: opacity;
|
|
1108
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1109
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1110
|
+
}
|
|
934
1111
|
.transition-transform {
|
|
935
1112
|
transition-property: transform, translate, scale, rotate;
|
|
936
1113
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -944,16 +1121,27 @@
|
|
|
944
1121
|
--tw-duration: 500ms;
|
|
945
1122
|
transition-duration: 500ms;
|
|
946
1123
|
}
|
|
1124
|
+
.ease-in-out {
|
|
1125
|
+
--tw-ease: var(--ease-in-out);
|
|
1126
|
+
transition-timing-function: var(--ease-in-out);
|
|
1127
|
+
}
|
|
947
1128
|
.outline-none {
|
|
948
1129
|
--tw-outline-style: none;
|
|
949
1130
|
outline-style: none;
|
|
950
1131
|
}
|
|
1132
|
+
.select-none {
|
|
1133
|
+
-webkit-user-select: none;
|
|
1134
|
+
user-select: none;
|
|
1135
|
+
}
|
|
951
1136
|
.duration-200 {
|
|
952
1137
|
animation-duration: 200ms;
|
|
953
1138
|
}
|
|
954
1139
|
.duration-500 {
|
|
955
1140
|
animation-duration: 500ms;
|
|
956
1141
|
}
|
|
1142
|
+
.ease-in-out {
|
|
1143
|
+
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1144
|
+
}
|
|
957
1145
|
.group-hover\:fill-zinc-900 {
|
|
958
1146
|
&:is(:where(.group):hover *) {
|
|
959
1147
|
@media (hover: hover) {
|
|
@@ -961,11 +1149,36 @@
|
|
|
961
1149
|
}
|
|
962
1150
|
}
|
|
963
1151
|
}
|
|
1152
|
+
.group-data-\[disabled\=true\]\:pointer-events-none {
|
|
1153
|
+
&:is(:where(.group)[data-disabled="true"] *) {
|
|
1154
|
+
pointer-events: none;
|
|
1155
|
+
}
|
|
1156
|
+
}
|
|
1157
|
+
.group-data-\[disabled\=true\]\:opacity-50 {
|
|
1158
|
+
&:is(:where(.group)[data-disabled="true"] *) {
|
|
1159
|
+
opacity: 50%;
|
|
1160
|
+
}
|
|
1161
|
+
}
|
|
964
1162
|
.group-data-\[state\=open\]\:rotate-90 {
|
|
965
|
-
&:is(:where(.group)[data-state=
|
|
1163
|
+
&:is(:where(.group)[data-state="open"] *) {
|
|
966
1164
|
rotate: 90deg;
|
|
967
1165
|
}
|
|
968
1166
|
}
|
|
1167
|
+
.peer-disabled\:cursor-not-allowed {
|
|
1168
|
+
&:is(:where(.peer):disabled ~ *) {
|
|
1169
|
+
cursor: not-allowed;
|
|
1170
|
+
}
|
|
1171
|
+
}
|
|
1172
|
+
.peer-disabled\:opacity-50 {
|
|
1173
|
+
&:is(:where(.peer):disabled ~ *) {
|
|
1174
|
+
opacity: 50%;
|
|
1175
|
+
}
|
|
1176
|
+
}
|
|
1177
|
+
.peer-data-\[state\=checked\]\:border-nsw-grey-600 {
|
|
1178
|
+
&:is(:where(.peer)[data-state="checked"] ~ *) {
|
|
1179
|
+
border-color: var(--color-nsw-grey-600);
|
|
1180
|
+
}
|
|
1181
|
+
}
|
|
969
1182
|
.hover\:z-10 {
|
|
970
1183
|
&:hover {
|
|
971
1184
|
@media (hover: hover) {
|
|
@@ -990,13 +1203,6 @@
|
|
|
990
1203
|
}
|
|
991
1204
|
}
|
|
992
1205
|
}
|
|
993
|
-
.hover\:bg-accent {
|
|
994
|
-
&:hover {
|
|
995
|
-
@media (hover: hover) {
|
|
996
|
-
background-color: oklch(0.562 0.2175 20.33);
|
|
997
|
-
}
|
|
998
|
-
}
|
|
999
|
-
}
|
|
1000
1206
|
.hover\:bg-primary\/10 {
|
|
1001
1207
|
&:hover {
|
|
1002
1208
|
@media (hover: hover) {
|
|
@@ -1026,6 +1232,13 @@
|
|
|
1026
1232
|
}
|
|
1027
1233
|
}
|
|
1028
1234
|
}
|
|
1235
|
+
.hover\:text-foreground {
|
|
1236
|
+
&:hover {
|
|
1237
|
+
@media (hover: hover) {
|
|
1238
|
+
color: var(--foreground);
|
|
1239
|
+
}
|
|
1240
|
+
}
|
|
1241
|
+
}
|
|
1029
1242
|
.hover\:text-slate-600 {
|
|
1030
1243
|
&:hover {
|
|
1031
1244
|
@media (hover: hover) {
|
|
@@ -1047,13 +1260,49 @@
|
|
|
1047
1260
|
}
|
|
1048
1261
|
}
|
|
1049
1262
|
}
|
|
1263
|
+
.hover\:opacity-100 {
|
|
1264
|
+
&:hover {
|
|
1265
|
+
@media (hover: hover) {
|
|
1266
|
+
opacity: 100%;
|
|
1267
|
+
}
|
|
1268
|
+
}
|
|
1269
|
+
}
|
|
1270
|
+
.focus\:z-10 {
|
|
1271
|
+
&:focus {
|
|
1272
|
+
z-index: 10;
|
|
1273
|
+
}
|
|
1274
|
+
}
|
|
1275
|
+
.focus\:ring-2 {
|
|
1276
|
+
&:focus {
|
|
1277
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1278
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1279
|
+
}
|
|
1280
|
+
}
|
|
1281
|
+
.focus\:ring-offset-2 {
|
|
1282
|
+
&:focus {
|
|
1283
|
+
--tw-ring-offset-width: 2px;
|
|
1284
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1285
|
+
}
|
|
1286
|
+
}
|
|
1287
|
+
.focus\:outline-hidden {
|
|
1288
|
+
&:focus {
|
|
1289
|
+
--tw-outline-style: none;
|
|
1290
|
+
outline-style: none;
|
|
1291
|
+
@media (forced-colors: active) {
|
|
1292
|
+
outline: 2px solid transparent;
|
|
1293
|
+
outline-offset: 2px;
|
|
1294
|
+
}
|
|
1295
|
+
}
|
|
1296
|
+
}
|
|
1297
|
+
.focus-visible\:z-10 {
|
|
1298
|
+
&:focus-visible {
|
|
1299
|
+
z-index: 10;
|
|
1300
|
+
}
|
|
1301
|
+
}
|
|
1050
1302
|
.focus-visible\:ring-\[3px\] {
|
|
1051
1303
|
&:focus-visible {
|
|
1052
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width))
|
|
1053
|
-
|
|
1054
|
-
box-shadow:
|
|
1055
|
-
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
1056
|
-
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1304
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1305
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1057
1306
|
}
|
|
1058
1307
|
}
|
|
1059
1308
|
.focus-visible\:outline-1 {
|
|
@@ -1067,39 +1316,166 @@
|
|
|
1067
1316
|
pointer-events: none;
|
|
1068
1317
|
}
|
|
1069
1318
|
}
|
|
1319
|
+
.disabled\:cursor-not-allowed {
|
|
1320
|
+
&:disabled {
|
|
1321
|
+
cursor: not-allowed;
|
|
1322
|
+
}
|
|
1323
|
+
}
|
|
1070
1324
|
.disabled\:opacity-50 {
|
|
1071
1325
|
&:disabled {
|
|
1072
1326
|
opacity: 50%;
|
|
1073
1327
|
}
|
|
1074
1328
|
}
|
|
1329
|
+
.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
|
|
1330
|
+
&:has(*[data-slot="card-action"]) {
|
|
1331
|
+
grid-template-columns: 1fr auto;
|
|
1332
|
+
}
|
|
1333
|
+
}
|
|
1075
1334
|
.has-\[\>svg\]\:px-2\.5 {
|
|
1076
|
-
&:has(>
|
|
1335
|
+
&:has(>svg) {
|
|
1077
1336
|
padding-inline: calc(var(--spacing) * 2.5);
|
|
1078
1337
|
}
|
|
1079
1338
|
}
|
|
1080
1339
|
.has-\[\>svg\]\:px-3 {
|
|
1081
|
-
&:has(>
|
|
1340
|
+
&:has(>svg) {
|
|
1082
1341
|
padding-inline: calc(var(--spacing) * 3);
|
|
1083
1342
|
}
|
|
1084
1343
|
}
|
|
1085
1344
|
.has-\[\>svg\]\:px-4 {
|
|
1086
|
-
&:has(>
|
|
1345
|
+
&:has(>svg) {
|
|
1087
1346
|
padding-inline: calc(var(--spacing) * 4);
|
|
1088
1347
|
}
|
|
1089
1348
|
}
|
|
1090
1349
|
.data-\[state\=active\]\:bg-background {
|
|
1091
|
-
&[data-state=
|
|
1350
|
+
&[data-state="active"] {
|
|
1092
1351
|
background-color: var(--background);
|
|
1093
1352
|
}
|
|
1094
1353
|
}
|
|
1095
1354
|
.data-\[state\=active\]\:shadow-sm {
|
|
1096
|
-
&[data-state=
|
|
1097
|
-
--tw-shadow:
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1355
|
+
&[data-state="active"] {
|
|
1356
|
+
--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));
|
|
1357
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1358
|
+
}
|
|
1359
|
+
}
|
|
1360
|
+
.data-\[state\=closed\]\:duration-300 {
|
|
1361
|
+
&[data-state="closed"] {
|
|
1362
|
+
--tw-duration: 300ms;
|
|
1363
|
+
transition-duration: 300ms;
|
|
1364
|
+
}
|
|
1365
|
+
}
|
|
1366
|
+
.data-\[state\=closed\]\:animate-out {
|
|
1367
|
+
&[data-state="closed"] {
|
|
1368
|
+
animation-name: exit;
|
|
1369
|
+
animation-duration: 150ms;
|
|
1370
|
+
--tw-exit-opacity: initial;
|
|
1371
|
+
--tw-exit-scale: initial;
|
|
1372
|
+
--tw-exit-rotate: initial;
|
|
1373
|
+
--tw-exit-translate-x: initial;
|
|
1374
|
+
--tw-exit-translate-y: initial;
|
|
1375
|
+
}
|
|
1376
|
+
}
|
|
1377
|
+
.data-\[state\=closed\]\:duration-300 {
|
|
1378
|
+
&[data-state="closed"] {
|
|
1379
|
+
animation-duration: 300ms;
|
|
1380
|
+
}
|
|
1381
|
+
}
|
|
1382
|
+
.data-\[state\=closed\]\:fade-out-0 {
|
|
1383
|
+
&[data-state="closed"] {
|
|
1384
|
+
--tw-exit-opacity: 0;
|
|
1385
|
+
}
|
|
1386
|
+
}
|
|
1387
|
+
.data-\[state\=closed\]\:slide-out-to-bottom {
|
|
1388
|
+
&[data-state="closed"] {
|
|
1389
|
+
--tw-exit-translate-y: 100%;
|
|
1390
|
+
}
|
|
1391
|
+
}
|
|
1392
|
+
.data-\[state\=closed\]\:slide-out-to-left {
|
|
1393
|
+
&[data-state="closed"] {
|
|
1394
|
+
--tw-exit-translate-x: -100%;
|
|
1395
|
+
}
|
|
1396
|
+
}
|
|
1397
|
+
.data-\[state\=closed\]\:slide-out-to-right {
|
|
1398
|
+
&[data-state="closed"] {
|
|
1399
|
+
--tw-exit-translate-x: 100%;
|
|
1400
|
+
}
|
|
1401
|
+
}
|
|
1402
|
+
.data-\[state\=closed\]\:slide-out-to-top {
|
|
1403
|
+
&[data-state="closed"] {
|
|
1404
|
+
--tw-exit-translate-y: -100%;
|
|
1405
|
+
}
|
|
1406
|
+
}
|
|
1407
|
+
.data-\[state\=on\]\:bg-primary\/10 {
|
|
1408
|
+
&[data-state="on"] {
|
|
1409
|
+
background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
|
|
1410
|
+
}
|
|
1411
|
+
}
|
|
1412
|
+
.data-\[state\=on\]\:text-foreground {
|
|
1413
|
+
&[data-state="on"] {
|
|
1414
|
+
color: var(--foreground);
|
|
1415
|
+
}
|
|
1416
|
+
}
|
|
1417
|
+
.data-\[state\=open\]\:bg-secondary {
|
|
1418
|
+
&[data-state="open"] {
|
|
1419
|
+
background-color: oklch(0.9267 0.0417 227.89);
|
|
1420
|
+
}
|
|
1421
|
+
}
|
|
1422
|
+
.data-\[state\=open\]\:duration-500 {
|
|
1423
|
+
&[data-state="open"] {
|
|
1424
|
+
--tw-duration: 500ms;
|
|
1425
|
+
transition-duration: 500ms;
|
|
1426
|
+
}
|
|
1427
|
+
}
|
|
1428
|
+
.data-\[state\=open\]\:animate-in {
|
|
1429
|
+
&[data-state="open"] {
|
|
1430
|
+
animation-name: enter;
|
|
1431
|
+
animation-duration: 150ms;
|
|
1432
|
+
--tw-enter-opacity: initial;
|
|
1433
|
+
--tw-enter-scale: initial;
|
|
1434
|
+
--tw-enter-rotate: initial;
|
|
1435
|
+
--tw-enter-translate-x: initial;
|
|
1436
|
+
--tw-enter-translate-y: initial;
|
|
1437
|
+
}
|
|
1438
|
+
}
|
|
1439
|
+
.data-\[state\=open\]\:duration-500 {
|
|
1440
|
+
&[data-state="open"] {
|
|
1441
|
+
animation-duration: 500ms;
|
|
1442
|
+
}
|
|
1443
|
+
}
|
|
1444
|
+
.data-\[state\=open\]\:fade-in-0 {
|
|
1445
|
+
&[data-state="open"] {
|
|
1446
|
+
--tw-enter-opacity: 0;
|
|
1447
|
+
}
|
|
1448
|
+
}
|
|
1449
|
+
.data-\[state\=open\]\:slide-in-from-bottom {
|
|
1450
|
+
&[data-state="open"] {
|
|
1451
|
+
--tw-enter-translate-y: 100%;
|
|
1452
|
+
}
|
|
1453
|
+
}
|
|
1454
|
+
.data-\[state\=open\]\:slide-in-from-left {
|
|
1455
|
+
&[data-state="open"] {
|
|
1456
|
+
--tw-enter-translate-x: -100%;
|
|
1457
|
+
}
|
|
1458
|
+
}
|
|
1459
|
+
.data-\[state\=open\]\:slide-in-from-right {
|
|
1460
|
+
&[data-state="open"] {
|
|
1461
|
+
--tw-enter-translate-x: 100%;
|
|
1462
|
+
}
|
|
1463
|
+
}
|
|
1464
|
+
.data-\[state\=open\]\:slide-in-from-top {
|
|
1465
|
+
&[data-state="open"] {
|
|
1466
|
+
--tw-enter-translate-y: -100%;
|
|
1467
|
+
}
|
|
1468
|
+
}
|
|
1469
|
+
.data-\[variant\=outline\]\:border-l {
|
|
1470
|
+
&[data-variant="outline"] {
|
|
1471
|
+
border-left-style: var(--tw-border-style);
|
|
1472
|
+
border-left-width: 1px;
|
|
1473
|
+
}
|
|
1474
|
+
}
|
|
1475
|
+
.data-\[variant\=outline\]\:shadow-xs {
|
|
1476
|
+
&[data-variant="outline"] {
|
|
1477
|
+
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
1478
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1103
1479
|
}
|
|
1104
1480
|
}
|
|
1105
1481
|
.sm\:mr-8 {
|
|
@@ -1107,6 +1483,16 @@
|
|
|
1107
1483
|
margin-right: calc(var(--spacing) * 8);
|
|
1108
1484
|
}
|
|
1109
1485
|
}
|
|
1486
|
+
.sm\:max-w-md {
|
|
1487
|
+
@media (width >= 40rem) {
|
|
1488
|
+
max-width: var(--container-md);
|
|
1489
|
+
}
|
|
1490
|
+
}
|
|
1491
|
+
.sm\:max-w-sm {
|
|
1492
|
+
@media (width >= 40rem) {
|
|
1493
|
+
max-width: var(--container-sm);
|
|
1494
|
+
}
|
|
1495
|
+
}
|
|
1110
1496
|
.sm\:grid-cols-2 {
|
|
1111
1497
|
@media (width >= 40rem) {
|
|
1112
1498
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
@@ -1223,6 +1609,16 @@
|
|
|
1223
1609
|
flex: none;
|
|
1224
1610
|
}
|
|
1225
1611
|
}
|
|
1612
|
+
.lg\:grid-cols-3 {
|
|
1613
|
+
@media (width >= 64rem) {
|
|
1614
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1615
|
+
}
|
|
1616
|
+
}
|
|
1617
|
+
.lg\:grid-cols-4 {
|
|
1618
|
+
@media (width >= 64rem) {
|
|
1619
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
1620
|
+
}
|
|
1621
|
+
}
|
|
1226
1622
|
.lg\:grid-cols-5 {
|
|
1227
1623
|
@media (width >= 64rem) {
|
|
1228
1624
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
@@ -1319,9 +1715,22 @@
|
|
|
1319
1715
|
display: none;
|
|
1320
1716
|
}
|
|
1321
1717
|
}
|
|
1718
|
+
.dark\:border-nsw-grey-50 {
|
|
1719
|
+
&:where(.dark, .dark *) {
|
|
1720
|
+
border-color: var(--color-nsw-grey-50);
|
|
1721
|
+
}
|
|
1722
|
+
}
|
|
1322
1723
|
.dark\:border-nsw-grey-200\/15 {
|
|
1323
1724
|
&:where(.dark, .dark *) {
|
|
1324
|
-
border-color: color-mix(in
|
|
1725
|
+
border-color: color-mix(in srgb, oklch(0.9401 0 0) 15%, transparent);
|
|
1726
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1727
|
+
border-color: color-mix(in oklab, var(--color-nsw-grey-200) 15%, transparent);
|
|
1728
|
+
}
|
|
1729
|
+
}
|
|
1730
|
+
}
|
|
1731
|
+
.dark\:border-nsw-grey-800 {
|
|
1732
|
+
&:where(.dark, .dark *) {
|
|
1733
|
+
border-color: var(--color-nsw-grey-800);
|
|
1325
1734
|
}
|
|
1326
1735
|
}
|
|
1327
1736
|
.dark\:border-slate-800 {
|
|
@@ -1336,12 +1745,26 @@
|
|
|
1336
1745
|
}
|
|
1337
1746
|
.dark\:border-white\/5 {
|
|
1338
1747
|
&:where(.dark, .dark *) {
|
|
1339
|
-
border-color: color-mix(in
|
|
1748
|
+
border-color: color-mix(in srgb, #fff 5%, transparent);
|
|
1749
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1750
|
+
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
|
|
1751
|
+
}
|
|
1752
|
+
}
|
|
1753
|
+
}
|
|
1754
|
+
.dark\:bg-nsw-grey-800\/30 {
|
|
1755
|
+
&:where(.dark, .dark *) {
|
|
1756
|
+
background-color: color-mix(in srgb, oklch(0.2694 0.0104 242.08) 30%, transparent);
|
|
1757
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1758
|
+
background-color: color-mix(in oklab, var(--color-nsw-grey-800) 30%, transparent);
|
|
1759
|
+
}
|
|
1340
1760
|
}
|
|
1341
1761
|
}
|
|
1342
1762
|
.dark\:bg-slate-900\/95 {
|
|
1343
1763
|
&:where(.dark, .dark *) {
|
|
1344
|
-
background-color: color-mix(in
|
|
1764
|
+
background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
|
|
1765
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1766
|
+
background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
|
|
1767
|
+
}
|
|
1345
1768
|
}
|
|
1346
1769
|
}
|
|
1347
1770
|
.dark\:bg-transparent {
|
|
@@ -1382,22 +1805,14 @@
|
|
|
1382
1805
|
.dark\:shadow-none {
|
|
1383
1806
|
&:where(.dark, .dark *) {
|
|
1384
1807
|
--tw-shadow: 0 0 #0000;
|
|
1385
|
-
box-shadow:
|
|
1386
|
-
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
1387
|
-
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1808
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1388
1809
|
}
|
|
1389
1810
|
}
|
|
1390
1811
|
.dark\:backdrop-blur-sm {
|
|
1391
1812
|
&:where(.dark, .dark *) {
|
|
1392
1813
|
--tw-backdrop-blur: blur(var(--blur-sm));
|
|
1393
|
-
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
1394
|
-
|
|
1395
|
-
var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
|
|
1396
|
-
var(--tw-backdrop-sepia,);
|
|
1397
|
-
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
1398
|
-
var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
|
|
1399
|
-
var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
|
|
1400
|
-
var(--tw-backdrop-sepia,);
|
|
1814
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1815
|
+
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1401
1816
|
}
|
|
1402
1817
|
}
|
|
1403
1818
|
.dark\:group-hover\:fill-zinc-500 {
|
|
@@ -1418,11 +1833,23 @@
|
|
|
1418
1833
|
}
|
|
1419
1834
|
}
|
|
1420
1835
|
}
|
|
1421
|
-
.dark\:hover\:bg-
|
|
1836
|
+
.dark\:hover\:bg-nsw-grey-800\/50 {
|
|
1837
|
+
&:where(.dark, .dark *) {
|
|
1838
|
+
&:hover {
|
|
1839
|
+
@media (hover: hover) {
|
|
1840
|
+
background-color: color-mix(in srgb, oklch(0.2694 0.0104 242.08) 50%, transparent);
|
|
1841
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1842
|
+
background-color: color-mix(in oklab, var(--color-nsw-grey-800) 50%, transparent);
|
|
1843
|
+
}
|
|
1844
|
+
}
|
|
1845
|
+
}
|
|
1846
|
+
}
|
|
1847
|
+
}
|
|
1848
|
+
.dark\:hover\:bg-primary\/90 {
|
|
1422
1849
|
&:where(.dark, .dark *) {
|
|
1423
1850
|
&:hover {
|
|
1424
1851
|
@media (hover: hover) {
|
|
1425
|
-
background-color: color-mix(in oklab, oklch(0.
|
|
1852
|
+
background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 90%, transparent);
|
|
1426
1853
|
}
|
|
1427
1854
|
}
|
|
1428
1855
|
}
|
|
@@ -1447,7 +1874,7 @@
|
|
|
1447
1874
|
}
|
|
1448
1875
|
.dark\:data-\[state\=active\]\:text-foreground {
|
|
1449
1876
|
&:where(.dark, .dark *) {
|
|
1450
|
-
&[data-state=
|
|
1877
|
+
&[data-state="active"] {
|
|
1451
1878
|
color: var(--foreground);
|
|
1452
1879
|
}
|
|
1453
1880
|
}
|
|
@@ -1468,10 +1895,28 @@
|
|
|
1468
1895
|
height: calc(var(--spacing) * 4);
|
|
1469
1896
|
}
|
|
1470
1897
|
}
|
|
1898
|
+
.\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-400 {
|
|
1899
|
+
&:has([data-state=checked]) {
|
|
1900
|
+
border-color: var(--color-nsw-grey-400);
|
|
1901
|
+
}
|
|
1902
|
+
}
|
|
1903
|
+
.\[\.border-b\]\:pb-6 {
|
|
1904
|
+
&:is(.border-b) {
|
|
1905
|
+
padding-bottom: calc(var(--spacing) * 6);
|
|
1906
|
+
}
|
|
1907
|
+
}
|
|
1908
|
+
.\[\.border-t\]\:pt-6 {
|
|
1909
|
+
&:is(.border-t) {
|
|
1910
|
+
padding-top: calc(var(--spacing) * 6);
|
|
1911
|
+
}
|
|
1912
|
+
}
|
|
1471
1913
|
.dark\:\[\@supports\(backdrop-filter\:blur\(0\)\)\]\:bg-slate-900\/75 {
|
|
1472
1914
|
&:where(.dark, .dark *) {
|
|
1473
|
-
@supports (backdrop-filter:
|
|
1474
|
-
background-color: color-mix(in
|
|
1915
|
+
@supports (backdrop-filter:blur(0)) {
|
|
1916
|
+
background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 75%, transparent);
|
|
1917
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1918
|
+
background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
|
|
1919
|
+
}
|
|
1475
1920
|
}
|
|
1476
1921
|
}
|
|
1477
1922
|
}
|
|
@@ -1504,216 +1949,308 @@
|
|
|
1504
1949
|
@keyframes enter {
|
|
1505
1950
|
from {
|
|
1506
1951
|
opacity: var(--tw-enter-opacity, 1);
|
|
1507
|
-
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
|
|
1508
|
-
scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
|
|
1509
|
-
rotate(var(--tw-enter-rotate, 0));
|
|
1952
|
+
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
|
|
1510
1953
|
}
|
|
1511
1954
|
}
|
|
1512
1955
|
@keyframes exit {
|
|
1513
1956
|
to {
|
|
1514
1957
|
opacity: var(--tw-exit-opacity, 1);
|
|
1515
|
-
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
|
|
1516
|
-
scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
|
|
1517
|
-
rotate(var(--tw-exit-rotate, 0));
|
|
1958
|
+
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
|
|
1518
1959
|
}
|
|
1519
1960
|
}
|
|
1961
|
+
@property --tw-translate-x {
|
|
1962
|
+
syntax: "*";
|
|
1963
|
+
inherits: false;
|
|
1964
|
+
initial-value: 0;
|
|
1965
|
+
}
|
|
1966
|
+
@property --tw-translate-y {
|
|
1967
|
+
syntax: "*";
|
|
1968
|
+
inherits: false;
|
|
1969
|
+
initial-value: 0;
|
|
1970
|
+
}
|
|
1971
|
+
@property --tw-translate-z {
|
|
1972
|
+
syntax: "*";
|
|
1973
|
+
inherits: false;
|
|
1974
|
+
initial-value: 0;
|
|
1975
|
+
}
|
|
1520
1976
|
@property --tw-scale-x {
|
|
1521
|
-
syntax:
|
|
1977
|
+
syntax: "*";
|
|
1522
1978
|
inherits: false;
|
|
1523
1979
|
initial-value: 1;
|
|
1524
1980
|
}
|
|
1525
1981
|
@property --tw-scale-y {
|
|
1526
|
-
syntax:
|
|
1982
|
+
syntax: "*";
|
|
1527
1983
|
inherits: false;
|
|
1528
1984
|
initial-value: 1;
|
|
1529
1985
|
}
|
|
1530
1986
|
@property --tw-scale-z {
|
|
1531
|
-
syntax:
|
|
1987
|
+
syntax: "*";
|
|
1532
1988
|
inherits: false;
|
|
1533
1989
|
initial-value: 1;
|
|
1534
1990
|
}
|
|
1535
1991
|
@property --tw-rotate-x {
|
|
1536
|
-
syntax:
|
|
1992
|
+
syntax: "*";
|
|
1537
1993
|
inherits: false;
|
|
1538
1994
|
initial-value: rotateX(0);
|
|
1539
1995
|
}
|
|
1540
1996
|
@property --tw-rotate-y {
|
|
1541
|
-
syntax:
|
|
1997
|
+
syntax: "*";
|
|
1542
1998
|
inherits: false;
|
|
1543
1999
|
initial-value: rotateY(0);
|
|
1544
2000
|
}
|
|
1545
2001
|
@property --tw-rotate-z {
|
|
1546
|
-
syntax:
|
|
2002
|
+
syntax: "*";
|
|
1547
2003
|
inherits: false;
|
|
1548
2004
|
initial-value: rotateZ(0);
|
|
1549
2005
|
}
|
|
1550
2006
|
@property --tw-skew-x {
|
|
1551
|
-
syntax:
|
|
2007
|
+
syntax: "*";
|
|
1552
2008
|
inherits: false;
|
|
1553
2009
|
initial-value: skewX(0);
|
|
1554
2010
|
}
|
|
1555
2011
|
@property --tw-skew-y {
|
|
1556
|
-
syntax:
|
|
2012
|
+
syntax: "*";
|
|
1557
2013
|
inherits: false;
|
|
1558
2014
|
initial-value: skewY(0);
|
|
1559
2015
|
}
|
|
1560
2016
|
@property --tw-space-y-reverse {
|
|
1561
|
-
syntax:
|
|
2017
|
+
syntax: "*";
|
|
2018
|
+
inherits: false;
|
|
2019
|
+
initial-value: 0;
|
|
2020
|
+
}
|
|
2021
|
+
@property --tw-space-x-reverse {
|
|
2022
|
+
syntax: "*";
|
|
1562
2023
|
inherits: false;
|
|
1563
2024
|
initial-value: 0;
|
|
1564
2025
|
}
|
|
1565
2026
|
@property --tw-border-style {
|
|
1566
|
-
syntax:
|
|
2027
|
+
syntax: "*";
|
|
1567
2028
|
inherits: false;
|
|
1568
2029
|
initial-value: solid;
|
|
1569
2030
|
}
|
|
1570
2031
|
@property --tw-gradient-position {
|
|
1571
|
-
syntax:
|
|
2032
|
+
syntax: "*";
|
|
1572
2033
|
inherits: false;
|
|
1573
2034
|
}
|
|
1574
2035
|
@property --tw-gradient-from {
|
|
1575
|
-
syntax:
|
|
2036
|
+
syntax: "<color>";
|
|
1576
2037
|
inherits: false;
|
|
1577
2038
|
initial-value: #0000;
|
|
1578
2039
|
}
|
|
1579
2040
|
@property --tw-gradient-via {
|
|
1580
|
-
syntax:
|
|
2041
|
+
syntax: "<color>";
|
|
1581
2042
|
inherits: false;
|
|
1582
2043
|
initial-value: #0000;
|
|
1583
2044
|
}
|
|
1584
2045
|
@property --tw-gradient-to {
|
|
1585
|
-
syntax:
|
|
2046
|
+
syntax: "<color>";
|
|
1586
2047
|
inherits: false;
|
|
1587
2048
|
initial-value: #0000;
|
|
1588
2049
|
}
|
|
1589
2050
|
@property --tw-gradient-stops {
|
|
1590
|
-
syntax:
|
|
2051
|
+
syntax: "*";
|
|
1591
2052
|
inherits: false;
|
|
1592
2053
|
}
|
|
1593
2054
|
@property --tw-gradient-via-stops {
|
|
1594
|
-
syntax:
|
|
2055
|
+
syntax: "*";
|
|
1595
2056
|
inherits: false;
|
|
1596
2057
|
}
|
|
1597
2058
|
@property --tw-gradient-from-position {
|
|
1598
|
-
syntax:
|
|
2059
|
+
syntax: "<length-percentage>";
|
|
1599
2060
|
inherits: false;
|
|
1600
2061
|
initial-value: 0%;
|
|
1601
2062
|
}
|
|
1602
2063
|
@property --tw-gradient-via-position {
|
|
1603
|
-
syntax:
|
|
2064
|
+
syntax: "<length-percentage>";
|
|
1604
2065
|
inherits: false;
|
|
1605
2066
|
initial-value: 50%;
|
|
1606
2067
|
}
|
|
1607
2068
|
@property --tw-gradient-to-position {
|
|
1608
|
-
syntax:
|
|
2069
|
+
syntax: "<length-percentage>";
|
|
1609
2070
|
inherits: false;
|
|
1610
2071
|
initial-value: 100%;
|
|
1611
2072
|
}
|
|
2073
|
+
@property --tw-leading {
|
|
2074
|
+
syntax: "*";
|
|
2075
|
+
inherits: false;
|
|
2076
|
+
}
|
|
1612
2077
|
@property --tw-font-weight {
|
|
1613
|
-
syntax:
|
|
2078
|
+
syntax: "*";
|
|
1614
2079
|
inherits: false;
|
|
1615
2080
|
}
|
|
1616
2081
|
@property --tw-tracking {
|
|
1617
|
-
syntax:
|
|
2082
|
+
syntax: "*";
|
|
1618
2083
|
inherits: false;
|
|
1619
2084
|
}
|
|
1620
2085
|
@property --tw-shadow {
|
|
1621
|
-
syntax:
|
|
2086
|
+
syntax: "*";
|
|
1622
2087
|
inherits: false;
|
|
1623
2088
|
initial-value: 0 0 #0000;
|
|
1624
2089
|
}
|
|
1625
2090
|
@property --tw-shadow-color {
|
|
1626
|
-
syntax:
|
|
2091
|
+
syntax: "*";
|
|
2092
|
+
inherits: false;
|
|
2093
|
+
}
|
|
2094
|
+
@property --tw-shadow-alpha {
|
|
2095
|
+
syntax: "<percentage>";
|
|
1627
2096
|
inherits: false;
|
|
2097
|
+
initial-value: 100%;
|
|
1628
2098
|
}
|
|
1629
2099
|
@property --tw-inset-shadow {
|
|
1630
|
-
syntax:
|
|
2100
|
+
syntax: "*";
|
|
1631
2101
|
inherits: false;
|
|
1632
2102
|
initial-value: 0 0 #0000;
|
|
1633
2103
|
}
|
|
1634
2104
|
@property --tw-inset-shadow-color {
|
|
1635
|
-
syntax:
|
|
2105
|
+
syntax: "*";
|
|
2106
|
+
inherits: false;
|
|
2107
|
+
}
|
|
2108
|
+
@property --tw-inset-shadow-alpha {
|
|
2109
|
+
syntax: "<percentage>";
|
|
1636
2110
|
inherits: false;
|
|
2111
|
+
initial-value: 100%;
|
|
1637
2112
|
}
|
|
1638
2113
|
@property --tw-ring-color {
|
|
1639
|
-
syntax:
|
|
2114
|
+
syntax: "*";
|
|
1640
2115
|
inherits: false;
|
|
1641
2116
|
}
|
|
1642
2117
|
@property --tw-ring-shadow {
|
|
1643
|
-
syntax:
|
|
2118
|
+
syntax: "*";
|
|
1644
2119
|
inherits: false;
|
|
1645
2120
|
initial-value: 0 0 #0000;
|
|
1646
2121
|
}
|
|
1647
2122
|
@property --tw-inset-ring-color {
|
|
1648
|
-
syntax:
|
|
2123
|
+
syntax: "*";
|
|
1649
2124
|
inherits: false;
|
|
1650
2125
|
}
|
|
1651
2126
|
@property --tw-inset-ring-shadow {
|
|
1652
|
-
syntax:
|
|
2127
|
+
syntax: "*";
|
|
1653
2128
|
inherits: false;
|
|
1654
2129
|
initial-value: 0 0 #0000;
|
|
1655
2130
|
}
|
|
1656
2131
|
@property --tw-ring-inset {
|
|
1657
|
-
syntax:
|
|
2132
|
+
syntax: "*";
|
|
1658
2133
|
inherits: false;
|
|
1659
2134
|
}
|
|
1660
2135
|
@property --tw-ring-offset-width {
|
|
1661
|
-
syntax:
|
|
2136
|
+
syntax: "<length>";
|
|
1662
2137
|
inherits: false;
|
|
1663
2138
|
initial-value: 0px;
|
|
1664
2139
|
}
|
|
1665
2140
|
@property --tw-ring-offset-color {
|
|
1666
|
-
syntax:
|
|
2141
|
+
syntax: "*";
|
|
1667
2142
|
inherits: false;
|
|
1668
2143
|
initial-value: #fff;
|
|
1669
2144
|
}
|
|
1670
2145
|
@property --tw-ring-offset-shadow {
|
|
1671
|
-
syntax:
|
|
2146
|
+
syntax: "*";
|
|
1672
2147
|
inherits: false;
|
|
1673
2148
|
initial-value: 0 0 #0000;
|
|
1674
2149
|
}
|
|
1675
2150
|
@property --tw-outline-style {
|
|
1676
|
-
syntax:
|
|
2151
|
+
syntax: "*";
|
|
1677
2152
|
inherits: false;
|
|
1678
2153
|
initial-value: solid;
|
|
1679
2154
|
}
|
|
1680
2155
|
@property --tw-backdrop-blur {
|
|
1681
|
-
syntax:
|
|
2156
|
+
syntax: "*";
|
|
1682
2157
|
inherits: false;
|
|
1683
2158
|
}
|
|
1684
2159
|
@property --tw-backdrop-brightness {
|
|
1685
|
-
syntax:
|
|
2160
|
+
syntax: "*";
|
|
1686
2161
|
inherits: false;
|
|
1687
2162
|
}
|
|
1688
2163
|
@property --tw-backdrop-contrast {
|
|
1689
|
-
syntax:
|
|
2164
|
+
syntax: "*";
|
|
1690
2165
|
inherits: false;
|
|
1691
2166
|
}
|
|
1692
2167
|
@property --tw-backdrop-grayscale {
|
|
1693
|
-
syntax:
|
|
2168
|
+
syntax: "*";
|
|
1694
2169
|
inherits: false;
|
|
1695
2170
|
}
|
|
1696
2171
|
@property --tw-backdrop-hue-rotate {
|
|
1697
|
-
syntax:
|
|
2172
|
+
syntax: "*";
|
|
1698
2173
|
inherits: false;
|
|
1699
2174
|
}
|
|
1700
2175
|
@property --tw-backdrop-invert {
|
|
1701
|
-
syntax:
|
|
2176
|
+
syntax: "*";
|
|
1702
2177
|
inherits: false;
|
|
1703
2178
|
}
|
|
1704
2179
|
@property --tw-backdrop-opacity {
|
|
1705
|
-
syntax:
|
|
2180
|
+
syntax: "*";
|
|
1706
2181
|
inherits: false;
|
|
1707
2182
|
}
|
|
1708
2183
|
@property --tw-backdrop-saturate {
|
|
1709
|
-
syntax:
|
|
2184
|
+
syntax: "*";
|
|
1710
2185
|
inherits: false;
|
|
1711
2186
|
}
|
|
1712
2187
|
@property --tw-backdrop-sepia {
|
|
1713
|
-
syntax:
|
|
2188
|
+
syntax: "*";
|
|
1714
2189
|
inherits: false;
|
|
1715
2190
|
}
|
|
1716
2191
|
@property --tw-duration {
|
|
1717
|
-
syntax:
|
|
2192
|
+
syntax: "*";
|
|
2193
|
+
inherits: false;
|
|
2194
|
+
}
|
|
2195
|
+
@property --tw-ease {
|
|
2196
|
+
syntax: "*";
|
|
1718
2197
|
inherits: false;
|
|
1719
2198
|
}
|
|
2199
|
+
@layer properties {
|
|
2200
|
+
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
2201
|
+
*, ::before, ::after, ::backdrop {
|
|
2202
|
+
--tw-translate-x: 0;
|
|
2203
|
+
--tw-translate-y: 0;
|
|
2204
|
+
--tw-translate-z: 0;
|
|
2205
|
+
--tw-scale-x: 1;
|
|
2206
|
+
--tw-scale-y: 1;
|
|
2207
|
+
--tw-scale-z: 1;
|
|
2208
|
+
--tw-rotate-x: rotateX(0);
|
|
2209
|
+
--tw-rotate-y: rotateY(0);
|
|
2210
|
+
--tw-rotate-z: rotateZ(0);
|
|
2211
|
+
--tw-skew-x: skewX(0);
|
|
2212
|
+
--tw-skew-y: skewY(0);
|
|
2213
|
+
--tw-space-y-reverse: 0;
|
|
2214
|
+
--tw-space-x-reverse: 0;
|
|
2215
|
+
--tw-border-style: solid;
|
|
2216
|
+
--tw-gradient-position: initial;
|
|
2217
|
+
--tw-gradient-from: #0000;
|
|
2218
|
+
--tw-gradient-via: #0000;
|
|
2219
|
+
--tw-gradient-to: #0000;
|
|
2220
|
+
--tw-gradient-stops: initial;
|
|
2221
|
+
--tw-gradient-via-stops: initial;
|
|
2222
|
+
--tw-gradient-from-position: 0%;
|
|
2223
|
+
--tw-gradient-via-position: 50%;
|
|
2224
|
+
--tw-gradient-to-position: 100%;
|
|
2225
|
+
--tw-leading: initial;
|
|
2226
|
+
--tw-font-weight: initial;
|
|
2227
|
+
--tw-tracking: initial;
|
|
2228
|
+
--tw-shadow: 0 0 #0000;
|
|
2229
|
+
--tw-shadow-color: initial;
|
|
2230
|
+
--tw-shadow-alpha: 100%;
|
|
2231
|
+
--tw-inset-shadow: 0 0 #0000;
|
|
2232
|
+
--tw-inset-shadow-color: initial;
|
|
2233
|
+
--tw-inset-shadow-alpha: 100%;
|
|
2234
|
+
--tw-ring-color: initial;
|
|
2235
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
2236
|
+
--tw-inset-ring-color: initial;
|
|
2237
|
+
--tw-inset-ring-shadow: 0 0 #0000;
|
|
2238
|
+
--tw-ring-inset: initial;
|
|
2239
|
+
--tw-ring-offset-width: 0px;
|
|
2240
|
+
--tw-ring-offset-color: #fff;
|
|
2241
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
2242
|
+
--tw-outline-style: solid;
|
|
2243
|
+
--tw-backdrop-blur: initial;
|
|
2244
|
+
--tw-backdrop-brightness: initial;
|
|
2245
|
+
--tw-backdrop-contrast: initial;
|
|
2246
|
+
--tw-backdrop-grayscale: initial;
|
|
2247
|
+
--tw-backdrop-hue-rotate: initial;
|
|
2248
|
+
--tw-backdrop-invert: initial;
|
|
2249
|
+
--tw-backdrop-opacity: initial;
|
|
2250
|
+
--tw-backdrop-saturate: initial;
|
|
2251
|
+
--tw-backdrop-sepia: initial;
|
|
2252
|
+
--tw-duration: initial;
|
|
2253
|
+
--tw-ease: initial;
|
|
2254
|
+
}
|
|
2255
|
+
}
|
|
2256
|
+
}
|