@nswds/app 1.19.0 → 1.20.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 CHANGED
@@ -2,14 +2,11 @@
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
5
- :root,
6
- :host {
7
- --font-sans:
8
- ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
9
- 'Segoe UI Symbol', 'Noto Color Emoji';
10
- --font-mono:
11
- ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
12
- monospace;
5
+ :root, :host {
6
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
+ "Courier New", monospace;
13
10
  --color-red-400: oklch(70.4% 0.191 22.216);
14
11
  --color-red-500: oklch(63.7% 0.237 25.331);
15
12
  --color-green-50: oklch(98.2% 0.018 155.826);
@@ -122,31 +119,17 @@
122
119
  }
123
120
  }
124
121
  @layer base {
125
- *,
126
- ::after,
127
- ::before,
128
- ::backdrop,
129
- ::file-selector-button {
122
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
130
123
  box-sizing: border-box;
131
124
  margin: 0;
132
125
  padding: 0;
133
126
  border: 0 solid;
134
127
  }
135
- html,
136
- :host {
128
+ html, :host {
137
129
  line-height: 1.5;
138
130
  -webkit-text-size-adjust: 100%;
139
131
  tab-size: 4;
140
- font-family: var(
141
- --default-font-family,
142
- ui-sans-serif,
143
- system-ui,
144
- sans-serif,
145
- 'Apple Color Emoji',
146
- 'Segoe UI Emoji',
147
- 'Segoe UI Symbol',
148
- 'Noto Color Emoji'
149
- );
132
+ 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");
150
133
  font-feature-settings: var(--default-font-feature-settings, normal);
151
134
  font-variation-settings: var(--default-font-variation-settings, normal);
152
135
  -webkit-tap-highlight-color: transparent;
@@ -160,12 +143,7 @@
160
143
  -webkit-text-decoration: underline dotted;
161
144
  text-decoration: underline dotted;
162
145
  }
163
- h1,
164
- h2,
165
- h3,
166
- h4,
167
- h5,
168
- h6 {
146
+ h1, h2, h3, h4, h5, h6 {
169
147
  font-size: inherit;
170
148
  font-weight: inherit;
171
149
  }
@@ -174,25 +152,11 @@
174
152
  -webkit-text-decoration: inherit;
175
153
  text-decoration: inherit;
176
154
  }
177
- b,
178
- strong {
155
+ b, strong {
179
156
  font-weight: bolder;
180
157
  }
181
- code,
182
- kbd,
183
- samp,
184
- pre {
185
- font-family: var(
186
- --default-mono-font-family,
187
- ui-monospace,
188
- SFMono-Regular,
189
- Menlo,
190
- Monaco,
191
- Consolas,
192
- 'Liberation Mono',
193
- 'Courier New',
194
- monospace
195
- );
158
+ code, kbd, samp, pre {
159
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
196
160
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
197
161
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
198
162
  font-size: 1em;
@@ -200,8 +164,7 @@
200
164
  small {
201
165
  font-size: 80%;
202
166
  }
203
- sub,
204
- sup {
167
+ sub, sup {
205
168
  font-size: 75%;
206
169
  line-height: 0;
207
170
  position: relative;
@@ -227,33 +190,18 @@
227
190
  summary {
228
191
  display: list-item;
229
192
  }
230
- ol,
231
- ul,
232
- menu {
193
+ ol, ul, menu {
233
194
  list-style: none;
234
195
  }
235
- img,
236
- svg,
237
- video,
238
- canvas,
239
- audio,
240
- iframe,
241
- embed,
242
- object {
196
+ img, svg, video, canvas, audio, iframe, embed, object {
243
197
  display: block;
244
198
  vertical-align: middle;
245
199
  }
246
- img,
247
- video {
200
+ img, video {
248
201
  max-width: 100%;
249
202
  height: auto;
250
203
  }
251
- button,
252
- input,
253
- select,
254
- optgroup,
255
- textarea,
256
- ::file-selector-button {
204
+ button, input, select, optgroup, textarea, ::file-selector-button {
257
205
  font: inherit;
258
206
  font-feature-settings: inherit;
259
207
  font-variation-settings: inherit;
@@ -275,7 +223,7 @@
275
223
  ::placeholder {
276
224
  opacity: 1;
277
225
  }
278
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
226
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
279
227
  ::placeholder {
280
228
  color: currentcolor;
281
229
  @supports (color: color-mix(in lab, red, red)) {
@@ -299,30 +247,19 @@
299
247
  ::-webkit-datetime-edit-fields-wrapper {
300
248
  padding: 0;
301
249
  }
302
- ::-webkit-datetime-edit,
303
- ::-webkit-datetime-edit-year-field,
304
- ::-webkit-datetime-edit-month-field,
305
- ::-webkit-datetime-edit-day-field,
306
- ::-webkit-datetime-edit-hour-field,
307
- ::-webkit-datetime-edit-minute-field,
308
- ::-webkit-datetime-edit-second-field,
309
- ::-webkit-datetime-edit-millisecond-field,
310
- ::-webkit-datetime-edit-meridiem-field {
250
+ ::-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 {
311
251
  padding-block: 0;
312
252
  }
313
253
  :-moz-ui-invalid {
314
254
  box-shadow: none;
315
255
  }
316
- button,
317
- input:where([type='button'], [type='reset'], [type='submit']),
318
- ::file-selector-button {
256
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
319
257
  appearance: button;
320
258
  }
321
- ::-webkit-inner-spin-button,
322
- ::-webkit-outer-spin-button {
259
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
323
260
  height: auto;
324
261
  }
325
- [hidden]:where(:not([hidden='until-found'])) {
262
+ [hidden]:where(:not([hidden="until-found"])) {
326
263
  display: none !important;
327
264
  }
328
265
  }
@@ -379,7 +316,7 @@
379
316
  top: calc(var(--spacing) * 1);
380
317
  }
381
318
  .top-1\/2 {
382
- top: calc(1 / 2 * 100%);
319
+ top: calc(1/2 * 100%);
383
320
  }
384
321
  .top-2 {
385
322
  top: calc(var(--spacing) * 2);
@@ -430,7 +367,7 @@
430
367
  left: calc(var(--spacing) * 1);
431
368
  }
432
369
  .left-1\/2 {
433
- left: calc(1 / 2 * 100%);
370
+ left: calc(1/2 * 100%);
434
371
  }
435
372
  .left-2 {
436
373
  left: calc(var(--spacing) * 2);
@@ -793,7 +730,7 @@
793
730
  width: calc(var(--spacing) * 3);
794
731
  }
795
732
  .w-3\/4 {
796
- width: calc(3 / 4 * 100%);
733
+ width: calc(3/4 * 100%);
797
734
  }
798
735
  .w-4 {
799
736
  width: calc(var(--spacing) * 4);
@@ -965,7 +902,7 @@
965
902
  translate: var(--tw-translate-x) var(--tw-translate-y);
966
903
  }
967
904
  .-translate-x-1\/2 {
968
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
905
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
969
906
  translate: var(--tw-translate-x) var(--tw-translate-y);
970
907
  }
971
908
  .translate-x-\[-50\%\] {
@@ -977,7 +914,7 @@
977
914
  translate: var(--tw-translate-x) var(--tw-translate-y);
978
915
  }
979
916
  .-translate-y-1\/2 {
980
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
917
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
981
918
  translate: var(--tw-translate-x) var(--tw-translate-y);
982
919
  }
983
920
  .translate-y-0 {
@@ -1004,8 +941,7 @@
1004
941
  rotate: 45deg;
1005
942
  }
1006
943
  .transform {
1007
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
1008
- var(--tw-skew-y,);
944
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1009
945
  }
1010
946
  .animate-pulse {
1011
947
  animation: var(--animate-pulse);
@@ -1387,11 +1323,7 @@
1387
1323
  border-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
1388
1324
  }
1389
1325
  .border-grey-950\/10 {
1390
- border-color: color-mix(
1391
- in oklab,
1392
- oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%,
1393
- transparent
1394
- );
1326
+ border-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%, transparent);
1395
1327
  }
1396
1328
  .border-input {
1397
1329
  border-color: var(--input);
@@ -1481,11 +1413,7 @@
1481
1413
  background-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
1482
1414
  }
1483
1415
  .bg-grey-950\/\[2\.5\%\] {
1484
- background-color: color-mix(
1485
- in oklab,
1486
- oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 2.5%,
1487
- transparent
1488
- );
1416
+ background-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 2.5%, transparent);
1489
1417
  }
1490
1418
  .bg-muted {
1491
1419
  background-color: var(--muted);
@@ -1515,11 +1443,7 @@
1515
1443
  background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
1516
1444
  }
1517
1445
  .bg-primary-800\/10 {
1518
- background-color: color-mix(
1519
- in oklab,
1520
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
1521
- transparent
1522
- );
1446
+ background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
1523
1447
  }
1524
1448
  .bg-purple-50 {
1525
1449
  background-color: var(--color-purple-50);
@@ -1543,12 +1467,7 @@
1543
1467
  }
1544
1468
  .from-nsw-grey-600 {
1545
1469
  --tw-gradient-from: var(--color-nsw-grey-600);
1546
- --tw-gradient-stops: var(
1547
- --tw-gradient-via-stops,
1548
- var(--tw-gradient-position),
1549
- var(--tw-gradient-from) var(--tw-gradient-from-position),
1550
- var(--tw-gradient-to) var(--tw-gradient-to-position)
1551
- );
1470
+ --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));
1552
1471
  }
1553
1472
  .fill-current {
1554
1473
  fill: currentcolor;
@@ -2052,6 +1971,9 @@
2052
1971
  .text-primary-800 {
2053
1972
  color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
2054
1973
  }
1974
+ .text-primary-950 {
1975
+ color: oklch(0.13774937606415438 0.06451265948062805 259.841936589881);
1976
+ }
2055
1977
  .text-purple-500 {
2056
1978
  color: var(--color-purple-500);
2057
1979
  }
@@ -2086,11 +2008,7 @@
2086
2008
  text-decoration-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
2087
2009
  }
2088
2010
  .decoration-primary-800\/50 {
2089
- text-decoration-color: color-mix(
2090
- in oklab,
2091
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 50%,
2092
- transparent
2093
- );
2011
+ text-decoration-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 50%, transparent);
2094
2012
  }
2095
2013
  .underline-offset-4 {
2096
2014
  text-underline-offset: 4px;
@@ -2109,74 +2027,43 @@
2109
2027
  opacity: 100%;
2110
2028
  }
2111
2029
  .shadow {
2112
- --tw-shadow:
2113
- 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2114
- 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2115
- box-shadow:
2116
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2117
- var(--tw-ring-shadow), var(--tw-shadow);
2030
+ --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));
2031
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2118
2032
  }
2119
2033
  .shadow-lg {
2120
- --tw-shadow:
2121
- 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2122
- 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2123
- box-shadow:
2124
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2125
- var(--tw-ring-shadow), var(--tw-shadow);
2034
+ --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));
2035
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2126
2036
  }
2127
2037
  .shadow-md {
2128
- --tw-shadow:
2129
- 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2130
- 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2131
- box-shadow:
2132
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2133
- var(--tw-ring-shadow), var(--tw-shadow);
2038
+ --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));
2039
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2134
2040
  }
2135
2041
  .shadow-none {
2136
2042
  --tw-shadow: 0 0 #0000;
2137
- box-shadow:
2138
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2139
- var(--tw-ring-shadow), var(--tw-shadow);
2043
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2140
2044
  }
2141
2045
  .shadow-sm {
2142
- --tw-shadow:
2143
- 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2144
- 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2145
- box-shadow:
2146
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2147
- var(--tw-ring-shadow), var(--tw-shadow);
2046
+ --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));
2047
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2148
2048
  }
2149
2049
  .shadow-xs {
2150
2050
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2151
- box-shadow:
2152
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2153
- var(--tw-ring-shadow), var(--tw-shadow);
2051
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2154
2052
  }
2155
2053
  .ring-0 {
2156
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width))
2157
- var(--tw-ring-color, currentcolor);
2158
- box-shadow:
2159
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2160
- var(--tw-ring-shadow), var(--tw-shadow);
2054
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2055
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2161
2056
  }
2162
2057
  .shadow-slate-900 {
2163
2058
  --tw-shadow-color: oklch(20.8% 0.042 265.755);
2164
2059
  @supports (color: color-mix(in lab, red, red)) {
2165
- --tw-shadow-color: color-mix(
2166
- in oklab,
2167
- var(--color-slate-900) var(--tw-shadow-alpha),
2168
- transparent
2169
- );
2060
+ --tw-shadow-color: color-mix(in oklab, var(--color-slate-900) var(--tw-shadow-alpha), transparent);
2170
2061
  }
2171
2062
  }
2172
2063
  .shadow-slate-900\/5 {
2173
2064
  --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent);
2174
2065
  @supports (color: color-mix(in lab, red, red)) {
2175
- --tw-shadow-color: color-mix(
2176
- in oklab,
2177
- color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha),
2178
- transparent
2179
- );
2066
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
2180
2067
  }
2181
2068
  }
2182
2069
  .ring-ring {
@@ -2204,51 +2091,21 @@
2204
2091
  outline-width: 1px;
2205
2092
  }
2206
2093
  .backdrop-filter {
2207
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
2208
- var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
2209
- var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
2210
- var(--tw-backdrop-sepia,);
2211
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
2212
- var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
2213
- var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
2214
- var(--tw-backdrop-sepia,);
2094
+ -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,);
2095
+ 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,);
2215
2096
  }
2216
2097
  .transition {
2217
- transition-property:
2218
- color,
2219
- background-color,
2220
- border-color,
2221
- outline-color,
2222
- text-decoration-color,
2223
- fill,
2224
- stroke,
2225
- --tw-gradient-from,
2226
- --tw-gradient-via,
2227
- --tw-gradient-to,
2228
- opacity,
2229
- box-shadow,
2230
- transform,
2231
- translate,
2232
- scale,
2233
- rotate,
2234
- filter,
2235
- -webkit-backdrop-filter,
2236
- backdrop-filter,
2237
- display,
2238
- visibility,
2239
- content-visibility,
2240
- overlay,
2241
- pointer-events;
2098
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
2242
2099
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2243
2100
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2244
2101
  }
2245
2102
  .transition-\[color\,box-shadow\] {
2246
- transition-property: color, box-shadow;
2103
+ transition-property: color,box-shadow;
2247
2104
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2248
2105
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2249
2106
  }
2250
2107
  .transition-\[width\,box-shadow\,background-color\] {
2251
- transition-property: width, box-shadow, background-color;
2108
+ transition-property: width,box-shadow,background-color;
2252
2109
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2253
2110
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2254
2111
  }
@@ -2258,9 +2115,7 @@
2258
2115
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2259
2116
  }
2260
2117
  .transition-colors {
2261
- transition-property:
2262
- color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
2263
- --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2118
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2264
2119
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2265
2120
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2266
2121
  }
@@ -2341,11 +2196,7 @@
2341
2196
  --badge-bg: var(--color-white);
2342
2197
  }
2343
2198
  .\[--badge-border\:var\(--color-accent-600\)\]\/90 {
2344
- --badge-border: color-mix(
2345
- in srgb,
2346
- oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 90%,
2347
- transparent
2348
- );
2199
+ --badge-border: color-mix(in srgb, oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 90%, transparent);
2349
2200
  @supports (color: color-mix(in lab, red, red)) {
2350
2201
  --badge-border: color-mix(in oklab, var(--color-accent-600) 90%, transparent);
2351
2202
  }
@@ -2357,41 +2208,25 @@
2357
2208
  }
2358
2209
  }
2359
2210
  .\[--badge-border\:var\(--color-grey-600\)\]\/90 {
2360
- --badge-border: color-mix(
2361
- in srgb,
2362
- oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%,
2363
- transparent
2364
- );
2211
+ --badge-border: color-mix(in srgb, oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%, transparent);
2365
2212
  @supports (color: color-mix(in lab, red, red)) {
2366
2213
  --badge-border: color-mix(in oklab, var(--color-grey-600) 90%, transparent);
2367
2214
  }
2368
2215
  }
2369
2216
  .\[--badge-border\:var\(--color-primary-200\)\]\/90 {
2370
- --badge-border: color-mix(
2371
- in srgb,
2372
- oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 90%,
2373
- transparent
2374
- );
2217
+ --badge-border: color-mix(in srgb, oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 90%, transparent);
2375
2218
  @supports (color: color-mix(in lab, red, red)) {
2376
2219
  --badge-border: color-mix(in oklab, var(--color-primary-200) 90%, transparent);
2377
2220
  }
2378
2221
  }
2379
2222
  .\[--badge-border\:var\(--color-primary-600\)\]\/90 {
2380
- --badge-border: color-mix(
2381
- in srgb,
2382
- oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 90%,
2383
- transparent
2384
- );
2223
+ --badge-border: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 90%, transparent);
2385
2224
  @supports (color: color-mix(in lab, red, red)) {
2386
2225
  --badge-border: color-mix(in oklab, var(--color-primary-600) 90%, transparent);
2387
2226
  }
2388
2227
  }
2389
2228
  .\[--badge-border\:var\(--color-primary-800\)\]\/90 {
2390
- --badge-border: color-mix(
2391
- in srgb,
2392
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%,
2393
- transparent
2394
- );
2229
+ --badge-border: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%, transparent);
2395
2230
  @supports (color: color-mix(in lab, red, red)) {
2396
2231
  --badge-border: color-mix(in oklab, var(--color-primary-800) 90%, transparent);
2397
2232
  }
@@ -2403,11 +2238,7 @@
2403
2238
  }
2404
2239
  }
2405
2240
  .\[--badge-hover-overlay\:var\(--color-accent-600\)\]\/10 {
2406
- --badge-hover-overlay: color-mix(
2407
- in srgb,
2408
- oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 10%,
2409
- transparent
2410
- );
2241
+ --badge-hover-overlay: color-mix(in srgb, oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 10%, transparent);
2411
2242
  @supports (color: color-mix(in lab, red, red)) {
2412
2243
  --badge-hover-overlay: color-mix(in oklab, var(--color-accent-600) 10%, transparent);
2413
2244
  }
@@ -2419,31 +2250,19 @@
2419
2250
  }
2420
2251
  }
2421
2252
  .\[--badge-hover-overlay\:var\(--color-primary-200\)\]\/30 {
2422
- --badge-hover-overlay: color-mix(
2423
- in srgb,
2424
- oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 30%,
2425
- transparent
2426
- );
2253
+ --badge-hover-overlay: color-mix(in srgb, oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 30%, transparent);
2427
2254
  @supports (color: color-mix(in lab, red, red)) {
2428
2255
  --badge-hover-overlay: color-mix(in oklab, var(--color-primary-200) 30%, transparent);
2429
2256
  }
2430
2257
  }
2431
2258
  .\[--badge-hover-overlay\:var\(--color-primary-600\)\]\/10 {
2432
- --badge-hover-overlay: color-mix(
2433
- in srgb,
2434
- oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 10%,
2435
- transparent
2436
- );
2259
+ --badge-hover-overlay: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 10%, transparent);
2437
2260
  @supports (color: color-mix(in lab, red, red)) {
2438
2261
  --badge-hover-overlay: color-mix(in oklab, var(--color-primary-600) 10%, transparent);
2439
2262
  }
2440
2263
  }
2441
2264
  .\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/10 {
2442
- --badge-hover-overlay: color-mix(
2443
- in srgb,
2444
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
2445
- transparent
2446
- );
2265
+ --badge-hover-overlay: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
2447
2266
  @supports (color: color-mix(in lab, red, red)) {
2448
2267
  --badge-hover-overlay: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
2449
2268
  }
@@ -2479,11 +2298,7 @@
2479
2298
  --btn-bg: var(--color-white);
2480
2299
  }
2481
2300
  .\[--btn-border\:var\(--color-accent-600\)\]\/90 {
2482
- --btn-border: color-mix(
2483
- in srgb,
2484
- oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 90%,
2485
- transparent
2486
- );
2301
+ --btn-border: color-mix(in srgb, oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 90%, transparent);
2487
2302
  @supports (color: color-mix(in lab, red, red)) {
2488
2303
  --btn-border: color-mix(in oklab, var(--color-accent-600) 90%, transparent);
2489
2304
  }
@@ -2492,41 +2307,25 @@
2492
2307
  --btn-border: var(--color-grey-200);
2493
2308
  }
2494
2309
  .\[--btn-border\:var\(--color-grey-600\)\]\/90 {
2495
- --btn-border: color-mix(
2496
- in srgb,
2497
- oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%,
2498
- transparent
2499
- );
2310
+ --btn-border: color-mix(in srgb, oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%, transparent);
2500
2311
  @supports (color: color-mix(in lab, red, red)) {
2501
2312
  --btn-border: color-mix(in oklab, var(--color-grey-600) 90%, transparent);
2502
2313
  }
2503
2314
  }
2504
2315
  .\[--btn-border\:var\(--color-primary-200\)\]\/90 {
2505
- --btn-border: color-mix(
2506
- in srgb,
2507
- oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 90%,
2508
- transparent
2509
- );
2316
+ --btn-border: color-mix(in srgb, oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 90%, transparent);
2510
2317
  @supports (color: color-mix(in lab, red, red)) {
2511
2318
  --btn-border: color-mix(in oklab, var(--color-primary-200) 90%, transparent);
2512
2319
  }
2513
2320
  }
2514
2321
  .\[--btn-border\:var\(--color-primary-600\)\]\/90 {
2515
- --btn-border: color-mix(
2516
- in srgb,
2517
- oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 90%,
2518
- transparent
2519
- );
2322
+ --btn-border: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 90%, transparent);
2520
2323
  @supports (color: color-mix(in lab, red, red)) {
2521
2324
  --btn-border: color-mix(in oklab, var(--color-primary-600) 90%, transparent);
2522
2325
  }
2523
2326
  }
2524
2327
  .\[--btn-border\:var\(--color-primary-800\)\]\/90 {
2525
- --btn-border: color-mix(
2526
- in srgb,
2527
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%,
2528
- transparent
2529
- );
2328
+ --btn-border: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%, transparent);
2530
2329
  @supports (color: color-mix(in lab, red, red)) {
2531
2330
  --btn-border: color-mix(in oklab, var(--color-primary-800) 90%, transparent);
2532
2331
  }
@@ -2538,11 +2337,7 @@
2538
2337
  }
2539
2338
  }
2540
2339
  .\[--btn-hover-overlay\:var\(--color-accent-600\)\]\/10 {
2541
- --btn-hover-overlay: color-mix(
2542
- in srgb,
2543
- oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 10%,
2544
- transparent
2545
- );
2340
+ --btn-hover-overlay: color-mix(in srgb, oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 10%, transparent);
2546
2341
  @supports (color: color-mix(in lab, red, red)) {
2547
2342
  --btn-hover-overlay: color-mix(in oklab, var(--color-accent-600) 10%, transparent);
2548
2343
  }
@@ -2554,41 +2349,25 @@
2554
2349
  }
2555
2350
  }
2556
2351
  .\[--btn-hover-overlay\:var\(--color-grey-600\)\]\/10 {
2557
- --btn-hover-overlay: color-mix(
2558
- in srgb,
2559
- oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 10%,
2560
- transparent
2561
- );
2352
+ --btn-hover-overlay: color-mix(in srgb, oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 10%, transparent);
2562
2353
  @supports (color: color-mix(in lab, red, red)) {
2563
2354
  --btn-hover-overlay: color-mix(in oklab, var(--color-grey-600) 10%, transparent);
2564
2355
  }
2565
2356
  }
2566
2357
  .\[--btn-hover-overlay\:var\(--color-primary-200\)\]\/10 {
2567
- --btn-hover-overlay: color-mix(
2568
- in srgb,
2569
- oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 10%,
2570
- transparent
2571
- );
2358
+ --btn-hover-overlay: color-mix(in srgb, oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 10%, transparent);
2572
2359
  @supports (color: color-mix(in lab, red, red)) {
2573
2360
  --btn-hover-overlay: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
2574
2361
  }
2575
2362
  }
2576
2363
  .\[--btn-hover-overlay\:var\(--color-primary-600\)\]\/10 {
2577
- --btn-hover-overlay: color-mix(
2578
- in srgb,
2579
- oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 10%,
2580
- transparent
2581
- );
2364
+ --btn-hover-overlay: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 10%, transparent);
2582
2365
  @supports (color: color-mix(in lab, red, red)) {
2583
2366
  --btn-hover-overlay: color-mix(in oklab, var(--color-primary-600) 10%, transparent);
2584
2367
  }
2585
2368
  }
2586
2369
  .\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/10 {
2587
- --btn-hover-overlay: color-mix(
2588
- in srgb,
2589
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
2590
- transparent
2591
- );
2370
+ --btn-hover-overlay: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
2592
2371
  @supports (color: color-mix(in lab, red, red)) {
2593
2372
  --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
2594
2373
  }
@@ -2657,15 +2436,11 @@
2657
2436
  --tw-enter-opacity: 0;
2658
2437
  }
2659
2438
  .zoom-in-95 {
2660
- --tw-enter-scale: 0.95;
2439
+ --tw-enter-scale: .95;
2661
2440
  }
2662
2441
  .group-focus-within\:bg-primary-800\/10 {
2663
2442
  &:is(:where(.group):focus-within *) {
2664
- background-color: color-mix(
2665
- in oklab,
2666
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
2667
- transparent
2668
- );
2443
+ background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
2669
2444
  }
2670
2445
  }
2671
2446
  .group-hover\:fill-nsw-grey-900 {
@@ -2693,74 +2468,70 @@
2693
2468
  }
2694
2469
  }
2695
2470
  .group-data-\[disabled\=true\]\:pointer-events-none {
2696
- &:is(:where(.group)[data-disabled='true'] *) {
2471
+ &:is(:where(.group)[data-disabled="true"] *) {
2697
2472
  pointer-events: none;
2698
2473
  }
2699
2474
  }
2700
2475
  .group-data-\[disabled\=true\]\:opacity-50 {
2701
- &:is(:where(.group)[data-disabled='true'] *) {
2476
+ &:is(:where(.group)[data-disabled="true"] *) {
2702
2477
  opacity: 50%;
2703
2478
  }
2704
2479
  }
2705
2480
  .group-data-\[state\=open\]\:rotate-90 {
2706
- &:is(:where(.group)[data-state='open'] *) {
2481
+ &:is(:where(.group)[data-state="open"] *) {
2707
2482
  rotate: 90deg;
2708
2483
  }
2709
2484
  }
2710
2485
  .group-data-\[state\=open\]\:rotate-180 {
2711
- &:is(:where(.group)[data-state='open'] *) {
2486
+ &:is(:where(.group)[data-state="open"] *) {
2712
2487
  rotate: 180deg;
2713
2488
  }
2714
2489
  }
2715
2490
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
2716
- &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction='bottom'] *) {
2491
+ &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
2717
2492
  display: block;
2718
2493
  }
2719
2494
  }
2720
2495
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
2721
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2496
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2722
2497
  top: 100%;
2723
2498
  }
2724
2499
  }
2725
2500
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
2726
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2501
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2727
2502
  margin-top: calc(var(--spacing) * 1.5);
2728
2503
  }
2729
2504
  }
2730
2505
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
2731
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2506
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2732
2507
  overflow: hidden;
2733
2508
  }
2734
2509
  }
2735
2510
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
2736
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2511
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2737
2512
  border-radius: var(--radius-md);
2738
2513
  }
2739
2514
  }
2740
2515
  .group-data-\[viewport\=false\]\/navigation-menu\:border {
2741
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2516
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2742
2517
  border-style: var(--tw-border-style);
2743
2518
  border-width: 1px;
2744
2519
  }
2745
2520
  }
2746
2521
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
2747
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2748
- --tw-shadow:
2749
- 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2750
- 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2751
- box-shadow:
2752
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2753
- var(--tw-ring-shadow), var(--tw-shadow);
2522
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2523
+ --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));
2524
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2754
2525
  }
2755
2526
  }
2756
2527
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
2757
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2528
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2758
2529
  --tw-duration: 200ms;
2759
2530
  transition-duration: 200ms;
2760
2531
  }
2761
2532
  }
2762
2533
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
2763
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2534
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
2764
2535
  animation-duration: 200ms;
2765
2536
  }
2766
2537
  }
@@ -2873,10 +2644,7 @@
2873
2644
  .before\:mb-\[calc\(var\(--leading-trim-start\,var\(--default-leading-trim-start\)\)-var\(--line-height\,calc\(1em\*var\(--default-line-height\)\)\)\/2\)\] {
2874
2645
  &::before {
2875
2646
  content: var(--tw-content);
2876
- margin-bottom: calc(
2877
- var(--leading-trim-start, var(--default-leading-trim-start)) -
2878
- var(--line-height, calc(1em * var(--default-line-height))) / 2
2879
- );
2647
+ margin-bottom: calc(var(--leading-trim-start,var(--default-leading-trim-start)) - var(--line-height,calc(1em * var(--default-line-height))) / 2);
2880
2648
  }
2881
2649
  }
2882
2650
  .before\:table {
@@ -2945,18 +2713,14 @@
2945
2713
  .before\:shadow-sm {
2946
2714
  &::before {
2947
2715
  content: var(--tw-content);
2948
- --tw-shadow:
2949
- 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
2950
- 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2951
- box-shadow:
2952
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2953
- var(--tw-ring-shadow), var(--tw-shadow);
2716
+ --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));
2717
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2954
2718
  }
2955
2719
  }
2956
2720
  .before\:content-\[\"\"\] {
2957
2721
  &::before {
2958
2722
  content: var(--tw-content);
2959
- --tw-content: '';
2723
+ --tw-content: "";
2960
2724
  content: var(--tw-content);
2961
2725
  }
2962
2726
  }
@@ -2995,7 +2759,7 @@
2995
2759
  .after\:left-1\/2 {
2996
2760
  &::after {
2997
2761
  content: var(--tw-content);
2998
- left: calc(1 / 2 * 100%);
2762
+ left: calc(1/2 * 100%);
2999
2763
  }
3000
2764
  }
3001
2765
  .after\:-z-10 {
@@ -3007,10 +2771,7 @@
3007
2771
  .after\:mt-\[calc\(var\(--leading-trim-end\,var\(--default-leading-trim-end\)\)-var\(--line-height\,calc\(1em\*var\(--default-line-height\)\)\)\/2\)\] {
3008
2772
  &::after {
3009
2773
  content: var(--tw-content);
3010
- margin-top: calc(
3011
- var(--leading-trim-end, var(--default-leading-trim-end)) -
3012
- var(--line-height, calc(1em * var(--default-line-height))) / 2
3013
- );
2774
+ margin-top: calc(var(--leading-trim-end,var(--default-leading-trim-end)) - var(--line-height,calc(1em * var(--default-line-height))) / 2);
3014
2775
  }
3015
2776
  }
3016
2777
  .after\:table {
@@ -3028,7 +2789,7 @@
3028
2789
  .after\:-translate-x-1\/2 {
3029
2790
  &::after {
3030
2791
  content: var(--tw-content);
3031
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2792
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
3032
2793
  translate: var(--tw-translate-x) var(--tw-translate-y);
3033
2794
  }
3034
2795
  }
@@ -3041,7 +2802,7 @@
3041
2802
  .after\:content-\[\"\"\] {
3042
2803
  &::after {
3043
2804
  content: var(--tw-content);
3044
- --tw-content: '';
2805
+ --tw-content: "";
3045
2806
  content: var(--tw-content);
3046
2807
  }
3047
2808
  }
@@ -3172,11 +2933,7 @@
3172
2933
  .hover\:bg-primary-800\/10 {
3173
2934
  &:hover {
3174
2935
  @media (hover: hover) {
3175
- background-color: color-mix(
3176
- in oklab,
3177
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
3178
- transparent
3179
- );
2936
+ background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
3180
2937
  }
3181
2938
  }
3182
2939
  }
@@ -3296,11 +3053,8 @@
3296
3053
  .hover\:ring-4 {
3297
3054
  &:hover {
3298
3055
  @media (hover: hover) {
3299
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width))
3300
- var(--tw-ring-color, currentcolor);
3301
- box-shadow:
3302
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3303
- var(--tw-ring-shadow), var(--tw-shadow);
3056
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3057
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3304
3058
  }
3305
3059
  }
3306
3060
  }
@@ -3318,11 +3072,7 @@
3318
3072
  }
3319
3073
  .focus\:bg-primary-800\/10 {
3320
3074
  &:focus {
3321
- background-color: color-mix(
3322
- in oklab,
3323
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
3324
- transparent
3325
- );
3075
+ background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
3326
3076
  }
3327
3077
  }
3328
3078
  .focus\:outline {
@@ -3385,56 +3135,37 @@
3385
3135
  }
3386
3136
  .focus-visible\:ring-1 {
3387
3137
  &:focus-visible {
3388
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
3389
- var(--tw-ring-color, currentcolor);
3390
- box-shadow:
3391
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3392
- var(--tw-ring-shadow), var(--tw-shadow);
3138
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3139
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3393
3140
  }
3394
3141
  }
3395
3142
  .focus-visible\:ring-2 {
3396
3143
  &:focus-visible {
3397
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
3398
- var(--tw-ring-color, currentcolor);
3399
- box-shadow:
3400
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3401
- var(--tw-ring-shadow), var(--tw-shadow);
3144
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3145
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3402
3146
  }
3403
3147
  }
3404
3148
  .focus-visible\:ring-4 {
3405
3149
  &:focus-visible {
3406
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width))
3407
- var(--tw-ring-color, currentcolor);
3408
- box-shadow:
3409
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3410
- var(--tw-ring-shadow), var(--tw-shadow);
3150
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3151
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3411
3152
  }
3412
3153
  }
3413
3154
  .focus-visible\:ring-\[2px\] {
3414
3155
  &:focus-visible {
3415
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
3416
- var(--tw-ring-color, currentcolor);
3417
- box-shadow:
3418
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3419
- var(--tw-ring-shadow), var(--tw-shadow);
3156
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3157
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3420
3158
  }
3421
3159
  }
3422
3160
  .focus-visible\:ring-\[3px\] {
3423
3161
  &:focus-visible {
3424
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width))
3425
- var(--tw-ring-color, currentcolor);
3426
- box-shadow:
3427
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3428
- var(--tw-ring-shadow), var(--tw-shadow);
3162
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3163
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3429
3164
  }
3430
3165
  }
3431
3166
  .focus-visible\:ring-primary-650\/70 {
3432
3167
  &:focus-visible {
3433
- --tw-ring-color: color-mix(
3434
- in oklab,
3435
- oklch(0.5038341615701663 0.20169915825513662 260.52773388396713) 70%,
3436
- transparent
3437
- );
3168
+ --tw-ring-color: color-mix(in oklab, oklch(0.5038341615701663 0.20169915825513662 260.52773388396713) 70%, transparent);
3438
3169
  }
3439
3170
  }
3440
3171
  .focus-visible\:ring-ring {
@@ -3453,15 +3184,13 @@
3453
3184
  .focus-visible\:ring-offset-1 {
3454
3185
  &:focus-visible {
3455
3186
  --tw-ring-offset-width: 1px;
3456
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
3457
- var(--tw-ring-offset-color);
3187
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3458
3188
  }
3459
3189
  }
3460
3190
  .focus-visible\:ring-offset-2 {
3461
3191
  &:focus-visible {
3462
3192
  --tw-ring-offset-width: 2px;
3463
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
3464
- var(--tw-ring-offset-color);
3193
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3465
3194
  }
3466
3195
  }
3467
3196
  .focus-visible\:outline-hidden {
@@ -3507,17 +3236,17 @@
3507
3236
  }
3508
3237
  }
3509
3238
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
3510
- &:has(*[data-slot='card-action']) {
3239
+ &:has(*[data-slot="card-action"]) {
3511
3240
  grid-template-columns: 1fr auto;
3512
3241
  }
3513
3242
  }
3514
3243
  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
3515
- &:has(> svg) {
3244
+ &:has(>svg) {
3516
3245
  grid-template-columns: calc(var(--spacing) * 4) 1fr;
3517
3246
  }
3518
3247
  }
3519
3248
  .has-\[\>svg\]\:gap-x-3 {
3520
- &:has(> svg) {
3249
+ &:has(>svg) {
3521
3250
  column-gap: calc(var(--spacing) * 3);
3522
3251
  }
3523
3252
  }
@@ -3549,9 +3278,7 @@
3549
3278
  &::before {
3550
3279
  content: var(--tw-content);
3551
3280
  --tw-shadow: 0 0 #0000;
3552
- box-shadow:
3553
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3554
- var(--tw-ring-shadow), var(--tw-shadow);
3281
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3555
3282
  }
3556
3283
  }
3557
3284
  }
@@ -3560,9 +3287,7 @@
3560
3287
  &::after {
3561
3288
  content: var(--tw-content);
3562
3289
  --tw-shadow: 0 0 #0000;
3563
- box-shadow:
3564
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3565
- var(--tw-ring-shadow), var(--tw-shadow);
3290
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3566
3291
  }
3567
3292
  }
3568
3293
  }
@@ -3585,26 +3310,18 @@
3585
3310
  }
3586
3311
  }
3587
3312
  .data-\[active\=true\]\:hover\:bg-primary-800\/10 {
3588
- &[data-active='true'] {
3313
+ &[data-active="true"] {
3589
3314
  &:hover {
3590
3315
  @media (hover: hover) {
3591
- background-color: color-mix(
3592
- in oklab,
3593
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
3594
- transparent
3595
- );
3316
+ background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
3596
3317
  }
3597
3318
  }
3598
3319
  }
3599
3320
  }
3600
3321
  .data-\[active\=true\]\:focus\:bg-primary-800\/10 {
3601
- &[data-active='true'] {
3322
+ &[data-active="true"] {
3602
3323
  &:focus {
3603
- background-color: color-mix(
3604
- in oklab,
3605
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
3606
- transparent
3607
- );
3324
+ background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
3608
3325
  }
3609
3326
  }
3610
3327
  }
@@ -3619,12 +3336,12 @@
3619
3336
  }
3620
3337
  }
3621
3338
  .data-\[disabled\=true\]\:pointer-events-none {
3622
- &[data-disabled='true'] {
3339
+ &[data-disabled="true"] {
3623
3340
  pointer-events: none;
3624
3341
  }
3625
3342
  }
3626
3343
  .data-\[disabled\=true\]\:opacity-50 {
3627
- &[data-disabled='true'] {
3344
+ &[data-disabled="true"] {
3628
3345
  opacity: 50%;
3629
3346
  }
3630
3347
  }
@@ -3634,27 +3351,27 @@
3634
3351
  }
3635
3352
  }
3636
3353
  .data-\[motion\=from-end\]\:slide-in-from-right-52 {
3637
- &[data-motion='from-end'] {
3354
+ &[data-motion="from-end"] {
3638
3355
  --tw-enter-translate-x: 13rem;
3639
3356
  }
3640
3357
  }
3641
3358
  .data-\[motion\=from-start\]\:slide-in-from-left-52 {
3642
- &[data-motion='from-start'] {
3359
+ &[data-motion="from-start"] {
3643
3360
  --tw-enter-translate-x: -13rem;
3644
3361
  }
3645
3362
  }
3646
3363
  .data-\[motion\=to-end\]\:slide-out-to-right-52 {
3647
- &[data-motion='to-end'] {
3364
+ &[data-motion="to-end"] {
3648
3365
  --tw-exit-translate-x: 13rem;
3649
3366
  }
3650
3367
  }
3651
3368
  .data-\[motion\=to-start\]\:slide-out-to-left-52 {
3652
- &[data-motion='to-start'] {
3369
+ &[data-motion="to-start"] {
3653
3370
  --tw-exit-translate-x: -13rem;
3654
3371
  }
3655
3372
  }
3656
3373
  .data-\[motion\^\=from-\]\:animate-in {
3657
- &[data-motion^='from-'] {
3374
+ &[data-motion^="from-"] {
3658
3375
  animation-name: enter;
3659
3376
  animation-duration: 150ms;
3660
3377
  --tw-enter-opacity: initial;
@@ -3665,12 +3382,12 @@
3665
3382
  }
3666
3383
  }
3667
3384
  .data-\[motion\^\=from-\]\:fade-in {
3668
- &[data-motion^='from-'] {
3385
+ &[data-motion^="from-"] {
3669
3386
  --tw-enter-opacity: 0;
3670
3387
  }
3671
3388
  }
3672
3389
  .data-\[motion\^\=to-\]\:animate-out {
3673
- &[data-motion^='to-'] {
3390
+ &[data-motion^="to-"] {
3674
3391
  animation-name: exit;
3675
3392
  animation-duration: 150ms;
3676
3393
  --tw-exit-opacity: initial;
@@ -3681,82 +3398,82 @@
3681
3398
  }
3682
3399
  }
3683
3400
  .data-\[motion\^\=to-\]\:fade-out {
3684
- &[data-motion^='to-'] {
3401
+ &[data-motion^="to-"] {
3685
3402
  --tw-exit-opacity: 0;
3686
3403
  }
3687
3404
  }
3688
3405
  .data-\[orientation\=horizontal\]\:h-1\.5 {
3689
- &[data-orientation='horizontal'] {
3406
+ &[data-orientation="horizontal"] {
3690
3407
  height: calc(var(--spacing) * 1.5);
3691
3408
  }
3692
3409
  }
3693
3410
  .data-\[orientation\=horizontal\]\:h-full {
3694
- &[data-orientation='horizontal'] {
3411
+ &[data-orientation="horizontal"] {
3695
3412
  height: 100%;
3696
3413
  }
3697
3414
  }
3698
3415
  .data-\[orientation\=horizontal\]\:h-px {
3699
- &[data-orientation='horizontal'] {
3416
+ &[data-orientation="horizontal"] {
3700
3417
  height: 1px;
3701
3418
  }
3702
3419
  }
3703
3420
  .data-\[orientation\=horizontal\]\:w-full {
3704
- &[data-orientation='horizontal'] {
3421
+ &[data-orientation="horizontal"] {
3705
3422
  width: 100%;
3706
3423
  }
3707
3424
  }
3708
3425
  .data-\[orientation\=vertical\]\:h-full {
3709
- &[data-orientation='vertical'] {
3426
+ &[data-orientation="vertical"] {
3710
3427
  height: 100%;
3711
3428
  }
3712
3429
  }
3713
3430
  .data-\[orientation\=vertical\]\:min-h-44 {
3714
- &[data-orientation='vertical'] {
3431
+ &[data-orientation="vertical"] {
3715
3432
  min-height: calc(var(--spacing) * 44);
3716
3433
  }
3717
3434
  }
3718
3435
  .data-\[orientation\=vertical\]\:w-1\.5 {
3719
- &[data-orientation='vertical'] {
3436
+ &[data-orientation="vertical"] {
3720
3437
  width: calc(var(--spacing) * 1.5);
3721
3438
  }
3722
3439
  }
3723
3440
  .data-\[orientation\=vertical\]\:w-auto {
3724
- &[data-orientation='vertical'] {
3441
+ &[data-orientation="vertical"] {
3725
3442
  width: auto;
3726
3443
  }
3727
3444
  }
3728
3445
  .data-\[orientation\=vertical\]\:w-full {
3729
- &[data-orientation='vertical'] {
3446
+ &[data-orientation="vertical"] {
3730
3447
  width: 100%;
3731
3448
  }
3732
3449
  }
3733
3450
  .data-\[orientation\=vertical\]\:w-px {
3734
- &[data-orientation='vertical'] {
3451
+ &[data-orientation="vertical"] {
3735
3452
  width: 1px;
3736
3453
  }
3737
3454
  }
3738
3455
  .data-\[orientation\=vertical\]\:flex-col {
3739
- &[data-orientation='vertical'] {
3456
+ &[data-orientation="vertical"] {
3740
3457
  flex-direction: column;
3741
3458
  }
3742
3459
  }
3743
3460
  .data-\[panel-group-direction\=vertical\]\:h-px {
3744
- &[data-panel-group-direction='vertical'] {
3461
+ &[data-panel-group-direction="vertical"] {
3745
3462
  height: 1px;
3746
3463
  }
3747
3464
  }
3748
3465
  .data-\[panel-group-direction\=vertical\]\:w-full {
3749
- &[data-panel-group-direction='vertical'] {
3466
+ &[data-panel-group-direction="vertical"] {
3750
3467
  width: 100%;
3751
3468
  }
3752
3469
  }
3753
3470
  .data-\[panel-group-direction\=vertical\]\:flex-col {
3754
- &[data-panel-group-direction='vertical'] {
3471
+ &[data-panel-group-direction="vertical"] {
3755
3472
  flex-direction: column;
3756
3473
  }
3757
3474
  }
3758
3475
  .data-\[panel-group-direction\=vertical\]\:after\:left-0 {
3759
- &[data-panel-group-direction='vertical'] {
3476
+ &[data-panel-group-direction="vertical"] {
3760
3477
  &::after {
3761
3478
  content: var(--tw-content);
3762
3479
  left: calc(var(--spacing) * 0);
@@ -3764,7 +3481,7 @@
3764
3481
  }
3765
3482
  }
3766
3483
  .data-\[panel-group-direction\=vertical\]\:after\:h-1 {
3767
- &[data-panel-group-direction='vertical'] {
3484
+ &[data-panel-group-direction="vertical"] {
3768
3485
  &::after {
3769
3486
  content: var(--tw-content);
3770
3487
  height: calc(var(--spacing) * 1);
@@ -3772,7 +3489,7 @@
3772
3489
  }
3773
3490
  }
3774
3491
  .data-\[panel-group-direction\=vertical\]\:after\:w-full {
3775
- &[data-panel-group-direction='vertical'] {
3492
+ &[data-panel-group-direction="vertical"] {
3776
3493
  &::after {
3777
3494
  content: var(--tw-content);
3778
3495
  width: 100%;
@@ -3780,7 +3497,7 @@
3780
3497
  }
3781
3498
  }
3782
3499
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 {
3783
- &[data-panel-group-direction='vertical'] {
3500
+ &[data-panel-group-direction="vertical"] {
3784
3501
  &::after {
3785
3502
  content: var(--tw-content);
3786
3503
  --tw-translate-x: calc(var(--spacing) * 0);
@@ -3789,10 +3506,10 @@
3789
3506
  }
3790
3507
  }
3791
3508
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 {
3792
- &[data-panel-group-direction='vertical'] {
3509
+ &[data-panel-group-direction="vertical"] {
3793
3510
  &::after {
3794
3511
  content: var(--tw-content);
3795
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
3512
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
3796
3513
  translate: var(--tw-translate-x) var(--tw-translate-y);
3797
3514
  }
3798
3515
  }
@@ -3803,92 +3520,88 @@
3803
3520
  }
3804
3521
  }
3805
3522
  .data-\[selected\=true\]\:bg-primary-800\/10 {
3806
- &[data-selected='true'] {
3807
- background-color: color-mix(
3808
- in oklab,
3809
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
3810
- transparent
3811
- );
3523
+ &[data-selected="true"] {
3524
+ background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
3812
3525
  }
3813
3526
  }
3814
3527
  .data-\[side\=bottom\]\:translate-y-1 {
3815
- &[data-side='bottom'] {
3528
+ &[data-side="bottom"] {
3816
3529
  --tw-translate-y: calc(var(--spacing) * 1);
3817
3530
  translate: var(--tw-translate-x) var(--tw-translate-y);
3818
3531
  }
3819
3532
  }
3820
3533
  .data-\[side\=bottom\]\:slide-in-from-top-2 {
3821
- &[data-side='bottom'] {
3534
+ &[data-side="bottom"] {
3822
3535
  --tw-enter-translate-y: -0.5rem;
3823
3536
  }
3824
3537
  }
3825
3538
  .data-\[side\=left\]\:-translate-x-1 {
3826
- &[data-side='left'] {
3539
+ &[data-side="left"] {
3827
3540
  --tw-translate-x: calc(var(--spacing) * -1);
3828
3541
  translate: var(--tw-translate-x) var(--tw-translate-y);
3829
3542
  }
3830
3543
  }
3831
3544
  .data-\[side\=left\]\:slide-in-from-right-2 {
3832
- &[data-side='left'] {
3545
+ &[data-side="left"] {
3833
3546
  --tw-enter-translate-x: 0.5rem;
3834
3547
  }
3835
3548
  }
3836
3549
  .data-\[side\=right\]\:translate-x-1 {
3837
- &[data-side='right'] {
3550
+ &[data-side="right"] {
3838
3551
  --tw-translate-x: calc(var(--spacing) * 1);
3839
3552
  translate: var(--tw-translate-x) var(--tw-translate-y);
3840
3553
  }
3841
3554
  }
3842
3555
  .data-\[side\=right\]\:slide-in-from-left-2 {
3843
- &[data-side='right'] {
3556
+ &[data-side="right"] {
3844
3557
  --tw-enter-translate-x: -0.5rem;
3845
3558
  }
3846
3559
  }
3847
3560
  .data-\[side\=top\]\:-translate-y-1 {
3848
- &[data-side='top'] {
3561
+ &[data-side="top"] {
3849
3562
  --tw-translate-y: calc(var(--spacing) * -1);
3850
3563
  translate: var(--tw-translate-x) var(--tw-translate-y);
3851
3564
  }
3852
3565
  }
3853
3566
  .data-\[side\=top\]\:slide-in-from-bottom-2 {
3854
- &[data-side='top'] {
3567
+ &[data-side="top"] {
3855
3568
  --tw-enter-translate-y: 0.5rem;
3856
3569
  }
3857
3570
  }
3858
3571
  .data-\[size\=default\]\:h-9 {
3859
- &[data-size='default'] {
3572
+ &[data-size="default"] {
3860
3573
  height: calc(var(--spacing) * 9);
3861
3574
  }
3862
3575
  }
3863
3576
  .data-\[size\=sm\]\:h-8 {
3864
- &[data-size='sm'] {
3577
+ &[data-size="sm"] {
3865
3578
  height: calc(var(--spacing) * 8);
3866
3579
  }
3867
3580
  }
3868
3581
  .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
3869
3582
  :is(& *) {
3870
- &[data-slot='command-input-wrapper'] {
3583
+ &[data-slot="command-input-wrapper"] {
3871
3584
  height: calc(var(--spacing) * 12);
3872
3585
  }
3873
3586
  }
3874
3587
  }
3875
3588
  .\*\:data-\[slot\=icon\]\:-mx-0\.25 {
3876
3589
  :is(& > *) {
3877
- &[data-slot='icon'] {
3590
+ &[data-slot="icon"] {
3878
3591
  margin-inline: calc(var(--spacing) * -0.25);
3879
3592
  }
3880
3593
  }
3881
3594
  }
3882
3595
  .\*\:data-\[slot\=icon\]\:my-0\.25 {
3883
3596
  :is(& > *) {
3884
- &[data-slot='icon'] {
3597
+ &[data-slot="icon"] {
3885
3598
  margin-block: calc(var(--spacing) * 0.25);
3886
3599
  }
3887
3600
  }
3888
3601
  }
3889
3602
  .\*\:data-\[slot\=icon\]\:size-4 {
3890
3603
  :is(& > *) {
3891
- &[data-slot='icon'] {
3604
+ &[data-slot="icon"] {
3892
3605
  width: calc(var(--spacing) * 4);
3893
3606
  height: calc(var(--spacing) * 4);
3894
3607
  }
@@ -3896,7 +3609,7 @@
3896
3609
  }
3897
3610
  .\*\:data-\[slot\=icon\]\:size-6 {
3898
3611
  :is(& > *) {
3899
- &[data-slot='icon'] {
3612
+ &[data-slot="icon"] {
3900
3613
  width: calc(var(--spacing) * 6);
3901
3614
  height: calc(var(--spacing) * 6);
3902
3615
  }
@@ -3904,41 +3617,38 @@
3904
3617
  }
3905
3618
  .\*\:data-\[slot\=icon\]\:shrink-0 {
3906
3619
  :is(& > *) {
3907
- &[data-slot='icon'] {
3620
+ &[data-slot="icon"] {
3908
3621
  flex-shrink: 0;
3909
3622
  }
3910
3623
  }
3911
3624
  }
3912
3625
  .\*\:data-\[slot\=icon\]\:self-center {
3913
3626
  :is(& > *) {
3914
- &[data-slot='icon'] {
3627
+ &[data-slot="icon"] {
3915
3628
  align-self: center;
3916
3629
  }
3917
3630
  }
3918
3631
  }
3919
3632
  .\*\:data-\[slot\=icon\]\:text-\(--btn-icon\) {
3920
3633
  :is(& > *) {
3921
- &[data-slot='icon'] {
3634
+ &[data-slot="icon"] {
3922
3635
  color: var(--btn-icon);
3923
3636
  }
3924
3637
  }
3925
3638
  }
3926
3639
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
3927
3640
  :is(& *) {
3928
- &[data-slot='navigation-menu-link'] {
3641
+ &[data-slot="navigation-menu-link"] {
3929
3642
  &:focus {
3930
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width))
3931
- var(--tw-ring-color, currentcolor);
3932
- box-shadow:
3933
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3934
- var(--tw-ring-shadow), var(--tw-shadow);
3643
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3644
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3935
3645
  }
3936
3646
  }
3937
3647
  }
3938
3648
  }
3939
3649
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none {
3940
3650
  :is(& *) {
3941
- &[data-slot='navigation-menu-link'] {
3651
+ &[data-slot="navigation-menu-link"] {
3942
3652
  &:focus {
3943
3653
  --tw-outline-style: none;
3944
3654
  outline-style: none;
@@ -3948,7 +3658,7 @@
3948
3658
  }
3949
3659
  .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
3950
3660
  :is(& > *) {
3951
- &[data-slot='select-value'] {
3661
+ &[data-slot="select-value"] {
3952
3662
  overflow: hidden;
3953
3663
  display: -webkit-box;
3954
3664
  -webkit-box-orient: vertical;
@@ -3958,74 +3668,70 @@
3958
3668
  }
3959
3669
  .\*\:data-\[slot\=select-value\]\:flex {
3960
3670
  :is(& > *) {
3961
- &[data-slot='select-value'] {
3671
+ &[data-slot="select-value"] {
3962
3672
  display: flex;
3963
3673
  }
3964
3674
  }
3965
3675
  }
3966
3676
  .\*\:data-\[slot\=select-value\]\:items-center {
3967
3677
  :is(& > *) {
3968
- &[data-slot='select-value'] {
3678
+ &[data-slot="select-value"] {
3969
3679
  align-items: center;
3970
3680
  }
3971
3681
  }
3972
3682
  }
3973
3683
  .\*\:data-\[slot\=select-value\]\:gap-2 {
3974
3684
  :is(& > *) {
3975
- &[data-slot='select-value'] {
3685
+ &[data-slot="select-value"] {
3976
3686
  gap: calc(var(--spacing) * 2);
3977
3687
  }
3978
3688
  }
3979
3689
  }
3980
3690
  .data-\[state\=active\]\:bg-background {
3981
- &[data-state='active'] {
3691
+ &[data-state="active"] {
3982
3692
  background-color: var(--background);
3983
3693
  }
3984
3694
  }
3985
3695
  .data-\[state\=active\]\:bg-blue-500 {
3986
- &[data-state='active'] {
3696
+ &[data-state="active"] {
3987
3697
  background-color: var(--color-blue-500);
3988
3698
  }
3989
3699
  }
3990
3700
  .data-\[state\=active\]\:text-white {
3991
- &[data-state='active'] {
3701
+ &[data-state="active"] {
3992
3702
  color: var(--color-white);
3993
3703
  }
3994
3704
  }
3995
3705
  .data-\[state\=active\]\:shadow-sm {
3996
- &[data-state='active'] {
3997
- --tw-shadow:
3998
- 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
3999
- 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
4000
- box-shadow:
4001
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
4002
- var(--tw-ring-shadow), var(--tw-shadow);
3706
+ &[data-state="active"] {
3707
+ --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));
3708
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4003
3709
  }
4004
3710
  }
4005
3711
  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
4006
- &[data-state='checked'] {
3712
+ &[data-state="checked"] {
4007
3713
  --tw-translate-x: calc(100% - 2px);
4008
3714
  translate: var(--tw-translate-x) var(--tw-translate-y);
4009
3715
  }
4010
3716
  }
4011
3717
  .data-\[state\=checked\]\:border-primary-800 {
4012
- &[data-state='checked'] {
3718
+ &[data-state="checked"] {
4013
3719
  border-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
4014
3720
  }
4015
3721
  }
4016
3722
  .data-\[state\=checked\]\:bg-primary-800 {
4017
- &[data-state='checked'] {
3723
+ &[data-state="checked"] {
4018
3724
  background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
4019
3725
  }
4020
3726
  }
4021
3727
  .data-\[state\=closed\]\:duration-300 {
4022
- &[data-state='closed'] {
3728
+ &[data-state="closed"] {
4023
3729
  --tw-duration: 300ms;
4024
3730
  transition-duration: 300ms;
4025
3731
  }
4026
3732
  }
4027
3733
  .data-\[state\=closed\]\:animate-out {
4028
- &[data-state='closed'] {
3734
+ &[data-state="closed"] {
4029
3735
  animation-name: exit;
4030
3736
  animation-duration: 150ms;
4031
3737
  --tw-exit-opacity: initial;
@@ -4036,43 +3742,43 @@
4036
3742
  }
4037
3743
  }
4038
3744
  .data-\[state\=closed\]\:duration-300 {
4039
- &[data-state='closed'] {
3745
+ &[data-state="closed"] {
4040
3746
  animation-duration: 300ms;
4041
3747
  }
4042
3748
  }
4043
3749
  .data-\[state\=closed\]\:fade-out-0 {
4044
- &[data-state='closed'] {
3750
+ &[data-state="closed"] {
4045
3751
  --tw-exit-opacity: 0;
4046
3752
  }
4047
3753
  }
4048
3754
  .data-\[state\=closed\]\:slide-out-to-bottom {
4049
- &[data-state='closed'] {
3755
+ &[data-state="closed"] {
4050
3756
  --tw-exit-translate-y: 100%;
4051
3757
  }
4052
3758
  }
4053
3759
  .data-\[state\=closed\]\:slide-out-to-left {
4054
- &[data-state='closed'] {
3760
+ &[data-state="closed"] {
4055
3761
  --tw-exit-translate-x: -100%;
4056
3762
  }
4057
3763
  }
4058
3764
  .data-\[state\=closed\]\:slide-out-to-right {
4059
- &[data-state='closed'] {
3765
+ &[data-state="closed"] {
4060
3766
  --tw-exit-translate-x: 100%;
4061
3767
  }
4062
3768
  }
4063
3769
  .data-\[state\=closed\]\:slide-out-to-top {
4064
- &[data-state='closed'] {
3770
+ &[data-state="closed"] {
4065
3771
  --tw-exit-translate-y: -100%;
4066
3772
  }
4067
3773
  }
4068
3774
  .data-\[state\=closed\]\:zoom-out-95 {
4069
- &[data-state='closed'] {
4070
- --tw-exit-scale: 0.95;
3775
+ &[data-state="closed"] {
3776
+ --tw-exit-scale: .95;
4071
3777
  }
4072
3778
  }
4073
3779
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out {
4074
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
4075
- &[data-state='closed'] {
3780
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3781
+ &[data-state="closed"] {
4076
3782
  animation-name: exit;
4077
3783
  animation-duration: 150ms;
4078
3784
  --tw-exit-opacity: initial;
@@ -4084,21 +3790,21 @@
4084
3790
  }
4085
3791
  }
4086
3792
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0 {
4087
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
4088
- &[data-state='closed'] {
3793
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3794
+ &[data-state="closed"] {
4089
3795
  --tw-exit-opacity: 0;
4090
3796
  }
4091
3797
  }
4092
3798
  }
4093
3799
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95 {
4094
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
4095
- &[data-state='closed'] {
4096
- --tw-exit-scale: 0.95;
3800
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3801
+ &[data-state="closed"] {
3802
+ --tw-exit-scale: .95;
4097
3803
  }
4098
3804
  }
4099
3805
  }
4100
3806
  .data-\[state\=hidden\]\:animate-out {
4101
- &[data-state='hidden'] {
3807
+ &[data-state="hidden"] {
4102
3808
  animation-name: exit;
4103
3809
  animation-duration: 150ms;
4104
3810
  --tw-exit-opacity: initial;
@@ -4109,66 +3815,58 @@
4109
3815
  }
4110
3816
  }
4111
3817
  .data-\[state\=hidden\]\:fade-out {
4112
- &[data-state='hidden'] {
3818
+ &[data-state="hidden"] {
4113
3819
  --tw-exit-opacity: 0;
4114
3820
  }
4115
3821
  }
4116
3822
  .data-\[state\=on\]\:bg-blue-500 {
4117
- &[data-state='on'] {
3823
+ &[data-state="on"] {
4118
3824
  background-color: var(--color-blue-500);
4119
3825
  }
4120
3826
  }
4121
3827
  .data-\[state\=on\]\:bg-green-500 {
4122
- &[data-state='on'] {
3828
+ &[data-state="on"] {
4123
3829
  background-color: var(--color-green-500);
4124
3830
  }
4125
3831
  }
4126
3832
  .data-\[state\=on\]\:bg-nsw-grey-100 {
4127
- &[data-state='on'] {
3833
+ &[data-state="on"] {
4128
3834
  background-color: var(--color-nsw-grey-100);
4129
3835
  }
4130
3836
  }
4131
3837
  .data-\[state\=on\]\:bg-primary-800\/10 {
4132
- &[data-state='on'] {
4133
- background-color: color-mix(
4134
- in oklab,
4135
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
4136
- transparent
4137
- );
3838
+ &[data-state="on"] {
3839
+ background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
4138
3840
  }
4139
3841
  }
4140
3842
  .data-\[state\=on\]\:bg-purple-500 {
4141
- &[data-state='on'] {
3843
+ &[data-state="on"] {
4142
3844
  background-color: var(--color-purple-500);
4143
3845
  }
4144
3846
  }
4145
3847
  .data-\[state\=on\]\:text-nsw-grey-850 {
4146
- &[data-state='on'] {
3848
+ &[data-state="on"] {
4147
3849
  color: var(--color-nsw-grey-850);
4148
3850
  }
4149
3851
  }
4150
3852
  .data-\[state\=on\]\:text-white {
4151
- &[data-state='on'] {
3853
+ &[data-state="on"] {
4152
3854
  color: var(--color-white);
4153
3855
  }
4154
3856
  }
4155
3857
  .data-\[state\=open\]\:bg-primary-800\/10 {
4156
- &[data-state='open'] {
4157
- background-color: color-mix(
4158
- in oklab,
4159
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
4160
- transparent
4161
- );
3858
+ &[data-state="open"] {
3859
+ background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
4162
3860
  }
4163
3861
  }
4164
3862
  .data-\[state\=open\]\:duration-500 {
4165
- &[data-state='open'] {
3863
+ &[data-state="open"] {
4166
3864
  --tw-duration: 500ms;
4167
3865
  transition-duration: 500ms;
4168
3866
  }
4169
3867
  }
4170
3868
  .data-\[state\=open\]\:animate-in {
4171
- &[data-state='open'] {
3869
+ &[data-state="open"] {
4172
3870
  animation-name: enter;
4173
3871
  animation-duration: 150ms;
4174
3872
  --tw-enter-opacity: initial;
@@ -4179,48 +3877,48 @@
4179
3877
  }
4180
3878
  }
4181
3879
  .data-\[state\=open\]\:duration-500 {
4182
- &[data-state='open'] {
3880
+ &[data-state="open"] {
4183
3881
  animation-duration: 500ms;
4184
3882
  }
4185
3883
  }
4186
3884
  .data-\[state\=open\]\:fade-in-0 {
4187
- &[data-state='open'] {
3885
+ &[data-state="open"] {
4188
3886
  --tw-enter-opacity: 0;
4189
3887
  }
4190
3888
  }
4191
3889
  .data-\[state\=open\]\:slide-in-from-bottom {
4192
- &[data-state='open'] {
3890
+ &[data-state="open"] {
4193
3891
  --tw-enter-translate-y: 100%;
4194
3892
  }
4195
3893
  }
4196
3894
  .data-\[state\=open\]\:slide-in-from-left {
4197
- &[data-state='open'] {
3895
+ &[data-state="open"] {
4198
3896
  --tw-enter-translate-x: -100%;
4199
3897
  }
4200
3898
  }
4201
3899
  .data-\[state\=open\]\:slide-in-from-right {
4202
- &[data-state='open'] {
3900
+ &[data-state="open"] {
4203
3901
  --tw-enter-translate-x: 100%;
4204
3902
  }
4205
3903
  }
4206
3904
  .data-\[state\=open\]\:slide-in-from-top {
4207
- &[data-state='open'] {
3905
+ &[data-state="open"] {
4208
3906
  --tw-enter-translate-y: -100%;
4209
3907
  }
4210
3908
  }
4211
3909
  .data-\[state\=open\]\:zoom-in-90 {
4212
- &[data-state='open'] {
4213
- --tw-enter-scale: 0.9;
3910
+ &[data-state="open"] {
3911
+ --tw-enter-scale: .9;
4214
3912
  }
4215
3913
  }
4216
3914
  .data-\[state\=open\]\:zoom-in-95 {
4217
- &[data-state='open'] {
4218
- --tw-enter-scale: 0.95;
3915
+ &[data-state="open"] {
3916
+ --tw-enter-scale: .95;
4219
3917
  }
4220
3918
  }
4221
3919
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in {
4222
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
4223
- &[data-state='open'] {
3920
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3921
+ &[data-state="open"] {
4224
3922
  animation-name: enter;
4225
3923
  animation-duration: 150ms;
4226
3924
  --tw-enter-opacity: initial;
@@ -4232,61 +3930,53 @@
4232
3930
  }
4233
3931
  }
4234
3932
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0 {
4235
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
4236
- &[data-state='open'] {
3933
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3934
+ &[data-state="open"] {
4237
3935
  --tw-enter-opacity: 0;
4238
3936
  }
4239
3937
  }
4240
3938
  }
4241
3939
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95 {
4242
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
4243
- &[data-state='open'] {
4244
- --tw-enter-scale: 0.95;
3940
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
3941
+ &[data-state="open"] {
3942
+ --tw-enter-scale: .95;
4245
3943
  }
4246
3944
  }
4247
3945
  }
4248
3946
  .data-\[state\=open\]\:hover\:bg-primary-800\/10 {
4249
- &[data-state='open'] {
3947
+ &[data-state="open"] {
4250
3948
  &:hover {
4251
3949
  @media (hover: hover) {
4252
- background-color: color-mix(
4253
- in oklab,
4254
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
4255
- transparent
4256
- );
3950
+ background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
4257
3951
  }
4258
3952
  }
4259
3953
  }
4260
3954
  }
4261
3955
  .data-\[state\=open\]\:focus\:bg-primary-800\/10 {
4262
- &[data-state='open'] {
3956
+ &[data-state="open"] {
4263
3957
  &:focus {
4264
- background-color: color-mix(
4265
- in oklab,
4266
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
4267
- transparent
4268
- );
3958
+ background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
4269
3959
  }
4270
3960
  }
4271
3961
  }
4272
3962
  .data-\[state\=selected\]\:bg-muted {
4273
- &[data-state='selected'] {
3963
+ &[data-state="selected"] {
4274
3964
  background-color: var(--muted);
4275
3965
  }
4276
3966
  }
4277
3967
  .data-\[state\=unchecked\]\:translate-x-0 {
4278
- &[data-state='unchecked'] {
3968
+ &[data-state="unchecked"] {
4279
3969
  --tw-translate-x: calc(var(--spacing) * 0);
4280
3970
  translate: var(--tw-translate-x) var(--tw-translate-y);
4281
3971
  }
4282
3972
  }
4283
3973
  .data-\[state\=unchecked\]\:bg-input {
4284
- &[data-state='unchecked'] {
3974
+ &[data-state="unchecked"] {
4285
3975
  background-color: var(--input);
4286
3976
  }
4287
3977
  }
4288
3978
  .data-\[state\=visible\]\:animate-in {
4289
- &[data-state='visible'] {
3979
+ &[data-state="visible"] {
4290
3980
  animation-name: enter;
4291
3981
  animation-duration: 150ms;
4292
3982
  --tw-enter-opacity: initial;
@@ -4297,26 +3987,24 @@
4297
3987
  }
4298
3988
  }
4299
3989
  .data-\[state\=visible\]\:fade-in {
4300
- &[data-state='visible'] {
3990
+ &[data-state="visible"] {
4301
3991
  --tw-enter-opacity: 0;
4302
3992
  }
4303
3993
  }
4304
3994
  .data-\[variant\=outline\]\:border-l-0 {
4305
- &[data-variant='outline'] {
3995
+ &[data-variant="outline"] {
4306
3996
  border-left-style: var(--tw-border-style);
4307
3997
  border-left-width: 0px;
4308
3998
  }
4309
3999
  }
4310
4000
  .data-\[variant\=outline\]\:shadow-xs {
4311
- &[data-variant='outline'] {
4001
+ &[data-variant="outline"] {
4312
4002
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
4313
- box-shadow:
4314
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
4315
- var(--tw-ring-shadow), var(--tw-shadow);
4003
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4316
4004
  }
4317
4005
  }
4318
4006
  .data-\[variant\=outline\]\:\[--badge-hover-overlay\:var\(--color-grey-200\)\]\/20 {
4319
- &[data-variant='outline'] {
4007
+ &[data-variant="outline"] {
4320
4008
  --badge-hover-overlay: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
4321
4009
  @supports (color: color-mix(in lab, red, red)) {
4322
4010
  --badge-hover-overlay: color-mix(in oklab, var(--color-grey-200) 20%, transparent);
@@ -4324,7 +4012,7 @@
4324
4012
  }
4325
4013
  }
4326
4014
  .data-\[variant\=outline\]\:first\:border-l {
4327
- &[data-variant='outline'] {
4015
+ &[data-variant="outline"] {
4328
4016
  &:first-child {
4329
4017
  border-left-style: var(--tw-border-style);
4330
4018
  border-left-width: 1px;
@@ -4332,77 +4020,57 @@
4332
4020
  }
4333
4021
  }
4334
4022
  .data-\[variant\=soft\]\:\[--badge-bg\:var\(--color-grey-500\)\] {
4335
- &[data-variant='soft'] {
4023
+ &[data-variant="soft"] {
4336
4024
  --badge-bg: var(--color-grey-500);
4337
4025
  }
4338
4026
  }
4339
4027
  .data-\[variant\=soft\]\:\[--btn-bg\:var\(--color-grey-400\)\] {
4340
- &[data-variant='soft'] {
4028
+ &[data-variant="soft"] {
4341
4029
  --btn-bg: var(--color-grey-400);
4342
4030
  }
4343
4031
  }
4344
4032
  .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-accent-600\)\]\/20 {
4345
- &[data-variant='soft'] {
4346
- --focus-outline: color-mix(
4347
- in srgb,
4348
- oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 20%,
4349
- transparent
4350
- );
4033
+ &[data-variant="soft"] {
4034
+ --focus-outline: color-mix(in srgb, oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 20%, transparent);
4351
4035
  @supports (color: color-mix(in lab, red, red)) {
4352
4036
  --focus-outline: color-mix(in oklab, var(--color-accent-600) 20%, transparent);
4353
4037
  }
4354
4038
  }
4355
4039
  }
4356
4040
  .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-grey-600\)\]\/20 {
4357
- &[data-variant='soft'] {
4358
- --focus-outline: color-mix(
4359
- in srgb,
4360
- oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 20%,
4361
- transparent
4362
- );
4041
+ &[data-variant="soft"] {
4042
+ --focus-outline: color-mix(in srgb, oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 20%, transparent);
4363
4043
  @supports (color: color-mix(in lab, red, red)) {
4364
4044
  --focus-outline: color-mix(in oklab, var(--color-grey-600) 20%, transparent);
4365
4045
  }
4366
4046
  }
4367
4047
  }
4368
4048
  .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-200\)\]\/20 {
4369
- &[data-variant='soft'] {
4370
- --focus-outline: color-mix(
4371
- in srgb,
4372
- oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 20%,
4373
- transparent
4374
- );
4049
+ &[data-variant="soft"] {
4050
+ --focus-outline: color-mix(in srgb, oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 20%, transparent);
4375
4051
  @supports (color: color-mix(in lab, red, red)) {
4376
4052
  --focus-outline: color-mix(in oklab, var(--color-primary-200) 20%, transparent);
4377
4053
  }
4378
4054
  }
4379
4055
  }
4380
4056
  .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-600\)\]\/20 {
4381
- &[data-variant='soft'] {
4382
- --focus-outline: color-mix(
4383
- in srgb,
4384
- oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 20%,
4385
- transparent
4386
- );
4057
+ &[data-variant="soft"] {
4058
+ --focus-outline: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 20%, transparent);
4387
4059
  @supports (color: color-mix(in lab, red, red)) {
4388
4060
  --focus-outline: color-mix(in oklab, var(--color-primary-600) 20%, transparent);
4389
4061
  }
4390
4062
  }
4391
4063
  }
4392
4064
  .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-800\)\]\/20 {
4393
- &[data-variant='soft'] {
4394
- --focus-outline: color-mix(
4395
- in srgb,
4396
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 20%,
4397
- transparent
4398
- );
4065
+ &[data-variant="soft"] {
4066
+ --focus-outline: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 20%, transparent);
4399
4067
  @supports (color: color-mix(in lab, red, red)) {
4400
4068
  --focus-outline: color-mix(in oklab, var(--color-primary-800) 20%, transparent);
4401
4069
  }
4402
4070
  }
4403
4071
  }
4404
4072
  .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-white\)\]\/20 {
4405
- &[data-variant='soft'] {
4073
+ &[data-variant="soft"] {
4406
4074
  --focus-outline: color-mix(in srgb, #fff 20%, transparent);
4407
4075
  @supports (color: color-mix(in lab, red, red)) {
4408
4076
  --focus-outline: color-mix(in oklab, var(--color-white) 20%, transparent);
@@ -4410,29 +4078,25 @@
4410
4078
  }
4411
4079
  }
4412
4080
  .data-\[variant\=solid\]\:text-grey-800 {
4413
- &[data-variant='solid'] {
4081
+ &[data-variant="solid"] {
4414
4082
  color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
4415
4083
  }
4416
4084
  }
4417
4085
  .data-\[variant\=solid\]\:\[--badge-hover-overlay\:var\(--color-grey-400\)\]\/50 {
4418
- &[data-variant='solid'] {
4419
- --badge-hover-overlay: color-mix(
4420
- in srgb,
4421
- oklch(0.8630965162073586 0.007776237801518043 228.8687380011113) 50%,
4422
- transparent
4423
- );
4086
+ &[data-variant="solid"] {
4087
+ --badge-hover-overlay: color-mix(in srgb, oklch(0.8630965162073586 0.007776237801518043 228.8687380011113) 50%, transparent);
4424
4088
  @supports (color: color-mix(in lab, red, red)) {
4425
4089
  --badge-hover-overlay: color-mix(in oklab, var(--color-grey-400) 50%, transparent);
4426
4090
  }
4427
4091
  }
4428
4092
  }
4429
4093
  .data-\[variant\=solid\]\:\[--badge-hover-overlay\:var\(--color-primary-250\)\] {
4430
- &[data-variant='solid'] {
4094
+ &[data-variant="solid"] {
4431
4095
  --badge-hover-overlay: var(--color-primary-250);
4432
4096
  }
4433
4097
  }
4434
4098
  .data-\[variant\=solid\]\:\[--badge-hover-overlay\:var\(--color-white\)\]\/10 {
4435
- &[data-variant='solid'] {
4099
+ &[data-variant="solid"] {
4436
4100
  --badge-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
4437
4101
  @supports (color: color-mix(in lab, red, red)) {
4438
4102
  --badge-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
@@ -4440,31 +4104,23 @@
4440
4104
  }
4441
4105
  }
4442
4106
  .data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-grey-800\)\]\/10 {
4443
- &[data-variant='solid'] {
4444
- --btn-hover-overlay: color-mix(
4445
- in srgb,
4446
- oklch(0.26941250740174183 0.010359971488680036 242.08383926925922) 10%,
4447
- transparent
4448
- );
4107
+ &[data-variant="solid"] {
4108
+ --btn-hover-overlay: color-mix(in srgb, oklch(0.26941250740174183 0.010359971488680036 242.08383926925922) 10%, transparent);
4449
4109
  @supports (color: color-mix(in lab, red, red)) {
4450
4110
  --btn-hover-overlay: color-mix(in oklab, var(--color-grey-800) 10%, transparent);
4451
4111
  }
4452
4112
  }
4453
4113
  }
4454
4114
  .data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/10 {
4455
- &[data-variant='solid'] {
4456
- --btn-hover-overlay: color-mix(
4457
- in srgb,
4458
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
4459
- transparent
4460
- );
4115
+ &[data-variant="solid"] {
4116
+ --btn-hover-overlay: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
4461
4117
  @supports (color: color-mix(in lab, red, red)) {
4462
4118
  --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
4463
4119
  }
4464
4120
  }
4465
4121
  }
4466
4122
  .data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
4467
- &[data-variant='solid'] {
4123
+ &[data-variant="solid"] {
4468
4124
  --btn-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
4469
4125
  @supports (color: color-mix(in lab, red, red)) {
4470
4126
  --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
@@ -4472,136 +4128,136 @@
4472
4128
  }
4473
4129
  }
4474
4130
  .data-\[variant\=surface\]\:\[--badge-bg\:var\(--color-grey-500\)\] {
4475
- &[data-variant='surface'] {
4131
+ &[data-variant="surface"] {
4476
4132
  --badge-bg: var(--color-grey-500);
4477
4133
  }
4478
4134
  }
4479
4135
  .data-\[variant\=surface\]\:\[--btn-bg\:var\(--color-grey-400\)\] {
4480
- &[data-variant='surface'] {
4136
+ &[data-variant="surface"] {
4481
4137
  --btn-bg: var(--color-grey-400);
4482
4138
  }
4483
4139
  }
4484
4140
  .data-\[variant\=surface\]\:\[--focus-outline\:var\(--color-grey-600\)\] {
4485
- &[data-variant='surface'] {
4141
+ &[data-variant="surface"] {
4486
4142
  --focus-outline: var(--color-grey-600);
4487
4143
  }
4488
4144
  }
4489
4145
  .data-\[variant\=surface\]\:data-active\:\[--btn-border\:var\(--color-grey-300\)\] {
4490
- &[data-variant='surface'] {
4146
+ &[data-variant="surface"] {
4491
4147
  &[data-active] {
4492
4148
  --btn-border: var(--color-grey-300);
4493
4149
  }
4494
4150
  }
4495
4151
  }
4496
4152
  .data-\[variant\=surface\]\:data-hover\:\[--btn-border\:var\(--color-grey-300\)\] {
4497
- &[data-variant='surface'] {
4153
+ &[data-variant="surface"] {
4498
4154
  &[data-hover] {
4499
4155
  --btn-border: var(--color-grey-300);
4500
4156
  }
4501
4157
  }
4502
4158
  }
4503
4159
  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
4504
- &[data-vaul-drawer-direction='bottom'] {
4160
+ &[data-vaul-drawer-direction="bottom"] {
4505
4161
  inset-inline: calc(var(--spacing) * 0);
4506
4162
  }
4507
4163
  }
4508
4164
  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0 {
4509
- &[data-vaul-drawer-direction='bottom'] {
4165
+ &[data-vaul-drawer-direction="bottom"] {
4510
4166
  bottom: calc(var(--spacing) * 0);
4511
4167
  }
4512
4168
  }
4513
4169
  .data-\[vaul-drawer-direction\=bottom\]\:mt-24 {
4514
- &[data-vaul-drawer-direction='bottom'] {
4170
+ &[data-vaul-drawer-direction="bottom"] {
4515
4171
  margin-top: calc(var(--spacing) * 24);
4516
4172
  }
4517
4173
  }
4518
4174
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\] {
4519
- &[data-vaul-drawer-direction='bottom'] {
4175
+ &[data-vaul-drawer-direction="bottom"] {
4520
4176
  max-height: 80vh;
4521
4177
  }
4522
4178
  }
4523
4179
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg {
4524
- &[data-vaul-drawer-direction='bottom'] {
4180
+ &[data-vaul-drawer-direction="bottom"] {
4525
4181
  border-top-left-radius: var(--radius-lg);
4526
4182
  border-top-right-radius: var(--radius-lg);
4527
4183
  }
4528
4184
  }
4529
4185
  .data-\[vaul-drawer-direction\=bottom\]\:border-t {
4530
- &[data-vaul-drawer-direction='bottom'] {
4186
+ &[data-vaul-drawer-direction="bottom"] {
4531
4187
  border-top-style: var(--tw-border-style);
4532
4188
  border-top-width: 1px;
4533
4189
  }
4534
4190
  }
4535
4191
  .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
4536
- &[data-vaul-drawer-direction='left'] {
4192
+ &[data-vaul-drawer-direction="left"] {
4537
4193
  inset-block: calc(var(--spacing) * 0);
4538
4194
  }
4539
4195
  }
4540
4196
  .data-\[vaul-drawer-direction\=left\]\:left-0 {
4541
- &[data-vaul-drawer-direction='left'] {
4197
+ &[data-vaul-drawer-direction="left"] {
4542
4198
  left: calc(var(--spacing) * 0);
4543
4199
  }
4544
4200
  }
4545
4201
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
4546
- &[data-vaul-drawer-direction='left'] {
4547
- width: calc(3 / 4 * 100%);
4202
+ &[data-vaul-drawer-direction="left"] {
4203
+ width: calc(3/4 * 100%);
4548
4204
  }
4549
4205
  }
4550
4206
  .data-\[vaul-drawer-direction\=left\]\:border-r {
4551
- &[data-vaul-drawer-direction='left'] {
4207
+ &[data-vaul-drawer-direction="left"] {
4552
4208
  border-right-style: var(--tw-border-style);
4553
4209
  border-right-width: 1px;
4554
4210
  }
4555
4211
  }
4556
4212
  .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
4557
- &[data-vaul-drawer-direction='right'] {
4213
+ &[data-vaul-drawer-direction="right"] {
4558
4214
  inset-block: calc(var(--spacing) * 0);
4559
4215
  }
4560
4216
  }
4561
4217
  .data-\[vaul-drawer-direction\=right\]\:right-0 {
4562
- &[data-vaul-drawer-direction='right'] {
4218
+ &[data-vaul-drawer-direction="right"] {
4563
4219
  right: calc(var(--spacing) * 0);
4564
4220
  }
4565
4221
  }
4566
4222
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
4567
- &[data-vaul-drawer-direction='right'] {
4568
- width: calc(3 / 4 * 100%);
4223
+ &[data-vaul-drawer-direction="right"] {
4224
+ width: calc(3/4 * 100%);
4569
4225
  }
4570
4226
  }
4571
4227
  .data-\[vaul-drawer-direction\=right\]\:border-l {
4572
- &[data-vaul-drawer-direction='right'] {
4228
+ &[data-vaul-drawer-direction="right"] {
4573
4229
  border-left-style: var(--tw-border-style);
4574
4230
  border-left-width: 1px;
4575
4231
  }
4576
4232
  }
4577
4233
  .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
4578
- &[data-vaul-drawer-direction='top'] {
4234
+ &[data-vaul-drawer-direction="top"] {
4579
4235
  inset-inline: calc(var(--spacing) * 0);
4580
4236
  }
4581
4237
  }
4582
4238
  .data-\[vaul-drawer-direction\=top\]\:top-0 {
4583
- &[data-vaul-drawer-direction='top'] {
4239
+ &[data-vaul-drawer-direction="top"] {
4584
4240
  top: calc(var(--spacing) * 0);
4585
4241
  }
4586
4242
  }
4587
4243
  .data-\[vaul-drawer-direction\=top\]\:mb-24 {
4588
- &[data-vaul-drawer-direction='top'] {
4244
+ &[data-vaul-drawer-direction="top"] {
4589
4245
  margin-bottom: calc(var(--spacing) * 24);
4590
4246
  }
4591
4247
  }
4592
4248
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] {
4593
- &[data-vaul-drawer-direction='top'] {
4249
+ &[data-vaul-drawer-direction="top"] {
4594
4250
  max-height: 80vh;
4595
4251
  }
4596
4252
  }
4597
4253
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg {
4598
- &[data-vaul-drawer-direction='top'] {
4254
+ &[data-vaul-drawer-direction="top"] {
4599
4255
  border-bottom-right-radius: var(--radius-lg);
4600
4256
  border-bottom-left-radius: var(--radius-lg);
4601
4257
  }
4602
4258
  }
4603
4259
  .data-\[vaul-drawer-direction\=top\]\:border-b {
4604
- &[data-vaul-drawer-direction='top'] {
4260
+ &[data-vaul-drawer-direction="top"] {
4605
4261
  border-bottom-style: var(--tw-border-style);
4606
4262
  border-bottom-width: 1px;
4607
4263
  }
@@ -4752,7 +4408,7 @@
4752
4408
  .sm\:\*\:data-\[slot\=icon\]\:my-0\.5 {
4753
4409
  @media (width >= 40rem) {
4754
4410
  :is(& > *) {
4755
- &[data-slot='icon'] {
4411
+ &[data-slot="icon"] {
4756
4412
  margin-block: calc(var(--spacing) * 0.5);
4757
4413
  }
4758
4414
  }
@@ -4761,7 +4417,7 @@
4761
4417
  .sm\:\*\:data-\[slot\=icon\]\:size-3 {
4762
4418
  @media (width >= 40rem) {
4763
4419
  :is(& > *) {
4764
- &[data-slot='icon'] {
4420
+ &[data-slot="icon"] {
4765
4421
  width: calc(var(--spacing) * 3);
4766
4422
  height: calc(var(--spacing) * 3);
4767
4423
  }
@@ -4771,7 +4427,7 @@
4771
4427
  .sm\:\*\:data-\[slot\=icon\]\:size-5 {
4772
4428
  @media (width >= 40rem) {
4773
4429
  :is(& > *) {
4774
- &[data-slot='icon'] {
4430
+ &[data-slot="icon"] {
4775
4431
  width: calc(var(--spacing) * 5);
4776
4432
  height: calc(var(--spacing) * 5);
4777
4433
  }
@@ -4779,14 +4435,14 @@
4779
4435
  }
4780
4436
  }
4781
4437
  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
4782
- &[data-vaul-drawer-direction='left'] {
4438
+ &[data-vaul-drawer-direction="left"] {
4783
4439
  @media (width >= 40rem) {
4784
4440
  max-width: var(--container-sm);
4785
4441
  }
4786
4442
  }
4787
4443
  }
4788
4444
  .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm {
4789
- &[data-vaul-drawer-direction='right'] {
4445
+ &[data-vaul-drawer-direction="right"] {
4790
4446
  @media (width >= 40rem) {
4791
4447
  max-width: var(--container-sm);
4792
4448
  }
@@ -5024,22 +4680,22 @@
5024
4680
  }
5025
4681
  }
5026
4682
  .dark\:block {
5027
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4683
+ &:where([data-theme=dark], [data-theme=dark] *) {
5028
4684
  display: block;
5029
4685
  }
5030
4686
  }
5031
4687
  .dark\:hidden {
5032
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4688
+ &:where([data-theme=dark], [data-theme=dark] *) {
5033
4689
  display: none;
5034
4690
  }
5035
4691
  }
5036
4692
  .dark\:border-\(--badge-bg\) {
5037
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4693
+ &:where([data-theme=dark], [data-theme=dark] *) {
5038
4694
  border-color: var(--badge-bg);
5039
4695
  }
5040
4696
  }
5041
4697
  .dark\:border-\(--badge-bg\)\/50 {
5042
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4698
+ &:where([data-theme=dark], [data-theme=dark] *) {
5043
4699
  border-color: var(--badge-bg);
5044
4700
  @supports (color: color-mix(in lab, red, red)) {
5045
4701
  border-color: color-mix(in oklab, var(--badge-bg) 50%, transparent);
@@ -5047,12 +4703,12 @@
5047
4703
  }
5048
4704
  }
5049
4705
  .dark\:border-\(--btn-bg\) {
5050
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4706
+ &:where([data-theme=dark], [data-theme=dark] *) {
5051
4707
  border-color: var(--btn-bg);
5052
4708
  }
5053
4709
  }
5054
4710
  .dark\:border-\(--btn-bg\)\/50 {
5055
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4711
+ &:where([data-theme=dark], [data-theme=dark] *) {
5056
4712
  border-color: var(--btn-bg);
5057
4713
  @supports (color: color-mix(in lab, red, red)) {
5058
4714
  border-color: color-mix(in oklab, var(--btn-bg) 50%, transparent);
@@ -5060,22 +4716,22 @@
5060
4716
  }
5061
4717
  }
5062
4718
  .dark\:border-gray-600 {
5063
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4719
+ &:where([data-theme=dark], [data-theme=dark] *) {
5064
4720
  border-color: var(--color-gray-600);
5065
4721
  }
5066
4722
  }
5067
4723
  .dark\:border-grey-600 {
5068
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4724
+ &:where([data-theme=dark], [data-theme=dark] *) {
5069
4725
  border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
5070
4726
  }
5071
4727
  }
5072
4728
  .dark\:border-nsw-grey-50 {
5073
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4729
+ &:where([data-theme=dark], [data-theme=dark] *) {
5074
4730
  border-color: var(--color-nsw-grey-50);
5075
4731
  }
5076
4732
  }
5077
4733
  .dark\:border-nsw-grey-200\/15 {
5078
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4734
+ &:where([data-theme=dark], [data-theme=dark] *) {
5079
4735
  border-color: color-mix(in srgb, oklch(0.9400701096450296 0 0) 15%, transparent);
5080
4736
  @supports (color: color-mix(in lab, red, red)) {
5081
4737
  border-color: color-mix(in oklab, var(--color-nsw-grey-200) 15%, transparent);
@@ -5083,7 +4739,7 @@
5083
4739
  }
5084
4740
  }
5085
4741
  .dark\:border-nsw-grey-200\/20 {
5086
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4742
+ &:where([data-theme=dark], [data-theme=dark] *) {
5087
4743
  border-color: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
5088
4744
  @supports (color: color-mix(in lab, red, red)) {
5089
4745
  border-color: color-mix(in oklab, var(--color-nsw-grey-200) 20%, transparent);
@@ -5091,17 +4747,17 @@
5091
4747
  }
5092
4748
  }
5093
4749
  .dark\:border-slate-800 {
5094
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4750
+ &:where([data-theme=dark], [data-theme=dark] *) {
5095
4751
  border-color: var(--color-slate-800);
5096
4752
  }
5097
4753
  }
5098
4754
  .dark\:border-white {
5099
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4755
+ &:where([data-theme=dark], [data-theme=dark] *) {
5100
4756
  border-color: var(--color-white);
5101
4757
  }
5102
4758
  }
5103
4759
  .dark\:border-white\/5 {
5104
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4760
+ &:where([data-theme=dark], [data-theme=dark] *) {
5105
4761
  border-color: color-mix(in srgb, #fff 5%, transparent);
5106
4762
  @supports (color: color-mix(in lab, red, red)) {
5107
4763
  border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
@@ -5109,7 +4765,7 @@
5109
4765
  }
5110
4766
  }
5111
4767
  .dark\:border-white\/20 {
5112
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4768
+ &:where([data-theme=dark], [data-theme=dark] *) {
5113
4769
  border-color: color-mix(in srgb, #fff 20%, transparent);
5114
4770
  @supports (color: color-mix(in lab, red, red)) {
5115
4771
  border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
@@ -5117,12 +4773,12 @@
5117
4773
  }
5118
4774
  }
5119
4775
  .dark\:bg-\(--badge-bg\) {
5120
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4776
+ &:where([data-theme=dark], [data-theme=dark] *) {
5121
4777
  background-color: var(--badge-bg);
5122
4778
  }
5123
4779
  }
5124
4780
  .dark\:bg-\(--badge-bg\)\/20 {
5125
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4781
+ &:where([data-theme=dark], [data-theme=dark] *) {
5126
4782
  background-color: var(--badge-bg);
5127
4783
  @supports (color: color-mix(in lab, red, red)) {
5128
4784
  background-color: color-mix(in oklab, var(--badge-bg) 20%, transparent);
@@ -5130,7 +4786,7 @@
5130
4786
  }
5131
4787
  }
5132
4788
  .dark\:bg-\(--badge-bg\)\/30 {
5133
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4789
+ &:where([data-theme=dark], [data-theme=dark] *) {
5134
4790
  background-color: var(--badge-bg);
5135
4791
  @supports (color: color-mix(in lab, red, red)) {
5136
4792
  background-color: color-mix(in oklab, var(--badge-bg) 30%, transparent);
@@ -5138,12 +4794,12 @@
5138
4794
  }
5139
4795
  }
5140
4796
  .dark\:bg-\(--btn-bg\) {
5141
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4797
+ &:where([data-theme=dark], [data-theme=dark] *) {
5142
4798
  background-color: var(--btn-bg);
5143
4799
  }
5144
4800
  }
5145
4801
  .dark\:bg-\(--btn-bg\)\/20 {
5146
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4802
+ &:where([data-theme=dark], [data-theme=dark] *) {
5147
4803
  background-color: var(--btn-bg);
5148
4804
  @supports (color: color-mix(in lab, red, red)) {
5149
4805
  background-color: color-mix(in oklab, var(--btn-bg) 20%, transparent);
@@ -5151,7 +4807,7 @@
5151
4807
  }
5152
4808
  }
5153
4809
  .dark\:bg-\(--btn-bg\)\/30 {
5154
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4810
+ &:where([data-theme=dark], [data-theme=dark] *) {
5155
4811
  background-color: var(--btn-bg);
5156
4812
  @supports (color: color-mix(in lab, red, red)) {
5157
4813
  background-color: color-mix(in oklab, var(--btn-bg) 30%, transparent);
@@ -5159,56 +4815,48 @@
5159
4815
  }
5160
4816
  }
5161
4817
  .dark\:bg-\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/40 {
5162
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5163
- background-color: color-mix(
5164
- in srgb,
5165
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 40%,
5166
- transparent
5167
- );
4818
+ &:where([data-theme=dark], [data-theme=dark] *) {
4819
+ background-color: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 40%, transparent);
5168
4820
  @supports (color: color-mix(in lab, red, red)) {
5169
4821
  background-color: color-mix(in oklab, var(--color-primary-800) 40%, transparent);
5170
4822
  }
5171
4823
  }
5172
4824
  }
5173
4825
  .dark\:bg-\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/40 {
5174
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5175
- background-color: color-mix(
5176
- in srgb,
5177
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 40%,
5178
- transparent
5179
- );
4826
+ &:where([data-theme=dark], [data-theme=dark] *) {
4827
+ background-color: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 40%, transparent);
5180
4828
  @supports (color: color-mix(in lab, red, red)) {
5181
4829
  background-color: color-mix(in oklab, var(--color-primary-800) 40%, transparent);
5182
4830
  }
5183
4831
  }
5184
4832
  }
5185
4833
  .dark\:bg-blue-950 {
5186
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4834
+ &:where([data-theme=dark], [data-theme=dark] *) {
5187
4835
  background-color: var(--color-blue-950);
5188
4836
  }
5189
4837
  }
5190
4838
  .dark\:bg-gray-800 {
5191
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4839
+ &:where([data-theme=dark], [data-theme=dark] *) {
5192
4840
  background-color: var(--color-gray-800);
5193
4841
  }
5194
4842
  }
5195
4843
  .dark\:bg-grey-700 {
5196
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4844
+ &:where([data-theme=dark], [data-theme=dark] *) {
5197
4845
  background-color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
5198
4846
  }
5199
4847
  }
5200
4848
  .dark\:bg-grey-800 {
5201
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4849
+ &:where([data-theme=dark], [data-theme=dark] *) {
5202
4850
  background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
5203
4851
  }
5204
4852
  }
5205
4853
  .dark\:bg-grey-900 {
5206
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4854
+ &:where([data-theme=dark], [data-theme=dark] *) {
5207
4855
  background-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
5208
4856
  }
5209
4857
  }
5210
4858
  .dark\:bg-input\/30 {
5211
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4859
+ &:where([data-theme=dark], [data-theme=dark] *) {
5212
4860
  background-color: var(--input);
5213
4861
  @supports (color: color-mix(in lab, red, red)) {
5214
4862
  background-color: color-mix(in oklab, var(--input) 30%, transparent);
@@ -5216,7 +4864,7 @@
5216
4864
  }
5217
4865
  }
5218
4866
  .dark\:bg-nsw-grey-100\/20 {
5219
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4867
+ &:where([data-theme=dark], [data-theme=dark] *) {
5220
4868
  background-color: color-mix(in srgb, oklch(0.9700350548225147 0 0) 20%, transparent);
5221
4869
  @supports (color: color-mix(in lab, red, red)) {
5222
4870
  background-color: color-mix(in oklab, var(--color-nsw-grey-100) 20%, transparent);
@@ -5224,12 +4872,12 @@
5224
4872
  }
5225
4873
  }
5226
4874
  .dark\:bg-nsw-grey-800 {
5227
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4875
+ &:where([data-theme=dark], [data-theme=dark] *) {
5228
4876
  background-color: var(--color-nsw-grey-800);
5229
4877
  }
5230
4878
  }
5231
4879
  .dark\:bg-slate-900\/95 {
5232
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4880
+ &:where([data-theme=dark], [data-theme=dark] *) {
5233
4881
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
5234
4882
  @supports (color: color-mix(in lab, red, red)) {
5235
4883
  background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
@@ -5237,12 +4885,12 @@
5237
4885
  }
5238
4886
  }
5239
4887
  .dark\:bg-transparent {
5240
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4888
+ &:where([data-theme=dark], [data-theme=dark] *) {
5241
4889
  background-color: transparent;
5242
4890
  }
5243
4891
  }
5244
4892
  .dark\:bg-white\/5 {
5245
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4893
+ &:where([data-theme=dark], [data-theme=dark] *) {
5246
4894
  background-color: color-mix(in srgb, #fff 5%, transparent);
5247
4895
  @supports (color: color-mix(in lab, red, red)) {
5248
4896
  background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
@@ -5250,57 +4898,57 @@
5250
4898
  }
5251
4899
  }
5252
4900
  .dark\:fill-nsw-grey-100 {
5253
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4901
+ &:where([data-theme=dark], [data-theme=dark] *) {
5254
4902
  fill: var(--color-nsw-grey-100);
5255
4903
  }
5256
4904
  }
5257
4905
  .dark\:fill-white {
5258
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4906
+ &:where([data-theme=dark], [data-theme=dark] *) {
5259
4907
  fill: var(--color-white);
5260
4908
  }
5261
4909
  }
5262
4910
  .dark\:text-gray-400 {
5263
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4911
+ &:where([data-theme=dark], [data-theme=dark] *) {
5264
4912
  color: var(--color-gray-400);
5265
4913
  }
5266
4914
  }
5267
4915
  .dark\:text-grey-200 {
5268
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4916
+ &:where([data-theme=dark], [data-theme=dark] *) {
5269
4917
  color: oklch(0.9400701096450296 0 0);
5270
4918
  }
5271
4919
  }
5272
4920
  .dark\:text-grey-400 {
5273
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4921
+ &:where([data-theme=dark], [data-theme=dark] *) {
5274
4922
  color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
5275
4923
  }
5276
4924
  }
5277
4925
  .dark\:text-muted-foreground {
5278
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4926
+ &:where([data-theme=dark], [data-theme=dark] *) {
5279
4927
  color: var(--muted-foreground);
5280
4928
  }
5281
4929
  }
5282
4930
  .dark\:text-nsw-grey-400 {
5283
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4931
+ &:where([data-theme=dark], [data-theme=dark] *) {
5284
4932
  color: var(--color-nsw-grey-400);
5285
4933
  }
5286
4934
  }
5287
4935
  .dark\:text-primary-500 {
5288
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4936
+ &:where([data-theme=dark], [data-theme=dark] *) {
5289
4937
  color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
5290
4938
  }
5291
4939
  }
5292
4940
  .dark\:text-slate-400 {
5293
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4941
+ &:where([data-theme=dark], [data-theme=dark] *) {
5294
4942
  color: var(--color-slate-400);
5295
4943
  }
5296
4944
  }
5297
4945
  .dark\:text-white {
5298
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4946
+ &:where([data-theme=dark], [data-theme=dark] *) {
5299
4947
  color: var(--color-white);
5300
4948
  }
5301
4949
  }
5302
4950
  .dark\:decoration-white\/50 {
5303
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4951
+ &:where([data-theme=dark], [data-theme=dark] *) {
5304
4952
  text-decoration-color: color-mix(in srgb, #fff 50%, transparent);
5305
4953
  @supports (color: color-mix(in lab, red, red)) {
5306
4954
  text-decoration-color: color-mix(in oklab, var(--color-white) 50%, transparent);
@@ -5308,50 +4956,38 @@
5308
4956
  }
5309
4957
  }
5310
4958
  .dark\:shadow-none {
5311
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4959
+ &:where([data-theme=dark], [data-theme=dark] *) {
5312
4960
  --tw-shadow: 0 0 #0000;
5313
- box-shadow:
5314
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
5315
- var(--tw-ring-shadow), var(--tw-shadow);
4961
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5316
4962
  }
5317
4963
  }
5318
4964
  .dark\:backdrop-blur-sm {
5319
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4965
+ &:where([data-theme=dark], [data-theme=dark] *) {
5320
4966
  --tw-backdrop-blur: blur(var(--blur-sm));
5321
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
5322
- var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
5323
- var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
5324
- var(--tw-backdrop-sepia,);
5325
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
5326
- var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
5327
- var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
5328
- var(--tw-backdrop-sepia,);
4967
+ -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,);
4968
+ 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,);
5329
4969
  }
5330
4970
  }
5331
4971
  .dark\:\[--badge-bg\:var\(--color-grey-600\)\] {
5332
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4972
+ &:where([data-theme=dark], [data-theme=dark] *) {
5333
4973
  --badge-bg: var(--color-grey-600);
5334
4974
  }
5335
4975
  }
5336
4976
  .dark\:\[--badge-bg\:var\(--color-white\)\] {
5337
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4977
+ &:where([data-theme=dark], [data-theme=dark] *) {
5338
4978
  --badge-bg: var(--color-white);
5339
4979
  }
5340
4980
  }
5341
4981
  .dark\:\[--badge-border\:var\(--color-grey-600\)\]\/90 {
5342
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5343
- --badge-border: color-mix(
5344
- in srgb,
5345
- oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%,
5346
- transparent
5347
- );
4982
+ &:where([data-theme=dark], [data-theme=dark] *) {
4983
+ --badge-border: color-mix(in srgb, oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%, transparent);
5348
4984
  @supports (color: color-mix(in lab, red, red)) {
5349
4985
  --badge-border: color-mix(in oklab, var(--color-grey-600) 90%, transparent);
5350
4986
  }
5351
4987
  }
5352
4988
  }
5353
4989
  .dark\:\[--badge-border\:var\(--color-white\)\]\/90 {
5354
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4990
+ &:where([data-theme=dark], [data-theme=dark] *) {
5355
4991
  --badge-border: color-mix(in srgb, #fff 90%, transparent);
5356
4992
  @supports (color: color-mix(in lab, red, red)) {
5357
4993
  --badge-border: color-mix(in oklab, var(--color-white) 90%, transparent);
@@ -5359,7 +4995,7 @@
5359
4995
  }
5360
4996
  }
5361
4997
  .dark\:\[--badge-hover-overlay\:var\(--color-grey-200\)\]\/20 {
5362
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4998
+ &:where([data-theme=dark], [data-theme=dark] *) {
5363
4999
  --badge-hover-overlay: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
5364
5000
  @supports (color: color-mix(in lab, red, red)) {
5365
5001
  --badge-hover-overlay: color-mix(in oklab, var(--color-grey-200) 20%, transparent);
@@ -5367,51 +5003,43 @@
5367
5003
  }
5368
5004
  }
5369
5005
  .dark\:\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/50 {
5370
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5371
- --badge-hover-overlay: color-mix(
5372
- in srgb,
5373
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 50%,
5374
- transparent
5375
- );
5006
+ &:where([data-theme=dark], [data-theme=dark] *) {
5007
+ --badge-hover-overlay: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 50%, transparent);
5376
5008
  @supports (color: color-mix(in lab, red, red)) {
5377
5009
  --badge-hover-overlay: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
5378
5010
  }
5379
5011
  }
5380
5012
  }
5381
5013
  .dark\:\[--badge-text\:var\(--color-grey-800\)\] {
5382
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5014
+ &:where([data-theme=dark], [data-theme=dark] *) {
5383
5015
  --badge-text: var(--color-grey-800);
5384
5016
  }
5385
5017
  }
5386
5018
  .dark\:\[--badge-text\:var\(--color-white\)\] {
5387
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5019
+ &:where([data-theme=dark], [data-theme=dark] *) {
5388
5020
  --badge-text: var(--color-white);
5389
5021
  }
5390
5022
  }
5391
5023
  .dark\:\[--btn-bg\:var\(--color-grey-600\)\] {
5392
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5024
+ &:where([data-theme=dark], [data-theme=dark] *) {
5393
5025
  --btn-bg: var(--color-grey-600);
5394
5026
  }
5395
5027
  }
5396
5028
  .dark\:\[--btn-bg\:var\(--color-white\)\] {
5397
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5029
+ &:where([data-theme=dark], [data-theme=dark] *) {
5398
5030
  --btn-bg: var(--color-white);
5399
5031
  }
5400
5032
  }
5401
5033
  .dark\:\[--btn-border\:var\(--color-grey-600\)\]\/90 {
5402
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5403
- --btn-border: color-mix(
5404
- in srgb,
5405
- oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%,
5406
- transparent
5407
- );
5034
+ &:where([data-theme=dark], [data-theme=dark] *) {
5035
+ --btn-border: color-mix(in srgb, oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%, transparent);
5408
5036
  @supports (color: color-mix(in lab, red, red)) {
5409
5037
  --btn-border: color-mix(in oklab, var(--color-grey-600) 90%, transparent);
5410
5038
  }
5411
5039
  }
5412
5040
  }
5413
5041
  .dark\:\[--btn-border\:var\(--color-white\)\]\/90 {
5414
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5042
+ &:where([data-theme=dark], [data-theme=dark] *) {
5415
5043
  --btn-border: color-mix(in srgb, #fff 90%, transparent);
5416
5044
  @supports (color: color-mix(in lab, red, red)) {
5417
5045
  --btn-border: color-mix(in oklab, var(--color-white) 90%, transparent);
@@ -5419,31 +5047,23 @@
5419
5047
  }
5420
5048
  }
5421
5049
  .dark\:\[--btn-hover-overlay\:var\(--color-grey-600\)\]\/50 {
5422
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5423
- --btn-hover-overlay: color-mix(
5424
- in srgb,
5425
- oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 50%,
5426
- transparent
5427
- );
5050
+ &:where([data-theme=dark], [data-theme=dark] *) {
5051
+ --btn-hover-overlay: color-mix(in srgb, oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 50%, transparent);
5428
5052
  @supports (color: color-mix(in lab, red, red)) {
5429
5053
  --btn-hover-overlay: color-mix(in oklab, var(--color-grey-600) 50%, transparent);
5430
5054
  }
5431
5055
  }
5432
5056
  }
5433
5057
  .dark\:\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/50 {
5434
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5435
- --btn-hover-overlay: color-mix(
5436
- in srgb,
5437
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 50%,
5438
- transparent
5439
- );
5058
+ &:where([data-theme=dark], [data-theme=dark] *) {
5059
+ --btn-hover-overlay: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 50%, transparent);
5440
5060
  @supports (color: color-mix(in lab, red, red)) {
5441
5061
  --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
5442
5062
  }
5443
5063
  }
5444
5064
  }
5445
5065
  .dark\:\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
5446
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5066
+ &:where([data-theme=dark], [data-theme=dark] *) {
5447
5067
  --btn-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
5448
5068
  @supports (color: color-mix(in lab, red, red)) {
5449
5069
  --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
@@ -5451,7 +5071,7 @@
5451
5071
  }
5452
5072
  }
5453
5073
  .dark\:\[--btn-hover-overlay\:var\(--color-white\)\]\/15 {
5454
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5074
+ &:where([data-theme=dark], [data-theme=dark] *) {
5455
5075
  --btn-hover-overlay: color-mix(in srgb, #fff 15%, transparent);
5456
5076
  @supports (color: color-mix(in lab, red, red)) {
5457
5077
  --btn-hover-overlay: color-mix(in oklab, var(--color-white) 15%, transparent);
@@ -5459,42 +5079,42 @@
5459
5079
  }
5460
5080
  }
5461
5081
  .dark\:\[--btn-text\:var\(--color-grey-800\)\] {
5462
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5082
+ &:where([data-theme=dark], [data-theme=dark] *) {
5463
5083
  --btn-text: var(--color-grey-800);
5464
5084
  }
5465
5085
  }
5466
5086
  .dark\:\[--btn-text\:white\] {
5467
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5087
+ &:where([data-theme=dark], [data-theme=dark] *) {
5468
5088
  --btn-text: white;
5469
5089
  }
5470
5090
  }
5471
5091
  .dark\:\[--focus-outline\:var\(--color-grey-100\)\] {
5472
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5092
+ &:where([data-theme=dark], [data-theme=dark] *) {
5473
5093
  --focus-outline: var(--color-grey-100);
5474
5094
  }
5475
5095
  }
5476
5096
  .dark\:\[--focus-outline\:var\(--color-grey-500\)\] {
5477
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5097
+ &:where([data-theme=dark], [data-theme=dark] *) {
5478
5098
  --focus-outline: var(--color-grey-500);
5479
5099
  }
5480
5100
  }
5481
5101
  .dark\:\[--focus-outline\:var\(--color-grey-600\)\] {
5482
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5102
+ &:where([data-theme=dark], [data-theme=dark] *) {
5483
5103
  --focus-outline: var(--color-grey-600);
5484
5104
  }
5485
5105
  }
5486
5106
  .dark\:\[--focus-outline\:var\(--color-white\)\] {
5487
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5107
+ &:where([data-theme=dark], [data-theme=dark] *) {
5488
5108
  --focus-outline: var(--color-white);
5489
5109
  }
5490
5110
  }
5491
5111
  .dark\:\[--toggle-border\:white\]\/40 {
5492
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5112
+ &:where([data-theme=dark], [data-theme=dark] *) {
5493
5113
  --toggle-border: color-mix(in oklab, white 40%, transparent);
5494
5114
  }
5495
5115
  }
5496
5116
  .dark\:group-hover\:fill-nsw-grey-500 {
5497
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5117
+ &:where([data-theme=dark], [data-theme=dark] *) {
5498
5118
  &:is(:where(.group):hover *) {
5499
5119
  @media (hover: hover) {
5500
5120
  fill: var(--color-nsw-grey-500);
@@ -5503,14 +5123,14 @@
5503
5123
  }
5504
5124
  }
5505
5125
  .dark\:group-data-\[state\=checked\]\:border-nsw-grey-400 {
5506
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5507
- &:is(:where(.group)[data-state='checked'] *) {
5126
+ &:where([data-theme=dark], [data-theme=dark] *) {
5127
+ &:is(:where(.group)[data-state="checked"] *) {
5508
5128
  border-color: var(--color-nsw-grey-400);
5509
5129
  }
5510
5130
  }
5511
5131
  }
5512
5132
  .dark\:before\:hidden {
5513
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5133
+ &:where([data-theme=dark], [data-theme=dark] *) {
5514
5134
  &::before {
5515
5135
  content: var(--tw-content);
5516
5136
  display: none;
@@ -5518,7 +5138,7 @@
5518
5138
  }
5519
5139
  }
5520
5140
  .dark\:before\:bg-white\/5 {
5521
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5141
+ &:where([data-theme=dark], [data-theme=dark] *) {
5522
5142
  &::before {
5523
5143
  content: var(--tw-content);
5524
5144
  background-color: color-mix(in srgb, #fff 5%, transparent);
@@ -5529,7 +5149,7 @@
5529
5149
  }
5530
5150
  }
5531
5151
  .dark\:after\:-inset-px {
5532
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5152
+ &:where([data-theme=dark], [data-theme=dark] *) {
5533
5153
  &::after {
5534
5154
  content: var(--tw-content);
5535
5155
  inset: -1px;
@@ -5537,7 +5157,7 @@
5537
5157
  }
5538
5158
  }
5539
5159
  .dark\:after\:rounded-sm {
5540
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5160
+ &:where([data-theme=dark], [data-theme=dark] *) {
5541
5161
  &::after {
5542
5162
  content: var(--tw-content);
5543
5163
  border-radius: var(--radius-sm);
@@ -5545,7 +5165,7 @@
5545
5165
  }
5546
5166
  }
5547
5167
  .dark\:hover\:border-nsw-grey-400 {
5548
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5168
+ &:where([data-theme=dark], [data-theme=dark] *) {
5549
5169
  &:hover {
5550
5170
  @media (hover: hover) {
5551
5171
  border-color: var(--color-nsw-grey-400);
@@ -5554,7 +5174,7 @@
5554
5174
  }
5555
5175
  }
5556
5176
  .dark\:hover\:bg-gray-700 {
5557
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5177
+ &:where([data-theme=dark], [data-theme=dark] *) {
5558
5178
  &:hover {
5559
5179
  @media (hover: hover) {
5560
5180
  background-color: var(--color-gray-700);
@@ -5563,7 +5183,7 @@
5563
5183
  }
5564
5184
  }
5565
5185
  .dark\:hover\:bg-grey-700 {
5566
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5186
+ &:where([data-theme=dark], [data-theme=dark] *) {
5567
5187
  &:hover {
5568
5188
  @media (hover: hover) {
5569
5189
  background-color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
@@ -5572,7 +5192,7 @@
5572
5192
  }
5573
5193
  }
5574
5194
  .dark\:hover\:bg-input\/50 {
5575
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5195
+ &:where([data-theme=dark], [data-theme=dark] *) {
5576
5196
  &:hover {
5577
5197
  @media (hover: hover) {
5578
5198
  background-color: var(--input);
@@ -5584,7 +5204,7 @@
5584
5204
  }
5585
5205
  }
5586
5206
  .dark\:hover\:bg-nsw-grey-700 {
5587
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5207
+ &:where([data-theme=dark], [data-theme=dark] *) {
5588
5208
  &:hover {
5589
5209
  @media (hover: hover) {
5590
5210
  background-color: var(--color-nsw-grey-700);
@@ -5593,7 +5213,7 @@
5593
5213
  }
5594
5214
  }
5595
5215
  .dark\:hover\:bg-white\/10 {
5596
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5216
+ &:where([data-theme=dark], [data-theme=dark] *) {
5597
5217
  &:hover {
5598
5218
  @media (hover: hover) {
5599
5219
  background-color: color-mix(in srgb, #fff 10%, transparent);
@@ -5605,7 +5225,7 @@
5605
5225
  }
5606
5226
  }
5607
5227
  .dark\:hover\:text-slate-300 {
5608
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5228
+ &:where([data-theme=dark], [data-theme=dark] *) {
5609
5229
  &:hover {
5610
5230
  @media (hover: hover) {
5611
5231
  color: var(--color-slate-300);
@@ -5614,7 +5234,7 @@
5614
5234
  }
5615
5235
  }
5616
5236
  .dark\:hover\:text-white {
5617
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5237
+ &:where([data-theme=dark], [data-theme=dark] *) {
5618
5238
  &:hover {
5619
5239
  @media (hover: hover) {
5620
5240
  color: var(--color-white);
@@ -5625,14 +5245,14 @@
5625
5245
  .hover\:dark\:text-grey-300 {
5626
5246
  &:hover {
5627
5247
  @media (hover: hover) {
5628
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5248
+ &:where([data-theme=dark], [data-theme=dark] *) {
5629
5249
  color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
5630
5250
  }
5631
5251
  }
5632
5252
  }
5633
5253
  }
5634
5254
  .dark\:hover\:\[--toggle-border\:white\]\/50 {
5635
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5255
+ &:where([data-theme=dark], [data-theme=dark] *) {
5636
5256
  &:hover {
5637
5257
  @media (hover: hover) {
5638
5258
  --toggle-border: color-mix(in oklab, white 50%, transparent);
@@ -5641,15 +5261,15 @@
5641
5261
  }
5642
5262
  }
5643
5263
  .dark\:data-hover\:decoration-white {
5644
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5264
+ &:where([data-theme=dark], [data-theme=dark] *) {
5645
5265
  &[data-hover] {
5646
5266
  text-decoration-color: var(--color-white);
5647
5267
  }
5648
5268
  }
5649
5269
  }
5650
5270
  .dark\:data-\[state\=active\]\:bg-input\/30 {
5651
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5652
- &[data-state='active'] {
5271
+ &:where([data-theme=dark], [data-theme=dark] *) {
5272
+ &[data-state="active"] {
5653
5273
  background-color: var(--input);
5654
5274
  @supports (color: color-mix(in lab, red, red)) {
5655
5275
  background-color: color-mix(in oklab, var(--input) 30%, transparent);
@@ -5658,22 +5278,22 @@
5658
5278
  }
5659
5279
  }
5660
5280
  .dark\:data-\[state\=active\]\:text-foreground {
5661
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5662
- &[data-state='active'] {
5281
+ &:where([data-theme=dark], [data-theme=dark] *) {
5282
+ &[data-state="active"] {
5663
5283
  color: var(--foreground);
5664
5284
  }
5665
5285
  }
5666
5286
  }
5667
5287
  .dark\:data-\[state\=checked\]\:bg-primary-800 {
5668
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5669
- &[data-state='checked'] {
5288
+ &:where([data-theme=dark], [data-theme=dark] *) {
5289
+ &[data-state="checked"] {
5670
5290
  background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
5671
5291
  }
5672
5292
  }
5673
5293
  }
5674
5294
  .dark\:data-\[state\=on\]\:bg-white\/10 {
5675
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5676
- &[data-state='on'] {
5295
+ &:where([data-theme=dark], [data-theme=dark] *) {
5296
+ &[data-state="on"] {
5677
5297
  background-color: color-mix(in srgb, #fff 10%, transparent);
5678
5298
  @supports (color: color-mix(in lab, red, red)) {
5679
5299
  background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
@@ -5682,22 +5302,22 @@
5682
5302
  }
5683
5303
  }
5684
5304
  .dark\:data-\[state\=on\]\:text-white {
5685
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5686
- &[data-state='on'] {
5305
+ &:where([data-theme=dark], [data-theme=dark] *) {
5306
+ &[data-state="on"] {
5687
5307
  color: var(--color-white);
5688
5308
  }
5689
5309
  }
5690
5310
  }
5691
5311
  .dark\:data-\[state\=unchecked\]\:bg-foreground {
5692
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5693
- &[data-state='unchecked'] {
5312
+ &:where([data-theme=dark], [data-theme=dark] *) {
5313
+ &[data-state="unchecked"] {
5694
5314
  background-color: var(--foreground);
5695
5315
  }
5696
5316
  }
5697
5317
  }
5698
5318
  .dark\:data-\[state\=unchecked\]\:bg-input\/80 {
5699
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5700
- &[data-state='unchecked'] {
5319
+ &:where([data-theme=dark], [data-theme=dark] *) {
5320
+ &[data-state="unchecked"] {
5701
5321
  background-color: var(--input);
5702
5322
  @supports (color: color-mix(in lab, red, red)) {
5703
5323
  background-color: color-mix(in oklab, var(--input) 80%, transparent);
@@ -5706,36 +5326,36 @@
5706
5326
  }
5707
5327
  }
5708
5328
  .dark\:data-\[variant\=ghost\]\:bg-transparent {
5709
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5710
- &[data-variant='ghost'] {
5329
+ &:where([data-theme=dark], [data-theme=dark] *) {
5330
+ &[data-variant="ghost"] {
5711
5331
  background-color: transparent;
5712
5332
  }
5713
5333
  }
5714
5334
  }
5715
5335
  .dark\:data-\[variant\=outline\]\:border-\[--badge-hover-overlay\:var\(--color-primary-700\)\] {
5716
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5717
- &[data-variant='outline'] {
5336
+ &:where([data-theme=dark], [data-theme=dark] *) {
5337
+ &[data-variant="outline"] {
5718
5338
  border-color: var(--color-primary-700);
5719
5339
  }
5720
5340
  }
5721
5341
  }
5722
5342
  .dark\:data-\[variant\=outline\]\:border-\[--btn-hover-overlay\:var\(--color-primary-700\)\] {
5723
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5724
- &[data-variant='outline'] {
5343
+ &:where([data-theme=dark], [data-theme=dark] *) {
5344
+ &[data-variant="outline"] {
5725
5345
  border-color: var(--color-primary-700);
5726
5346
  }
5727
5347
  }
5728
5348
  }
5729
5349
  .dark\:data-\[variant\=outline\]\:\[--btn-border\:var\(--color-grey-600\)\] {
5730
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5731
- &[data-variant='outline'] {
5350
+ &:where([data-theme=dark], [data-theme=dark] *) {
5351
+ &[data-variant="outline"] {
5732
5352
  --btn-border: var(--color-grey-600);
5733
5353
  }
5734
5354
  }
5735
5355
  }
5736
5356
  .dark\:data-\[variant\=outline\]\:\[--focus-outline\:var\(--color-grey-100\)\]\/30 {
5737
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5738
- &[data-variant='outline'] {
5357
+ &:where([data-theme=dark], [data-theme=dark] *) {
5358
+ &[data-variant="outline"] {
5739
5359
  --focus-outline: color-mix(in srgb, oklch(0.9700350548225147 0 0) 30%, transparent);
5740
5360
  @supports (color: color-mix(in lab, red, red)) {
5741
5361
  --focus-outline: color-mix(in oklab, var(--color-grey-100) 30%, transparent);
@@ -5744,20 +5364,16 @@
5744
5364
  }
5745
5365
  }
5746
5366
  .dark\:data-\[variant\=soft\]\:\[--btn-bg\:var\(--color-grey-400\)\] {
5747
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5748
- &[data-variant='soft'] {
5367
+ &:where([data-theme=dark], [data-theme=dark] *) {
5368
+ &[data-variant="soft"] {
5749
5369
  --btn-bg: var(--color-grey-400);
5750
5370
  }
5751
5371
  }
5752
5372
  }
5753
5373
  .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-accent-600\)\]\/60 {
5754
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5755
- &[data-variant='soft'] {
5756
- --focus-outline: color-mix(
5757
- in srgb,
5758
- oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 60%,
5759
- transparent
5760
- );
5374
+ &:where([data-theme=dark], [data-theme=dark] *) {
5375
+ &[data-variant="soft"] {
5376
+ --focus-outline: color-mix(in srgb, oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 60%, transparent);
5761
5377
  @supports (color: color-mix(in lab, red, red)) {
5762
5378
  --focus-outline: color-mix(in oklab, var(--color-accent-600) 60%, transparent);
5763
5379
  }
@@ -5765,8 +5381,8 @@
5765
5381
  }
5766
5382
  }
5767
5383
  .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-grey-200\)\]\/20 {
5768
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5769
- &[data-variant='soft'] {
5384
+ &:where([data-theme=dark], [data-theme=dark] *) {
5385
+ &[data-variant="soft"] {
5770
5386
  --focus-outline: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
5771
5387
  @supports (color: color-mix(in lab, red, red)) {
5772
5388
  --focus-outline: color-mix(in oklab, var(--color-grey-200) 20%, transparent);
@@ -5775,8 +5391,8 @@
5775
5391
  }
5776
5392
  }
5777
5393
  .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-grey-200\)\]\/30 {
5778
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5779
- &[data-variant='soft'] {
5394
+ &:where([data-theme=dark], [data-theme=dark] *) {
5395
+ &[data-variant="soft"] {
5780
5396
  --focus-outline: color-mix(in srgb, oklch(0.9400701096450296 0 0) 30%, transparent);
5781
5397
  @supports (color: color-mix(in lab, red, red)) {
5782
5398
  --focus-outline: color-mix(in oklab, var(--color-grey-200) 30%, transparent);
@@ -5785,13 +5401,9 @@
5785
5401
  }
5786
5402
  }
5787
5403
  .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-200\)\]\/60 {
5788
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5789
- &[data-variant='soft'] {
5790
- --focus-outline: color-mix(
5791
- in srgb,
5792
- oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 60%,
5793
- transparent
5794
- );
5404
+ &:where([data-theme=dark], [data-theme=dark] *) {
5405
+ &[data-variant="soft"] {
5406
+ --focus-outline: color-mix(in srgb, oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 60%, transparent);
5795
5407
  @supports (color: color-mix(in lab, red, red)) {
5796
5408
  --focus-outline: color-mix(in oklab, var(--color-primary-200) 60%, transparent);
5797
5409
  }
@@ -5799,13 +5411,9 @@
5799
5411
  }
5800
5412
  }
5801
5413
  .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-600\)\]\/60 {
5802
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5803
- &[data-variant='soft'] {
5804
- --focus-outline: color-mix(
5805
- in srgb,
5806
- oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 60%,
5807
- transparent
5808
- );
5414
+ &:where([data-theme=dark], [data-theme=dark] *) {
5415
+ &[data-variant="soft"] {
5416
+ --focus-outline: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 60%, transparent);
5809
5417
  @supports (color: color-mix(in lab, red, red)) {
5810
5418
  --focus-outline: color-mix(in oklab, var(--color-primary-600) 60%, transparent);
5811
5419
  }
@@ -5813,13 +5421,9 @@
5813
5421
  }
5814
5422
  }
5815
5423
  .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-800\)\]\/60 {
5816
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5817
- &[data-variant='soft'] {
5818
- --focus-outline: color-mix(
5819
- in srgb,
5820
- oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 60%,
5821
- transparent
5822
- );
5424
+ &:where([data-theme=dark], [data-theme=dark] *) {
5425
+ &[data-variant="soft"] {
5426
+ --focus-outline: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 60%, transparent);
5823
5427
  @supports (color: color-mix(in lab, red, red)) {
5824
5428
  --focus-outline: color-mix(in oklab, var(--color-primary-800) 60%, transparent);
5825
5429
  }
@@ -5827,29 +5431,29 @@
5827
5431
  }
5828
5432
  }
5829
5433
  .dark\:data-\[variant\=solid\]\:bg-\[--badge-hover-overlay\:var\(--color-primary-800\)\] {
5830
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5831
- &[data-variant='solid'] {
5434
+ &:where([data-theme=dark], [data-theme=dark] *) {
5435
+ &[data-variant="solid"] {
5832
5436
  background-color: var(--color-primary-800);
5833
5437
  }
5834
5438
  }
5835
5439
  }
5836
5440
  .dark\:data-\[variant\=solid\]\:bg-\[--btn-hover-overlay\:var\(--color-primary-800\)\] {
5837
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5838
- &[data-variant='solid'] {
5441
+ &:where([data-theme=dark], [data-theme=dark] *) {
5442
+ &[data-variant="solid"] {
5839
5443
  background-color: var(--color-primary-800);
5840
5444
  }
5841
5445
  }
5842
5446
  }
5843
5447
  .dark\:data-\[variant\=solid\]\:text-grey-800 {
5844
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5845
- &[data-variant='solid'] {
5448
+ &:where([data-theme=dark], [data-theme=dark] *) {
5449
+ &[data-variant="solid"] {
5846
5450
  color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
5847
5451
  }
5848
5452
  }
5849
5453
  }
5850
5454
  .dark\:data-\[variant\=solid\]\:\[--badge-hover-overlay\:var\(--color-white\)\]\/5 {
5851
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5852
- &[data-variant='solid'] {
5455
+ &:where([data-theme=dark], [data-theme=dark] *) {
5456
+ &[data-variant="solid"] {
5853
5457
  --badge-hover-overlay: color-mix(in srgb, #fff 5%, transparent);
5854
5458
  @supports (color: color-mix(in lab, red, red)) {
5855
5459
  --badge-hover-overlay: color-mix(in oklab, var(--color-white) 5%, transparent);
@@ -5858,8 +5462,8 @@
5858
5462
  }
5859
5463
  }
5860
5464
  .dark\:data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-white\)\]\/5 {
5861
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5862
- &[data-variant='solid'] {
5465
+ &:where([data-theme=dark], [data-theme=dark] *) {
5466
+ &[data-variant="solid"] {
5863
5467
  --btn-hover-overlay: color-mix(in srgb, #fff 5%, transparent);
5864
5468
  @supports (color: color-mix(in lab, red, red)) {
5865
5469
  --btn-hover-overlay: color-mix(in oklab, var(--color-white) 5%, transparent);
@@ -5868,13 +5472,9 @@
5868
5472
  }
5869
5473
  }
5870
5474
  .dark\:data-\[variant\=surface\]\:border-\[--badge-hover-overlay\:var\(--color-primary-700\)\]\/60 {
5871
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5872
- &[data-variant='surface'] {
5873
- border-color: color-mix(
5874
- in srgb,
5875
- oklch(0.43255566986372795 0.17356468700683536 260.29913478593846) 60%,
5876
- transparent
5877
- );
5475
+ &:where([data-theme=dark], [data-theme=dark] *) {
5476
+ &[data-variant="surface"] {
5477
+ border-color: color-mix(in srgb, oklch(0.43255566986372795 0.17356468700683536 260.29913478593846) 60%, transparent);
5878
5478
  @supports (color: color-mix(in lab, red, red)) {
5879
5479
  border-color: color-mix(in oklab, var(--color-primary-700) 60%, transparent);
5880
5480
  }
@@ -5882,13 +5482,9 @@
5882
5482
  }
5883
5483
  }
5884
5484
  .dark\:data-\[variant\=surface\]\:border-\[--btn-hover-overlay\:var\(--color-primary-700\)\]\/60 {
5885
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5886
- &[data-variant='surface'] {
5887
- border-color: color-mix(
5888
- in srgb,
5889
- oklch(0.43255566986372795 0.17356468700683536 260.29913478593846) 60%,
5890
- transparent
5891
- );
5485
+ &:where([data-theme=dark], [data-theme=dark] *) {
5486
+ &[data-variant="surface"] {
5487
+ border-color: color-mix(in srgb, oklch(0.43255566986372795 0.17356468700683536 260.29913478593846) 60%, transparent);
5892
5488
  @supports (color: color-mix(in lab, red, red)) {
5893
5489
  border-color: color-mix(in oklab, var(--color-primary-700) 60%, transparent);
5894
5490
  }
@@ -5896,15 +5492,15 @@
5896
5492
  }
5897
5493
  }
5898
5494
  .dark\:data-\[variant\=surface\]\:\[--btn-bg\:var\(--color-grey-400\)\] {
5899
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5900
- &[data-variant='surface'] {
5495
+ &:where([data-theme=dark], [data-theme=dark] *) {
5496
+ &[data-variant="surface"] {
5901
5497
  --btn-bg: var(--color-grey-400);
5902
5498
  }
5903
5499
  }
5904
5500
  }
5905
5501
  .dark\:data-\[variant\=surface\]\:\[--focus-outline\:var\(--color-grey-200\)\]\/20 {
5906
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5907
- &[data-variant='surface'] {
5502
+ &:where([data-theme=dark], [data-theme=dark] *) {
5503
+ &[data-variant="surface"] {
5908
5504
  --focus-outline: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
5909
5505
  @supports (color: color-mix(in lab, red, red)) {
5910
5506
  --focus-outline: color-mix(in oklab, var(--color-grey-200) 20%, transparent);
@@ -5913,8 +5509,8 @@
5913
5509
  }
5914
5510
  }
5915
5511
  .dark\:data-\[variant\=surface\]\:\[--focus-outline\:var\(--color-white\)\]\/70 {
5916
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5917
- &[data-variant='surface'] {
5512
+ &:where([data-theme=dark], [data-theme=dark] *) {
5513
+ &[data-variant="surface"] {
5918
5514
  --focus-outline: color-mix(in srgb, #fff 70%, transparent);
5919
5515
  @supports (color: color-mix(in lab, red, red)) {
5920
5516
  --focus-outline: color-mix(in oklab, var(--color-white) 70%, transparent);
@@ -5923,8 +5519,8 @@
5923
5519
  }
5924
5520
  }
5925
5521
  .dark\:data-\[variant\=surface\]\:data-active\:border-\[--badge-hover-overlay\:var\(--color-primary-700\)\] {
5926
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5927
- &[data-variant='surface'] {
5522
+ &:where([data-theme=dark], [data-theme=dark] *) {
5523
+ &[data-variant="surface"] {
5928
5524
  &[data-active] {
5929
5525
  border-color: var(--color-primary-700);
5930
5526
  }
@@ -5932,8 +5528,8 @@
5932
5528
  }
5933
5529
  }
5934
5530
  .dark\:data-\[variant\=surface\]\:data-active\:border-\[--btn-hover-overlay\:var\(--color-primary-700\)\] {
5935
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5936
- &[data-variant='surface'] {
5531
+ &:where([data-theme=dark], [data-theme=dark] *) {
5532
+ &[data-variant="surface"] {
5937
5533
  &[data-active] {
5938
5534
  border-color: var(--color-primary-700);
5939
5535
  }
@@ -5941,8 +5537,8 @@
5941
5537
  }
5942
5538
  }
5943
5539
  .dark\:data-\[variant\=surface\]\:data-hover\:border-\[--badge-hover-overlay\:var\(--color-primary-700\)\] {
5944
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5945
- &[data-variant='surface'] {
5540
+ &:where([data-theme=dark], [data-theme=dark] *) {
5541
+ &[data-variant="surface"] {
5946
5542
  &[data-hover] {
5947
5543
  border-color: var(--color-primary-700);
5948
5544
  }
@@ -5950,8 +5546,8 @@
5950
5546
  }
5951
5547
  }
5952
5548
  .dark\:data-\[variant\=surface\]\:data-hover\:border-\[--btn-hover-overlay\:var\(--color-primary-700\)\] {
5953
- &:where([data-theme='dark'], [data-theme='dark'] *) {
5954
- &[data-variant='surface'] {
5549
+ &:where([data-theme=dark], [data-theme=dark] *) {
5550
+ &[data-variant="surface"] {
5955
5551
  &[data-hover] {
5956
5552
  border-color: var(--color-primary-700);
5957
5553
  }
@@ -6009,7 +5605,7 @@
6009
5605
  }
6010
5606
  }
6011
5607
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
6012
- & [cmdk-group]:not([hidden]) ~ [cmdk-group] {
5608
+ & [cmdk-group]:not([hidden]) ~[cmdk-group] {
6013
5609
  padding-top: calc(var(--spacing) * 0);
6014
5610
  }
6015
5611
  }
@@ -6065,7 +5661,7 @@
6065
5661
  }
6066
5662
  }
6067
5663
  .\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-4 {
6068
- & svg:not([class*='size-']) {
5664
+ & svg:not([class*="size-"]) {
6069
5665
  width: calc(var(--spacing) * 4);
6070
5666
  height: calc(var(--spacing) * 4);
6071
5667
  }
@@ -6100,12 +5696,12 @@
6100
5696
  }
6101
5697
  }
6102
5698
  .\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-800 {
6103
- &:has([data-state='checked']) {
5699
+ &:has([data-state=checked]) {
6104
5700
  border-color: var(--color-nsw-grey-800);
6105
5701
  }
6106
5702
  }
6107
5703
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
6108
- &:has([role='checkbox']) {
5704
+ &:has([role=checkbox]) {
6109
5705
  padding-right: calc(var(--spacing) * 0);
6110
5706
  }
6111
5707
  }
@@ -6147,36 +5743,36 @@
6147
5743
  }
6148
5744
  }
6149
5745
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
6150
- & > [role='checkbox'] {
5746
+ &>[role=checkbox] {
6151
5747
  --tw-translate-y: 2px;
6152
5748
  translate: var(--tw-translate-x) var(--tw-translate-y);
6153
5749
  }
6154
5750
  }
6155
5751
  .\[\&\>svg\]\:size-4 {
6156
- & > svg {
5752
+ &>svg {
6157
5753
  width: calc(var(--spacing) * 4);
6158
5754
  height: calc(var(--spacing) * 4);
6159
5755
  }
6160
5756
  }
6161
5757
  .\[\&\>svg\]\:size-5 {
6162
- & > svg {
5758
+ &>svg {
6163
5759
  width: calc(var(--spacing) * 5);
6164
5760
  height: calc(var(--spacing) * 5);
6165
5761
  }
6166
5762
  }
6167
5763
  .\[\&\>svg\]\:translate-y-0\.5 {
6168
- & > svg {
5764
+ &>svg {
6169
5765
  --tw-translate-y: calc(var(--spacing) * 0.5);
6170
5766
  translate: var(--tw-translate-x) var(--tw-translate-y);
6171
5767
  }
6172
5768
  }
6173
5769
  .\[\&\>svg\]\:text-current {
6174
- & > svg {
5770
+ &>svg {
6175
5771
  color: currentcolor;
6176
5772
  }
6177
5773
  }
6178
5774
  .\[\&\>tr\]\:last\:border-b-0 {
6179
- & > tr {
5775
+ &>tr {
6180
5776
  &:last-child {
6181
5777
  border-bottom-style: var(--tw-border-style);
6182
5778
  border-bottom-width: 0px;
@@ -6184,23 +5780,23 @@
6184
5780
  }
6185
5781
  }
6186
5782
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
6187
- &[data-panel-group-direction='vertical'] > div {
5783
+ &[data-panel-group-direction=vertical]>div {
6188
5784
  rotate: 90deg;
6189
5785
  }
6190
5786
  }
6191
5787
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
6192
- &[data-state='open'] > svg {
5788
+ &[data-state=open]>svg {
6193
5789
  rotate: 180deg;
6194
5790
  }
6195
5791
  }
6196
5792
  .\[\@media\(pointer\:fine\)\]\:hidden {
6197
- @media (pointer: fine) {
5793
+ @media (pointer:fine) {
6198
5794
  display: none;
6199
5795
  }
6200
5796
  }
6201
5797
  .dark\:\[\@supports\(backdrop-filter\:blur\(0\)\)\]\:bg-slate-900\/75 {
6202
- &:where([data-theme='dark'], [data-theme='dark'] *) {
6203
- @supports (backdrop-filter: blur(0)) {
5798
+ &:where([data-theme=dark], [data-theme=dark] *) {
5799
+ @supports (backdrop-filter:blur(0)) {
6204
5800
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 75%, transparent);
6205
5801
  @supports (color: color-mix(in lab, red, red)) {
6206
5802
  background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
@@ -6241,8 +5837,7 @@
6241
5837
  --letter-spacing-7: -0.0075em;
6242
5838
  --letter-spacing-8: -0.01em;
6243
5839
  --letter-spacing-9: -0.025em;
6244
- --default-font-family:
6245
- 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
5840
+ --default-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
6246
5841
  'Open Sans', system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
6247
5842
  --default-font-size: var(--font-size-3);
6248
5843
  --default-font-style: normal;
@@ -6266,8 +5861,7 @@
6266
5861
  --heading-line-height-7: calc(36px * var(--scaling));
6267
5862
  --heading-line-height-8: calc(40px * var(--scaling));
6268
5863
  --heading-line-height-9: calc(60px * var(--scaling));
6269
- --code-font-family:
6270
- 'Menlo', 'Consolas (Custom)', 'Bitstream Vera Sans Mono', monospace, 'Apple Color Emoji',
5864
+ --code-font-family: 'Menlo', 'Consolas (Custom)', 'Bitstream Vera Sans Mono', monospace, 'Apple Color Emoji',
6271
5865
  'Segoe UI Emoji';
6272
5866
  --code-font-size-adjust: 0.95;
6273
5867
  --code-font-style: normal;
@@ -6309,16 +5903,10 @@ body {
6309
5903
  -webkit-font-smoothing: antialiased;
6310
5904
  -moz-osx-font-smoothing: grayscale;
6311
5905
  }
6312
- code[class*='language-'],
6313
- pre[class*='language-'] {
5906
+ code[class*='language-'], pre[class*='language-'] {
6314
5907
  color: #ccc;
6315
5908
  background: none;
6316
- font-family:
6317
- Consolas,
6318
- Monaco,
6319
- Andale Mono,
6320
- Ubuntu Mono,
6321
- monospace;
5909
+ font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
6322
5910
  font-size: 1em;
6323
5911
  word-wrap: normal;
6324
5912
  }
@@ -6327,60 +5915,37 @@ pre[class*='language-'] {
6327
5915
  margin: 0.5em 0;
6328
5916
  overflow: auto;
6329
5917
  }
6330
- :not(pre) > code[class*='language-'],
6331
- pre[class*='language-'] {
5918
+ :not(pre) > code[class*='language-'], pre[class*='language-'] {
6332
5919
  background: #2d2d2d;
6333
5920
  }
6334
5921
  :not(pre) > code[class*='language-'] {
6335
5922
  white-space: normal;
6336
5923
  }
6337
- .token.block-comment,
6338
- .token.cdata,
6339
- .token.comment,
6340
- .token.doctype,
6341
- .token.prolog {
5924
+ .token.block-comment, .token.cdata, .token.comment, .token.doctype, .token.prolog {
6342
5925
  color: #999;
6343
5926
  }
6344
5927
  .token.punctuation {
6345
5928
  color: #ccc;
6346
5929
  }
6347
- .token.attr-name,
6348
- .token.deleted,
6349
- .token.namespace,
6350
- .token.tag {
5930
+ .token.attr-name, .token.deleted, .token.namespace, .token.tag {
6351
5931
  color: #e2777a;
6352
5932
  }
6353
5933
  .token.function-name {
6354
5934
  color: #6196cc;
6355
5935
  }
6356
- .token.boolean,
6357
- .token.function,
6358
- .token.number {
5936
+ .token.boolean, .token.function, .token.number {
6359
5937
  color: #f08d49;
6360
5938
  }
6361
- .token.class-name,
6362
- .token.constant,
6363
- .token.property,
6364
- .token.symbol {
5939
+ .token.class-name, .token.constant, .token.property, .token.symbol {
6365
5940
  color: #f8c555;
6366
5941
  }
6367
- .token.atrule,
6368
- .token.builtin,
6369
- .token.important,
6370
- .token.keyword,
6371
- .token.selector {
5942
+ .token.atrule, .token.builtin, .token.important, .token.keyword, .token.selector {
6372
5943
  color: #cc99cd;
6373
5944
  }
6374
- .token.attr-value,
6375
- .token.char,
6376
- .token.regex,
6377
- .token.string,
6378
- .token.variable {
5945
+ .token.attr-value, .token.char, .token.regex, .token.string, .token.variable {
6379
5946
  color: #7ec699;
6380
5947
  }
6381
- .token.entity,
6382
- .token.operator,
6383
- .token.url {
5948
+ .token.entity, .token.operator, .token.url {
6384
5949
  color: #67cdcc;
6385
5950
  }
6386
5951
  .token.inserted {
@@ -6390,8 +5955,7 @@ pre[class*='language-'] {
6390
5955
  background-color: #fff;
6391
5956
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fillRule='evenodd'%3E%3Cg fill='%23d1d5db' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
6392
5957
  }
6393
- code[class*='language-'],
6394
- pre[class*='language-'] {
5958
+ code[class*='language-'], pre[class*='language-'] {
6395
5959
  margin-bottom: 1.25rem;
6396
5960
  margin-top: 0;
6397
5961
  border-radius: 0.5rem;
@@ -6400,15 +5964,7 @@ pre[class*='language-'] {
6400
5964
  font-weight: 400;
6401
5965
  --tw-text-opacity: 1;
6402
5966
  color: rgb(231 70 148 / var(--tw-text-opacity, 1));
6403
- font-family:
6404
- Menlo,
6405
- ui-monospace,
6406
- SFMono-Regular,
6407
- Monaco,
6408
- Consolas,
6409
- Liberation Mono,
6410
- Courier New,
6411
- monospace;
5967
+ font-family: Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas, Liberation Mono, Courier New, monospace;
6412
5968
  direction: ltr;
6413
5969
  text-align: left;
6414
5970
  white-space: pre;
@@ -6445,34 +6001,20 @@ div + pre[class*='language-'] {
6445
6001
  font-size: 0.875rem;
6446
6002
  line-height: 1.25rem;
6447
6003
  }
6448
- .code-preview-wrapper + .code-syntax-wrapper > .code-syntax,
6449
- .code-preview-wrapper
6450
- + .code-syntax-wrapper
6451
- > .code-syntax
6452
- > .relative
6453
- > [data-code-wrapper]
6454
- > .highlight
6455
- pre[class*='language-'] {
6004
+ .code-preview-wrapper + .code-syntax-wrapper > .code-syntax, .code-preview-wrapper + .code-syntax-wrapper > .code-syntax > .relative > [data-code-wrapper] > .highlight pre[class*='language-'] {
6456
6005
  margin-top: 0;
6457
6006
  border-radius: 0;
6458
6007
  }
6459
6008
  .code-preview-wrapper + .code-syntax-wrapper {
6460
6009
  margin-bottom: 1rem;
6461
6010
  }
6462
- .code-preview-wrapper
6463
- + .code-syntax-wrapper
6464
- > .code-syntax
6465
- > .relative
6466
- > [data-code-wrapper]
6467
- > .highlight
6468
- > pre[class*='language-'] {
6011
+ .code-preview-wrapper + .code-syntax-wrapper > .code-syntax > .relative > [data-code-wrapper] > .highlight > pre[class*='language-'] {
6469
6012
  margin: 0;
6470
6013
  --tw-bg-opacity: 1;
6471
6014
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
6472
6015
  padding: 1rem;
6473
6016
  }
6474
- :not(pre) > code[class*='language-'],
6475
- pre[class*='language-'] {
6017
+ :not(pre) > code[class*='language-'], pre[class*='language-'] {
6476
6018
  --tw-bg-opacity: 1;
6477
6019
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
6478
6020
  }
@@ -6480,10 +6022,7 @@ pre[class*='language-'] {
6480
6022
  padding: 0.1em;
6481
6023
  border-radius: 0.3em;
6482
6024
  }
6483
- .token.cdata,
6484
- .token.comment,
6485
- .token.doctype,
6486
- .token.prolog {
6025
+ .token.cdata, .token.comment, .token.doctype, .token.prolog {
6487
6026
  --tw-text-opacity: 1;
6488
6027
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
6489
6028
  }
@@ -6494,20 +6033,15 @@ pre[class*='language-'] {
6494
6033
  .namespace {
6495
6034
  opacity: 0.7;
6496
6035
  }
6497
- .token.class-name,
6498
- .token.keyword,
6499
- .token.property,
6500
- .token.tag {
6036
+ .token.class-name, .token.keyword, .token.property, .token.tag {
6501
6037
  --tw-text-opacity: 1;
6502
6038
  color: rgb(126 58 242 / var(--tw-text-opacity, 1));
6503
6039
  }
6504
- .token.boolean,
6505
- .token.constant {
6040
+ .token.boolean, .token.constant {
6506
6041
  --tw-text-opacity: 1;
6507
6042
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
6508
6043
  }
6509
- .token.deleted,
6510
- .token.symbol {
6044
+ .token.deleted, .token.symbol {
6511
6045
  --tw-text-opacity: 1;
6512
6046
  color: rgb(240 82 82 / var(--tw-text-opacity, 1));
6513
6047
  }
@@ -6515,12 +6049,7 @@ pre[class*='language-'] {
6515
6049
  --tw-text-opacity: 1;
6516
6050
  color: rgb(231 70 148 / var(--tw-text-opacity, 1));
6517
6051
  }
6518
- .token.attr-name,
6519
- .token.builtin,
6520
- .token.char,
6521
- .token.inserted,
6522
- .token.selector,
6523
- .token.string {
6052
+ .token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
6524
6053
  --tw-text-opacity: 1;
6525
6054
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
6526
6055
  }
@@ -6541,13 +6070,11 @@ pre[class*='language-'] {
6541
6070
  --tw-text-opacity: 1;
6542
6071
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
6543
6072
  }
6544
- .language-css .token.string,
6545
- .style .token.string {
6073
+ .language-css .token.string, .style .token.string {
6546
6074
  --tw-text-opacity: 1;
6547
6075
  color: rgb(240 82 82 / var(--tw-text-opacity, 1));
6548
6076
  }
6549
- .token.atrule,
6550
- .token.attr-value {
6077
+ .token.atrule, .token.attr-value {
6551
6078
  --tw-text-opacity: 1;
6552
6079
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
6553
6080
  }
@@ -6561,8 +6088,7 @@ pre[class*='language-'] {
6561
6088
  .token.important {
6562
6089
  color: #fd971f;
6563
6090
  }
6564
- .token.bold,
6565
- .token.important {
6091
+ .token.bold, .token.important {
6566
6092
  font-weight: 700;
6567
6093
  }
6568
6094
  .token.italic {
@@ -6572,9 +6098,7 @@ pre[class*='language-'] {
6572
6098
  --tw-text-opacity: 1;
6573
6099
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
6574
6100
  }
6575
- code.language-bash,
6576
- code.language-tsx,
6577
- pre.language-bash {
6101
+ code.language-bash, code.language-tsx, pre.language-bash {
6578
6102
  --tw-text-opacity: 1;
6579
6103
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
6580
6104
  }
@@ -6594,8 +6118,7 @@ code.language-tsx .token.comment {
6594
6118
  --tw-text-opacity: 1;
6595
6119
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
6596
6120
  }
6597
- code.language-tsx .token.class-name,
6598
- code.language-tsx .token.string {
6121
+ code.language-tsx .token.class-name, code.language-tsx .token.string {
6599
6122
  --tw-text-opacity: 1;
6600
6123
  color: rgb(126 58 242 / var(--tw-text-opacity, 1));
6601
6124
  }
@@ -6630,18 +6153,7 @@ code.language-html .token.comment {
6630
6153
  padding: initial;
6631
6154
  }
6632
6155
  #carbonads {
6633
- font-family:
6634
- -apple-system,
6635
- BlinkMacSystemFont,
6636
- Segoe UI,
6637
- Roboto,
6638
- Oxygen-Sans,
6639
- Ubuntu,
6640
- Cantarell,
6641
- Helvetica Neue,
6642
- Helvetica,
6643
- Arial,
6644
- sans-serif;
6156
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;
6645
6157
  margin: 0;
6646
6158
  display: flex;
6647
6159
  max-width: 330px;
@@ -6653,8 +6165,7 @@ code.language-html .token.comment {
6653
6165
  #carbonads a {
6654
6166
  text-decoration: none;
6655
6167
  }
6656
- #carbonads a,
6657
- #carbonads a:hover {
6168
+ #carbonads a, #carbonads a:hover {
6658
6169
  color: inherit;
6659
6170
  }
6660
6171
  #carbonads span {
@@ -6699,8 +6210,7 @@ code.language-html .token.comment {
6699
6210
  background-color: #111827;
6700
6211
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fillRule='evenodd'%3E%3Cg fill='%236b7280' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
6701
6212
  }
6702
- .dark code[class*='language-'],
6703
- .dark pre[class*='language-'] {
6213
+ .dark code[class*='language-'], .dark pre[class*='language-'] {
6704
6214
  --tw-text-opacity: 1;
6705
6215
  color: rgb(241 126 184 / var(--tw-text-opacity, 1));
6706
6216
  }
@@ -6708,24 +6218,11 @@ code.language-html .token.comment {
6708
6218
  --tw-bg-opacity: 1;
6709
6219
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
6710
6220
  }
6711
- .dark
6712
- .code-preview-wrapper
6713
- + .code-syntax-wrapper
6714
- > .code-syntax
6715
- > .relative
6716
- > [data-code-wrapper]
6717
- > .highlight
6718
- > pre[class*='language-'],
6719
- .dark .highlight pre[class*='language-'],
6720
- .dark :not(pre) > code[class*='language-'],
6721
- .dark pre[class*='language-'] {
6221
+ .dark .code-preview-wrapper + .code-syntax-wrapper > .code-syntax > .relative > [data-code-wrapper] > .highlight > pre[class*='language-'], .dark .highlight pre[class*='language-'], .dark :not(pre) > code[class*='language-'], .dark pre[class*='language-'] {
6722
6222
  --tw-bg-opacity: 1;
6723
6223
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
6724
6224
  }
6725
- .dark .token.cdata,
6726
- .dark .token.comment,
6727
- .dark .token.doctype,
6728
- .dark .token.prolog {
6225
+ .dark .token.cdata, .dark .token.comment, .dark .token.doctype, .dark .token.prolog {
6729
6226
  --tw-text-opacity: 1;
6730
6227
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
6731
6228
  }
@@ -6733,20 +6230,15 @@ code.language-html .token.comment {
6733
6230
  --tw-text-opacity: 1;
6734
6231
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
6735
6232
  }
6736
- .dark .token.class-name,
6737
- .dark .token.keyword,
6738
- .dark .token.property,
6739
- .dark .token.tag {
6233
+ .dark .token.class-name, .dark .token.keyword, .dark .token.property, .dark .token.tag {
6740
6234
  --tw-text-opacity: 1;
6741
6235
  color: rgb(172 148 250 / var(--tw-text-opacity, 1));
6742
6236
  }
6743
- .dark .token.boolean,
6744
- .dark .token.constant {
6237
+ .dark .token.boolean, .dark .token.constant {
6745
6238
  --tw-text-opacity: 1;
6746
6239
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
6747
6240
  }
6748
- .dark .token.deleted,
6749
- .dark .token.symbol {
6241
+ .dark .token.deleted, .dark .token.symbol {
6750
6242
  --tw-text-opacity: 1;
6751
6243
  color: rgb(249 128 128 / var(--tw-text-opacity, 1));
6752
6244
  }
@@ -6754,12 +6246,7 @@ code.language-html .token.comment {
6754
6246
  --tw-text-opacity: 1;
6755
6247
  color: rgb(241 126 184 / var(--tw-text-opacity, 1));
6756
6248
  }
6757
- .dark .token.attr-name,
6758
- .dark .token.builtin,
6759
- .dark .token.char,
6760
- .dark .token.inserted,
6761
- .dark .token.selector,
6762
- .dark .token.string {
6249
+ .dark .token.attr-name, .dark .token.builtin, .dark .token.char, .dark .token.inserted, .dark .token.selector, .dark .token.string {
6763
6250
  --tw-text-opacity: 1;
6764
6251
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
6765
6252
  }
@@ -6779,13 +6266,11 @@ code.language-html .token.comment {
6779
6266
  --tw-text-opacity: 1;
6780
6267
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
6781
6268
  }
6782
- .dark .language-css .token.string,
6783
- .dark .style .token.string {
6269
+ .dark .language-css .token.string, .dark .style .token.string {
6784
6270
  --tw-text-opacity: 1;
6785
6271
  color: rgb(249 128 128 / var(--tw-text-opacity, 1));
6786
6272
  }
6787
- .dark .token.atrule,
6788
- .dark .token.attr-value {
6273
+ .dark .token.atrule, .dark .token.attr-value {
6789
6274
  --tw-text-opacity: 1;
6790
6275
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
6791
6276
  }
@@ -6797,9 +6282,7 @@ code.language-html .token.comment {
6797
6282
  --tw-text-opacity: 1;
6798
6283
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
6799
6284
  }
6800
- .dark code.language-bash,
6801
- .dark code.language-tsx,
6802
- .dark pre.language-bash {
6285
+ .dark code.language-bash, .dark code.language-tsx, .dark pre.language-bash {
6803
6286
  --tw-text-opacity: 1;
6804
6287
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
6805
6288
  }
@@ -6819,8 +6302,7 @@ code.language-html .token.comment {
6819
6302
  --tw-text-opacity: 1;
6820
6303
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
6821
6304
  }
6822
- .dark code.language-tsx .token.class-name,
6823
- .dark code.language-tsx .token.string {
6305
+ .dark code.language-tsx .token.class-name, .dark code.language-tsx .token.string {
6824
6306
  --tw-text-opacity: 1;
6825
6307
  color: rgb(172 148 250 / var(--tw-text-opacity, 1));
6826
6308
  }
@@ -6852,8 +6334,7 @@ code.language-html .token.comment {
6852
6334
  --tw-text-opacity: 1;
6853
6335
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
6854
6336
  }
6855
- .dark #carbonads,
6856
- .dark #carbonads .carbon-poweredby {
6337
+ .dark #carbonads, .dark #carbonads .carbon-poweredby {
6857
6338
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
6858
6339
  }
6859
6340
  .dark #carbonads .carbon-poweredby {
@@ -6897,255 +6378,251 @@ code.language-html .token.comment {
6897
6378
  @keyframes enter {
6898
6379
  from {
6899
6380
  opacity: var(--tw-enter-opacity, 1);
6900
- transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
6901
- scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
6902
- rotate(var(--tw-enter-rotate, 0));
6381
+ 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));
6903
6382
  }
6904
6383
  }
6905
6384
  @keyframes exit {
6906
6385
  to {
6907
6386
  opacity: var(--tw-exit-opacity, 1);
6908
- transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
6909
- scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
6910
- rotate(var(--tw-exit-rotate, 0));
6387
+ 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));
6911
6388
  }
6912
6389
  }
6913
6390
  @property --tw-translate-x {
6914
- syntax: '*';
6391
+ syntax: "*";
6915
6392
  inherits: false;
6916
6393
  initial-value: 0;
6917
6394
  }
6918
6395
  @property --tw-translate-y {
6919
- syntax: '*';
6396
+ syntax: "*";
6920
6397
  inherits: false;
6921
6398
  initial-value: 0;
6922
6399
  }
6923
6400
  @property --tw-translate-z {
6924
- syntax: '*';
6401
+ syntax: "*";
6925
6402
  inherits: false;
6926
6403
  initial-value: 0;
6927
6404
  }
6928
6405
  @property --tw-scale-x {
6929
- syntax: '*';
6406
+ syntax: "*";
6930
6407
  inherits: false;
6931
6408
  initial-value: 1;
6932
6409
  }
6933
6410
  @property --tw-scale-y {
6934
- syntax: '*';
6411
+ syntax: "*";
6935
6412
  inherits: false;
6936
6413
  initial-value: 1;
6937
6414
  }
6938
6415
  @property --tw-scale-z {
6939
- syntax: '*';
6416
+ syntax: "*";
6940
6417
  inherits: false;
6941
6418
  initial-value: 1;
6942
6419
  }
6943
6420
  @property --tw-rotate-x {
6944
- syntax: '*';
6421
+ syntax: "*";
6945
6422
  inherits: false;
6946
6423
  }
6947
6424
  @property --tw-rotate-y {
6948
- syntax: '*';
6425
+ syntax: "*";
6949
6426
  inherits: false;
6950
6427
  }
6951
6428
  @property --tw-rotate-z {
6952
- syntax: '*';
6429
+ syntax: "*";
6953
6430
  inherits: false;
6954
6431
  }
6955
6432
  @property --tw-skew-x {
6956
- syntax: '*';
6433
+ syntax: "*";
6957
6434
  inherits: false;
6958
6435
  }
6959
6436
  @property --tw-skew-y {
6960
- syntax: '*';
6437
+ syntax: "*";
6961
6438
  inherits: false;
6962
6439
  }
6963
6440
  @property --tw-space-y-reverse {
6964
- syntax: '*';
6441
+ syntax: "*";
6965
6442
  inherits: false;
6966
6443
  initial-value: 0;
6967
6444
  }
6968
6445
  @property --tw-space-x-reverse {
6969
- syntax: '*';
6446
+ syntax: "*";
6970
6447
  inherits: false;
6971
6448
  initial-value: 0;
6972
6449
  }
6973
6450
  @property --tw-border-style {
6974
- syntax: '*';
6451
+ syntax: "*";
6975
6452
  inherits: false;
6976
6453
  initial-value: solid;
6977
6454
  }
6978
6455
  @property --tw-gradient-position {
6979
- syntax: '*';
6456
+ syntax: "*";
6980
6457
  inherits: false;
6981
6458
  }
6982
6459
  @property --tw-gradient-from {
6983
- syntax: '<color>';
6460
+ syntax: "<color>";
6984
6461
  inherits: false;
6985
6462
  initial-value: #0000;
6986
6463
  }
6987
6464
  @property --tw-gradient-via {
6988
- syntax: '<color>';
6465
+ syntax: "<color>";
6989
6466
  inherits: false;
6990
6467
  initial-value: #0000;
6991
6468
  }
6992
6469
  @property --tw-gradient-to {
6993
- syntax: '<color>';
6470
+ syntax: "<color>";
6994
6471
  inherits: false;
6995
6472
  initial-value: #0000;
6996
6473
  }
6997
6474
  @property --tw-gradient-stops {
6998
- syntax: '*';
6475
+ syntax: "*";
6999
6476
  inherits: false;
7000
6477
  }
7001
6478
  @property --tw-gradient-via-stops {
7002
- syntax: '*';
6479
+ syntax: "*";
7003
6480
  inherits: false;
7004
6481
  }
7005
6482
  @property --tw-gradient-from-position {
7006
- syntax: '<length-percentage>';
6483
+ syntax: "<length-percentage>";
7007
6484
  inherits: false;
7008
6485
  initial-value: 0%;
7009
6486
  }
7010
6487
  @property --tw-gradient-via-position {
7011
- syntax: '<length-percentage>';
6488
+ syntax: "<length-percentage>";
7012
6489
  inherits: false;
7013
6490
  initial-value: 50%;
7014
6491
  }
7015
6492
  @property --tw-gradient-to-position {
7016
- syntax: '<length-percentage>';
6493
+ syntax: "<length-percentage>";
7017
6494
  inherits: false;
7018
6495
  initial-value: 100%;
7019
6496
  }
7020
6497
  @property --tw-leading {
7021
- syntax: '*';
6498
+ syntax: "*";
7022
6499
  inherits: false;
7023
6500
  }
7024
6501
  @property --tw-font-weight {
7025
- syntax: '*';
6502
+ syntax: "*";
7026
6503
  inherits: false;
7027
6504
  }
7028
6505
  @property --tw-tracking {
7029
- syntax: '*';
6506
+ syntax: "*";
7030
6507
  inherits: false;
7031
6508
  }
7032
6509
  @property --tw-shadow {
7033
- syntax: '*';
6510
+ syntax: "*";
7034
6511
  inherits: false;
7035
6512
  initial-value: 0 0 #0000;
7036
6513
  }
7037
6514
  @property --tw-shadow-color {
7038
- syntax: '*';
6515
+ syntax: "*";
7039
6516
  inherits: false;
7040
6517
  }
7041
6518
  @property --tw-shadow-alpha {
7042
- syntax: '<percentage>';
6519
+ syntax: "<percentage>";
7043
6520
  inherits: false;
7044
6521
  initial-value: 100%;
7045
6522
  }
7046
6523
  @property --tw-inset-shadow {
7047
- syntax: '*';
6524
+ syntax: "*";
7048
6525
  inherits: false;
7049
6526
  initial-value: 0 0 #0000;
7050
6527
  }
7051
6528
  @property --tw-inset-shadow-color {
7052
- syntax: '*';
6529
+ syntax: "*";
7053
6530
  inherits: false;
7054
6531
  }
7055
6532
  @property --tw-inset-shadow-alpha {
7056
- syntax: '<percentage>';
6533
+ syntax: "<percentage>";
7057
6534
  inherits: false;
7058
6535
  initial-value: 100%;
7059
6536
  }
7060
6537
  @property --tw-ring-color {
7061
- syntax: '*';
6538
+ syntax: "*";
7062
6539
  inherits: false;
7063
6540
  }
7064
6541
  @property --tw-ring-shadow {
7065
- syntax: '*';
6542
+ syntax: "*";
7066
6543
  inherits: false;
7067
6544
  initial-value: 0 0 #0000;
7068
6545
  }
7069
6546
  @property --tw-inset-ring-color {
7070
- syntax: '*';
6547
+ syntax: "*";
7071
6548
  inherits: false;
7072
6549
  }
7073
6550
  @property --tw-inset-ring-shadow {
7074
- syntax: '*';
6551
+ syntax: "*";
7075
6552
  inherits: false;
7076
6553
  initial-value: 0 0 #0000;
7077
6554
  }
7078
6555
  @property --tw-ring-inset {
7079
- syntax: '*';
6556
+ syntax: "*";
7080
6557
  inherits: false;
7081
6558
  }
7082
6559
  @property --tw-ring-offset-width {
7083
- syntax: '<length>';
6560
+ syntax: "<length>";
7084
6561
  inherits: false;
7085
6562
  initial-value: 0px;
7086
6563
  }
7087
6564
  @property --tw-ring-offset-color {
7088
- syntax: '*';
6565
+ syntax: "*";
7089
6566
  inherits: false;
7090
6567
  initial-value: #fff;
7091
6568
  }
7092
6569
  @property --tw-ring-offset-shadow {
7093
- syntax: '*';
6570
+ syntax: "*";
7094
6571
  inherits: false;
7095
6572
  initial-value: 0 0 #0000;
7096
6573
  }
7097
6574
  @property --tw-outline-style {
7098
- syntax: '*';
6575
+ syntax: "*";
7099
6576
  inherits: false;
7100
6577
  initial-value: solid;
7101
6578
  }
7102
6579
  @property --tw-backdrop-blur {
7103
- syntax: '*';
6580
+ syntax: "*";
7104
6581
  inherits: false;
7105
6582
  }
7106
6583
  @property --tw-backdrop-brightness {
7107
- syntax: '*';
6584
+ syntax: "*";
7108
6585
  inherits: false;
7109
6586
  }
7110
6587
  @property --tw-backdrop-contrast {
7111
- syntax: '*';
6588
+ syntax: "*";
7112
6589
  inherits: false;
7113
6590
  }
7114
6591
  @property --tw-backdrop-grayscale {
7115
- syntax: '*';
6592
+ syntax: "*";
7116
6593
  inherits: false;
7117
6594
  }
7118
6595
  @property --tw-backdrop-hue-rotate {
7119
- syntax: '*';
6596
+ syntax: "*";
7120
6597
  inherits: false;
7121
6598
  }
7122
6599
  @property --tw-backdrop-invert {
7123
- syntax: '*';
6600
+ syntax: "*";
7124
6601
  inherits: false;
7125
6602
  }
7126
6603
  @property --tw-backdrop-opacity {
7127
- syntax: '*';
6604
+ syntax: "*";
7128
6605
  inherits: false;
7129
6606
  }
7130
6607
  @property --tw-backdrop-saturate {
7131
- syntax: '*';
6608
+ syntax: "*";
7132
6609
  inherits: false;
7133
6610
  }
7134
6611
  @property --tw-backdrop-sepia {
7135
- syntax: '*';
6612
+ syntax: "*";
7136
6613
  inherits: false;
7137
6614
  }
7138
6615
  @property --tw-duration {
7139
- syntax: '*';
6616
+ syntax: "*";
7140
6617
  inherits: false;
7141
6618
  }
7142
6619
  @property --tw-ease {
7143
- syntax: '*';
6620
+ syntax: "*";
7144
6621
  inherits: false;
7145
6622
  }
7146
6623
  @property --tw-content {
7147
- syntax: '*';
7148
- initial-value: '';
6624
+ syntax: "*";
6625
+ initial-value: "";
7149
6626
  inherits: false;
7150
6627
  }
7151
6628
  @keyframes spin {
@@ -7159,12 +6636,8 @@ code.language-html .token.comment {
7159
6636
  }
7160
6637
  }
7161
6638
  @layer properties {
7162
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
7163
- ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
7164
- *,
7165
- ::before,
7166
- ::after,
7167
- ::backdrop {
6639
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
6640
+ *, ::before, ::after, ::backdrop {
7168
6641
  --tw-translate-x: 0;
7169
6642
  --tw-translate-y: 0;
7170
6643
  --tw-translate-z: 0;
@@ -7217,7 +6690,7 @@ code.language-html .token.comment {
7217
6690
  --tw-backdrop-sepia: initial;
7218
6691
  --tw-duration: initial;
7219
6692
  --tw-ease: initial;
7220
- --tw-content: '';
6693
+ --tw-content: "";
7221
6694
  }
7222
6695
  }
7223
6696
  }