@nswds/app 1.9.1 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/globals.css +439 -193
- package/dist/index.cjs +4439 -958
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +647 -291
- package/dist/index.d.ts +647 -291
- package/dist/index.js +4376 -885
- package/dist/index.js.map +1 -1
- package/dist/styles.css +519 -219
- package/dist/styles.css.map +1 -1
- package/dist/styles.d.cts +1 -2
- package/dist/styles.d.ts +1 -2
- package/package.json +3 -3
package/dist/globals.css
CHANGED
|
@@ -2,9 +2,11 @@
|
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
5
|
-
:root,
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
:root,
|
|
6
|
+
:host {
|
|
7
|
+
--font-mono:
|
|
8
|
+
ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
|
|
9
|
+
monospace;
|
|
8
10
|
--color-green-500: oklch(72.3% 0.219 149.579);
|
|
9
11
|
--color-slate-200: oklch(92.9% 0.013 255.508);
|
|
10
12
|
--color-slate-300: oklch(86.9% 0.022 252.894);
|
|
@@ -15,18 +17,12 @@
|
|
|
15
17
|
--color-slate-800: oklch(27.9% 0.041 260.031);
|
|
16
18
|
--color-slate-900: oklch(20.8% 0.042 265.755);
|
|
17
19
|
--color-gray-800: oklch(27.8% 0.033 256.848);
|
|
18
|
-
--color-zinc-400: oklch(70.5% 0.015 286.067);
|
|
19
|
-
--color-zinc-500: oklch(55.2% 0.016 285.938);
|
|
20
|
-
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
21
|
-
--color-zinc-700: oklch(37% 0.013 285.805);
|
|
22
|
-
--color-zinc-900: oklch(21% 0.006 285.885);
|
|
23
20
|
--color-black: #000;
|
|
24
21
|
--color-white: #fff;
|
|
25
22
|
--spacing: 0.25rem;
|
|
26
23
|
--container-sm: 24rem;
|
|
27
24
|
--container-md: 28rem;
|
|
28
25
|
--container-2xl: 42rem;
|
|
29
|
-
--container-5xl: 64rem;
|
|
30
26
|
--text-xs: 0.75rem;
|
|
31
27
|
--text-xs--line-height: calc(1 / 0.75);
|
|
32
28
|
--text-sm: 0.875rem;
|
|
@@ -58,25 +54,42 @@
|
|
|
58
54
|
--color-nsw-grey-100: oklch(0.9700500000000001 0 0);
|
|
59
55
|
--color-nsw-grey-200: oklch(0.9401 0 0);
|
|
60
56
|
--color-nsw-grey-400: oklch(0.8631 0.0078 228.87);
|
|
57
|
+
--color-nsw-grey-500: oklch(0.6447499999999999 0.0095 230.745);
|
|
61
58
|
--color-nsw-grey-600: oklch(0.4264 0.0112 232.62);
|
|
59
|
+
--color-nsw-grey-700: oklch(0.3479 0.0108 237.35000000000002);
|
|
62
60
|
--color-nsw-grey-800: oklch(0.2694 0.0104 242.08);
|
|
61
|
+
--color-nsw-grey-900: oklch(0.17511 0.00728 242.08);
|
|
63
62
|
--color-nsw-grey-950: oklch(0.127965 0.005719999999999999 242.08);
|
|
64
63
|
--color-nsw-blue-800: oklch(0.29 0.1173 259.84);
|
|
65
64
|
--color-nsw-red-600: oklch(0.562 0.2175 20.33);
|
|
66
65
|
}
|
|
67
66
|
}
|
|
68
67
|
@layer base {
|
|
69
|
-
*,
|
|
68
|
+
*,
|
|
69
|
+
::after,
|
|
70
|
+
::before,
|
|
71
|
+
::backdrop,
|
|
72
|
+
::file-selector-button {
|
|
70
73
|
box-sizing: border-box;
|
|
71
74
|
margin: 0;
|
|
72
75
|
padding: 0;
|
|
73
76
|
border: 0 solid;
|
|
74
77
|
}
|
|
75
|
-
html,
|
|
78
|
+
html,
|
|
79
|
+
:host {
|
|
76
80
|
line-height: 1.5;
|
|
77
81
|
-webkit-text-size-adjust: 100%;
|
|
78
82
|
tab-size: 4;
|
|
79
|
-
font-family: var(
|
|
83
|
+
font-family: var(
|
|
84
|
+
--default-font-family,
|
|
85
|
+
ui-sans-serif,
|
|
86
|
+
system-ui,
|
|
87
|
+
sans-serif,
|
|
88
|
+
'Apple Color Emoji',
|
|
89
|
+
'Segoe UI Emoji',
|
|
90
|
+
'Segoe UI Symbol',
|
|
91
|
+
'Noto Color Emoji'
|
|
92
|
+
);
|
|
80
93
|
font-feature-settings: var(--default-font-feature-settings, normal);
|
|
81
94
|
font-variation-settings: var(--default-font-variation-settings, normal);
|
|
82
95
|
-webkit-tap-highlight-color: transparent;
|
|
@@ -90,7 +103,12 @@
|
|
|
90
103
|
-webkit-text-decoration: underline dotted;
|
|
91
104
|
text-decoration: underline dotted;
|
|
92
105
|
}
|
|
93
|
-
h1,
|
|
106
|
+
h1,
|
|
107
|
+
h2,
|
|
108
|
+
h3,
|
|
109
|
+
h4,
|
|
110
|
+
h5,
|
|
111
|
+
h6 {
|
|
94
112
|
font-size: inherit;
|
|
95
113
|
font-weight: inherit;
|
|
96
114
|
}
|
|
@@ -99,11 +117,25 @@
|
|
|
99
117
|
-webkit-text-decoration: inherit;
|
|
100
118
|
text-decoration: inherit;
|
|
101
119
|
}
|
|
102
|
-
b,
|
|
120
|
+
b,
|
|
121
|
+
strong {
|
|
103
122
|
font-weight: bolder;
|
|
104
123
|
}
|
|
105
|
-
code,
|
|
106
|
-
|
|
124
|
+
code,
|
|
125
|
+
kbd,
|
|
126
|
+
samp,
|
|
127
|
+
pre {
|
|
128
|
+
font-family: var(
|
|
129
|
+
--default-mono-font-family,
|
|
130
|
+
ui-monospace,
|
|
131
|
+
SFMono-Regular,
|
|
132
|
+
Menlo,
|
|
133
|
+
Monaco,
|
|
134
|
+
Consolas,
|
|
135
|
+
'Liberation Mono',
|
|
136
|
+
'Courier New',
|
|
137
|
+
monospace
|
|
138
|
+
);
|
|
107
139
|
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
108
140
|
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
109
141
|
font-size: 1em;
|
|
@@ -111,7 +143,8 @@
|
|
|
111
143
|
small {
|
|
112
144
|
font-size: 80%;
|
|
113
145
|
}
|
|
114
|
-
sub,
|
|
146
|
+
sub,
|
|
147
|
+
sup {
|
|
115
148
|
font-size: 75%;
|
|
116
149
|
line-height: 0;
|
|
117
150
|
position: relative;
|
|
@@ -137,18 +170,33 @@
|
|
|
137
170
|
summary {
|
|
138
171
|
display: list-item;
|
|
139
172
|
}
|
|
140
|
-
ol,
|
|
173
|
+
ol,
|
|
174
|
+
ul,
|
|
175
|
+
menu {
|
|
141
176
|
list-style: none;
|
|
142
177
|
}
|
|
143
|
-
img,
|
|
178
|
+
img,
|
|
179
|
+
svg,
|
|
180
|
+
video,
|
|
181
|
+
canvas,
|
|
182
|
+
audio,
|
|
183
|
+
iframe,
|
|
184
|
+
embed,
|
|
185
|
+
object {
|
|
144
186
|
display: block;
|
|
145
187
|
vertical-align: middle;
|
|
146
188
|
}
|
|
147
|
-
img,
|
|
189
|
+
img,
|
|
190
|
+
video {
|
|
148
191
|
max-width: 100%;
|
|
149
192
|
height: auto;
|
|
150
193
|
}
|
|
151
|
-
button,
|
|
194
|
+
button,
|
|
195
|
+
input,
|
|
196
|
+
select,
|
|
197
|
+
optgroup,
|
|
198
|
+
textarea,
|
|
199
|
+
::file-selector-button {
|
|
152
200
|
font: inherit;
|
|
153
201
|
font-feature-settings: inherit;
|
|
154
202
|
font-variation-settings: inherit;
|
|
@@ -170,7 +218,7 @@
|
|
|
170
218
|
::placeholder {
|
|
171
219
|
opacity: 1;
|
|
172
220
|
}
|
|
173
|
-
@supports (not (-webkit-appearance: -apple-pay-button))
|
|
221
|
+
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
|
|
174
222
|
::placeholder {
|
|
175
223
|
color: currentcolor;
|
|
176
224
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -194,19 +242,30 @@
|
|
|
194
242
|
::-webkit-datetime-edit-fields-wrapper {
|
|
195
243
|
padding: 0;
|
|
196
244
|
}
|
|
197
|
-
::-webkit-datetime-edit,
|
|
245
|
+
::-webkit-datetime-edit,
|
|
246
|
+
::-webkit-datetime-edit-year-field,
|
|
247
|
+
::-webkit-datetime-edit-month-field,
|
|
248
|
+
::-webkit-datetime-edit-day-field,
|
|
249
|
+
::-webkit-datetime-edit-hour-field,
|
|
250
|
+
::-webkit-datetime-edit-minute-field,
|
|
251
|
+
::-webkit-datetime-edit-second-field,
|
|
252
|
+
::-webkit-datetime-edit-millisecond-field,
|
|
253
|
+
::-webkit-datetime-edit-meridiem-field {
|
|
198
254
|
padding-block: 0;
|
|
199
255
|
}
|
|
200
256
|
:-moz-ui-invalid {
|
|
201
257
|
box-shadow: none;
|
|
202
258
|
}
|
|
203
|
-
button,
|
|
259
|
+
button,
|
|
260
|
+
input:where([type='button'], [type='reset'], [type='submit']),
|
|
261
|
+
::file-selector-button {
|
|
204
262
|
appearance: button;
|
|
205
263
|
}
|
|
206
|
-
::-webkit-inner-spin-button,
|
|
264
|
+
::-webkit-inner-spin-button,
|
|
265
|
+
::-webkit-outer-spin-button {
|
|
207
266
|
height: auto;
|
|
208
267
|
}
|
|
209
|
-
[hidden]:where(:not([hidden=
|
|
268
|
+
[hidden]:where(:not([hidden='until-found'])) {
|
|
210
269
|
display: none !important;
|
|
211
270
|
}
|
|
212
271
|
}
|
|
@@ -257,7 +316,7 @@
|
|
|
257
316
|
top: calc(var(--spacing) * 1);
|
|
258
317
|
}
|
|
259
318
|
.top-1\/2 {
|
|
260
|
-
top: calc(1/2 * 100%);
|
|
319
|
+
top: calc(1 / 2 * 100%);
|
|
261
320
|
}
|
|
262
321
|
.top-4 {
|
|
263
322
|
top: calc(var(--spacing) * 4);
|
|
@@ -287,7 +346,7 @@
|
|
|
287
346
|
left: calc(var(--spacing) * 1);
|
|
288
347
|
}
|
|
289
348
|
.left-1\/2 {
|
|
290
|
-
left: calc(1/2 * 100%);
|
|
349
|
+
left: calc(1 / 2 * 100%);
|
|
291
350
|
}
|
|
292
351
|
.z-10 {
|
|
293
352
|
z-index: 10;
|
|
@@ -304,12 +363,18 @@
|
|
|
304
363
|
.row-start-1 {
|
|
305
364
|
grid-row-start: 1;
|
|
306
365
|
}
|
|
366
|
+
.-m-1 {
|
|
367
|
+
margin: calc(var(--spacing) * -1);
|
|
368
|
+
}
|
|
307
369
|
.mx-auto {
|
|
308
370
|
margin-inline: auto;
|
|
309
371
|
}
|
|
310
372
|
.-my-5 {
|
|
311
373
|
margin-block: calc(var(--spacing) * -5);
|
|
312
374
|
}
|
|
375
|
+
.my-4 {
|
|
376
|
+
margin-block: calc(var(--spacing) * 4);
|
|
377
|
+
}
|
|
313
378
|
.mt-1 {
|
|
314
379
|
margin-top: calc(var(--spacing) * 1);
|
|
315
380
|
}
|
|
@@ -461,7 +526,7 @@
|
|
|
461
526
|
width: calc(var(--spacing) * 3);
|
|
462
527
|
}
|
|
463
528
|
.w-3\/4 {
|
|
464
|
-
width: calc(3/4 * 100%);
|
|
529
|
+
width: calc(3 / 4 * 100%);
|
|
465
530
|
}
|
|
466
531
|
.w-4 {
|
|
467
532
|
width: calc(var(--spacing) * 4);
|
|
@@ -481,8 +546,8 @@
|
|
|
481
546
|
.w-56 {
|
|
482
547
|
width: calc(var(--spacing) * 56);
|
|
483
548
|
}
|
|
484
|
-
.w-
|
|
485
|
-
width: calc(var(--spacing) *
|
|
549
|
+
.w-64 {
|
|
550
|
+
width: calc(var(--spacing) * 64);
|
|
486
551
|
}
|
|
487
552
|
.w-\[50vw\] {
|
|
488
553
|
width: 50vw;
|
|
@@ -549,7 +614,7 @@
|
|
|
549
614
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
550
615
|
}
|
|
551
616
|
.-translate-x-1\/2 {
|
|
552
|
-
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
|
617
|
+
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
553
618
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
554
619
|
}
|
|
555
620
|
.-translate-y-1 {
|
|
@@ -557,7 +622,7 @@
|
|
|
557
622
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
558
623
|
}
|
|
559
624
|
.-translate-y-1\/2 {
|
|
560
|
-
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
|
|
625
|
+
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
561
626
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
562
627
|
}
|
|
563
628
|
.-scale-x-100 {
|
|
@@ -565,7 +630,8 @@
|
|
|
565
630
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
566
631
|
}
|
|
567
632
|
.transform {
|
|
568
|
-
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x)
|
|
633
|
+
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x)
|
|
634
|
+
var(--tw-skew-y);
|
|
569
635
|
}
|
|
570
636
|
.cursor-pointer {
|
|
571
637
|
cursor: pointer;
|
|
@@ -591,6 +657,9 @@
|
|
|
591
657
|
.flex-col {
|
|
592
658
|
flex-direction: column;
|
|
593
659
|
}
|
|
660
|
+
.flex-row {
|
|
661
|
+
flex-direction: row;
|
|
662
|
+
}
|
|
594
663
|
.flex-row-reverse {
|
|
595
664
|
flex-direction: row-reverse;
|
|
596
665
|
}
|
|
@@ -660,13 +729,6 @@
|
|
|
660
729
|
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
|
|
661
730
|
}
|
|
662
731
|
}
|
|
663
|
-
.space-y-10 {
|
|
664
|
-
:where(& > :not(:last-child)) {
|
|
665
|
-
--tw-space-y-reverse: 0;
|
|
666
|
-
margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
|
|
667
|
-
margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
|
|
668
|
-
}
|
|
669
|
-
}
|
|
670
732
|
.space-y-12 {
|
|
671
733
|
:where(& > :not(:last-child)) {
|
|
672
734
|
--tw-space-y-reverse: 0;
|
|
@@ -680,6 +742,9 @@
|
|
|
680
742
|
.gap-x-2 {
|
|
681
743
|
column-gap: calc(var(--spacing) * 2);
|
|
682
744
|
}
|
|
745
|
+
.gap-x-4 {
|
|
746
|
+
column-gap: calc(var(--spacing) * 4);
|
|
747
|
+
}
|
|
683
748
|
.gap-x-12 {
|
|
684
749
|
column-gap: calc(var(--spacing) * 12);
|
|
685
750
|
}
|
|
@@ -690,6 +755,9 @@
|
|
|
690
755
|
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
|
|
691
756
|
}
|
|
692
757
|
}
|
|
758
|
+
.gap-y-3 {
|
|
759
|
+
row-gap: calc(var(--spacing) * 3);
|
|
760
|
+
}
|
|
693
761
|
.self-start {
|
|
694
762
|
align-self: flex-start;
|
|
695
763
|
}
|
|
@@ -710,6 +778,9 @@
|
|
|
710
778
|
.overflow-y-auto {
|
|
711
779
|
overflow-y: auto;
|
|
712
780
|
}
|
|
781
|
+
.rounded {
|
|
782
|
+
border-radius: 0.25rem;
|
|
783
|
+
}
|
|
713
784
|
.rounded-full {
|
|
714
785
|
border-radius: calc(infinity * 1px);
|
|
715
786
|
}
|
|
@@ -771,15 +842,6 @@
|
|
|
771
842
|
.border-transparent {
|
|
772
843
|
border-color: transparent;
|
|
773
844
|
}
|
|
774
|
-
.border-zinc-900 {
|
|
775
|
-
border-color: var(--color-zinc-900);
|
|
776
|
-
}
|
|
777
|
-
.border-zinc-900\/5 {
|
|
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
|
-
}
|
|
782
|
-
}
|
|
783
845
|
.bg-background {
|
|
784
846
|
background-color: var(--background);
|
|
785
847
|
}
|
|
@@ -792,12 +854,18 @@
|
|
|
792
854
|
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
|
|
793
855
|
}
|
|
794
856
|
}
|
|
857
|
+
.bg-border {
|
|
858
|
+
background-color: var(--border);
|
|
859
|
+
}
|
|
795
860
|
.bg-nsw-grey-50 {
|
|
796
861
|
background-color: var(--color-nsw-grey-50);
|
|
797
862
|
}
|
|
798
863
|
.bg-nsw-grey-100 {
|
|
799
864
|
background-color: var(--color-nsw-grey-100);
|
|
800
865
|
}
|
|
866
|
+
.bg-nsw-grey-200 {
|
|
867
|
+
background-color: var(--color-nsw-grey-200);
|
|
868
|
+
}
|
|
801
869
|
.bg-nsw-grey-600 {
|
|
802
870
|
background-color: var(--color-nsw-grey-600);
|
|
803
871
|
}
|
|
@@ -822,7 +890,12 @@
|
|
|
822
890
|
}
|
|
823
891
|
.from-nsw-grey-600 {
|
|
824
892
|
--tw-gradient-from: var(--color-nsw-grey-600);
|
|
825
|
-
--tw-gradient-stops: var(
|
|
893
|
+
--tw-gradient-stops: var(
|
|
894
|
+
--tw-gradient-via-stops,
|
|
895
|
+
var(--tw-gradient-position),
|
|
896
|
+
var(--tw-gradient-from) var(--tw-gradient-from-position),
|
|
897
|
+
var(--tw-gradient-to) var(--tw-gradient-to-position)
|
|
898
|
+
);
|
|
826
899
|
}
|
|
827
900
|
.fill-current {
|
|
828
901
|
fill: currentcolor;
|
|
@@ -833,18 +906,21 @@
|
|
|
833
906
|
.fill-nsw-grey-600 {
|
|
834
907
|
fill: var(--color-nsw-grey-600);
|
|
835
908
|
}
|
|
909
|
+
.fill-nsw-grey-700 {
|
|
910
|
+
fill: var(--color-nsw-grey-700);
|
|
911
|
+
}
|
|
836
912
|
.fill-nsw-red-600 {
|
|
837
913
|
fill: var(--color-nsw-red-600);
|
|
838
914
|
}
|
|
839
915
|
.fill-primary {
|
|
840
916
|
fill: oklch(0.29 0.1173 259.84);
|
|
841
917
|
}
|
|
842
|
-
.fill-zinc-700 {
|
|
843
|
-
fill: var(--color-zinc-700);
|
|
844
|
-
}
|
|
845
918
|
.p-0 {
|
|
846
919
|
padding: calc(var(--spacing) * 0);
|
|
847
920
|
}
|
|
921
|
+
.p-1 {
|
|
922
|
+
padding: calc(var(--spacing) * 1);
|
|
923
|
+
}
|
|
848
924
|
.p-3 {
|
|
849
925
|
padding: calc(var(--spacing) * 3);
|
|
850
926
|
}
|
|
@@ -881,6 +957,9 @@
|
|
|
881
957
|
.py-0 {
|
|
882
958
|
padding-block: calc(var(--spacing) * 0);
|
|
883
959
|
}
|
|
960
|
+
.py-0\.5 {
|
|
961
|
+
padding-block: calc(var(--spacing) * 0.5);
|
|
962
|
+
}
|
|
884
963
|
.py-1 {
|
|
885
964
|
padding-block: calc(var(--spacing) * 1);
|
|
886
965
|
}
|
|
@@ -902,6 +981,9 @@
|
|
|
902
981
|
.py-16 {
|
|
903
982
|
padding-block: calc(var(--spacing) * 16);
|
|
904
983
|
}
|
|
984
|
+
.pt-4 {
|
|
985
|
+
padding-top: calc(var(--spacing) * 4);
|
|
986
|
+
}
|
|
905
987
|
.pt-6 {
|
|
906
988
|
padding-top: calc(var(--spacing) * 6);
|
|
907
989
|
}
|
|
@@ -914,6 +996,9 @@
|
|
|
914
996
|
.pr-8 {
|
|
915
997
|
padding-right: calc(var(--spacing) * 8);
|
|
916
998
|
}
|
|
999
|
+
.pb-4 {
|
|
1000
|
+
padding-bottom: calc(var(--spacing) * 4);
|
|
1001
|
+
}
|
|
917
1002
|
.pb-16 {
|
|
918
1003
|
padding-bottom: calc(var(--spacing) * 16);
|
|
919
1004
|
}
|
|
@@ -993,6 +1078,12 @@
|
|
|
993
1078
|
--tw-tracking: var(--tracking-tight);
|
|
994
1079
|
letter-spacing: var(--tracking-tight);
|
|
995
1080
|
}
|
|
1081
|
+
.text-pretty {
|
|
1082
|
+
text-wrap: pretty;
|
|
1083
|
+
}
|
|
1084
|
+
.text-wrap {
|
|
1085
|
+
text-wrap: wrap;
|
|
1086
|
+
}
|
|
996
1087
|
.whitespace-nowrap {
|
|
997
1088
|
white-space: nowrap;
|
|
998
1089
|
}
|
|
@@ -1008,6 +1099,9 @@
|
|
|
1008
1099
|
.text-nsw-blue-800 {
|
|
1009
1100
|
color: var(--color-nsw-blue-800);
|
|
1010
1101
|
}
|
|
1102
|
+
.text-nsw-grey-600 {
|
|
1103
|
+
color: var(--color-nsw-grey-600);
|
|
1104
|
+
}
|
|
1011
1105
|
.text-primary {
|
|
1012
1106
|
color: oklch(0.29 0.1173 259.84);
|
|
1013
1107
|
}
|
|
@@ -1023,9 +1117,6 @@
|
|
|
1023
1117
|
.text-white {
|
|
1024
1118
|
color: var(--color-white);
|
|
1025
1119
|
}
|
|
1026
|
-
.text-zinc-600 {
|
|
1027
|
-
color: var(--color-zinc-600);
|
|
1028
|
-
}
|
|
1029
1120
|
.lowercase {
|
|
1030
1121
|
text-transform: lowercase;
|
|
1031
1122
|
}
|
|
@@ -1046,35 +1137,59 @@
|
|
|
1046
1137
|
opacity: 70%;
|
|
1047
1138
|
}
|
|
1048
1139
|
.shadow-lg {
|
|
1049
|
-
--tw-shadow:
|
|
1050
|
-
|
|
1140
|
+
--tw-shadow:
|
|
1141
|
+
0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
|
|
1142
|
+
0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1143
|
+
box-shadow:
|
|
1144
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
1145
|
+
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1051
1146
|
}
|
|
1052
1147
|
.shadow-md {
|
|
1053
|
-
--tw-shadow:
|
|
1054
|
-
|
|
1148
|
+
--tw-shadow:
|
|
1149
|
+
0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
|
|
1150
|
+
0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1151
|
+
box-shadow:
|
|
1152
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
1153
|
+
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1055
1154
|
}
|
|
1056
1155
|
.shadow-none {
|
|
1057
1156
|
--tw-shadow: 0 0 #0000;
|
|
1058
|
-
box-shadow:
|
|
1157
|
+
box-shadow:
|
|
1158
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
1159
|
+
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1059
1160
|
}
|
|
1060
1161
|
.shadow-sm {
|
|
1061
|
-
--tw-shadow:
|
|
1062
|
-
|
|
1162
|
+
--tw-shadow:
|
|
1163
|
+
0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
|
|
1164
|
+
0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1165
|
+
box-shadow:
|
|
1166
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
1167
|
+
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1063
1168
|
}
|
|
1064
1169
|
.shadow-xs {
|
|
1065
1170
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
1066
|
-
box-shadow:
|
|
1171
|
+
box-shadow:
|
|
1172
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
1173
|
+
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1067
1174
|
}
|
|
1068
1175
|
.shadow-slate-900 {
|
|
1069
1176
|
--tw-shadow-color: oklch(20.8% 0.042 265.755);
|
|
1070
1177
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1071
|
-
--tw-shadow-color: color-mix(
|
|
1178
|
+
--tw-shadow-color: color-mix(
|
|
1179
|
+
in oklab,
|
|
1180
|
+
var(--color-slate-900) var(--tw-shadow-alpha),
|
|
1181
|
+
transparent
|
|
1182
|
+
);
|
|
1072
1183
|
}
|
|
1073
1184
|
}
|
|
1074
1185
|
.shadow-slate-900\/5 {
|
|
1075
1186
|
--tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent);
|
|
1076
1187
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1077
|
-
--tw-shadow-color: color-mix(
|
|
1188
|
+
--tw-shadow-color: color-mix(
|
|
1189
|
+
in oklab,
|
|
1190
|
+
color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha),
|
|
1191
|
+
transparent
|
|
1192
|
+
);
|
|
1078
1193
|
}
|
|
1079
1194
|
}
|
|
1080
1195
|
.ring-offset-background {
|
|
@@ -1085,16 +1200,41 @@
|
|
|
1085
1200
|
outline-width: 1px;
|
|
1086
1201
|
}
|
|
1087
1202
|
.backdrop-filter {
|
|
1088
|
-
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
1089
|
-
|
|
1203
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
1204
|
+
var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
|
|
1205
|
+
var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
|
|
1206
|
+
var(--tw-backdrop-sepia,);
|
|
1207
|
+
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
1208
|
+
var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
|
|
1209
|
+
var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
|
|
1210
|
+
var(--tw-backdrop-sepia,);
|
|
1090
1211
|
}
|
|
1091
1212
|
.transition {
|
|
1092
|
-
transition-property:
|
|
1213
|
+
transition-property:
|
|
1214
|
+
color,
|
|
1215
|
+
background-color,
|
|
1216
|
+
border-color,
|
|
1217
|
+
outline-color,
|
|
1218
|
+
text-decoration-color,
|
|
1219
|
+
fill,
|
|
1220
|
+
stroke,
|
|
1221
|
+
--tw-gradient-from,
|
|
1222
|
+
--tw-gradient-via,
|
|
1223
|
+
--tw-gradient-to,
|
|
1224
|
+
opacity,
|
|
1225
|
+
box-shadow,
|
|
1226
|
+
transform,
|
|
1227
|
+
translate,
|
|
1228
|
+
scale,
|
|
1229
|
+
rotate,
|
|
1230
|
+
filter,
|
|
1231
|
+
-webkit-backdrop-filter,
|
|
1232
|
+
backdrop-filter;
|
|
1093
1233
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1094
1234
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1095
1235
|
}
|
|
1096
1236
|
.transition-\[color\,box-shadow\] {
|
|
1097
|
-
transition-property: color,box-shadow;
|
|
1237
|
+
transition-property: color, box-shadow;
|
|
1098
1238
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1099
1239
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1100
1240
|
}
|
|
@@ -1142,25 +1282,25 @@
|
|
|
1142
1282
|
.ease-in-out {
|
|
1143
1283
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1144
1284
|
}
|
|
1145
|
-
.group-hover\:fill-
|
|
1285
|
+
.group-hover\:fill-nsw-grey-900 {
|
|
1146
1286
|
&:is(:where(.group):hover *) {
|
|
1147
1287
|
@media (hover: hover) {
|
|
1148
|
-
fill: var(--color-
|
|
1288
|
+
fill: var(--color-nsw-grey-900);
|
|
1149
1289
|
}
|
|
1150
1290
|
}
|
|
1151
1291
|
}
|
|
1152
1292
|
.group-data-\[disabled\=true\]\:pointer-events-none {
|
|
1153
|
-
&:is(:where(.group)[data-disabled=
|
|
1293
|
+
&:is(:where(.group)[data-disabled='true'] *) {
|
|
1154
1294
|
pointer-events: none;
|
|
1155
1295
|
}
|
|
1156
1296
|
}
|
|
1157
1297
|
.group-data-\[disabled\=true\]\:opacity-50 {
|
|
1158
|
-
&:is(:where(.group)[data-disabled=
|
|
1298
|
+
&:is(:where(.group)[data-disabled='true'] *) {
|
|
1159
1299
|
opacity: 50%;
|
|
1160
1300
|
}
|
|
1161
1301
|
}
|
|
1162
1302
|
.group-data-\[state\=open\]\:rotate-90 {
|
|
1163
|
-
&:is(:where(.group)[data-state=
|
|
1303
|
+
&:is(:where(.group)[data-state='open'] *) {
|
|
1164
1304
|
rotate: 90deg;
|
|
1165
1305
|
}
|
|
1166
1306
|
}
|
|
@@ -1175,7 +1315,7 @@
|
|
|
1175
1315
|
}
|
|
1176
1316
|
}
|
|
1177
1317
|
.peer-data-\[state\=checked\]\:border-nsw-grey-600 {
|
|
1178
|
-
&:is(:where(.peer)[data-state=
|
|
1318
|
+
&:is(:where(.peer)[data-state='checked'] ~ *) {
|
|
1179
1319
|
border-color: var(--color-nsw-grey-600);
|
|
1180
1320
|
}
|
|
1181
1321
|
}
|
|
@@ -1239,6 +1379,13 @@
|
|
|
1239
1379
|
}
|
|
1240
1380
|
}
|
|
1241
1381
|
}
|
|
1382
|
+
.hover\:text-nsw-grey-600 {
|
|
1383
|
+
&:hover {
|
|
1384
|
+
@media (hover: hover) {
|
|
1385
|
+
color: var(--color-nsw-grey-600);
|
|
1386
|
+
}
|
|
1387
|
+
}
|
|
1388
|
+
}
|
|
1242
1389
|
.hover\:text-slate-600 {
|
|
1243
1390
|
&:hover {
|
|
1244
1391
|
@media (hover: hover) {
|
|
@@ -1260,6 +1407,13 @@
|
|
|
1260
1407
|
}
|
|
1261
1408
|
}
|
|
1262
1409
|
}
|
|
1410
|
+
.hover\:decoration-2 {
|
|
1411
|
+
&:hover {
|
|
1412
|
+
@media (hover: hover) {
|
|
1413
|
+
text-decoration-thickness: 2px;
|
|
1414
|
+
}
|
|
1415
|
+
}
|
|
1416
|
+
}
|
|
1263
1417
|
.hover\:opacity-100 {
|
|
1264
1418
|
&:hover {
|
|
1265
1419
|
@media (hover: hover) {
|
|
@@ -1274,14 +1428,18 @@
|
|
|
1274
1428
|
}
|
|
1275
1429
|
.focus\:ring-2 {
|
|
1276
1430
|
&:focus {
|
|
1277
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
|
|
1278
|
-
|
|
1431
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
|
|
1432
|
+
var(--tw-ring-color, currentcolor);
|
|
1433
|
+
box-shadow:
|
|
1434
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
1435
|
+
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1279
1436
|
}
|
|
1280
1437
|
}
|
|
1281
1438
|
.focus\:ring-offset-2 {
|
|
1282
1439
|
&:focus {
|
|
1283
1440
|
--tw-ring-offset-width: 2px;
|
|
1284
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
|
|
1441
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
|
|
1442
|
+
var(--tw-ring-offset-color);
|
|
1285
1443
|
}
|
|
1286
1444
|
}
|
|
1287
1445
|
.focus\:outline-hidden {
|
|
@@ -1301,8 +1459,11 @@
|
|
|
1301
1459
|
}
|
|
1302
1460
|
.focus-visible\:ring-\[3px\] {
|
|
1303
1461
|
&:focus-visible {
|
|
1304
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width))
|
|
1305
|
-
|
|
1462
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width))
|
|
1463
|
+
var(--tw-ring-color, currentcolor);
|
|
1464
|
+
box-shadow:
|
|
1465
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
1466
|
+
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1306
1467
|
}
|
|
1307
1468
|
}
|
|
1308
1469
|
.focus-visible\:outline-1 {
|
|
@@ -1327,44 +1488,68 @@
|
|
|
1327
1488
|
}
|
|
1328
1489
|
}
|
|
1329
1490
|
.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
|
|
1330
|
-
&:has(*[data-slot=
|
|
1491
|
+
&:has(*[data-slot='card-action']) {
|
|
1331
1492
|
grid-template-columns: 1fr auto;
|
|
1332
1493
|
}
|
|
1333
1494
|
}
|
|
1334
1495
|
.has-\[\>svg\]\:px-2\.5 {
|
|
1335
|
-
&:has(>svg) {
|
|
1496
|
+
&:has(> svg) {
|
|
1336
1497
|
padding-inline: calc(var(--spacing) * 2.5);
|
|
1337
1498
|
}
|
|
1338
1499
|
}
|
|
1339
1500
|
.has-\[\>svg\]\:px-3 {
|
|
1340
|
-
&:has(>svg) {
|
|
1501
|
+
&:has(> svg) {
|
|
1341
1502
|
padding-inline: calc(var(--spacing) * 3);
|
|
1342
1503
|
}
|
|
1343
1504
|
}
|
|
1344
1505
|
.has-\[\>svg\]\:px-4 {
|
|
1345
|
-
&:has(>svg) {
|
|
1506
|
+
&:has(> svg) {
|
|
1346
1507
|
padding-inline: calc(var(--spacing) * 4);
|
|
1347
1508
|
}
|
|
1348
1509
|
}
|
|
1510
|
+
.data-\[orientation\=horizontal\]\:h-px {
|
|
1511
|
+
&[data-orientation='horizontal'] {
|
|
1512
|
+
height: 1px;
|
|
1513
|
+
}
|
|
1514
|
+
}
|
|
1515
|
+
.data-\[orientation\=horizontal\]\:w-full {
|
|
1516
|
+
&[data-orientation='horizontal'] {
|
|
1517
|
+
width: 100%;
|
|
1518
|
+
}
|
|
1519
|
+
}
|
|
1520
|
+
.data-\[orientation\=vertical\]\:h-full {
|
|
1521
|
+
&[data-orientation='vertical'] {
|
|
1522
|
+
height: 100%;
|
|
1523
|
+
}
|
|
1524
|
+
}
|
|
1525
|
+
.data-\[orientation\=vertical\]\:w-px {
|
|
1526
|
+
&[data-orientation='vertical'] {
|
|
1527
|
+
width: 1px;
|
|
1528
|
+
}
|
|
1529
|
+
}
|
|
1349
1530
|
.data-\[state\=active\]\:bg-background {
|
|
1350
|
-
&[data-state=
|
|
1531
|
+
&[data-state='active'] {
|
|
1351
1532
|
background-color: var(--background);
|
|
1352
1533
|
}
|
|
1353
1534
|
}
|
|
1354
1535
|
.data-\[state\=active\]\:shadow-sm {
|
|
1355
|
-
&[data-state=
|
|
1356
|
-
--tw-shadow:
|
|
1357
|
-
|
|
1536
|
+
&[data-state='active'] {
|
|
1537
|
+
--tw-shadow:
|
|
1538
|
+
0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
|
|
1539
|
+
0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1540
|
+
box-shadow:
|
|
1541
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
1542
|
+
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1358
1543
|
}
|
|
1359
1544
|
}
|
|
1360
1545
|
.data-\[state\=closed\]\:duration-300 {
|
|
1361
|
-
&[data-state=
|
|
1546
|
+
&[data-state='closed'] {
|
|
1362
1547
|
--tw-duration: 300ms;
|
|
1363
1548
|
transition-duration: 300ms;
|
|
1364
1549
|
}
|
|
1365
1550
|
}
|
|
1366
1551
|
.data-\[state\=closed\]\:animate-out {
|
|
1367
|
-
&[data-state=
|
|
1552
|
+
&[data-state='closed'] {
|
|
1368
1553
|
animation-name: exit;
|
|
1369
1554
|
animation-duration: 150ms;
|
|
1370
1555
|
--tw-exit-opacity: initial;
|
|
@@ -1375,58 +1560,58 @@
|
|
|
1375
1560
|
}
|
|
1376
1561
|
}
|
|
1377
1562
|
.data-\[state\=closed\]\:duration-300 {
|
|
1378
|
-
&[data-state=
|
|
1563
|
+
&[data-state='closed'] {
|
|
1379
1564
|
animation-duration: 300ms;
|
|
1380
1565
|
}
|
|
1381
1566
|
}
|
|
1382
1567
|
.data-\[state\=closed\]\:fade-out-0 {
|
|
1383
|
-
&[data-state=
|
|
1568
|
+
&[data-state='closed'] {
|
|
1384
1569
|
--tw-exit-opacity: 0;
|
|
1385
1570
|
}
|
|
1386
1571
|
}
|
|
1387
1572
|
.data-\[state\=closed\]\:slide-out-to-bottom {
|
|
1388
|
-
&[data-state=
|
|
1573
|
+
&[data-state='closed'] {
|
|
1389
1574
|
--tw-exit-translate-y: 100%;
|
|
1390
1575
|
}
|
|
1391
1576
|
}
|
|
1392
1577
|
.data-\[state\=closed\]\:slide-out-to-left {
|
|
1393
|
-
&[data-state=
|
|
1578
|
+
&[data-state='closed'] {
|
|
1394
1579
|
--tw-exit-translate-x: -100%;
|
|
1395
1580
|
}
|
|
1396
1581
|
}
|
|
1397
1582
|
.data-\[state\=closed\]\:slide-out-to-right {
|
|
1398
|
-
&[data-state=
|
|
1583
|
+
&[data-state='closed'] {
|
|
1399
1584
|
--tw-exit-translate-x: 100%;
|
|
1400
1585
|
}
|
|
1401
1586
|
}
|
|
1402
1587
|
.data-\[state\=closed\]\:slide-out-to-top {
|
|
1403
|
-
&[data-state=
|
|
1588
|
+
&[data-state='closed'] {
|
|
1404
1589
|
--tw-exit-translate-y: -100%;
|
|
1405
1590
|
}
|
|
1406
1591
|
}
|
|
1407
1592
|
.data-\[state\=on\]\:bg-primary\/10 {
|
|
1408
|
-
&[data-state=
|
|
1593
|
+
&[data-state='on'] {
|
|
1409
1594
|
background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
|
|
1410
1595
|
}
|
|
1411
1596
|
}
|
|
1412
1597
|
.data-\[state\=on\]\:text-foreground {
|
|
1413
|
-
&[data-state=
|
|
1598
|
+
&[data-state='on'] {
|
|
1414
1599
|
color: var(--foreground);
|
|
1415
1600
|
}
|
|
1416
1601
|
}
|
|
1417
1602
|
.data-\[state\=open\]\:bg-secondary {
|
|
1418
|
-
&[data-state=
|
|
1603
|
+
&[data-state='open'] {
|
|
1419
1604
|
background-color: oklch(0.9267 0.0417 227.89);
|
|
1420
1605
|
}
|
|
1421
1606
|
}
|
|
1422
1607
|
.data-\[state\=open\]\:duration-500 {
|
|
1423
|
-
&[data-state=
|
|
1608
|
+
&[data-state='open'] {
|
|
1424
1609
|
--tw-duration: 500ms;
|
|
1425
1610
|
transition-duration: 500ms;
|
|
1426
1611
|
}
|
|
1427
1612
|
}
|
|
1428
1613
|
.data-\[state\=open\]\:animate-in {
|
|
1429
|
-
&[data-state=
|
|
1614
|
+
&[data-state='open'] {
|
|
1430
1615
|
animation-name: enter;
|
|
1431
1616
|
animation-duration: 150ms;
|
|
1432
1617
|
--tw-enter-opacity: initial;
|
|
@@ -1437,45 +1622,47 @@
|
|
|
1437
1622
|
}
|
|
1438
1623
|
}
|
|
1439
1624
|
.data-\[state\=open\]\:duration-500 {
|
|
1440
|
-
&[data-state=
|
|
1625
|
+
&[data-state='open'] {
|
|
1441
1626
|
animation-duration: 500ms;
|
|
1442
1627
|
}
|
|
1443
1628
|
}
|
|
1444
1629
|
.data-\[state\=open\]\:fade-in-0 {
|
|
1445
|
-
&[data-state=
|
|
1630
|
+
&[data-state='open'] {
|
|
1446
1631
|
--tw-enter-opacity: 0;
|
|
1447
1632
|
}
|
|
1448
1633
|
}
|
|
1449
1634
|
.data-\[state\=open\]\:slide-in-from-bottom {
|
|
1450
|
-
&[data-state=
|
|
1635
|
+
&[data-state='open'] {
|
|
1451
1636
|
--tw-enter-translate-y: 100%;
|
|
1452
1637
|
}
|
|
1453
1638
|
}
|
|
1454
1639
|
.data-\[state\=open\]\:slide-in-from-left {
|
|
1455
|
-
&[data-state=
|
|
1640
|
+
&[data-state='open'] {
|
|
1456
1641
|
--tw-enter-translate-x: -100%;
|
|
1457
1642
|
}
|
|
1458
1643
|
}
|
|
1459
1644
|
.data-\[state\=open\]\:slide-in-from-right {
|
|
1460
|
-
&[data-state=
|
|
1645
|
+
&[data-state='open'] {
|
|
1461
1646
|
--tw-enter-translate-x: 100%;
|
|
1462
1647
|
}
|
|
1463
1648
|
}
|
|
1464
1649
|
.data-\[state\=open\]\:slide-in-from-top {
|
|
1465
|
-
&[data-state=
|
|
1650
|
+
&[data-state='open'] {
|
|
1466
1651
|
--tw-enter-translate-y: -100%;
|
|
1467
1652
|
}
|
|
1468
1653
|
}
|
|
1469
1654
|
.data-\[variant\=outline\]\:border-l {
|
|
1470
|
-
&[data-variant=
|
|
1655
|
+
&[data-variant='outline'] {
|
|
1471
1656
|
border-left-style: var(--tw-border-style);
|
|
1472
1657
|
border-left-width: 1px;
|
|
1473
1658
|
}
|
|
1474
1659
|
}
|
|
1475
1660
|
.data-\[variant\=outline\]\:shadow-xs {
|
|
1476
|
-
&[data-variant=
|
|
1661
|
+
&[data-variant='outline'] {
|
|
1477
1662
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
1478
|
-
box-shadow:
|
|
1663
|
+
box-shadow:
|
|
1664
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
1665
|
+
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1479
1666
|
}
|
|
1480
1667
|
}
|
|
1481
1668
|
.sm\:mr-8 {
|
|
@@ -1589,14 +1776,9 @@
|
|
|
1589
1776
|
height: calc(var(--spacing) * 14);
|
|
1590
1777
|
}
|
|
1591
1778
|
}
|
|
1592
|
-
.lg\:w-
|
|
1593
|
-
@media (width >= 64rem) {
|
|
1594
|
-
width: calc(var(--spacing) * 96);
|
|
1595
|
-
}
|
|
1596
|
-
}
|
|
1597
|
-
.lg\:max-w-5xl {
|
|
1779
|
+
.lg\:w-80 {
|
|
1598
1780
|
@media (width >= 64rem) {
|
|
1599
|
-
|
|
1781
|
+
width: calc(var(--spacing) * 80);
|
|
1600
1782
|
}
|
|
1601
1783
|
}
|
|
1602
1784
|
.lg\:max-w-none {
|
|
@@ -1624,6 +1806,16 @@
|
|
|
1624
1806
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
1625
1807
|
}
|
|
1626
1808
|
}
|
|
1809
|
+
.lg\:justify-end {
|
|
1810
|
+
@media (width >= 64rem) {
|
|
1811
|
+
justify-content: flex-end;
|
|
1812
|
+
}
|
|
1813
|
+
}
|
|
1814
|
+
.lg\:justify-start {
|
|
1815
|
+
@media (width >= 64rem) {
|
|
1816
|
+
justify-content: flex-start;
|
|
1817
|
+
}
|
|
1818
|
+
}
|
|
1627
1819
|
.lg\:px-8 {
|
|
1628
1820
|
@media (width >= 64rem) {
|
|
1629
1821
|
padding-inline: calc(var(--spacing) * 8);
|
|
@@ -1634,11 +1826,21 @@
|
|
|
1634
1826
|
padding-right: calc(var(--spacing) * 0);
|
|
1635
1827
|
}
|
|
1636
1828
|
}
|
|
1829
|
+
.lg\:pr-12 {
|
|
1830
|
+
@media (width >= 64rem) {
|
|
1831
|
+
padding-right: calc(var(--spacing) * 12);
|
|
1832
|
+
}
|
|
1833
|
+
}
|
|
1637
1834
|
.lg\:pl-8 {
|
|
1638
1835
|
@media (width >= 64rem) {
|
|
1639
1836
|
padding-left: calc(var(--spacing) * 8);
|
|
1640
1837
|
}
|
|
1641
1838
|
}
|
|
1839
|
+
.lg\:text-left {
|
|
1840
|
+
@media (width >= 64rem) {
|
|
1841
|
+
text-align: left;
|
|
1842
|
+
}
|
|
1843
|
+
}
|
|
1642
1844
|
.lg\:text-sm {
|
|
1643
1845
|
@media (width >= 64rem) {
|
|
1644
1846
|
font-size: var(--text-sm);
|
|
@@ -1700,11 +1902,6 @@
|
|
|
1700
1902
|
padding-right: calc(var(--spacing) * 6);
|
|
1701
1903
|
}
|
|
1702
1904
|
}
|
|
1703
|
-
.xl\:pr-16 {
|
|
1704
|
-
@media (width >= 80rem) {
|
|
1705
|
-
padding-right: calc(var(--spacing) * 16);
|
|
1706
|
-
}
|
|
1707
|
-
}
|
|
1708
1905
|
.dark\:block {
|
|
1709
1906
|
&:where(.dark, .dark *) {
|
|
1710
1907
|
display: block;
|
|
@@ -1797,29 +1994,32 @@
|
|
|
1797
1994
|
color: var(--color-white);
|
|
1798
1995
|
}
|
|
1799
1996
|
}
|
|
1800
|
-
.dark\:text-zinc-400 {
|
|
1801
|
-
&:where(.dark, .dark *) {
|
|
1802
|
-
color: var(--color-zinc-400);
|
|
1803
|
-
}
|
|
1804
|
-
}
|
|
1805
1997
|
.dark\:shadow-none {
|
|
1806
1998
|
&:where(.dark, .dark *) {
|
|
1807
1999
|
--tw-shadow: 0 0 #0000;
|
|
1808
|
-
box-shadow:
|
|
2000
|
+
box-shadow:
|
|
2001
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
|
|
2002
|
+
var(--tw-ring-shadow), var(--tw-shadow);
|
|
1809
2003
|
}
|
|
1810
2004
|
}
|
|
1811
2005
|
.dark\:backdrop-blur-sm {
|
|
1812
2006
|
&:where(.dark, .dark *) {
|
|
1813
2007
|
--tw-backdrop-blur: blur(var(--blur-sm));
|
|
1814
|
-
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
1815
|
-
|
|
2008
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
2009
|
+
var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
|
|
2010
|
+
var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
|
|
2011
|
+
var(--tw-backdrop-sepia,);
|
|
2012
|
+
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
|
|
2013
|
+
var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
|
|
2014
|
+
var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
|
|
2015
|
+
var(--tw-backdrop-sepia,);
|
|
1816
2016
|
}
|
|
1817
2017
|
}
|
|
1818
|
-
.dark\:group-hover\:fill-
|
|
2018
|
+
.dark\:group-hover\:fill-nsw-grey-500 {
|
|
1819
2019
|
&:where(.dark, .dark *) {
|
|
1820
2020
|
&:is(:where(.group):hover *) {
|
|
1821
2021
|
@media (hover: hover) {
|
|
1822
|
-
fill: var(--color-
|
|
2022
|
+
fill: var(--color-nsw-grey-500);
|
|
1823
2023
|
}
|
|
1824
2024
|
}
|
|
1825
2025
|
}
|
|
@@ -1874,7 +2074,7 @@
|
|
|
1874
2074
|
}
|
|
1875
2075
|
.dark\:data-\[state\=active\]\:text-foreground {
|
|
1876
2076
|
&:where(.dark, .dark *) {
|
|
1877
|
-
&[data-state=
|
|
2077
|
+
&[data-state='active'] {
|
|
1878
2078
|
color: var(--foreground);
|
|
1879
2079
|
}
|
|
1880
2080
|
}
|
|
@@ -1896,7 +2096,7 @@
|
|
|
1896
2096
|
}
|
|
1897
2097
|
}
|
|
1898
2098
|
.\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-400 {
|
|
1899
|
-
&:has([data-state=checked]) {
|
|
2099
|
+
&:has([data-state='checked']) {
|
|
1900
2100
|
border-color: var(--color-nsw-grey-400);
|
|
1901
2101
|
}
|
|
1902
2102
|
}
|
|
@@ -1910,9 +2110,20 @@
|
|
|
1910
2110
|
padding-top: calc(var(--spacing) * 6);
|
|
1911
2111
|
}
|
|
1912
2112
|
}
|
|
2113
|
+
.\[\&\>svg\]\:pointer-events-none {
|
|
2114
|
+
& > svg {
|
|
2115
|
+
pointer-events: none;
|
|
2116
|
+
}
|
|
2117
|
+
}
|
|
2118
|
+
.\[\&\>svg\]\:size-3 {
|
|
2119
|
+
& > svg {
|
|
2120
|
+
width: calc(var(--spacing) * 3);
|
|
2121
|
+
height: calc(var(--spacing) * 3);
|
|
2122
|
+
}
|
|
2123
|
+
}
|
|
1913
2124
|
.dark\:\[\@supports\(backdrop-filter\:blur\(0\)\)\]\:bg-slate-900\/75 {
|
|
1914
2125
|
&:where(.dark, .dark *) {
|
|
1915
|
-
@supports (backdrop-filter:blur(0)) {
|
|
2126
|
+
@supports (backdrop-filter: blur(0)) {
|
|
1916
2127
|
background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 75%, transparent);
|
|
1917
2128
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1918
2129
|
background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
|
|
@@ -1920,6 +2131,33 @@
|
|
|
1920
2131
|
}
|
|
1921
2132
|
}
|
|
1922
2133
|
}
|
|
2134
|
+
.\[a\&\]\:hover\:bg-accent {
|
|
2135
|
+
a& {
|
|
2136
|
+
&:hover {
|
|
2137
|
+
@media (hover: hover) {
|
|
2138
|
+
background-color: oklch(0.562 0.2175 20.33);
|
|
2139
|
+
}
|
|
2140
|
+
}
|
|
2141
|
+
}
|
|
2142
|
+
}
|
|
2143
|
+
.\[a\&\]\:hover\:bg-primary\/90 {
|
|
2144
|
+
a& {
|
|
2145
|
+
&:hover {
|
|
2146
|
+
@media (hover: hover) {
|
|
2147
|
+
background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 90%, transparent);
|
|
2148
|
+
}
|
|
2149
|
+
}
|
|
2150
|
+
}
|
|
2151
|
+
}
|
|
2152
|
+
.\[a\&\]\:hover\:bg-secondary\/90 {
|
|
2153
|
+
a& {
|
|
2154
|
+
&:hover {
|
|
2155
|
+
@media (hover: hover) {
|
|
2156
|
+
background-color: color-mix(in oklab, oklch(0.9267 0.0417 227.89) 90%, transparent);
|
|
2157
|
+
}
|
|
2158
|
+
}
|
|
2159
|
+
}
|
|
2160
|
+
}
|
|
1923
2161
|
}
|
|
1924
2162
|
:root {
|
|
1925
2163
|
--background: #ffffff;
|
|
@@ -1949,256 +2187,264 @@
|
|
|
1949
2187
|
@keyframes enter {
|
|
1950
2188
|
from {
|
|
1951
2189
|
opacity: var(--tw-enter-opacity, 1);
|
|
1952
|
-
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
|
|
2190
|
+
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
|
|
2191
|
+
scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
|
|
2192
|
+
rotate(var(--tw-enter-rotate, 0));
|
|
1953
2193
|
}
|
|
1954
2194
|
}
|
|
1955
2195
|
@keyframes exit {
|
|
1956
2196
|
to {
|
|
1957
2197
|
opacity: var(--tw-exit-opacity, 1);
|
|
1958
|
-
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
|
|
2198
|
+
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
|
|
2199
|
+
scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
|
|
2200
|
+
rotate(var(--tw-exit-rotate, 0));
|
|
1959
2201
|
}
|
|
1960
2202
|
}
|
|
1961
2203
|
@property --tw-translate-x {
|
|
1962
|
-
syntax:
|
|
2204
|
+
syntax: '*';
|
|
1963
2205
|
inherits: false;
|
|
1964
2206
|
initial-value: 0;
|
|
1965
2207
|
}
|
|
1966
2208
|
@property --tw-translate-y {
|
|
1967
|
-
syntax:
|
|
2209
|
+
syntax: '*';
|
|
1968
2210
|
inherits: false;
|
|
1969
2211
|
initial-value: 0;
|
|
1970
2212
|
}
|
|
1971
2213
|
@property --tw-translate-z {
|
|
1972
|
-
syntax:
|
|
2214
|
+
syntax: '*';
|
|
1973
2215
|
inherits: false;
|
|
1974
2216
|
initial-value: 0;
|
|
1975
2217
|
}
|
|
1976
2218
|
@property --tw-scale-x {
|
|
1977
|
-
syntax:
|
|
2219
|
+
syntax: '*';
|
|
1978
2220
|
inherits: false;
|
|
1979
2221
|
initial-value: 1;
|
|
1980
2222
|
}
|
|
1981
2223
|
@property --tw-scale-y {
|
|
1982
|
-
syntax:
|
|
2224
|
+
syntax: '*';
|
|
1983
2225
|
inherits: false;
|
|
1984
2226
|
initial-value: 1;
|
|
1985
2227
|
}
|
|
1986
2228
|
@property --tw-scale-z {
|
|
1987
|
-
syntax:
|
|
2229
|
+
syntax: '*';
|
|
1988
2230
|
inherits: false;
|
|
1989
2231
|
initial-value: 1;
|
|
1990
2232
|
}
|
|
1991
2233
|
@property --tw-rotate-x {
|
|
1992
|
-
syntax:
|
|
2234
|
+
syntax: '*';
|
|
1993
2235
|
inherits: false;
|
|
1994
2236
|
initial-value: rotateX(0);
|
|
1995
2237
|
}
|
|
1996
2238
|
@property --tw-rotate-y {
|
|
1997
|
-
syntax:
|
|
2239
|
+
syntax: '*';
|
|
1998
2240
|
inherits: false;
|
|
1999
2241
|
initial-value: rotateY(0);
|
|
2000
2242
|
}
|
|
2001
2243
|
@property --tw-rotate-z {
|
|
2002
|
-
syntax:
|
|
2244
|
+
syntax: '*';
|
|
2003
2245
|
inherits: false;
|
|
2004
2246
|
initial-value: rotateZ(0);
|
|
2005
2247
|
}
|
|
2006
2248
|
@property --tw-skew-x {
|
|
2007
|
-
syntax:
|
|
2249
|
+
syntax: '*';
|
|
2008
2250
|
inherits: false;
|
|
2009
2251
|
initial-value: skewX(0);
|
|
2010
2252
|
}
|
|
2011
2253
|
@property --tw-skew-y {
|
|
2012
|
-
syntax:
|
|
2254
|
+
syntax: '*';
|
|
2013
2255
|
inherits: false;
|
|
2014
2256
|
initial-value: skewY(0);
|
|
2015
2257
|
}
|
|
2016
2258
|
@property --tw-space-y-reverse {
|
|
2017
|
-
syntax:
|
|
2259
|
+
syntax: '*';
|
|
2018
2260
|
inherits: false;
|
|
2019
2261
|
initial-value: 0;
|
|
2020
2262
|
}
|
|
2021
2263
|
@property --tw-space-x-reverse {
|
|
2022
|
-
syntax:
|
|
2264
|
+
syntax: '*';
|
|
2023
2265
|
inherits: false;
|
|
2024
2266
|
initial-value: 0;
|
|
2025
2267
|
}
|
|
2026
2268
|
@property --tw-border-style {
|
|
2027
|
-
syntax:
|
|
2269
|
+
syntax: '*';
|
|
2028
2270
|
inherits: false;
|
|
2029
2271
|
initial-value: solid;
|
|
2030
2272
|
}
|
|
2031
2273
|
@property --tw-gradient-position {
|
|
2032
|
-
syntax:
|
|
2274
|
+
syntax: '*';
|
|
2033
2275
|
inherits: false;
|
|
2034
2276
|
}
|
|
2035
2277
|
@property --tw-gradient-from {
|
|
2036
|
-
syntax:
|
|
2278
|
+
syntax: '<color>';
|
|
2037
2279
|
inherits: false;
|
|
2038
2280
|
initial-value: #0000;
|
|
2039
2281
|
}
|
|
2040
2282
|
@property --tw-gradient-via {
|
|
2041
|
-
syntax:
|
|
2283
|
+
syntax: '<color>';
|
|
2042
2284
|
inherits: false;
|
|
2043
2285
|
initial-value: #0000;
|
|
2044
2286
|
}
|
|
2045
2287
|
@property --tw-gradient-to {
|
|
2046
|
-
syntax:
|
|
2288
|
+
syntax: '<color>';
|
|
2047
2289
|
inherits: false;
|
|
2048
2290
|
initial-value: #0000;
|
|
2049
2291
|
}
|
|
2050
2292
|
@property --tw-gradient-stops {
|
|
2051
|
-
syntax:
|
|
2293
|
+
syntax: '*';
|
|
2052
2294
|
inherits: false;
|
|
2053
2295
|
}
|
|
2054
2296
|
@property --tw-gradient-via-stops {
|
|
2055
|
-
syntax:
|
|
2297
|
+
syntax: '*';
|
|
2056
2298
|
inherits: false;
|
|
2057
2299
|
}
|
|
2058
2300
|
@property --tw-gradient-from-position {
|
|
2059
|
-
syntax:
|
|
2301
|
+
syntax: '<length-percentage>';
|
|
2060
2302
|
inherits: false;
|
|
2061
2303
|
initial-value: 0%;
|
|
2062
2304
|
}
|
|
2063
2305
|
@property --tw-gradient-via-position {
|
|
2064
|
-
syntax:
|
|
2306
|
+
syntax: '<length-percentage>';
|
|
2065
2307
|
inherits: false;
|
|
2066
2308
|
initial-value: 50%;
|
|
2067
2309
|
}
|
|
2068
2310
|
@property --tw-gradient-to-position {
|
|
2069
|
-
syntax:
|
|
2311
|
+
syntax: '<length-percentage>';
|
|
2070
2312
|
inherits: false;
|
|
2071
2313
|
initial-value: 100%;
|
|
2072
2314
|
}
|
|
2073
2315
|
@property --tw-leading {
|
|
2074
|
-
syntax:
|
|
2316
|
+
syntax: '*';
|
|
2075
2317
|
inherits: false;
|
|
2076
2318
|
}
|
|
2077
2319
|
@property --tw-font-weight {
|
|
2078
|
-
syntax:
|
|
2320
|
+
syntax: '*';
|
|
2079
2321
|
inherits: false;
|
|
2080
2322
|
}
|
|
2081
2323
|
@property --tw-tracking {
|
|
2082
|
-
syntax:
|
|
2324
|
+
syntax: '*';
|
|
2083
2325
|
inherits: false;
|
|
2084
2326
|
}
|
|
2085
2327
|
@property --tw-shadow {
|
|
2086
|
-
syntax:
|
|
2328
|
+
syntax: '*';
|
|
2087
2329
|
inherits: false;
|
|
2088
2330
|
initial-value: 0 0 #0000;
|
|
2089
2331
|
}
|
|
2090
2332
|
@property --tw-shadow-color {
|
|
2091
|
-
syntax:
|
|
2333
|
+
syntax: '*';
|
|
2092
2334
|
inherits: false;
|
|
2093
2335
|
}
|
|
2094
2336
|
@property --tw-shadow-alpha {
|
|
2095
|
-
syntax:
|
|
2337
|
+
syntax: '<percentage>';
|
|
2096
2338
|
inherits: false;
|
|
2097
2339
|
initial-value: 100%;
|
|
2098
2340
|
}
|
|
2099
2341
|
@property --tw-inset-shadow {
|
|
2100
|
-
syntax:
|
|
2342
|
+
syntax: '*';
|
|
2101
2343
|
inherits: false;
|
|
2102
2344
|
initial-value: 0 0 #0000;
|
|
2103
2345
|
}
|
|
2104
2346
|
@property --tw-inset-shadow-color {
|
|
2105
|
-
syntax:
|
|
2347
|
+
syntax: '*';
|
|
2106
2348
|
inherits: false;
|
|
2107
2349
|
}
|
|
2108
2350
|
@property --tw-inset-shadow-alpha {
|
|
2109
|
-
syntax:
|
|
2351
|
+
syntax: '<percentage>';
|
|
2110
2352
|
inherits: false;
|
|
2111
2353
|
initial-value: 100%;
|
|
2112
2354
|
}
|
|
2113
2355
|
@property --tw-ring-color {
|
|
2114
|
-
syntax:
|
|
2356
|
+
syntax: '*';
|
|
2115
2357
|
inherits: false;
|
|
2116
2358
|
}
|
|
2117
2359
|
@property --tw-ring-shadow {
|
|
2118
|
-
syntax:
|
|
2360
|
+
syntax: '*';
|
|
2119
2361
|
inherits: false;
|
|
2120
2362
|
initial-value: 0 0 #0000;
|
|
2121
2363
|
}
|
|
2122
2364
|
@property --tw-inset-ring-color {
|
|
2123
|
-
syntax:
|
|
2365
|
+
syntax: '*';
|
|
2124
2366
|
inherits: false;
|
|
2125
2367
|
}
|
|
2126
2368
|
@property --tw-inset-ring-shadow {
|
|
2127
|
-
syntax:
|
|
2369
|
+
syntax: '*';
|
|
2128
2370
|
inherits: false;
|
|
2129
2371
|
initial-value: 0 0 #0000;
|
|
2130
2372
|
}
|
|
2131
2373
|
@property --tw-ring-inset {
|
|
2132
|
-
syntax:
|
|
2374
|
+
syntax: '*';
|
|
2133
2375
|
inherits: false;
|
|
2134
2376
|
}
|
|
2135
2377
|
@property --tw-ring-offset-width {
|
|
2136
|
-
syntax:
|
|
2378
|
+
syntax: '<length>';
|
|
2137
2379
|
inherits: false;
|
|
2138
2380
|
initial-value: 0px;
|
|
2139
2381
|
}
|
|
2140
2382
|
@property --tw-ring-offset-color {
|
|
2141
|
-
syntax:
|
|
2383
|
+
syntax: '*';
|
|
2142
2384
|
inherits: false;
|
|
2143
2385
|
initial-value: #fff;
|
|
2144
2386
|
}
|
|
2145
2387
|
@property --tw-ring-offset-shadow {
|
|
2146
|
-
syntax:
|
|
2388
|
+
syntax: '*';
|
|
2147
2389
|
inherits: false;
|
|
2148
2390
|
initial-value: 0 0 #0000;
|
|
2149
2391
|
}
|
|
2150
2392
|
@property --tw-outline-style {
|
|
2151
|
-
syntax:
|
|
2393
|
+
syntax: '*';
|
|
2152
2394
|
inherits: false;
|
|
2153
2395
|
initial-value: solid;
|
|
2154
2396
|
}
|
|
2155
2397
|
@property --tw-backdrop-blur {
|
|
2156
|
-
syntax:
|
|
2398
|
+
syntax: '*';
|
|
2157
2399
|
inherits: false;
|
|
2158
2400
|
}
|
|
2159
2401
|
@property --tw-backdrop-brightness {
|
|
2160
|
-
syntax:
|
|
2402
|
+
syntax: '*';
|
|
2161
2403
|
inherits: false;
|
|
2162
2404
|
}
|
|
2163
2405
|
@property --tw-backdrop-contrast {
|
|
2164
|
-
syntax:
|
|
2406
|
+
syntax: '*';
|
|
2165
2407
|
inherits: false;
|
|
2166
2408
|
}
|
|
2167
2409
|
@property --tw-backdrop-grayscale {
|
|
2168
|
-
syntax:
|
|
2410
|
+
syntax: '*';
|
|
2169
2411
|
inherits: false;
|
|
2170
2412
|
}
|
|
2171
2413
|
@property --tw-backdrop-hue-rotate {
|
|
2172
|
-
syntax:
|
|
2414
|
+
syntax: '*';
|
|
2173
2415
|
inherits: false;
|
|
2174
2416
|
}
|
|
2175
2417
|
@property --tw-backdrop-invert {
|
|
2176
|
-
syntax:
|
|
2418
|
+
syntax: '*';
|
|
2177
2419
|
inherits: false;
|
|
2178
2420
|
}
|
|
2179
2421
|
@property --tw-backdrop-opacity {
|
|
2180
|
-
syntax:
|
|
2422
|
+
syntax: '*';
|
|
2181
2423
|
inherits: false;
|
|
2182
2424
|
}
|
|
2183
2425
|
@property --tw-backdrop-saturate {
|
|
2184
|
-
syntax:
|
|
2426
|
+
syntax: '*';
|
|
2185
2427
|
inherits: false;
|
|
2186
2428
|
}
|
|
2187
2429
|
@property --tw-backdrop-sepia {
|
|
2188
|
-
syntax:
|
|
2430
|
+
syntax: '*';
|
|
2189
2431
|
inherits: false;
|
|
2190
2432
|
}
|
|
2191
2433
|
@property --tw-duration {
|
|
2192
|
-
syntax:
|
|
2434
|
+
syntax: '*';
|
|
2193
2435
|
inherits: false;
|
|
2194
2436
|
}
|
|
2195
2437
|
@property --tw-ease {
|
|
2196
|
-
syntax:
|
|
2438
|
+
syntax: '*';
|
|
2197
2439
|
inherits: false;
|
|
2198
2440
|
}
|
|
2199
2441
|
@layer properties {
|
|
2200
|
-
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
|
|
2201
|
-
|
|
2442
|
+
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
|
|
2443
|
+
((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
2444
|
+
*,
|
|
2445
|
+
::before,
|
|
2446
|
+
::after,
|
|
2447
|
+
::backdrop {
|
|
2202
2448
|
--tw-translate-x: 0;
|
|
2203
2449
|
--tw-translate-y: 0;
|
|
2204
2450
|
--tw-translate-z: 0;
|