@nswds/app 1.37.0 → 1.38.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 +1543 -141
- package/dist/index.cjs +658 -252
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +58 -7
- package/dist/index.d.ts +58 -7
- package/dist/index.js +641 -244
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1550 -152
- package/dist/styles.css.map +1 -1
- package/package.json +3 -3
package/dist/globals.css
CHANGED
|
@@ -10,18 +10,44 @@
|
|
|
10
10
|
--color-red-200: oklch(88.5% 0.062 18.334);
|
|
11
11
|
--color-red-400: oklch(70.4% 0.191 22.216);
|
|
12
12
|
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
13
|
+
--color-red-600: oklch(57.7% 0.245 27.325);
|
|
13
14
|
--color-red-700: oklch(50.5% 0.213 27.518);
|
|
15
|
+
--color-red-900: oklch(39.6% 0.141 25.723);
|
|
16
|
+
--color-orange-500: oklch(70.5% 0.213 47.604);
|
|
17
|
+
--color-orange-600: oklch(64.6% 0.222 41.116);
|
|
18
|
+
--color-orange-900: oklch(40.8% 0.123 38.172);
|
|
19
|
+
--color-amber-400: oklch(82.8% 0.189 84.429);
|
|
14
20
|
--color-amber-500: oklch(76.9% 0.188 70.08);
|
|
21
|
+
--color-amber-950: oklch(27.9% 0.077 45.635);
|
|
15
22
|
--color-yellow-200: oklch(94.5% 0.129 101.54);
|
|
23
|
+
--color-yellow-300: oklch(90.5% 0.182 98.111);
|
|
24
|
+
--color-yellow-400: oklch(85.2% 0.199 91.936);
|
|
16
25
|
--color-yellow-500: oklch(79.5% 0.184 86.047);
|
|
26
|
+
--color-yellow-950: oklch(28.6% 0.066 53.813);
|
|
27
|
+
--color-lime-300: oklch(89.7% 0.196 126.665);
|
|
28
|
+
--color-lime-400: oklch(84.1% 0.238 128.85);
|
|
17
29
|
--color-lime-500: oklch(76.8% 0.233 130.85);
|
|
30
|
+
--color-lime-950: oklch(27.4% 0.072 132.109);
|
|
18
31
|
--color-green-50: oklch(98.2% 0.018 155.826);
|
|
19
32
|
--color-green-100: oklch(96.2% 0.044 156.743);
|
|
20
33
|
--color-green-500: oklch(72.3% 0.219 149.579);
|
|
21
34
|
--color-green-600: oklch(62.7% 0.194 149.214);
|
|
35
|
+
--color-green-700: oklch(52.7% 0.154 150.069);
|
|
36
|
+
--color-green-900: oklch(39.3% 0.095 152.535);
|
|
22
37
|
--color-emerald-200: oklch(90.5% 0.093 164.15);
|
|
23
38
|
--color-emerald-500: oklch(69.6% 0.17 162.48);
|
|
39
|
+
--color-emerald-600: oklch(59.6% 0.145 163.225);
|
|
40
|
+
--color-emerald-900: oklch(37.8% 0.077 168.94);
|
|
41
|
+
--color-teal-600: oklch(60% 0.118 184.704);
|
|
42
|
+
--color-teal-700: oklch(51.1% 0.096 186.391);
|
|
43
|
+
--color-teal-900: oklch(38.6% 0.063 188.416);
|
|
44
|
+
--color-cyan-300: oklch(86.5% 0.127 207.078);
|
|
45
|
+
--color-cyan-400: oklch(78.9% 0.154 211.53);
|
|
24
46
|
--color-cyan-500: oklch(71.5% 0.143 215.221);
|
|
47
|
+
--color-cyan-950: oklch(30.2% 0.056 229.695);
|
|
48
|
+
--color-sky-500: oklch(68.5% 0.169 237.323);
|
|
49
|
+
--color-sky-600: oklch(58.8% 0.158 241.966);
|
|
50
|
+
--color-sky-900: oklch(39.1% 0.09 240.876);
|
|
25
51
|
--color-blue-50: oklch(97% 0.014 254.604);
|
|
26
52
|
--color-blue-100: oklch(93.2% 0.032 255.585);
|
|
27
53
|
--color-blue-200: oklch(88.2% 0.059 254.128);
|
|
@@ -33,13 +59,25 @@
|
|
|
33
59
|
--color-blue-900: oklch(37.9% 0.146 265.522);
|
|
34
60
|
--color-blue-950: oklch(28.2% 0.091 267.935);
|
|
35
61
|
--color-indigo-500: oklch(58.5% 0.233 277.117);
|
|
62
|
+
--color-indigo-600: oklch(51.1% 0.262 276.966);
|
|
63
|
+
--color-indigo-900: oklch(35.9% 0.144 278.697);
|
|
36
64
|
--color-violet-500: oklch(60.6% 0.25 292.717);
|
|
65
|
+
--color-violet-600: oklch(54.1% 0.281 293.009);
|
|
66
|
+
--color-violet-900: oklch(38% 0.189 293.745);
|
|
37
67
|
--color-purple-50: oklch(97.7% 0.014 308.299);
|
|
38
68
|
--color-purple-100: oklch(94.6% 0.033 307.174);
|
|
39
69
|
--color-purple-500: oklch(62.7% 0.265 303.9);
|
|
40
70
|
--color-purple-600: oklch(55.8% 0.288 302.321);
|
|
71
|
+
--color-purple-900: oklch(38.1% 0.176 304.987);
|
|
41
72
|
--color-fuchsia-500: oklch(66.7% 0.295 322.15);
|
|
73
|
+
--color-fuchsia-600: oklch(59.1% 0.293 322.896);
|
|
74
|
+
--color-fuchsia-900: oklch(40.1% 0.17 325.612);
|
|
42
75
|
--color-pink-500: oklch(65.6% 0.241 354.308);
|
|
76
|
+
--color-pink-600: oklch(59.2% 0.249 0.584);
|
|
77
|
+
--color-pink-900: oklch(40.8% 0.153 2.432);
|
|
78
|
+
--color-rose-500: oklch(64.5% 0.246 16.439);
|
|
79
|
+
--color-rose-600: oklch(58.6% 0.253 17.585);
|
|
80
|
+
--color-rose-900: oklch(41% 0.159 10.272);
|
|
43
81
|
--color-slate-200: oklch(92.9% 0.013 255.508);
|
|
44
82
|
--color-slate-300: oklch(86.9% 0.022 252.894);
|
|
45
83
|
--color-slate-400: oklch(70.4% 0.04 256.788);
|
|
@@ -58,6 +96,13 @@
|
|
|
58
96
|
--color-gray-800: oklch(27.8% 0.033 256.848);
|
|
59
97
|
--color-gray-900: oklch(21% 0.034 264.665);
|
|
60
98
|
--color-gray-950: oklch(13% 0.028 261.692);
|
|
99
|
+
--color-zinc-200: oklch(92% 0.004 286.32);
|
|
100
|
+
--color-zinc-400: oklch(70.5% 0.015 286.067);
|
|
101
|
+
--color-zinc-500: oklch(55.2% 0.016 285.938);
|
|
102
|
+
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
103
|
+
--color-zinc-700: oklch(37% 0.013 285.805);
|
|
104
|
+
--color-zinc-900: oklch(21% 0.006 285.885);
|
|
105
|
+
--color-zinc-950: oklch(14.1% 0.005 285.823);
|
|
61
106
|
--color-black: #000;
|
|
62
107
|
--color-white: #fff;
|
|
63
108
|
--spacing: 0.25rem;
|
|
@@ -102,6 +147,7 @@
|
|
|
102
147
|
--animate-spin: spin 1s linear infinite;
|
|
103
148
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
104
149
|
--blur-sm: 8px;
|
|
150
|
+
--blur-xl: 24px;
|
|
105
151
|
--aspect-video: 16 / 9;
|
|
106
152
|
--default-transition-duration: 150ms;
|
|
107
153
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -118,7 +164,6 @@
|
|
|
118
164
|
--color-nsw-grey-800: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
|
|
119
165
|
--color-nsw-grey-850: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
|
|
120
166
|
--color-nsw-grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
|
|
121
|
-
--color-nsw-grey-950: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
|
|
122
167
|
--color-nsw-blue-800: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
|
|
123
168
|
--color-nsw-red-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
|
|
124
169
|
--color-primary-200: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
|
|
@@ -150,7 +195,6 @@
|
|
|
150
195
|
--color-danger-350: oklch(0.6894558094295998 0.12762346824748136 18.339098516052807);
|
|
151
196
|
--color-danger-450: oklch(0.5961466901234453 0.1600594003984286 18.251840020312933);
|
|
152
197
|
--color-danger-500: oklch(0.5647631027123693 0.17094795668235796 18.194273652364046);
|
|
153
|
-
--color-danger-600: oklch(0.5019959278902173 0.19272506925021668 18.079140916466272);
|
|
154
198
|
--color-border: var(--border);
|
|
155
199
|
--animate-hide: hide 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
156
200
|
--animate-slide-down-and-fade: slideDownAndFade 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
@@ -458,6 +502,9 @@
|
|
|
458
502
|
.col-span-1 {
|
|
459
503
|
grid-column: span 1 / span 1;
|
|
460
504
|
}
|
|
505
|
+
.col-start-1 {
|
|
506
|
+
grid-column-start: 1;
|
|
507
|
+
}
|
|
461
508
|
.col-start-2 {
|
|
462
509
|
grid-column-start: 2;
|
|
463
510
|
}
|
|
@@ -1041,6 +1088,9 @@
|
|
|
1041
1088
|
.ml-2 {
|
|
1042
1089
|
margin-left: calc(var(--spacing) * 2);
|
|
1043
1090
|
}
|
|
1091
|
+
.ml-2\.5 {
|
|
1092
|
+
margin-left: calc(var(--spacing) * 2.5);
|
|
1093
|
+
}
|
|
1044
1094
|
.ml-3 {
|
|
1045
1095
|
margin-left: calc(var(--spacing) * 3);
|
|
1046
1096
|
}
|
|
@@ -1134,6 +1184,10 @@
|
|
|
1134
1184
|
width: calc(var(--spacing) * 4);
|
|
1135
1185
|
height: calc(var(--spacing) * 4);
|
|
1136
1186
|
}
|
|
1187
|
+
.size-4\.5 {
|
|
1188
|
+
width: calc(var(--spacing) * 4.5);
|
|
1189
|
+
height: calc(var(--spacing) * 4.5);
|
|
1190
|
+
}
|
|
1137
1191
|
.size-5 {
|
|
1138
1192
|
width: calc(var(--spacing) * 5);
|
|
1139
1193
|
height: calc(var(--spacing) * 5);
|
|
@@ -1218,9 +1272,6 @@
|
|
|
1218
1272
|
.h-80 {
|
|
1219
1273
|
height: calc(var(--spacing) * 80);
|
|
1220
1274
|
}
|
|
1221
|
-
.h-\[1\.15rem\] {
|
|
1222
|
-
height: 1.15rem;
|
|
1223
|
-
}
|
|
1224
1275
|
.h-\[3px\] {
|
|
1225
1276
|
height: 3px;
|
|
1226
1277
|
}
|
|
@@ -1443,6 +1494,9 @@
|
|
|
1443
1494
|
.min-w-\[12rem\] {
|
|
1444
1495
|
min-width: 12rem;
|
|
1445
1496
|
}
|
|
1497
|
+
.min-w-\[calc\(var\(--button-width\)\+1\.75rem\)\] {
|
|
1498
|
+
min-width: calc(var(--button-width) + 1.75rem);
|
|
1499
|
+
}
|
|
1446
1500
|
.min-w-\[var\(--radix-select-trigger-width\)\] {
|
|
1447
1501
|
min-width: var(--radix-select-trigger-width);
|
|
1448
1502
|
}
|
|
@@ -1521,6 +1575,10 @@
|
|
|
1521
1575
|
--tw-translate-x: calc(45% * -1);
|
|
1522
1576
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1523
1577
|
}
|
|
1578
|
+
.translate-x-0 {
|
|
1579
|
+
--tw-translate-x: calc(var(--spacing) * 0);
|
|
1580
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1581
|
+
}
|
|
1524
1582
|
.translate-x-1 {
|
|
1525
1583
|
--tw-translate-x: calc(var(--spacing) * 1);
|
|
1526
1584
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
@@ -1625,6 +1683,9 @@
|
|
|
1625
1683
|
.list-none {
|
|
1626
1684
|
list-style-type: none;
|
|
1627
1685
|
}
|
|
1686
|
+
.appearance-none {
|
|
1687
|
+
appearance: none;
|
|
1688
|
+
}
|
|
1628
1689
|
.auto-rows-min {
|
|
1629
1690
|
grid-auto-rows: min-content;
|
|
1630
1691
|
}
|
|
@@ -1640,9 +1701,15 @@
|
|
|
1640
1701
|
.grid-cols-6 {
|
|
1641
1702
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
1642
1703
|
}
|
|
1704
|
+
.grid-cols-\[--spacing\(5\)_1fr\] {
|
|
1705
|
+
grid-template-columns: calc(var(--spacing) * 5) 1fr;
|
|
1706
|
+
}
|
|
1643
1707
|
.grid-cols-\[0_1fr\] {
|
|
1644
1708
|
grid-template-columns: 0 1fr;
|
|
1645
1709
|
}
|
|
1710
|
+
.grid-cols-\[1fr_auto\] {
|
|
1711
|
+
grid-template-columns: 1fr auto;
|
|
1712
|
+
}
|
|
1646
1713
|
.grid-rows-\[auto_auto\] {
|
|
1647
1714
|
grid-template-rows: auto auto;
|
|
1648
1715
|
}
|
|
@@ -1815,6 +1882,9 @@
|
|
|
1815
1882
|
.gap-x-4 {
|
|
1816
1883
|
column-gap: calc(var(--spacing) * 4);
|
|
1817
1884
|
}
|
|
1885
|
+
.gap-x-8 {
|
|
1886
|
+
column-gap: calc(var(--spacing) * 8);
|
|
1887
|
+
}
|
|
1818
1888
|
.gap-x-12 {
|
|
1819
1889
|
column-gap: calc(var(--spacing) * 12);
|
|
1820
1890
|
}
|
|
@@ -1859,6 +1929,9 @@
|
|
|
1859
1929
|
.gap-y-0\.5 {
|
|
1860
1930
|
row-gap: calc(var(--spacing) * 0.5);
|
|
1861
1931
|
}
|
|
1932
|
+
.gap-y-1 {
|
|
1933
|
+
row-gap: calc(var(--spacing) * 1);
|
|
1934
|
+
}
|
|
1862
1935
|
.gap-y-3 {
|
|
1863
1936
|
row-gap: calc(var(--spacing) * 3);
|
|
1864
1937
|
}
|
|
@@ -1876,19 +1949,19 @@
|
|
|
1876
1949
|
border-color: var(--color-gray-100);
|
|
1877
1950
|
}
|
|
1878
1951
|
}
|
|
1879
|
-
.divide-
|
|
1952
|
+
.divide-grey-900 {
|
|
1880
1953
|
:where(& > :not(:last-child)) {
|
|
1881
|
-
border-color:
|
|
1954
|
+
border-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
|
|
1882
1955
|
}
|
|
1883
1956
|
}
|
|
1884
|
-
.divide-
|
|
1957
|
+
.divide-grey-900\/5 {
|
|
1885
1958
|
:where(& > :not(:last-child)) {
|
|
1886
|
-
border-color: color-mix(in
|
|
1887
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1888
|
-
border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
|
|
1889
|
-
}
|
|
1959
|
+
border-color: color-mix(in oklab, oklch(0.17511812981113217 0.007251980042076026 242.08383926925922) 5%, transparent);
|
|
1890
1960
|
}
|
|
1891
1961
|
}
|
|
1962
|
+
.self-center {
|
|
1963
|
+
align-self: center;
|
|
1964
|
+
}
|
|
1892
1965
|
.self-start {
|
|
1893
1966
|
align-self: flex-start;
|
|
1894
1967
|
}
|
|
@@ -1918,6 +1991,12 @@
|
|
|
1918
1991
|
.overflow-y-auto {
|
|
1919
1992
|
overflow-y: auto;
|
|
1920
1993
|
}
|
|
1994
|
+
.overflow-y-scroll {
|
|
1995
|
+
overflow-y: scroll;
|
|
1996
|
+
}
|
|
1997
|
+
.overscroll-contain {
|
|
1998
|
+
overscroll-behavior: contain;
|
|
1999
|
+
}
|
|
1921
2000
|
.\!rounded-none {
|
|
1922
2001
|
border-radius: 0 !important;
|
|
1923
2002
|
}
|
|
@@ -2090,6 +2169,9 @@
|
|
|
2090
2169
|
.border-grey-300 {
|
|
2091
2170
|
border-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
|
|
2092
2171
|
}
|
|
2172
|
+
.border-grey-400 {
|
|
2173
|
+
border-color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
|
|
2174
|
+
}
|
|
2093
2175
|
.border-grey-600 {
|
|
2094
2176
|
border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
|
|
2095
2177
|
}
|
|
@@ -2102,6 +2184,9 @@
|
|
|
2102
2184
|
.border-grey-950 {
|
|
2103
2185
|
border-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
|
|
2104
2186
|
}
|
|
2187
|
+
.border-grey-950\/5 {
|
|
2188
|
+
border-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 5%, transparent);
|
|
2189
|
+
}
|
|
2105
2190
|
.border-grey-950\/10 {
|
|
2106
2191
|
border-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%, transparent);
|
|
2107
2192
|
}
|
|
@@ -2114,9 +2199,6 @@
|
|
|
2114
2199
|
.border-nsw-grey-200 {
|
|
2115
2200
|
border-color: var(--color-nsw-grey-200);
|
|
2116
2201
|
}
|
|
2117
|
-
.border-nsw-grey-400 {
|
|
2118
|
-
border-color: var(--color-nsw-grey-400);
|
|
2119
|
-
}
|
|
2120
2202
|
.border-nsw-grey-600 {
|
|
2121
2203
|
border-color: var(--color-nsw-grey-600);
|
|
2122
2204
|
}
|
|
@@ -2240,12 +2322,6 @@
|
|
|
2240
2322
|
.bg-fuchsia-500 {
|
|
2241
2323
|
background-color: var(--color-fuchsia-500);
|
|
2242
2324
|
}
|
|
2243
|
-
.bg-gray-50 {
|
|
2244
|
-
background-color: var(--color-gray-50);
|
|
2245
|
-
}
|
|
2246
|
-
.bg-gray-100 {
|
|
2247
|
-
background-color: var(--color-gray-100);
|
|
2248
|
-
}
|
|
2249
2325
|
.bg-gray-200 {
|
|
2250
2326
|
background-color: var(--color-gray-200);
|
|
2251
2327
|
}
|
|
@@ -2354,12 +2430,21 @@
|
|
|
2354
2430
|
.bg-white {
|
|
2355
2431
|
background-color: var(--color-white);
|
|
2356
2432
|
}
|
|
2433
|
+
.bg-white\/75 {
|
|
2434
|
+
background-color: color-mix(in srgb, #fff 75%, transparent);
|
|
2435
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2436
|
+
background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
|
|
2437
|
+
}
|
|
2438
|
+
}
|
|
2357
2439
|
.bg-yellow-200 {
|
|
2358
2440
|
background-color: var(--color-yellow-200);
|
|
2359
2441
|
}
|
|
2360
2442
|
.bg-yellow-500 {
|
|
2361
2443
|
background-color: var(--color-yellow-500);
|
|
2362
2444
|
}
|
|
2445
|
+
.bg-zinc-200 {
|
|
2446
|
+
background-color: var(--color-zinc-200);
|
|
2447
|
+
}
|
|
2363
2448
|
.bg-linear-to-t {
|
|
2364
2449
|
--tw-gradient-position: to top;
|
|
2365
2450
|
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
@@ -2448,6 +2533,9 @@
|
|
|
2448
2533
|
.stroke-blue-500 {
|
|
2449
2534
|
stroke: var(--color-blue-500);
|
|
2450
2535
|
}
|
|
2536
|
+
.stroke-current {
|
|
2537
|
+
stroke: currentcolor;
|
|
2538
|
+
}
|
|
2451
2539
|
.stroke-cyan-500 {
|
|
2452
2540
|
stroke: var(--color-cyan-500);
|
|
2453
2541
|
}
|
|
@@ -2466,6 +2554,9 @@
|
|
|
2466
2554
|
.stroke-gray-500 {
|
|
2467
2555
|
stroke: var(--color-gray-500);
|
|
2468
2556
|
}
|
|
2557
|
+
.stroke-grey-800 {
|
|
2558
|
+
stroke: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
|
|
2559
|
+
}
|
|
2469
2560
|
.stroke-lime-500 {
|
|
2470
2561
|
stroke: var(--color-lime-500);
|
|
2471
2562
|
}
|
|
@@ -2523,6 +2614,9 @@
|
|
|
2523
2614
|
.p-\[2px\] {
|
|
2524
2615
|
padding: 2px;
|
|
2525
2616
|
}
|
|
2617
|
+
.p-\[3px\] {
|
|
2618
|
+
padding: 3px;
|
|
2619
|
+
}
|
|
2526
2620
|
.p-px {
|
|
2527
2621
|
padding: 1px;
|
|
2528
2622
|
}
|
|
@@ -2634,12 +2728,18 @@
|
|
|
2634
2728
|
.py-\[calc\(--spacing\(4\)-1px\)\] {
|
|
2635
2729
|
padding-block: calc(calc(var(--spacing) * 4) - 1px);
|
|
2636
2730
|
}
|
|
2731
|
+
.py-\[calc\(--spacing\(4\.5\)-1px\)\] {
|
|
2732
|
+
padding-block: calc(calc(var(--spacing) * 4.5) - 1px);
|
|
2733
|
+
}
|
|
2637
2734
|
.py-\[calc\(--spacing\(5\)-1px\)\] {
|
|
2638
2735
|
padding-block: calc(calc(var(--spacing) * 5) - 1px);
|
|
2639
2736
|
}
|
|
2640
2737
|
.pt-0 {
|
|
2641
2738
|
padding-top: calc(var(--spacing) * 0);
|
|
2642
2739
|
}
|
|
2740
|
+
.pt-1 {
|
|
2741
|
+
padding-top: calc(var(--spacing) * 1);
|
|
2742
|
+
}
|
|
2643
2743
|
.pt-3 {
|
|
2644
2744
|
padding-top: calc(var(--spacing) * 3);
|
|
2645
2745
|
}
|
|
@@ -2670,6 +2770,12 @@
|
|
|
2670
2770
|
.pr-2\.5 {
|
|
2671
2771
|
padding-right: calc(var(--spacing) * 2.5);
|
|
2672
2772
|
}
|
|
2773
|
+
.pr-3 {
|
|
2774
|
+
padding-right: calc(var(--spacing) * 3);
|
|
2775
|
+
}
|
|
2776
|
+
.pr-3\.5 {
|
|
2777
|
+
padding-right: calc(var(--spacing) * 3.5);
|
|
2778
|
+
}
|
|
2673
2779
|
.pr-4 {
|
|
2674
2780
|
padding-right: calc(var(--spacing) * 4);
|
|
2675
2781
|
}
|
|
@@ -2679,6 +2785,9 @@
|
|
|
2679
2785
|
.pr-12 {
|
|
2680
2786
|
padding-right: calc(var(--spacing) * 12);
|
|
2681
2787
|
}
|
|
2788
|
+
.pr-\[calc\(--spacing\(7\)-1px\)\] {
|
|
2789
|
+
padding-right: calc(calc(var(--spacing) * 7) - 1px);
|
|
2790
|
+
}
|
|
2682
2791
|
.pb-0 {
|
|
2683
2792
|
padding-bottom: calc(var(--spacing) * 0);
|
|
2684
2793
|
}
|
|
@@ -2718,6 +2827,9 @@
|
|
|
2718
2827
|
.pl-10 {
|
|
2719
2828
|
padding-left: calc(var(--spacing) * 10);
|
|
2720
2829
|
}
|
|
2830
|
+
.pl-\[calc\(--spacing\(4\.5\)-1px\)\] {
|
|
2831
|
+
padding-left: calc(calc(var(--spacing) * 4.5) - 1px);
|
|
2832
|
+
}
|
|
2721
2833
|
.text-center {
|
|
2722
2834
|
text-align: center;
|
|
2723
2835
|
}
|
|
@@ -2996,9 +3108,6 @@
|
|
|
2996
3108
|
.text-cyan-500 {
|
|
2997
3109
|
color: var(--color-cyan-500);
|
|
2998
3110
|
}
|
|
2999
|
-
.text-danger-600 {
|
|
3000
|
-
color: var(--color-danger-600);
|
|
3001
|
-
}
|
|
3002
3111
|
.text-destructive {
|
|
3003
3112
|
color: var(--destructive);
|
|
3004
3113
|
}
|
|
@@ -3071,9 +3180,6 @@
|
|
|
3071
3180
|
.text-nsw-grey-800 {
|
|
3072
3181
|
color: var(--color-nsw-grey-800);
|
|
3073
3182
|
}
|
|
3074
|
-
.text-nsw-grey-900 {
|
|
3075
|
-
color: var(--color-nsw-grey-900);
|
|
3076
|
-
}
|
|
3077
3183
|
.text-pink-500 {
|
|
3078
3184
|
color: var(--color-pink-500);
|
|
3079
3185
|
}
|
|
@@ -3104,6 +3210,9 @@
|
|
|
3104
3210
|
.text-red-500 {
|
|
3105
3211
|
color: var(--color-red-500);
|
|
3106
3212
|
}
|
|
3213
|
+
.text-red-600 {
|
|
3214
|
+
color: var(--color-red-600);
|
|
3215
|
+
}
|
|
3107
3216
|
.text-secondary {
|
|
3108
3217
|
color: var(--secondary);
|
|
3109
3218
|
}
|
|
@@ -3128,6 +3237,12 @@
|
|
|
3128
3237
|
.text-white {
|
|
3129
3238
|
color: var(--color-white);
|
|
3130
3239
|
}
|
|
3240
|
+
.text-zinc-500 {
|
|
3241
|
+
color: var(--color-zinc-500);
|
|
3242
|
+
}
|
|
3243
|
+
.text-zinc-950 {
|
|
3244
|
+
color: var(--color-zinc-950);
|
|
3245
|
+
}
|
|
3131
3246
|
.capitalize {
|
|
3132
3247
|
text-transform: capitalize;
|
|
3133
3248
|
}
|
|
@@ -3207,8 +3322,8 @@
|
|
|
3207
3322
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3208
3323
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3209
3324
|
}
|
|
3210
|
-
.ring-
|
|
3211
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(
|
|
3325
|
+
.ring-1 {
|
|
3326
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3212
3327
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3213
3328
|
}
|
|
3214
3329
|
.ring-2 {
|
|
@@ -3239,6 +3354,21 @@
|
|
|
3239
3354
|
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3240
3355
|
}
|
|
3241
3356
|
}
|
|
3357
|
+
.ring-black {
|
|
3358
|
+
--tw-ring-color: var(--color-black);
|
|
3359
|
+
}
|
|
3360
|
+
.ring-black\/5 {
|
|
3361
|
+
--tw-ring-color: color-mix(in srgb, #000 5%, transparent);
|
|
3362
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3363
|
+
--tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
|
|
3364
|
+
}
|
|
3365
|
+
}
|
|
3366
|
+
.ring-grey-950 {
|
|
3367
|
+
--tw-ring-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
|
|
3368
|
+
}
|
|
3369
|
+
.ring-grey-950\/10 {
|
|
3370
|
+
--tw-ring-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%, transparent);
|
|
3371
|
+
}
|
|
3242
3372
|
.ring-red-200 {
|
|
3243
3373
|
--tw-ring-color: var(--color-red-200);
|
|
3244
3374
|
}
|
|
@@ -3279,6 +3409,14 @@
|
|
|
3279
3409
|
.outline-blue-500 {
|
|
3280
3410
|
outline-color: var(--color-blue-500);
|
|
3281
3411
|
}
|
|
3412
|
+
.outline-transparent {
|
|
3413
|
+
outline-color: transparent;
|
|
3414
|
+
}
|
|
3415
|
+
.backdrop-blur-xl {
|
|
3416
|
+
--tw-backdrop-blur: blur(var(--blur-xl));
|
|
3417
|
+
-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,);
|
|
3418
|
+
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,);
|
|
3419
|
+
}
|
|
3282
3420
|
.backdrop-filter {
|
|
3283
3421
|
-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,);
|
|
3284
3422
|
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,);
|
|
@@ -3326,6 +3464,14 @@
|
|
|
3326
3464
|
.transition-none {
|
|
3327
3465
|
transition-property: none;
|
|
3328
3466
|
}
|
|
3467
|
+
.duration-0 {
|
|
3468
|
+
--tw-duration: 0ms;
|
|
3469
|
+
transition-duration: 0ms;
|
|
3470
|
+
}
|
|
3471
|
+
.duration-100 {
|
|
3472
|
+
--tw-duration: 100ms;
|
|
3473
|
+
transition-duration: 100ms;
|
|
3474
|
+
}
|
|
3329
3475
|
.duration-200 {
|
|
3330
3476
|
--tw-duration: 200ms;
|
|
3331
3477
|
transition-duration: 200ms;
|
|
@@ -3334,6 +3480,10 @@
|
|
|
3334
3480
|
--tw-duration: 300ms;
|
|
3335
3481
|
transition-duration: 300ms;
|
|
3336
3482
|
}
|
|
3483
|
+
.duration-350 {
|
|
3484
|
+
--tw-duration: 350ms;
|
|
3485
|
+
transition-duration: 350ms;
|
|
3486
|
+
}
|
|
3337
3487
|
.duration-500 {
|
|
3338
3488
|
--tw-duration: 500ms;
|
|
3339
3489
|
transition-duration: 500ms;
|
|
@@ -3346,6 +3496,10 @@
|
|
|
3346
3496
|
--tw-duration: 1000ms;
|
|
3347
3497
|
transition-duration: 1000ms;
|
|
3348
3498
|
}
|
|
3499
|
+
.ease-in {
|
|
3500
|
+
--tw-ease: var(--ease-in);
|
|
3501
|
+
transition-timing-function: var(--ease-in);
|
|
3502
|
+
}
|
|
3349
3503
|
.ease-in-out {
|
|
3350
3504
|
--tw-ease: var(--ease-in-out);
|
|
3351
3505
|
transition-timing-function: var(--ease-in-out);
|
|
@@ -3357,6 +3511,9 @@
|
|
|
3357
3511
|
.will-change-\[transform\,opacity\] {
|
|
3358
3512
|
will-change: transform,opacity;
|
|
3359
3513
|
}
|
|
3514
|
+
.forced-color-adjust-none {
|
|
3515
|
+
forced-color-adjust: none;
|
|
3516
|
+
}
|
|
3360
3517
|
.animate-in {
|
|
3361
3518
|
animation-name: enter;
|
|
3362
3519
|
animation-duration: 150ms;
|
|
@@ -3378,6 +3535,12 @@
|
|
|
3378
3535
|
-webkit-user-select: none;
|
|
3379
3536
|
user-select: none;
|
|
3380
3537
|
}
|
|
3538
|
+
.\[--anchor-offset\:-1\.625rem\] {
|
|
3539
|
+
--anchor-offset: -1.625rem;
|
|
3540
|
+
}
|
|
3541
|
+
.\[--anchor-padding\:--spacing\(4\)\] {
|
|
3542
|
+
--anchor-padding: calc(var(--spacing) * 4);
|
|
3543
|
+
}
|
|
3381
3544
|
.\[--badge-bg\:var\(--color-accent-600\)\] {
|
|
3382
3545
|
--badge-bg: var(--color-accent-600);
|
|
3383
3546
|
}
|
|
@@ -3621,6 +3784,384 @@
|
|
|
3621
3784
|
.\[--leading-trim-start\:var\(--heading-leading-trim-start\)\] {
|
|
3622
3785
|
--leading-trim-start: var(--heading-leading-trim-start);
|
|
3623
3786
|
}
|
|
3787
|
+
.\[--switch-bg-ring\:var\(--color-amber-500\)\]\/80 {
|
|
3788
|
+
--switch-bg-ring: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);
|
|
3789
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3790
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-amber-500) 80%, transparent);
|
|
3791
|
+
}
|
|
3792
|
+
}
|
|
3793
|
+
.\[--switch-bg-ring\:var\(--color-black\)\]\/15 {
|
|
3794
|
+
--switch-bg-ring: color-mix(in srgb, #000 15%, transparent);
|
|
3795
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3796
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-black) 15%, transparent);
|
|
3797
|
+
}
|
|
3798
|
+
}
|
|
3799
|
+
.\[--switch-bg-ring\:var\(--color-blue-700\)\]\/90 {
|
|
3800
|
+
--switch-bg-ring: color-mix(in srgb, oklch(48.8% 0.243 264.376) 90%, transparent);
|
|
3801
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3802
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-blue-700) 90%, transparent);
|
|
3803
|
+
}
|
|
3804
|
+
}
|
|
3805
|
+
.\[--switch-bg-ring\:var\(--color-cyan-400\)\]\/80 {
|
|
3806
|
+
--switch-bg-ring: color-mix(in srgb, oklch(78.9% 0.154 211.53) 80%, transparent);
|
|
3807
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3808
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-cyan-400) 80%, transparent);
|
|
3809
|
+
}
|
|
3810
|
+
}
|
|
3811
|
+
.\[--switch-bg-ring\:var\(--color-emerald-600\)\]\/90 {
|
|
3812
|
+
--switch-bg-ring: color-mix(in srgb, oklch(59.6% 0.145 163.225) 90%, transparent);
|
|
3813
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3814
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-emerald-600) 90%, transparent);
|
|
3815
|
+
}
|
|
3816
|
+
}
|
|
3817
|
+
.\[--switch-bg-ring\:var\(--color-fuchsia-600\)\]\/90 {
|
|
3818
|
+
--switch-bg-ring: color-mix(in srgb, oklch(59.1% 0.293 322.896) 90%, transparent);
|
|
3819
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3820
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-fuchsia-600) 90%, transparent);
|
|
3821
|
+
}
|
|
3822
|
+
}
|
|
3823
|
+
.\[--switch-bg-ring\:var\(--color-green-700\)\]\/90 {
|
|
3824
|
+
--switch-bg-ring: color-mix(in srgb, oklch(52.7% 0.154 150.069) 90%, transparent);
|
|
3825
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3826
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-green-700) 90%, transparent);
|
|
3827
|
+
}
|
|
3828
|
+
}
|
|
3829
|
+
.\[--switch-bg-ring\:var\(--color-indigo-600\)\]\/90 {
|
|
3830
|
+
--switch-bg-ring: color-mix(in srgb, oklch(51.1% 0.262 276.966) 90%, transparent);
|
|
3831
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3832
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-indigo-600) 90%, transparent);
|
|
3833
|
+
}
|
|
3834
|
+
}
|
|
3835
|
+
.\[--switch-bg-ring\:var\(--color-lime-400\)\]\/80 {
|
|
3836
|
+
--switch-bg-ring: color-mix(in srgb, oklch(84.1% 0.238 128.85) 80%, transparent);
|
|
3837
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3838
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-lime-400) 80%, transparent);
|
|
3839
|
+
}
|
|
3840
|
+
}
|
|
3841
|
+
.\[--switch-bg-ring\:var\(--color-orange-600\)\]\/90 {
|
|
3842
|
+
--switch-bg-ring: color-mix(in srgb, oklch(64.6% 0.222 41.116) 90%, transparent);
|
|
3843
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3844
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-orange-600) 90%, transparent);
|
|
3845
|
+
}
|
|
3846
|
+
}
|
|
3847
|
+
.\[--switch-bg-ring\:var\(--color-pink-600\)\]\/90 {
|
|
3848
|
+
--switch-bg-ring: color-mix(in srgb, oklch(59.2% 0.249 0.584) 90%, transparent);
|
|
3849
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3850
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-pink-600) 90%, transparent);
|
|
3851
|
+
}
|
|
3852
|
+
}
|
|
3853
|
+
.\[--switch-bg-ring\:var\(--color-purple-600\)\]\/90 {
|
|
3854
|
+
--switch-bg-ring: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
|
|
3855
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3856
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
|
|
3857
|
+
}
|
|
3858
|
+
}
|
|
3859
|
+
.\[--switch-bg-ring\:var\(--color-red-700\)\]\/90 {
|
|
3860
|
+
--switch-bg-ring: color-mix(in srgb, oklch(50.5% 0.213 27.518) 90%, transparent);
|
|
3861
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3862
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-red-700) 90%, transparent);
|
|
3863
|
+
}
|
|
3864
|
+
}
|
|
3865
|
+
.\[--switch-bg-ring\:var\(--color-rose-600\)\]\/90 {
|
|
3866
|
+
--switch-bg-ring: color-mix(in srgb, oklch(58.6% 0.253 17.585) 90%, transparent);
|
|
3867
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3868
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-rose-600) 90%, transparent);
|
|
3869
|
+
}
|
|
3870
|
+
}
|
|
3871
|
+
.\[--switch-bg-ring\:var\(--color-sky-600\)\]\/80 {
|
|
3872
|
+
--switch-bg-ring: color-mix(in srgb, oklch(58.8% 0.158 241.966) 80%, transparent);
|
|
3873
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3874
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-sky-600) 80%, transparent);
|
|
3875
|
+
}
|
|
3876
|
+
}
|
|
3877
|
+
.\[--switch-bg-ring\:var\(--color-teal-700\)\]\/90 {
|
|
3878
|
+
--switch-bg-ring: color-mix(in srgb, oklch(51.1% 0.096 186.391) 90%, transparent);
|
|
3879
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3880
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-teal-700) 90%, transparent);
|
|
3881
|
+
}
|
|
3882
|
+
}
|
|
3883
|
+
.\[--switch-bg-ring\:var\(--color-violet-600\)\]\/90 {
|
|
3884
|
+
--switch-bg-ring: color-mix(in srgb, oklch(54.1% 0.281 293.009) 90%, transparent);
|
|
3885
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3886
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-violet-600) 90%, transparent);
|
|
3887
|
+
}
|
|
3888
|
+
}
|
|
3889
|
+
.\[--switch-bg-ring\:var\(--color-yellow-400\)\]\/80 {
|
|
3890
|
+
--switch-bg-ring: color-mix(in srgb, oklch(85.2% 0.199 91.936) 80%, transparent);
|
|
3891
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3892
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-yellow-400) 80%, transparent);
|
|
3893
|
+
}
|
|
3894
|
+
}
|
|
3895
|
+
.\[--switch-bg-ring\:var\(--color-zinc-700\)\]\/90 {
|
|
3896
|
+
--switch-bg-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
|
|
3897
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3898
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
|
|
3899
|
+
}
|
|
3900
|
+
}
|
|
3901
|
+
.\[--switch-bg-ring\:var\(--color-zinc-950\)\]\/90 {
|
|
3902
|
+
--switch-bg-ring: color-mix(in srgb, oklch(14.1% 0.005 285.823) 90%, transparent);
|
|
3903
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3904
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
|
|
3905
|
+
}
|
|
3906
|
+
}
|
|
3907
|
+
.\[--switch-bg\:var\(--color-amber-400\)\] {
|
|
3908
|
+
--switch-bg: var(--color-amber-400);
|
|
3909
|
+
}
|
|
3910
|
+
.\[--switch-bg\:var\(--color-blue-600\)\] {
|
|
3911
|
+
--switch-bg: var(--color-blue-600);
|
|
3912
|
+
}
|
|
3913
|
+
.\[--switch-bg\:var\(--color-cyan-300\)\] {
|
|
3914
|
+
--switch-bg: var(--color-cyan-300);
|
|
3915
|
+
}
|
|
3916
|
+
.\[--switch-bg\:var\(--color-emerald-500\)\] {
|
|
3917
|
+
--switch-bg: var(--color-emerald-500);
|
|
3918
|
+
}
|
|
3919
|
+
.\[--switch-bg\:var\(--color-fuchsia-500\)\] {
|
|
3920
|
+
--switch-bg: var(--color-fuchsia-500);
|
|
3921
|
+
}
|
|
3922
|
+
.\[--switch-bg\:var\(--color-green-600\)\] {
|
|
3923
|
+
--switch-bg: var(--color-green-600);
|
|
3924
|
+
}
|
|
3925
|
+
.\[--switch-bg\:var\(--color-indigo-500\)\] {
|
|
3926
|
+
--switch-bg: var(--color-indigo-500);
|
|
3927
|
+
}
|
|
3928
|
+
.\[--switch-bg\:var\(--color-lime-300\)\] {
|
|
3929
|
+
--switch-bg: var(--color-lime-300);
|
|
3930
|
+
}
|
|
3931
|
+
.\[--switch-bg\:var\(--color-orange-500\)\] {
|
|
3932
|
+
--switch-bg: var(--color-orange-500);
|
|
3933
|
+
}
|
|
3934
|
+
.\[--switch-bg\:var\(--color-pink-500\)\] {
|
|
3935
|
+
--switch-bg: var(--color-pink-500);
|
|
3936
|
+
}
|
|
3937
|
+
.\[--switch-bg\:var\(--color-purple-500\)\] {
|
|
3938
|
+
--switch-bg: var(--color-purple-500);
|
|
3939
|
+
}
|
|
3940
|
+
.\[--switch-bg\:var\(--color-red-600\)\] {
|
|
3941
|
+
--switch-bg: var(--color-red-600);
|
|
3942
|
+
}
|
|
3943
|
+
.\[--switch-bg\:var\(--color-rose-500\)\] {
|
|
3944
|
+
--switch-bg: var(--color-rose-500);
|
|
3945
|
+
}
|
|
3946
|
+
.\[--switch-bg\:var\(--color-sky-500\)\] {
|
|
3947
|
+
--switch-bg: var(--color-sky-500);
|
|
3948
|
+
}
|
|
3949
|
+
.\[--switch-bg\:var\(--color-teal-600\)\] {
|
|
3950
|
+
--switch-bg: var(--color-teal-600);
|
|
3951
|
+
}
|
|
3952
|
+
.\[--switch-bg\:var\(--color-violet-500\)\] {
|
|
3953
|
+
--switch-bg: var(--color-violet-500);
|
|
3954
|
+
}
|
|
3955
|
+
.\[--switch-bg\:var\(--color-yellow-300\)\] {
|
|
3956
|
+
--switch-bg: var(--color-yellow-300);
|
|
3957
|
+
}
|
|
3958
|
+
.\[--switch-bg\:var\(--color-zinc-600\)\] {
|
|
3959
|
+
--switch-bg: var(--color-zinc-600);
|
|
3960
|
+
}
|
|
3961
|
+
.\[--switch-bg\:var\(--color-zinc-900\)\] {
|
|
3962
|
+
--switch-bg: var(--color-zinc-900);
|
|
3963
|
+
}
|
|
3964
|
+
.\[--switch-bg\:white\] {
|
|
3965
|
+
--switch-bg: white;
|
|
3966
|
+
}
|
|
3967
|
+
.\[--switch-ring\:transparent\] {
|
|
3968
|
+
--switch-ring: transparent;
|
|
3969
|
+
}
|
|
3970
|
+
.\[--switch-ring\:var\(--color-blue-700\)\]\/90 {
|
|
3971
|
+
--switch-ring: color-mix(in srgb, oklch(48.8% 0.243 264.376) 90%, transparent);
|
|
3972
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3973
|
+
--switch-ring: color-mix(in oklab, var(--color-blue-700) 90%, transparent);
|
|
3974
|
+
}
|
|
3975
|
+
}
|
|
3976
|
+
.\[--switch-ring\:var\(--color-emerald-600\)\]\/90 {
|
|
3977
|
+
--switch-ring: color-mix(in srgb, oklch(59.6% 0.145 163.225) 90%, transparent);
|
|
3978
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3979
|
+
--switch-ring: color-mix(in oklab, var(--color-emerald-600) 90%, transparent);
|
|
3980
|
+
}
|
|
3981
|
+
}
|
|
3982
|
+
.\[--switch-ring\:var\(--color-fuchsia-600\)\]\/90 {
|
|
3983
|
+
--switch-ring: color-mix(in srgb, oklch(59.1% 0.293 322.896) 90%, transparent);
|
|
3984
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3985
|
+
--switch-ring: color-mix(in oklab, var(--color-fuchsia-600) 90%, transparent);
|
|
3986
|
+
}
|
|
3987
|
+
}
|
|
3988
|
+
.\[--switch-ring\:var\(--color-green-700\)\]\/90 {
|
|
3989
|
+
--switch-ring: color-mix(in srgb, oklch(52.7% 0.154 150.069) 90%, transparent);
|
|
3990
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3991
|
+
--switch-ring: color-mix(in oklab, var(--color-green-700) 90%, transparent);
|
|
3992
|
+
}
|
|
3993
|
+
}
|
|
3994
|
+
.\[--switch-ring\:var\(--color-indigo-600\)\]\/90 {
|
|
3995
|
+
--switch-ring: color-mix(in srgb, oklch(51.1% 0.262 276.966) 90%, transparent);
|
|
3996
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3997
|
+
--switch-ring: color-mix(in oklab, var(--color-indigo-600) 90%, transparent);
|
|
3998
|
+
}
|
|
3999
|
+
}
|
|
4000
|
+
.\[--switch-ring\:var\(--color-orange-600\)\]\/90 {
|
|
4001
|
+
--switch-ring: color-mix(in srgb, oklch(64.6% 0.222 41.116) 90%, transparent);
|
|
4002
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4003
|
+
--switch-ring: color-mix(in oklab, var(--color-orange-600) 90%, transparent);
|
|
4004
|
+
}
|
|
4005
|
+
}
|
|
4006
|
+
.\[--switch-ring\:var\(--color-pink-600\)\]\/90 {
|
|
4007
|
+
--switch-ring: color-mix(in srgb, oklch(59.2% 0.249 0.584) 90%, transparent);
|
|
4008
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4009
|
+
--switch-ring: color-mix(in oklab, var(--color-pink-600) 90%, transparent);
|
|
4010
|
+
}
|
|
4011
|
+
}
|
|
4012
|
+
.\[--switch-ring\:var\(--color-purple-600\)\]\/90 {
|
|
4013
|
+
--switch-ring: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
|
|
4014
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4015
|
+
--switch-ring: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
|
|
4016
|
+
}
|
|
4017
|
+
}
|
|
4018
|
+
.\[--switch-ring\:var\(--color-red-700\)\]\/90 {
|
|
4019
|
+
--switch-ring: color-mix(in srgb, oklch(50.5% 0.213 27.518) 90%, transparent);
|
|
4020
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4021
|
+
--switch-ring: color-mix(in oklab, var(--color-red-700) 90%, transparent);
|
|
4022
|
+
}
|
|
4023
|
+
}
|
|
4024
|
+
.\[--switch-ring\:var\(--color-rose-600\)\]\/90 {
|
|
4025
|
+
--switch-ring: color-mix(in srgb, oklch(58.6% 0.253 17.585) 90%, transparent);
|
|
4026
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4027
|
+
--switch-ring: color-mix(in oklab, var(--color-rose-600) 90%, transparent);
|
|
4028
|
+
}
|
|
4029
|
+
}
|
|
4030
|
+
.\[--switch-ring\:var\(--color-sky-600\)\]\/80 {
|
|
4031
|
+
--switch-ring: color-mix(in srgb, oklch(58.8% 0.158 241.966) 80%, transparent);
|
|
4032
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4033
|
+
--switch-ring: color-mix(in oklab, var(--color-sky-600) 80%, transparent);
|
|
4034
|
+
}
|
|
4035
|
+
}
|
|
4036
|
+
.\[--switch-ring\:var\(--color-teal-700\)\]\/90 {
|
|
4037
|
+
--switch-ring: color-mix(in srgb, oklch(51.1% 0.096 186.391) 90%, transparent);
|
|
4038
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4039
|
+
--switch-ring: color-mix(in oklab, var(--color-teal-700) 90%, transparent);
|
|
4040
|
+
}
|
|
4041
|
+
}
|
|
4042
|
+
.\[--switch-ring\:var\(--color-violet-600\)\]\/90 {
|
|
4043
|
+
--switch-ring: color-mix(in srgb, oklch(54.1% 0.281 293.009) 90%, transparent);
|
|
4044
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4045
|
+
--switch-ring: color-mix(in oklab, var(--color-violet-600) 90%, transparent);
|
|
4046
|
+
}
|
|
4047
|
+
}
|
|
4048
|
+
.\[--switch-ring\:var\(--color-zinc-700\)\]\/90 {
|
|
4049
|
+
--switch-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
|
|
4050
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4051
|
+
--switch-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
|
|
4052
|
+
}
|
|
4053
|
+
}
|
|
4054
|
+
.\[--switch-ring\:var\(--color-zinc-950\)\]\/90 {
|
|
4055
|
+
--switch-ring: color-mix(in srgb, oklch(14.1% 0.005 285.823) 90%, transparent);
|
|
4056
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4057
|
+
--switch-ring: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
|
|
4058
|
+
}
|
|
4059
|
+
}
|
|
4060
|
+
.\[--switch-shadow\:transparent\] {
|
|
4061
|
+
--switch-shadow: transparent;
|
|
4062
|
+
}
|
|
4063
|
+
.\[--switch-shadow\:var\(--color-black\)\]\/10 {
|
|
4064
|
+
--switch-shadow: color-mix(in srgb, #000 10%, transparent);
|
|
4065
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4066
|
+
--switch-shadow: color-mix(in oklab, var(--color-black) 10%, transparent);
|
|
4067
|
+
}
|
|
4068
|
+
}
|
|
4069
|
+
.\[--switch-shadow\:var\(--color-blue-900\)\]\/20 {
|
|
4070
|
+
--switch-shadow: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
|
|
4071
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4072
|
+
--switch-shadow: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
|
|
4073
|
+
}
|
|
4074
|
+
}
|
|
4075
|
+
.\[--switch-shadow\:var\(--color-emerald-900\)\]\/20 {
|
|
4076
|
+
--switch-shadow: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
|
|
4077
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4078
|
+
--switch-shadow: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
|
|
4079
|
+
}
|
|
4080
|
+
}
|
|
4081
|
+
.\[--switch-shadow\:var\(--color-fuchsia-900\)\]\/20 {
|
|
4082
|
+
--switch-shadow: color-mix(in srgb, oklch(40.1% 0.17 325.612) 20%, transparent);
|
|
4083
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4084
|
+
--switch-shadow: color-mix(in oklab, var(--color-fuchsia-900) 20%, transparent);
|
|
4085
|
+
}
|
|
4086
|
+
}
|
|
4087
|
+
.\[--switch-shadow\:var\(--color-green-900\)\]\/20 {
|
|
4088
|
+
--switch-shadow: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
|
|
4089
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4090
|
+
--switch-shadow: color-mix(in oklab, var(--color-green-900) 20%, transparent);
|
|
4091
|
+
}
|
|
4092
|
+
}
|
|
4093
|
+
.\[--switch-shadow\:var\(--color-indigo-900\)\]\/20 {
|
|
4094
|
+
--switch-shadow: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
|
|
4095
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4096
|
+
--switch-shadow: color-mix(in oklab, var(--color-indigo-900) 20%, transparent);
|
|
4097
|
+
}
|
|
4098
|
+
}
|
|
4099
|
+
.\[--switch-shadow\:var\(--color-orange-900\)\]\/20 {
|
|
4100
|
+
--switch-shadow: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
|
|
4101
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4102
|
+
--switch-shadow: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
|
|
4103
|
+
}
|
|
4104
|
+
}
|
|
4105
|
+
.\[--switch-shadow\:var\(--color-pink-900\)\]\/20 {
|
|
4106
|
+
--switch-shadow: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);
|
|
4107
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4108
|
+
--switch-shadow: color-mix(in oklab, var(--color-pink-900) 20%, transparent);
|
|
4109
|
+
}
|
|
4110
|
+
}
|
|
4111
|
+
.\[--switch-shadow\:var\(--color-purple-900\)\]\/20 {
|
|
4112
|
+
--switch-shadow: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
|
|
4113
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4114
|
+
--switch-shadow: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
|
|
4115
|
+
}
|
|
4116
|
+
}
|
|
4117
|
+
.\[--switch-shadow\:var\(--color-red-900\)\]\/20 {
|
|
4118
|
+
--switch-shadow: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
|
|
4119
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4120
|
+
--switch-shadow: color-mix(in oklab, var(--color-red-900) 20%, transparent);
|
|
4121
|
+
}
|
|
4122
|
+
}
|
|
4123
|
+
.\[--switch-shadow\:var\(--color-rose-900\)\]\/20 {
|
|
4124
|
+
--switch-shadow: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent);
|
|
4125
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4126
|
+
--switch-shadow: color-mix(in oklab, var(--color-rose-900) 20%, transparent);
|
|
4127
|
+
}
|
|
4128
|
+
}
|
|
4129
|
+
.\[--switch-shadow\:var\(--color-sky-900\)\]\/20 {
|
|
4130
|
+
--switch-shadow: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
|
|
4131
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4132
|
+
--switch-shadow: color-mix(in oklab, var(--color-sky-900) 20%, transparent);
|
|
4133
|
+
}
|
|
4134
|
+
}
|
|
4135
|
+
.\[--switch-shadow\:var\(--color-teal-900\)\]\/20 {
|
|
4136
|
+
--switch-shadow: color-mix(in srgb, oklch(38.6% 0.063 188.416) 20%, transparent);
|
|
4137
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4138
|
+
--switch-shadow: color-mix(in oklab, var(--color-teal-900) 20%, transparent);
|
|
4139
|
+
}
|
|
4140
|
+
}
|
|
4141
|
+
.\[--switch-shadow\:var\(--color-violet-900\)\]\/20 {
|
|
4142
|
+
--switch-shadow: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
|
|
4143
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4144
|
+
--switch-shadow: color-mix(in oklab, var(--color-violet-900) 20%, transparent);
|
|
4145
|
+
}
|
|
4146
|
+
}
|
|
4147
|
+
.\[--switch\:var\(--color-amber-950\)\] {
|
|
4148
|
+
--switch: var(--color-amber-950);
|
|
4149
|
+
}
|
|
4150
|
+
.\[--switch\:var\(--color-cyan-950\)\] {
|
|
4151
|
+
--switch: var(--color-cyan-950);
|
|
4152
|
+
}
|
|
4153
|
+
.\[--switch\:var\(--color-lime-950\)\] {
|
|
4154
|
+
--switch: var(--color-lime-950);
|
|
4155
|
+
}
|
|
4156
|
+
.\[--switch\:var\(--color-yellow-950\)\] {
|
|
4157
|
+
--switch: var(--color-yellow-950);
|
|
4158
|
+
}
|
|
4159
|
+
.\[--switch\:var\(--color-zinc-950\)\] {
|
|
4160
|
+
--switch: var(--color-zinc-950);
|
|
4161
|
+
}
|
|
4162
|
+
.\[--switch\:white\] {
|
|
4163
|
+
--switch: white;
|
|
4164
|
+
}
|
|
3624
4165
|
.\[--toggle-border\:var\(--color-nsw-grey-200\)\] {
|
|
3625
4166
|
--toggle-border: var(--color-nsw-grey-200);
|
|
3626
4167
|
}
|
|
@@ -3630,12 +4171,21 @@
|
|
|
3630
4171
|
.\[scrollbar-width\:none\] {
|
|
3631
4172
|
scrollbar-width: none;
|
|
3632
4173
|
}
|
|
4174
|
+
.duration-0 {
|
|
4175
|
+
animation-duration: 0s;
|
|
4176
|
+
}
|
|
4177
|
+
.duration-100 {
|
|
4178
|
+
animation-duration: 100ms;
|
|
4179
|
+
}
|
|
3633
4180
|
.duration-200 {
|
|
3634
4181
|
animation-duration: 200ms;
|
|
3635
4182
|
}
|
|
3636
4183
|
.duration-300 {
|
|
3637
4184
|
animation-duration: 300ms;
|
|
3638
4185
|
}
|
|
4186
|
+
.duration-350 {
|
|
4187
|
+
animation-duration: 350ms;
|
|
4188
|
+
}
|
|
3639
4189
|
.duration-500 {
|
|
3640
4190
|
animation-duration: 500ms;
|
|
3641
4191
|
}
|
|
@@ -3645,6 +4195,9 @@
|
|
|
3645
4195
|
.duration-1000 {
|
|
3646
4196
|
animation-duration: 1000ms;
|
|
3647
4197
|
}
|
|
4198
|
+
.ease-in {
|
|
4199
|
+
animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
4200
|
+
}
|
|
3648
4201
|
.ease-in-out {
|
|
3649
4202
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3650
4203
|
}
|
|
@@ -3654,6 +4207,12 @@
|
|
|
3654
4207
|
.fade-in-0 {
|
|
3655
4208
|
--tw-enter-opacity: 0;
|
|
3656
4209
|
}
|
|
4210
|
+
.paused {
|
|
4211
|
+
animation-play-state: paused;
|
|
4212
|
+
}
|
|
4213
|
+
.ring-inset {
|
|
4214
|
+
--tw-ring-inset: inset;
|
|
4215
|
+
}
|
|
3657
4216
|
.zoom-in-95 {
|
|
3658
4217
|
--tw-enter-scale: .95;
|
|
3659
4218
|
}
|
|
@@ -3662,6 +4221,14 @@
|
|
|
3662
4221
|
background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
|
|
3663
4222
|
}
|
|
3664
4223
|
}
|
|
4224
|
+
.group-hover\:translate-x-1 {
|
|
4225
|
+
&:is(:where(.group):hover *) {
|
|
4226
|
+
@media (hover: hover) {
|
|
4227
|
+
--tw-translate-x: calc(var(--spacing) * 1);
|
|
4228
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4229
|
+
}
|
|
4230
|
+
}
|
|
4231
|
+
}
|
|
3665
4232
|
.group-hover\:border-danger-500 {
|
|
3666
4233
|
&:is(:where(.group):hover *) {
|
|
3667
4234
|
@media (hover: hover) {
|
|
@@ -3772,19 +4339,113 @@
|
|
|
3772
4339
|
border-color: var(--badge-bg);
|
|
3773
4340
|
}
|
|
3774
4341
|
}
|
|
3775
|
-
.group-data-
|
|
3776
|
-
&:is(:where(.group)[data-
|
|
3777
|
-
border-color:
|
|
4342
|
+
.group-data-active\:border-grey-750 {
|
|
4343
|
+
&:is(:where(.group)[data-active] *) {
|
|
4344
|
+
border-color: oklch(0.3086660765477611 0.010570537523081174 239.71716701046353);
|
|
3778
4345
|
}
|
|
3779
4346
|
}
|
|
3780
|
-
.group-data
|
|
3781
|
-
&:is(:where(.group)[data-
|
|
3782
|
-
|
|
4347
|
+
.group-data-checked\:translate-x-4 {
|
|
4348
|
+
&:is(:where(.group)[data-checked] *) {
|
|
4349
|
+
--tw-translate-x: calc(var(--spacing) * 4);
|
|
4350
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
3783
4351
|
}
|
|
3784
4352
|
}
|
|
3785
|
-
.group-data-\
|
|
3786
|
-
&:is(:where(.group)[data-
|
|
3787
|
-
|
|
4353
|
+
.group-data-checked\:bg-\(--switch\) {
|
|
4354
|
+
&:is(:where(.group)[data-checked] *) {
|
|
4355
|
+
background-color: var(--switch);
|
|
4356
|
+
}
|
|
4357
|
+
}
|
|
4358
|
+
.group-data-checked\:shadow-\(--switch-shadow\) {
|
|
4359
|
+
&:is(:where(.group)[data-checked] *) {
|
|
4360
|
+
--tw-shadow: var(--switch-shadow);
|
|
4361
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4362
|
+
}
|
|
4363
|
+
}
|
|
4364
|
+
.group-data-checked\:ring-\(--switch-ring\) {
|
|
4365
|
+
&:is(:where(.group)[data-checked] *) {
|
|
4366
|
+
--tw-ring-color: var(--switch-ring);
|
|
4367
|
+
}
|
|
4368
|
+
}
|
|
4369
|
+
.group-data-disabled\:border-grey-950\/20 {
|
|
4370
|
+
&:is(:where(.group)[data-disabled] *) {
|
|
4371
|
+
border-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 20%, transparent);
|
|
4372
|
+
}
|
|
4373
|
+
}
|
|
4374
|
+
.group-data-disabled\:stroke-grey-600 {
|
|
4375
|
+
&:is(:where(.group)[data-disabled] *) {
|
|
4376
|
+
stroke: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
|
|
4377
|
+
}
|
|
4378
|
+
}
|
|
4379
|
+
.group-data-disabled\:opacity-100 {
|
|
4380
|
+
&:is(:where(.group)[data-disabled] *) {
|
|
4381
|
+
opacity: 100%;
|
|
4382
|
+
}
|
|
4383
|
+
}
|
|
4384
|
+
.group-data-checked\:group-data-disabled\:bg-white {
|
|
4385
|
+
&:is(:where(.group)[data-checked] *) {
|
|
4386
|
+
&:is(:where(.group)[data-disabled] *) {
|
|
4387
|
+
background-color: var(--color-white);
|
|
4388
|
+
}
|
|
4389
|
+
}
|
|
4390
|
+
}
|
|
4391
|
+
.group-data-checked\:group-data-disabled\:shadow-sm {
|
|
4392
|
+
&:is(:where(.group)[data-checked] *) {
|
|
4393
|
+
&:is(:where(.group)[data-disabled] *) {
|
|
4394
|
+
--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));
|
|
4395
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4396
|
+
}
|
|
4397
|
+
}
|
|
4398
|
+
}
|
|
4399
|
+
.group-data-checked\:group-data-disabled\:ring-black\/5 {
|
|
4400
|
+
&:is(:where(.group)[data-checked] *) {
|
|
4401
|
+
&:is(:where(.group)[data-disabled] *) {
|
|
4402
|
+
--tw-ring-color: color-mix(in srgb, #000 5%, transparent);
|
|
4403
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4404
|
+
--tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
|
|
4405
|
+
}
|
|
4406
|
+
}
|
|
4407
|
+
}
|
|
4408
|
+
}
|
|
4409
|
+
.group-data-focus\/option\:text-white {
|
|
4410
|
+
&:is(:where(.group\/option)[data-focus] *) {
|
|
4411
|
+
color: var(--color-white);
|
|
4412
|
+
}
|
|
4413
|
+
}
|
|
4414
|
+
.group-data-hover\:border-\(--badge-bg\) {
|
|
4415
|
+
&:is(:where(.group)[data-hover] *) {
|
|
4416
|
+
border-color: var(--badge-bg);
|
|
4417
|
+
}
|
|
4418
|
+
}
|
|
4419
|
+
.group-data-hover\:border-grey-700 {
|
|
4420
|
+
&:is(:where(.group)[data-hover] *) {
|
|
4421
|
+
border-color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
|
|
4422
|
+
}
|
|
4423
|
+
}
|
|
4424
|
+
.group-data-invalid\:border-red-500 {
|
|
4425
|
+
&:is(:where(.group)[data-invalid] *) {
|
|
4426
|
+
border-color: var(--color-red-500);
|
|
4427
|
+
}
|
|
4428
|
+
}
|
|
4429
|
+
.group-data-hover\:group-data-invalid\:border-red-500 {
|
|
4430
|
+
&:is(:where(.group)[data-hover] *) {
|
|
4431
|
+
&:is(:where(.group)[data-invalid] *) {
|
|
4432
|
+
border-color: var(--color-red-500);
|
|
4433
|
+
}
|
|
4434
|
+
}
|
|
4435
|
+
}
|
|
4436
|
+
.group-data-selected\/option\:inline {
|
|
4437
|
+
&:is(:where(.group\/option)[data-selected] *) {
|
|
4438
|
+
display: inline;
|
|
4439
|
+
}
|
|
4440
|
+
}
|
|
4441
|
+
.group-data-\[disabled\=true\]\:pointer-events-none {
|
|
4442
|
+
&:is(:where(.group)[data-disabled="true"] *) {
|
|
4443
|
+
pointer-events: none;
|
|
4444
|
+
}
|
|
4445
|
+
}
|
|
4446
|
+
.group-data-\[disabled\=true\]\:opacity-50 {
|
|
4447
|
+
&:is(:where(.group)[data-disabled="true"] *) {
|
|
4448
|
+
opacity: 50%;
|
|
3788
4449
|
}
|
|
3789
4450
|
}
|
|
3790
4451
|
.group-data-\[focused\=true\]\/day\:relative {
|
|
@@ -4005,6 +4666,12 @@
|
|
|
4005
4666
|
inset: calc(var(--spacing) * 0);
|
|
4006
4667
|
}
|
|
4007
4668
|
}
|
|
4669
|
+
.before\:inset-px {
|
|
4670
|
+
&::before {
|
|
4671
|
+
content: var(--tw-content);
|
|
4672
|
+
inset: 1px;
|
|
4673
|
+
}
|
|
4674
|
+
}
|
|
4008
4675
|
.before\:-z-10 {
|
|
4009
4676
|
&::before {
|
|
4010
4677
|
content: var(--tw-content);
|
|
@@ -4023,6 +4690,30 @@
|
|
|
4023
4690
|
display: table;
|
|
4024
4691
|
}
|
|
4025
4692
|
}
|
|
4693
|
+
.before\:w-2 {
|
|
4694
|
+
&::before {
|
|
4695
|
+
content: var(--tw-content);
|
|
4696
|
+
width: calc(var(--spacing) * 2);
|
|
4697
|
+
}
|
|
4698
|
+
}
|
|
4699
|
+
.before\:min-w-0 {
|
|
4700
|
+
&::before {
|
|
4701
|
+
content: var(--tw-content);
|
|
4702
|
+
min-width: calc(var(--spacing) * 0);
|
|
4703
|
+
}
|
|
4704
|
+
}
|
|
4705
|
+
.before\:shrink {
|
|
4706
|
+
&::before {
|
|
4707
|
+
content: var(--tw-content);
|
|
4708
|
+
flex-shrink: 1;
|
|
4709
|
+
}
|
|
4710
|
+
}
|
|
4711
|
+
.before\:rounded-\[calc\(var\(--radius\)-1px\)\] {
|
|
4712
|
+
&::before {
|
|
4713
|
+
content: var(--tw-content);
|
|
4714
|
+
border-radius: calc(var(--radius) - 1px);
|
|
4715
|
+
}
|
|
4716
|
+
}
|
|
4026
4717
|
.before\:rounded-\[calc\(var\(--radius-sm\)-1px\)\] {
|
|
4027
4718
|
&::before {
|
|
4028
4719
|
content: var(--tw-content);
|
|
@@ -4080,6 +4771,12 @@
|
|
|
4080
4771
|
background-color: transparent;
|
|
4081
4772
|
}
|
|
4082
4773
|
}
|
|
4774
|
+
.before\:bg-white {
|
|
4775
|
+
&::before {
|
|
4776
|
+
content: var(--tw-content);
|
|
4777
|
+
background-color: var(--color-white);
|
|
4778
|
+
}
|
|
4779
|
+
}
|
|
4083
4780
|
.before\:shadow-sm {
|
|
4084
4781
|
&::before {
|
|
4085
4782
|
content: var(--tw-content);
|
|
@@ -4108,6 +4805,12 @@
|
|
|
4108
4805
|
content: none;
|
|
4109
4806
|
}
|
|
4110
4807
|
}
|
|
4808
|
+
.after\:pointer-events-none {
|
|
4809
|
+
&::after {
|
|
4810
|
+
content: var(--tw-content);
|
|
4811
|
+
pointer-events: none;
|
|
4812
|
+
}
|
|
4813
|
+
}
|
|
4111
4814
|
.after\:absolute {
|
|
4112
4815
|
&::after {
|
|
4113
4816
|
content: var(--tw-content);
|
|
@@ -4169,6 +4872,25 @@
|
|
|
4169
4872
|
border-radius: calc(var(--radius-sm) - 1px);
|
|
4170
4873
|
}
|
|
4171
4874
|
}
|
|
4875
|
+
.after\:rounded-sm {
|
|
4876
|
+
&::after {
|
|
4877
|
+
content: var(--tw-content);
|
|
4878
|
+
border-radius: var(--radius-sm);
|
|
4879
|
+
}
|
|
4880
|
+
}
|
|
4881
|
+
.after\:ring-transparent {
|
|
4882
|
+
&::after {
|
|
4883
|
+
content: var(--tw-content);
|
|
4884
|
+
--tw-ring-color: transparent;
|
|
4885
|
+
}
|
|
4886
|
+
}
|
|
4887
|
+
.after\:ring-offset-2 {
|
|
4888
|
+
&::after {
|
|
4889
|
+
content: var(--tw-content);
|
|
4890
|
+
--tw-ring-offset-width: 2px;
|
|
4891
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
4892
|
+
}
|
|
4893
|
+
}
|
|
4172
4894
|
.after\:content-\[\"\"\] {
|
|
4173
4895
|
&::after {
|
|
4174
4896
|
content: var(--tw-content);
|
|
@@ -4206,6 +4928,11 @@
|
|
|
4206
4928
|
}
|
|
4207
4929
|
}
|
|
4208
4930
|
}
|
|
4931
|
+
.first\:ml-0 {
|
|
4932
|
+
&:first-child {
|
|
4933
|
+
margin-left: calc(var(--spacing) * 0);
|
|
4934
|
+
}
|
|
4935
|
+
}
|
|
4209
4936
|
.first\:rounded-l-\[4px\] {
|
|
4210
4937
|
&:first-child {
|
|
4211
4938
|
border-top-left-radius: 4px;
|
|
@@ -4230,6 +4957,12 @@
|
|
|
4230
4957
|
border-left-width: 1px;
|
|
4231
4958
|
}
|
|
4232
4959
|
}
|
|
4960
|
+
.first\:border-none {
|
|
4961
|
+
&:first-child {
|
|
4962
|
+
--tw-border-style: none;
|
|
4963
|
+
border-style: none;
|
|
4964
|
+
}
|
|
4965
|
+
}
|
|
4233
4966
|
.first\:pl-0 {
|
|
4234
4967
|
&:first-child {
|
|
4235
4968
|
padding-left: calc(var(--spacing) * 0);
|
|
@@ -4264,20 +4997,20 @@
|
|
|
4264
4997
|
padding-right: calc(var(--spacing) * 0);
|
|
4265
4998
|
}
|
|
4266
4999
|
}
|
|
4267
|
-
.focus-within\:
|
|
5000
|
+
.focus-within\:rounded-sm {
|
|
4268
5001
|
&:focus-within {
|
|
4269
|
-
|
|
4270
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5002
|
+
border-radius: var(--radius-sm);
|
|
4271
5003
|
}
|
|
4272
5004
|
}
|
|
4273
|
-
.focus-within\:
|
|
5005
|
+
.focus-within\:outline {
|
|
4274
5006
|
&:focus-within {
|
|
4275
|
-
|
|
5007
|
+
outline-style: var(--tw-outline-style);
|
|
5008
|
+
outline-width: 1px;
|
|
4276
5009
|
}
|
|
4277
5010
|
}
|
|
4278
|
-
.focus-within\:
|
|
5011
|
+
.focus-within\:outline-inherit {
|
|
4279
5012
|
&:focus-within {
|
|
4280
|
-
|
|
5013
|
+
outline-color: inherit;
|
|
4281
5014
|
}
|
|
4282
5015
|
}
|
|
4283
5016
|
.hover\:z-10 {
|
|
@@ -4297,10 +5030,10 @@
|
|
|
4297
5030
|
}
|
|
4298
5031
|
}
|
|
4299
5032
|
}
|
|
4300
|
-
.hover\:border-
|
|
5033
|
+
.hover\:border-grey-950 {
|
|
4301
5034
|
&:hover {
|
|
4302
5035
|
@media (hover: hover) {
|
|
4303
|
-
border-color:
|
|
5036
|
+
border-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
|
|
4304
5037
|
}
|
|
4305
5038
|
}
|
|
4306
5039
|
}
|
|
@@ -4387,16 +5120,6 @@
|
|
|
4387
5120
|
}
|
|
4388
5121
|
}
|
|
4389
5122
|
}
|
|
4390
|
-
.hover\:bg-nsw-grey-900\/10 {
|
|
4391
|
-
&:hover {
|
|
4392
|
-
@media (hover: hover) {
|
|
4393
|
-
background-color: color-mix(in srgb, oklch(0.17511812981113217 0.007251980042076026 242.08383926925922) 10%, transparent);
|
|
4394
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4395
|
-
background-color: color-mix(in oklab, var(--color-nsw-grey-900) 10%, transparent);
|
|
4396
|
-
}
|
|
4397
|
-
}
|
|
4398
|
-
}
|
|
4399
|
-
}
|
|
4400
5123
|
.hover\:bg-primary-800\/10 {
|
|
4401
5124
|
&:hover {
|
|
4402
5125
|
@media (hover: hover) {
|
|
@@ -4428,6 +5151,14 @@
|
|
|
4428
5151
|
}
|
|
4429
5152
|
}
|
|
4430
5153
|
}
|
|
5154
|
+
.hover\:font-bold {
|
|
5155
|
+
&:hover {
|
|
5156
|
+
@media (hover: hover) {
|
|
5157
|
+
--tw-font-weight: var(--font-weight-bold);
|
|
5158
|
+
font-weight: var(--font-weight-bold);
|
|
5159
|
+
}
|
|
5160
|
+
}
|
|
5161
|
+
}
|
|
4431
5162
|
.hover\:font-semibold {
|
|
4432
5163
|
&:hover {
|
|
4433
5164
|
@media (hover: hover) {
|
|
@@ -4478,6 +5209,13 @@
|
|
|
4478
5209
|
}
|
|
4479
5210
|
}
|
|
4480
5211
|
}
|
|
5212
|
+
.hover\:text-grey-950 {
|
|
5213
|
+
&:hover {
|
|
5214
|
+
@media (hover: hover) {
|
|
5215
|
+
color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
|
|
5216
|
+
}
|
|
5217
|
+
}
|
|
5218
|
+
}
|
|
4481
5219
|
.hover\:text-nsw-grey-600 {
|
|
4482
5220
|
&:hover {
|
|
4483
5221
|
@media (hover: hover) {
|
|
@@ -4620,12 +5358,6 @@
|
|
|
4620
5358
|
color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
|
|
4621
5359
|
}
|
|
4622
5360
|
}
|
|
4623
|
-
.focus\:ring-0 {
|
|
4624
|
-
&:focus {
|
|
4625
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4626
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4627
|
-
}
|
|
4628
|
-
}
|
|
4629
5361
|
.focus\:ring-2 {
|
|
4630
5362
|
&:focus {
|
|
4631
5363
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
@@ -4642,16 +5374,20 @@
|
|
|
4642
5374
|
--tw-ring-color: color-mix(in oklab, oklch(0.5038341615701663 0.20169915825513662 260.52773388396713) 70%, transparent);
|
|
4643
5375
|
}
|
|
4644
5376
|
}
|
|
4645
|
-
.focus\:ring-offset-
|
|
5377
|
+
.focus\:ring-offset-2 {
|
|
4646
5378
|
&:focus {
|
|
4647
|
-
--tw-ring-offset-width:
|
|
5379
|
+
--tw-ring-offset-width: 2px;
|
|
4648
5380
|
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
4649
5381
|
}
|
|
4650
5382
|
}
|
|
4651
|
-
.focus\:
|
|
5383
|
+
.focus\:outline-hidden {
|
|
4652
5384
|
&:focus {
|
|
4653
|
-
--tw-
|
|
4654
|
-
|
|
5385
|
+
--tw-outline-style: none;
|
|
5386
|
+
outline-style: none;
|
|
5387
|
+
@media (forced-colors: active) {
|
|
5388
|
+
outline: 2px solid transparent;
|
|
5389
|
+
outline-offset: 2px;
|
|
5390
|
+
}
|
|
4655
5391
|
}
|
|
4656
5392
|
}
|
|
4657
5393
|
.focus\:outline {
|
|
@@ -4713,6 +5449,18 @@
|
|
|
4713
5449
|
outline-style: none;
|
|
4714
5450
|
}
|
|
4715
5451
|
}
|
|
5452
|
+
.focus\:not-data-focus\:outline-hidden {
|
|
5453
|
+
&:focus {
|
|
5454
|
+
&:not(*[data-focus]) {
|
|
5455
|
+
--tw-outline-style: none;
|
|
5456
|
+
outline-style: none;
|
|
5457
|
+
@media (forced-colors: active) {
|
|
5458
|
+
outline: 2px solid transparent;
|
|
5459
|
+
outline-offset: 2px;
|
|
5460
|
+
}
|
|
5461
|
+
}
|
|
5462
|
+
}
|
|
5463
|
+
}
|
|
4716
5464
|
.focus-visible\:z-10 {
|
|
4717
5465
|
&:focus-visible {
|
|
4718
5466
|
z-index: 10;
|
|
@@ -4865,6 +5613,15 @@
|
|
|
4865
5613
|
grid-template-columns: 1fr auto;
|
|
4866
5614
|
}
|
|
4867
5615
|
}
|
|
5616
|
+
.has-data-\[slot\=description\]\:space-y-6 {
|
|
5617
|
+
&:has(*[data-slot="description"]) {
|
|
5618
|
+
:where(& > :not(:last-child)) {
|
|
5619
|
+
--tw-space-y-reverse: 0;
|
|
5620
|
+
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
|
|
5621
|
+
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
|
|
5622
|
+
}
|
|
5623
|
+
}
|
|
5624
|
+
}
|
|
4868
5625
|
.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
|
|
4869
5626
|
&:has(>svg) {
|
|
4870
5627
|
grid-template-columns: calc(var(--spacing) * 4) 1fr;
|
|
@@ -4911,16 +5668,50 @@
|
|
|
4911
5668
|
}
|
|
4912
5669
|
}
|
|
4913
5670
|
}
|
|
5671
|
+
.data-changing\:duration-200 {
|
|
5672
|
+
&[data-changing] {
|
|
5673
|
+
--tw-duration: 200ms;
|
|
5674
|
+
transition-duration: 200ms;
|
|
5675
|
+
}
|
|
5676
|
+
}
|
|
5677
|
+
.data-changing\:duration-200 {
|
|
5678
|
+
&[data-changing] {
|
|
5679
|
+
animation-duration: 200ms;
|
|
5680
|
+
}
|
|
5681
|
+
}
|
|
5682
|
+
.data-checked\:bg-\(--switch-bg\) {
|
|
5683
|
+
&[data-checked] {
|
|
5684
|
+
background-color: var(--switch-bg);
|
|
5685
|
+
}
|
|
5686
|
+
}
|
|
5687
|
+
.data-checked\:ring-\(--switch-bg-ring\) {
|
|
5688
|
+
&[data-checked] {
|
|
5689
|
+
--tw-ring-color: var(--switch-bg-ring);
|
|
5690
|
+
}
|
|
5691
|
+
}
|
|
4914
5692
|
.data-disabled\:pointer-events-none {
|
|
4915
5693
|
&[data-disabled] {
|
|
4916
5694
|
pointer-events: none;
|
|
4917
5695
|
}
|
|
4918
5696
|
}
|
|
5697
|
+
.data-disabled\:bg-zinc-200 {
|
|
5698
|
+
&[data-disabled] {
|
|
5699
|
+
background-color: var(--color-zinc-200);
|
|
5700
|
+
}
|
|
5701
|
+
}
|
|
4919
5702
|
.data-disabled\:opacity-50 {
|
|
4920
5703
|
&[data-disabled] {
|
|
4921
5704
|
opacity: 50%;
|
|
4922
5705
|
}
|
|
4923
5706
|
}
|
|
5707
|
+
.data-disabled\:before\:bg-grey-950\/5 {
|
|
5708
|
+
&[data-disabled] {
|
|
5709
|
+
&::before {
|
|
5710
|
+
content: var(--tw-content);
|
|
5711
|
+
background-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 5%, transparent);
|
|
5712
|
+
}
|
|
5713
|
+
}
|
|
5714
|
+
}
|
|
4924
5715
|
.data-disabled\:before\:shadow-none {
|
|
4925
5716
|
&[data-disabled] {
|
|
4926
5717
|
&::before {
|
|
@@ -4939,6 +5730,85 @@
|
|
|
4939
5730
|
}
|
|
4940
5731
|
}
|
|
4941
5732
|
}
|
|
5733
|
+
.data-disabled\:data-checked\:bg-zinc-200 {
|
|
5734
|
+
&[data-disabled] {
|
|
5735
|
+
&[data-checked] {
|
|
5736
|
+
background-color: var(--color-zinc-200);
|
|
5737
|
+
}
|
|
5738
|
+
}
|
|
5739
|
+
}
|
|
5740
|
+
.data-disabled\:data-checked\:ring-black\/5 {
|
|
5741
|
+
&[data-disabled] {
|
|
5742
|
+
&[data-checked] {
|
|
5743
|
+
--tw-ring-color: color-mix(in srgb, #000 5%, transparent);
|
|
5744
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5745
|
+
--tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
|
|
5746
|
+
}
|
|
5747
|
+
}
|
|
5748
|
+
}
|
|
5749
|
+
}
|
|
5750
|
+
.data-focus\:cursor-pointer {
|
|
5751
|
+
&[data-focus] {
|
|
5752
|
+
cursor: pointer;
|
|
5753
|
+
}
|
|
5754
|
+
}
|
|
5755
|
+
.data-focus\:bg-primary-800\/10 {
|
|
5756
|
+
&[data-focus] {
|
|
5757
|
+
background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
|
|
5758
|
+
}
|
|
5759
|
+
}
|
|
5760
|
+
.data-focus\:font-bold {
|
|
5761
|
+
&[data-focus] {
|
|
5762
|
+
--tw-font-weight: var(--font-weight-bold);
|
|
5763
|
+
font-weight: var(--font-weight-bold);
|
|
5764
|
+
}
|
|
5765
|
+
}
|
|
5766
|
+
.data-focus\:text-primary-800 {
|
|
5767
|
+
&[data-focus] {
|
|
5768
|
+
color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
|
|
5769
|
+
}
|
|
5770
|
+
}
|
|
5771
|
+
.data-focus\:outline-2 {
|
|
5772
|
+
&[data-focus] {
|
|
5773
|
+
outline-style: var(--tw-outline-style);
|
|
5774
|
+
outline-width: 2px;
|
|
5775
|
+
}
|
|
5776
|
+
}
|
|
5777
|
+
.data-focus\:outline-offset-2 {
|
|
5778
|
+
&[data-focus] {
|
|
5779
|
+
outline-offset: 2px;
|
|
5780
|
+
}
|
|
5781
|
+
}
|
|
5782
|
+
.data-focus\:outline-blue-500 {
|
|
5783
|
+
&[data-focus] {
|
|
5784
|
+
outline-color: var(--color-blue-500);
|
|
5785
|
+
}
|
|
5786
|
+
}
|
|
5787
|
+
.data-focus\:after\:ring-2 {
|
|
5788
|
+
&[data-focus] {
|
|
5789
|
+
&::after {
|
|
5790
|
+
content: var(--tw-content);
|
|
5791
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5792
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5793
|
+
}
|
|
5794
|
+
}
|
|
5795
|
+
}
|
|
5796
|
+
.data-focus\:after\:ring-primary-650\/70 {
|
|
5797
|
+
&[data-focus] {
|
|
5798
|
+
&::after {
|
|
5799
|
+
content: var(--tw-content);
|
|
5800
|
+
--tw-ring-color: color-mix(in oklab, oklch(0.5038341615701663 0.20169915825513662 260.52773388396713) 70%, transparent);
|
|
5801
|
+
}
|
|
5802
|
+
}
|
|
5803
|
+
}
|
|
5804
|
+
.data-focus\:after\:ring-offset-white {
|
|
5805
|
+
&[data-focus] {
|
|
5806
|
+
&::after {
|
|
5807
|
+
content: var(--tw-content);
|
|
5808
|
+
--tw-ring-offset-color: var(--color-white);
|
|
5809
|
+
}
|
|
5810
|
+
}
|
|
5811
|
+
}
|
|
4942
5812
|
.data-hover\:border-\(--btn-bg\) {
|
|
4943
5813
|
&[data-hover] {
|
|
4944
5814
|
border-color: var(--btn-bg);
|
|
@@ -4949,6 +5819,14 @@
|
|
|
4949
5819
|
text-decoration-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
|
|
4950
5820
|
}
|
|
4951
5821
|
}
|
|
5822
|
+
.data-hover\:ring-black\/15 {
|
|
5823
|
+
&[data-hover] {
|
|
5824
|
+
--tw-ring-color: color-mix(in srgb, #000 15%, transparent);
|
|
5825
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5826
|
+
--tw-ring-color: color-mix(in oklab, var(--color-black) 15%, transparent);
|
|
5827
|
+
}
|
|
5828
|
+
}
|
|
5829
|
+
}
|
|
4952
5830
|
.data-hover\:after\:bg-\(--btn-hover-overlay\) {
|
|
4953
5831
|
&[data-hover] {
|
|
4954
5832
|
&::after {
|
|
@@ -4957,6 +5835,25 @@
|
|
|
4957
5835
|
}
|
|
4958
5836
|
}
|
|
4959
5837
|
}
|
|
5838
|
+
.data-hover\:data-checked\:ring-\(--switch-bg-ring\) {
|
|
5839
|
+
&[data-hover] {
|
|
5840
|
+
&[data-checked] {
|
|
5841
|
+
--tw-ring-color: var(--switch-bg-ring);
|
|
5842
|
+
}
|
|
5843
|
+
}
|
|
5844
|
+
}
|
|
5845
|
+
.data-closed\:data-leave\:opacity-0 {
|
|
5846
|
+
&[data-closed] {
|
|
5847
|
+
&[data-leave] {
|
|
5848
|
+
opacity: 0%;
|
|
5849
|
+
}
|
|
5850
|
+
}
|
|
5851
|
+
}
|
|
5852
|
+
.data-transition\:pointer-events-none {
|
|
5853
|
+
&[data-transition] {
|
|
5854
|
+
pointer-events: none;
|
|
5855
|
+
}
|
|
5856
|
+
}
|
|
4960
5857
|
.data-\[active\=true\]\:z-10 {
|
|
4961
5858
|
&[data-active="true"] {
|
|
4962
5859
|
z-index: 10;
|
|
@@ -5439,6 +6336,21 @@
|
|
|
5439
6336
|
}
|
|
5440
6337
|
}
|
|
5441
6338
|
}
|
|
6339
|
+
.\*\:data-\[slot\=avatar\]\:-mx-0\.5 {
|
|
6340
|
+
:is(& > *) {
|
|
6341
|
+
&[data-slot="avatar"] {
|
|
6342
|
+
margin-inline: calc(var(--spacing) * -0.5);
|
|
6343
|
+
}
|
|
6344
|
+
}
|
|
6345
|
+
}
|
|
6346
|
+
.\*\:data-\[slot\=avatar\]\:size-6 {
|
|
6347
|
+
:is(& > *) {
|
|
6348
|
+
&[data-slot="avatar"] {
|
|
6349
|
+
width: calc(var(--spacing) * 6);
|
|
6350
|
+
height: calc(var(--spacing) * 6);
|
|
6351
|
+
}
|
|
6352
|
+
}
|
|
6353
|
+
}
|
|
5442
6354
|
.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
|
|
5443
6355
|
:is(& *) {
|
|
5444
6356
|
&[data-slot="command-input-wrapper"] {
|
|
@@ -5446,31 +6358,67 @@
|
|
|
5446
6358
|
}
|
|
5447
6359
|
}
|
|
5448
6360
|
}
|
|
5449
|
-
.\*\:data-\[slot\=
|
|
6361
|
+
.\*\:data-\[slot\=control\]\:col-start-2 {
|
|
5450
6362
|
:is(& > *) {
|
|
5451
|
-
&[data-slot="
|
|
5452
|
-
|
|
6363
|
+
&[data-slot="control"] {
|
|
6364
|
+
grid-column-start: 2;
|
|
5453
6365
|
}
|
|
5454
6366
|
}
|
|
5455
6367
|
}
|
|
5456
|
-
.\*\:data-\[slot\=
|
|
6368
|
+
.\*\:data-\[slot\=control\]\:self-start {
|
|
5457
6369
|
:is(& > *) {
|
|
5458
|
-
&[data-slot="
|
|
5459
|
-
|
|
6370
|
+
&[data-slot="control"] {
|
|
6371
|
+
align-self: flex-start;
|
|
5460
6372
|
}
|
|
5461
6373
|
}
|
|
5462
6374
|
}
|
|
5463
|
-
.\*\:data-\[slot\=
|
|
6375
|
+
.\*\:data-\[slot\=description\]\:col-start-1 {
|
|
5464
6376
|
:is(& > *) {
|
|
5465
|
-
&[data-slot="
|
|
5466
|
-
|
|
5467
|
-
height: calc(var(--spacing) * 4);
|
|
6377
|
+
&[data-slot="description"] {
|
|
6378
|
+
grid-column-start: 1;
|
|
5468
6379
|
}
|
|
5469
6380
|
}
|
|
5470
6381
|
}
|
|
5471
|
-
.\*\:data-\[slot\=
|
|
6382
|
+
.\*\:data-\[slot\=description\]\:row-start-2 {
|
|
5472
6383
|
:is(& > *) {
|
|
5473
|
-
&[data-slot="
|
|
6384
|
+
&[data-slot="description"] {
|
|
6385
|
+
grid-row-start: 2;
|
|
6386
|
+
}
|
|
6387
|
+
}
|
|
6388
|
+
}
|
|
6389
|
+
.\*\:data-\[slot\=icon\]\:-mx-0\.25 {
|
|
6390
|
+
:is(& > *) {
|
|
6391
|
+
&[data-slot="icon"] {
|
|
6392
|
+
margin-inline: calc(var(--spacing) * -0.25);
|
|
6393
|
+
}
|
|
6394
|
+
}
|
|
6395
|
+
}
|
|
6396
|
+
.\*\:data-\[slot\=icon\]\:my-0\.25 {
|
|
6397
|
+
:is(& > *) {
|
|
6398
|
+
&[data-slot="icon"] {
|
|
6399
|
+
margin-block: calc(var(--spacing) * 0.25);
|
|
6400
|
+
}
|
|
6401
|
+
}
|
|
6402
|
+
}
|
|
6403
|
+
.\*\:data-\[slot\=icon\]\:size-4 {
|
|
6404
|
+
:is(& > *) {
|
|
6405
|
+
&[data-slot="icon"] {
|
|
6406
|
+
width: calc(var(--spacing) * 4);
|
|
6407
|
+
height: calc(var(--spacing) * 4);
|
|
6408
|
+
}
|
|
6409
|
+
}
|
|
6410
|
+
}
|
|
6411
|
+
.\*\:data-\[slot\=icon\]\:size-5 {
|
|
6412
|
+
:is(& > *) {
|
|
6413
|
+
&[data-slot="icon"] {
|
|
6414
|
+
width: calc(var(--spacing) * 5);
|
|
6415
|
+
height: calc(var(--spacing) * 5);
|
|
6416
|
+
}
|
|
6417
|
+
}
|
|
6418
|
+
}
|
|
6419
|
+
.\*\:data-\[slot\=icon\]\:size-6 {
|
|
6420
|
+
:is(& > *) {
|
|
6421
|
+
&[data-slot="icon"] {
|
|
5474
6422
|
width: calc(var(--spacing) * 6);
|
|
5475
6423
|
height: calc(var(--spacing) * 6);
|
|
5476
6424
|
}
|
|
@@ -5497,6 +6445,36 @@
|
|
|
5497
6445
|
}
|
|
5498
6446
|
}
|
|
5499
6447
|
}
|
|
6448
|
+
.\*\:data-\[slot\=icon\]\:text-grey-500 {
|
|
6449
|
+
:is(& > *) {
|
|
6450
|
+
&[data-slot="icon"] {
|
|
6451
|
+
color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
|
|
6452
|
+
}
|
|
6453
|
+
}
|
|
6454
|
+
}
|
|
6455
|
+
.group-data-focus\/option\:\*\:data-\[slot\=icon\]\:text-white {
|
|
6456
|
+
&:is(:where(.group\/option)[data-focus] *) {
|
|
6457
|
+
:is(& > *) {
|
|
6458
|
+
&[data-slot="icon"] {
|
|
6459
|
+
color: var(--color-white);
|
|
6460
|
+
}
|
|
6461
|
+
}
|
|
6462
|
+
}
|
|
6463
|
+
}
|
|
6464
|
+
.\*\:data-\[slot\=label\]\:col-start-1 {
|
|
6465
|
+
:is(& > *) {
|
|
6466
|
+
&[data-slot="label"] {
|
|
6467
|
+
grid-column-start: 1;
|
|
6468
|
+
}
|
|
6469
|
+
}
|
|
6470
|
+
}
|
|
6471
|
+
.\*\:data-\[slot\=label\]\:row-start-1 {
|
|
6472
|
+
:is(& > *) {
|
|
6473
|
+
&[data-slot="label"] {
|
|
6474
|
+
grid-row-start: 1;
|
|
6475
|
+
}
|
|
6476
|
+
}
|
|
6477
|
+
}
|
|
5500
6478
|
.\*\:data-\[slot\=label\]\:font-medium {
|
|
5501
6479
|
:is(& > *) {
|
|
5502
6480
|
&[data-slot="label"] {
|
|
@@ -5505,6 +6483,24 @@
|
|
|
5505
6483
|
}
|
|
5506
6484
|
}
|
|
5507
6485
|
}
|
|
6486
|
+
.\*\*\:data-\[slot\=label\]\:font-normal {
|
|
6487
|
+
:is(& *) {
|
|
6488
|
+
&[data-slot="label"] {
|
|
6489
|
+
--tw-font-weight: var(--font-weight-normal);
|
|
6490
|
+
font-weight: var(--font-weight-normal);
|
|
6491
|
+
}
|
|
6492
|
+
}
|
|
6493
|
+
}
|
|
6494
|
+
.has-data-\[slot\=description\]\:\*\*\:data-\[slot\=label\]\:font-medium {
|
|
6495
|
+
&:has(*[data-slot="description"]) {
|
|
6496
|
+
:is(& *) {
|
|
6497
|
+
&[data-slot="label"] {
|
|
6498
|
+
--tw-font-weight: var(--font-weight-medium);
|
|
6499
|
+
font-weight: var(--font-weight-medium);
|
|
6500
|
+
}
|
|
6501
|
+
}
|
|
6502
|
+
}
|
|
6503
|
+
}
|
|
5508
6504
|
.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
|
|
5509
6505
|
:is(& *) {
|
|
5510
6506
|
&[data-slot="navigation-menu-link"] {
|
|
@@ -5589,12 +6585,6 @@
|
|
|
5589
6585
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5590
6586
|
}
|
|
5591
6587
|
}
|
|
5592
|
-
.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
|
|
5593
|
-
&[data-state="checked"] {
|
|
5594
|
-
--tw-translate-x: calc(100% - 2px);
|
|
5595
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
5596
|
-
}
|
|
5597
|
-
}
|
|
5598
6588
|
.data-\[state\=checked\]\:bg-primary-800 {
|
|
5599
6589
|
&[data-state="checked"] {
|
|
5600
6590
|
background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
|
|
@@ -5860,17 +6850,6 @@
|
|
|
5860
6850
|
background-color: var(--muted);
|
|
5861
6851
|
}
|
|
5862
6852
|
}
|
|
5863
|
-
.data-\[state\=unchecked\]\:translate-x-0 {
|
|
5864
|
-
&[data-state="unchecked"] {
|
|
5865
|
-
--tw-translate-x: calc(var(--spacing) * 0);
|
|
5866
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
5867
|
-
}
|
|
5868
|
-
}
|
|
5869
|
-
.data-\[state\=unchecked\]\:bg-input {
|
|
5870
|
-
&[data-state="unchecked"] {
|
|
5871
|
-
background-color: var(--input);
|
|
5872
|
-
}
|
|
5873
|
-
}
|
|
5874
6853
|
.data-\[state\=visible\]\:animate-in {
|
|
5875
6854
|
&[data-state="visible"] {
|
|
5876
6855
|
animation-name: enter;
|
|
@@ -6190,6 +7169,11 @@
|
|
|
6190
7169
|
margin-top: calc(var(--spacing) * 0);
|
|
6191
7170
|
}
|
|
6192
7171
|
}
|
|
7172
|
+
.sm\:ml-2 {
|
|
7173
|
+
@media (width >= 40rem) {
|
|
7174
|
+
margin-left: calc(var(--spacing) * 2);
|
|
7175
|
+
}
|
|
7176
|
+
}
|
|
6193
7177
|
.sm\:block {
|
|
6194
7178
|
@media (width >= 40rem) {
|
|
6195
7179
|
display: block;
|
|
@@ -6205,6 +7189,33 @@
|
|
|
6205
7189
|
display: grid;
|
|
6206
7190
|
}
|
|
6207
7191
|
}
|
|
7192
|
+
.sm\:size-3\.5 {
|
|
7193
|
+
@media (width >= 40rem) {
|
|
7194
|
+
width: calc(var(--spacing) * 3.5);
|
|
7195
|
+
height: calc(var(--spacing) * 3.5);
|
|
7196
|
+
}
|
|
7197
|
+
}
|
|
7198
|
+
.sm\:size-4 {
|
|
7199
|
+
@media (width >= 40rem) {
|
|
7200
|
+
width: calc(var(--spacing) * 4);
|
|
7201
|
+
height: calc(var(--spacing) * 4);
|
|
7202
|
+
}
|
|
7203
|
+
}
|
|
7204
|
+
.sm\:h-5 {
|
|
7205
|
+
@media (width >= 40rem) {
|
|
7206
|
+
height: calc(var(--spacing) * 5);
|
|
7207
|
+
}
|
|
7208
|
+
}
|
|
7209
|
+
.sm\:min-h-12 {
|
|
7210
|
+
@media (width >= 40rem) {
|
|
7211
|
+
min-height: calc(var(--spacing) * 12);
|
|
7212
|
+
}
|
|
7213
|
+
}
|
|
7214
|
+
.sm\:w-8 {
|
|
7215
|
+
@media (width >= 40rem) {
|
|
7216
|
+
width: calc(var(--spacing) * 8);
|
|
7217
|
+
}
|
|
7218
|
+
}
|
|
6208
7219
|
.sm\:max-w-lg {
|
|
6209
7220
|
@media (width >= 40rem) {
|
|
6210
7221
|
max-width: var(--container-lg);
|
|
@@ -6230,6 +7241,21 @@
|
|
|
6230
7241
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
6231
7242
|
}
|
|
6232
7243
|
}
|
|
7244
|
+
.sm\:grid-cols-\[--spacing\(4\)_1fr\] {
|
|
7245
|
+
@media (width >= 40rem) {
|
|
7246
|
+
grid-template-columns: calc(var(--spacing) * 4) 1fr;
|
|
7247
|
+
}
|
|
7248
|
+
}
|
|
7249
|
+
.sm\:grid-cols-\[1fr_auto\] {
|
|
7250
|
+
@media (width >= 40rem) {
|
|
7251
|
+
grid-template-columns: 1fr auto;
|
|
7252
|
+
}
|
|
7253
|
+
}
|
|
7254
|
+
.sm\:grid-cols-\[min\(50\%\,--spacing\(80\)\)_auto\] {
|
|
7255
|
+
@media (width >= 40rem) {
|
|
7256
|
+
grid-template-columns: min(50%, calc(var(--spacing) * 80)) auto;
|
|
7257
|
+
}
|
|
7258
|
+
}
|
|
6233
7259
|
.sm\:flex-row {
|
|
6234
7260
|
@media (width >= 40rem) {
|
|
6235
7261
|
flex-direction: row;
|
|
@@ -6282,12 +7308,20 @@
|
|
|
6282
7308
|
border-inline-width: 1px;
|
|
6283
7309
|
}
|
|
6284
7310
|
}
|
|
6285
|
-
.sm\:border-
|
|
7311
|
+
.sm\:border-t {
|
|
6286
7312
|
@media (width >= 40rem) {
|
|
6287
|
-
border-
|
|
6288
|
-
|
|
6289
|
-
|
|
6290
|
-
|
|
7313
|
+
border-top-style: var(--tw-border-style);
|
|
7314
|
+
border-top-width: 1px;
|
|
7315
|
+
}
|
|
7316
|
+
}
|
|
7317
|
+
.sm\:border-grey-900\/5 {
|
|
7318
|
+
@media (width >= 40rem) {
|
|
7319
|
+
border-color: color-mix(in oklab, oklch(0.17511812981113217 0.007251980042076026 242.08383926925922) 5%, transparent);
|
|
7320
|
+
}
|
|
7321
|
+
}
|
|
7322
|
+
.sm\:border-grey-950\/5 {
|
|
7323
|
+
@media (width >= 40rem) {
|
|
7324
|
+
border-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 5%, transparent);
|
|
6291
7325
|
}
|
|
6292
7326
|
}
|
|
6293
7327
|
.sm\:px-0 {
|
|
@@ -6325,6 +7359,16 @@
|
|
|
6325
7359
|
padding-inline: 1px;
|
|
6326
7360
|
}
|
|
6327
7361
|
}
|
|
7362
|
+
.sm\:py-1\.5 {
|
|
7363
|
+
@media (width >= 40rem) {
|
|
7364
|
+
padding-block: calc(var(--spacing) * 1.5);
|
|
7365
|
+
}
|
|
7366
|
+
}
|
|
7367
|
+
.sm\:py-3 {
|
|
7368
|
+
@media (width >= 40rem) {
|
|
7369
|
+
padding-block: calc(var(--spacing) * 3);
|
|
7370
|
+
}
|
|
7371
|
+
}
|
|
6328
7372
|
.sm\:py-\[calc\(--spacing\(2\)-1px\)\] {
|
|
6329
7373
|
@media (width >= 40rem) {
|
|
6330
7374
|
padding-block: calc(calc(var(--spacing) * 2) - 1px);
|
|
@@ -6335,6 +7379,11 @@
|
|
|
6335
7379
|
padding-block: calc(calc(var(--spacing) * 3) - 1px);
|
|
6336
7380
|
}
|
|
6337
7381
|
}
|
|
7382
|
+
.sm\:py-\[calc\(--spacing\(3\.5\)-1px\)\] {
|
|
7383
|
+
@media (width >= 40rem) {
|
|
7384
|
+
padding-block: calc(calc(var(--spacing) * 3.5) - 1px);
|
|
7385
|
+
}
|
|
7386
|
+
}
|
|
6338
7387
|
.sm\:py-\[calc\(--spacing\(4\)-1px\)\] {
|
|
6339
7388
|
@media (width >= 40rem) {
|
|
6340
7389
|
padding-block: calc(calc(var(--spacing) * 4) - 1px);
|
|
@@ -6345,11 +7394,21 @@
|
|
|
6345
7394
|
padding-right: calc(var(--spacing) * 2.5);
|
|
6346
7395
|
}
|
|
6347
7396
|
}
|
|
7397
|
+
.sm\:pr-3 {
|
|
7398
|
+
@media (width >= 40rem) {
|
|
7399
|
+
padding-right: calc(var(--spacing) * 3);
|
|
7400
|
+
}
|
|
7401
|
+
}
|
|
6348
7402
|
.sm\:pr-12 {
|
|
6349
7403
|
@media (width >= 40rem) {
|
|
6350
7404
|
padding-right: calc(var(--spacing) * 12);
|
|
6351
7405
|
}
|
|
6352
7406
|
}
|
|
7407
|
+
.sm\:pl-1\.5 {
|
|
7408
|
+
@media (width >= 40rem) {
|
|
7409
|
+
padding-left: calc(var(--spacing) * 1.5);
|
|
7410
|
+
}
|
|
7411
|
+
}
|
|
6353
7412
|
.sm\:pl-2\.5 {
|
|
6354
7413
|
@media (width >= 40rem) {
|
|
6355
7414
|
padding-left: calc(var(--spacing) * 2.5);
|
|
@@ -6360,6 +7419,11 @@
|
|
|
6360
7419
|
padding-left: calc(var(--spacing) * 4);
|
|
6361
7420
|
}
|
|
6362
7421
|
}
|
|
7422
|
+
.sm\:pl-\[calc\(--spacing\(4\)-1px\)\] {
|
|
7423
|
+
@media (width >= 40rem) {
|
|
7424
|
+
padding-left: calc(calc(var(--spacing) * 4) - 1px);
|
|
7425
|
+
}
|
|
7426
|
+
}
|
|
6363
7427
|
.sm\:text-left {
|
|
6364
7428
|
@media (width >= 40rem) {
|
|
6365
7429
|
text-align: left;
|
|
@@ -6388,6 +7452,45 @@
|
|
|
6388
7452
|
font-size: 0.8125rem;
|
|
6389
7453
|
}
|
|
6390
7454
|
}
|
|
7455
|
+
.sm\:\[--anchor-offset\:-1\.375rem\] {
|
|
7456
|
+
@media (width >= 40rem) {
|
|
7457
|
+
--anchor-offset: -1.375rem;
|
|
7458
|
+
}
|
|
7459
|
+
}
|
|
7460
|
+
.sm\:group-data-checked\:translate-x-3 {
|
|
7461
|
+
@media (width >= 40rem) {
|
|
7462
|
+
&:is(:where(.group)[data-checked] *) {
|
|
7463
|
+
--tw-translate-x: calc(var(--spacing) * 3);
|
|
7464
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
7465
|
+
}
|
|
7466
|
+
}
|
|
7467
|
+
}
|
|
7468
|
+
.sm\:first\:ml-0 {
|
|
7469
|
+
@media (width >= 40rem) {
|
|
7470
|
+
&:first-child {
|
|
7471
|
+
margin-left: calc(var(--spacing) * 0);
|
|
7472
|
+
}
|
|
7473
|
+
}
|
|
7474
|
+
}
|
|
7475
|
+
.sm\:\*\:data-\[slot\=avatar\]\:size-5 {
|
|
7476
|
+
@media (width >= 40rem) {
|
|
7477
|
+
:is(& > *) {
|
|
7478
|
+
&[data-slot="avatar"] {
|
|
7479
|
+
width: calc(var(--spacing) * 5);
|
|
7480
|
+
height: calc(var(--spacing) * 5);
|
|
7481
|
+
}
|
|
7482
|
+
}
|
|
7483
|
+
}
|
|
7484
|
+
}
|
|
7485
|
+
.sm\:\*\:data-\[slot\=control\]\:mt-0\.5 {
|
|
7486
|
+
@media (width >= 40rem) {
|
|
7487
|
+
:is(& > *) {
|
|
7488
|
+
&[data-slot="control"] {
|
|
7489
|
+
margin-top: calc(var(--spacing) * 0.5);
|
|
7490
|
+
}
|
|
7491
|
+
}
|
|
7492
|
+
}
|
|
7493
|
+
}
|
|
6391
7494
|
.sm\:\*\:data-\[slot\=icon\]\:my-0\.5 {
|
|
6392
7495
|
@media (width >= 40rem) {
|
|
6393
7496
|
:is(& > *) {
|
|
@@ -6407,6 +7510,16 @@
|
|
|
6407
7510
|
}
|
|
6408
7511
|
}
|
|
6409
7512
|
}
|
|
7513
|
+
.sm\:\*\:data-\[slot\=icon\]\:size-4 {
|
|
7514
|
+
@media (width >= 40rem) {
|
|
7515
|
+
:is(& > *) {
|
|
7516
|
+
&[data-slot="icon"] {
|
|
7517
|
+
width: calc(var(--spacing) * 4);
|
|
7518
|
+
height: calc(var(--spacing) * 4);
|
|
7519
|
+
}
|
|
7520
|
+
}
|
|
7521
|
+
}
|
|
7522
|
+
}
|
|
6410
7523
|
.sm\:\*\:data-\[slot\=icon\]\:size-5 {
|
|
6411
7524
|
@media (width >= 40rem) {
|
|
6412
7525
|
:is(& > *) {
|
|
@@ -6431,6 +7544,14 @@
|
|
|
6431
7544
|
}
|
|
6432
7545
|
}
|
|
6433
7546
|
}
|
|
7547
|
+
.sm\:nth-2\:border-none {
|
|
7548
|
+
@media (width >= 40rem) {
|
|
7549
|
+
&:nth-child(2) {
|
|
7550
|
+
--tw-border-style: none;
|
|
7551
|
+
border-style: none;
|
|
7552
|
+
}
|
|
7553
|
+
}
|
|
7554
|
+
}
|
|
6434
7555
|
.md\:absolute {
|
|
6435
7556
|
@media (width >= 48rem) {
|
|
6436
7557
|
position: absolute;
|
|
@@ -6723,6 +7844,11 @@
|
|
|
6723
7844
|
border-color: var(--color-gray-800);
|
|
6724
7845
|
}
|
|
6725
7846
|
}
|
|
7847
|
+
.dark\:border-grey-200\/15 {
|
|
7848
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7849
|
+
border-color: color-mix(in oklab, oklch(0.9400701096450296 0 0) 15%, transparent);
|
|
7850
|
+
}
|
|
7851
|
+
}
|
|
6726
7852
|
.dark\:border-grey-600 {
|
|
6727
7853
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
6728
7854
|
border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
|
|
@@ -6733,14 +7859,6 @@
|
|
|
6733
7859
|
border-color: var(--color-nsw-grey-50);
|
|
6734
7860
|
}
|
|
6735
7861
|
}
|
|
6736
|
-
.dark\:border-nsw-grey-200\/15 {
|
|
6737
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
6738
|
-
border-color: color-mix(in srgb, oklch(0.9400701096450296 0 0) 15%, transparent);
|
|
6739
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
6740
|
-
border-color: color-mix(in oklab, var(--color-nsw-grey-200) 15%, transparent);
|
|
6741
|
-
}
|
|
6742
|
-
}
|
|
6743
|
-
}
|
|
6744
7862
|
.dark\:border-nsw-grey-200\/20 {
|
|
6745
7863
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
6746
7864
|
border-color: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
|
|
@@ -6925,6 +8043,11 @@
|
|
|
6925
8043
|
background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
|
|
6926
8044
|
}
|
|
6927
8045
|
}
|
|
8046
|
+
.dark\:bg-grey-800\/75 {
|
|
8047
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8048
|
+
background-color: color-mix(in oklab, oklch(0.26941250740174183 0.010359971488680036 242.08383926925922) 75%, transparent);
|
|
8049
|
+
}
|
|
8050
|
+
}
|
|
6928
8051
|
.dark\:bg-grey-900 {
|
|
6929
8052
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
6930
8053
|
background-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
|
|
@@ -6985,6 +8108,14 @@
|
|
|
6985
8108
|
}
|
|
6986
8109
|
}
|
|
6987
8110
|
}
|
|
8111
|
+
.dark\:bg-white\/20 {
|
|
8112
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8113
|
+
background-color: color-mix(in srgb, #fff 20%, transparent);
|
|
8114
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8115
|
+
background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
|
|
8116
|
+
}
|
|
8117
|
+
}
|
|
8118
|
+
}
|
|
6988
8119
|
.dark\:bg-yellow-500 {
|
|
6989
8120
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
6990
8121
|
background-color: var(--color-yellow-500);
|
|
@@ -7077,6 +8208,11 @@
|
|
|
7077
8208
|
stroke: var(--color-gray-950);
|
|
7078
8209
|
}
|
|
7079
8210
|
}
|
|
8211
|
+
.dark\:stroke-grey-400 {
|
|
8212
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8213
|
+
stroke: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
|
|
8214
|
+
}
|
|
8215
|
+
}
|
|
7080
8216
|
.dark\:stroke-red-500 {
|
|
7081
8217
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7082
8218
|
stroke: var(--color-red-500);
|
|
@@ -7103,11 +8239,6 @@
|
|
|
7103
8239
|
}
|
|
7104
8240
|
}
|
|
7105
8241
|
}
|
|
7106
|
-
.dark\:text-danger-500 {
|
|
7107
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7108
|
-
color: var(--color-danger-500);
|
|
7109
|
-
}
|
|
7110
|
-
}
|
|
7111
8242
|
.dark\:text-gray-50 {
|
|
7112
8243
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7113
8244
|
color: var(--color-gray-50);
|
|
@@ -7158,6 +8289,11 @@
|
|
|
7158
8289
|
color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
|
|
7159
8290
|
}
|
|
7160
8291
|
}
|
|
8292
|
+
.dark\:text-red-500 {
|
|
8293
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8294
|
+
color: var(--color-red-500);
|
|
8295
|
+
}
|
|
8296
|
+
}
|
|
7161
8297
|
.dark\:text-slate-400 {
|
|
7162
8298
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7163
8299
|
color: var(--color-slate-400);
|
|
@@ -7168,6 +8304,11 @@
|
|
|
7168
8304
|
color: var(--color-white);
|
|
7169
8305
|
}
|
|
7170
8306
|
}
|
|
8307
|
+
.dark\:text-zinc-400 {
|
|
8308
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8309
|
+
color: var(--color-zinc-400);
|
|
8310
|
+
}
|
|
8311
|
+
}
|
|
7171
8312
|
.dark\:decoration-white\/50 {
|
|
7172
8313
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7173
8314
|
text-decoration-color: color-mix(in srgb, #fff 50%, transparent);
|
|
@@ -7195,6 +8336,22 @@
|
|
|
7195
8336
|
}
|
|
7196
8337
|
}
|
|
7197
8338
|
}
|
|
8339
|
+
.dark\:ring-white\/10 {
|
|
8340
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8341
|
+
--tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
|
|
8342
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8343
|
+
--tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
|
|
8344
|
+
}
|
|
8345
|
+
}
|
|
8346
|
+
}
|
|
8347
|
+
.dark\:ring-white\/15 {
|
|
8348
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8349
|
+
--tw-ring-color: color-mix(in srgb, #fff 15%, transparent);
|
|
8350
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8351
|
+
--tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
|
|
8352
|
+
}
|
|
8353
|
+
}
|
|
8354
|
+
}
|
|
7198
8355
|
.dark\:outline-blue-500 {
|
|
7199
8356
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7200
8357
|
outline-color: var(--color-blue-500);
|
|
@@ -7369,11 +8526,60 @@
|
|
|
7369
8526
|
--focus-outline: var(--color-white);
|
|
7370
8527
|
}
|
|
7371
8528
|
}
|
|
8529
|
+
.dark\:\[--switch-bg-ring\:transparent\] {
|
|
8530
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8531
|
+
--switch-bg-ring: transparent;
|
|
8532
|
+
}
|
|
8533
|
+
}
|
|
8534
|
+
.dark\:\[--switch-bg-ring\:var\(--color-white\)\]\/15 {
|
|
8535
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8536
|
+
--switch-bg-ring: color-mix(in srgb, #fff 15%, transparent);
|
|
8537
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8538
|
+
--switch-bg-ring: color-mix(in oklab, var(--color-white) 15%, transparent);
|
|
8539
|
+
}
|
|
8540
|
+
}
|
|
8541
|
+
}
|
|
8542
|
+
.dark\:\[--switch-bg\:var\(--color-white\)\] {
|
|
8543
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8544
|
+
--switch-bg: var(--color-white);
|
|
8545
|
+
}
|
|
8546
|
+
}
|
|
8547
|
+
.dark\:\[--switch-bg\:var\(--color-white\)\]\/25 {
|
|
8548
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8549
|
+
--switch-bg: color-mix(in srgb, #fff 25%, transparent);
|
|
8550
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8551
|
+
--switch-bg: color-mix(in oklab, var(--color-white) 25%, transparent);
|
|
8552
|
+
}
|
|
8553
|
+
}
|
|
8554
|
+
}
|
|
8555
|
+
.dark\:\[--switch-ring\:transparent\] {
|
|
8556
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8557
|
+
--switch-ring: transparent;
|
|
8558
|
+
}
|
|
8559
|
+
}
|
|
8560
|
+
.dark\:\[--switch-ring\:var\(--color-zinc-700\)\]\/90 {
|
|
8561
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8562
|
+
--switch-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
|
|
8563
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8564
|
+
--switch-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
|
|
8565
|
+
}
|
|
8566
|
+
}
|
|
8567
|
+
}
|
|
8568
|
+
.dark\:\[--switch\:var\(--color-zinc-900\)\] {
|
|
8569
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8570
|
+
--switch: var(--color-zinc-900);
|
|
8571
|
+
}
|
|
8572
|
+
}
|
|
7372
8573
|
.dark\:\[--toggle-border\:white\]\/40 {
|
|
7373
8574
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7374
8575
|
--toggle-border: color-mix(in oklab, white 40%, transparent);
|
|
7375
8576
|
}
|
|
7376
8577
|
}
|
|
8578
|
+
.dark\:ring-inset {
|
|
8579
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8580
|
+
--tw-ring-inset: inset;
|
|
8581
|
+
}
|
|
8582
|
+
}
|
|
7377
8583
|
.dark\:group-hover\:bg-blue-800 {
|
|
7378
8584
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7379
8585
|
&:is(:where(.group):hover *) {
|
|
@@ -7401,6 +8607,53 @@
|
|
|
7401
8607
|
}
|
|
7402
8608
|
}
|
|
7403
8609
|
}
|
|
8610
|
+
.dark\:group-data-active\:border-white\/20 {
|
|
8611
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8612
|
+
&:is(:where(.group)[data-active] *) {
|
|
8613
|
+
border-color: color-mix(in srgb, #fff 20%, transparent);
|
|
8614
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8615
|
+
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
|
|
8616
|
+
}
|
|
8617
|
+
}
|
|
8618
|
+
}
|
|
8619
|
+
}
|
|
8620
|
+
.dark\:group-data-disabled\:border-white\/15 {
|
|
8621
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8622
|
+
&:is(:where(.group)[data-disabled] *) {
|
|
8623
|
+
border-color: color-mix(in srgb, #fff 15%, transparent);
|
|
8624
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8625
|
+
border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
|
|
8626
|
+
}
|
|
8627
|
+
}
|
|
8628
|
+
}
|
|
8629
|
+
}
|
|
8630
|
+
.dark\:group-data-disabled\:bg-white\/2\.5 {
|
|
8631
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8632
|
+
&:is(:where(.group)[data-disabled] *) {
|
|
8633
|
+
background-color: color-mix(in srgb, #fff 2.5%, transparent);
|
|
8634
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8635
|
+
background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
|
|
8636
|
+
}
|
|
8637
|
+
}
|
|
8638
|
+
}
|
|
8639
|
+
}
|
|
8640
|
+
.dark\:group-data-hover\:border-white\/20 {
|
|
8641
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8642
|
+
&:is(:where(.group)[data-hover] *) {
|
|
8643
|
+
border-color: color-mix(in srgb, #fff 20%, transparent);
|
|
8644
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8645
|
+
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
|
|
8646
|
+
}
|
|
8647
|
+
}
|
|
8648
|
+
}
|
|
8649
|
+
}
|
|
8650
|
+
.dark\:group-data-invalid\:border-red-600 {
|
|
8651
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8652
|
+
&:is(:where(.group)[data-invalid] *) {
|
|
8653
|
+
border-color: var(--color-red-600);
|
|
8654
|
+
}
|
|
8655
|
+
}
|
|
8656
|
+
}
|
|
7404
8657
|
.dark\:group-data-\[disabled\=true\]\:text-grey-400 {
|
|
7405
8658
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7406
8659
|
&:is(:where(.group)[data-disabled="true"] *) {
|
|
@@ -7450,11 +8703,11 @@
|
|
|
7450
8703
|
}
|
|
7451
8704
|
}
|
|
7452
8705
|
}
|
|
7453
|
-
.dark\:hover\:border-
|
|
8706
|
+
.dark\:hover\:border-grey-400 {
|
|
7454
8707
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7455
8708
|
&:hover {
|
|
7456
8709
|
@media (hover: hover) {
|
|
7457
|
-
border-color:
|
|
8710
|
+
border-color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
|
|
7458
8711
|
}
|
|
7459
8712
|
}
|
|
7460
8713
|
}
|
|
@@ -7618,6 +8871,54 @@
|
|
|
7618
8871
|
}
|
|
7619
8872
|
}
|
|
7620
8873
|
}
|
|
8874
|
+
.dark\:data-checked\:bg-\(--switch-bg\) {
|
|
8875
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8876
|
+
&[data-checked] {
|
|
8877
|
+
background-color: var(--switch-bg);
|
|
8878
|
+
}
|
|
8879
|
+
}
|
|
8880
|
+
}
|
|
8881
|
+
.dark\:data-checked\:ring-\(--switch-bg-ring\) {
|
|
8882
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8883
|
+
&[data-checked] {
|
|
8884
|
+
--tw-ring-color: var(--switch-bg-ring);
|
|
8885
|
+
}
|
|
8886
|
+
}
|
|
8887
|
+
}
|
|
8888
|
+
.dark\:data-disabled\:bg-white\/15 {
|
|
8889
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8890
|
+
&[data-disabled] {
|
|
8891
|
+
background-color: color-mix(in srgb, #fff 15%, transparent);
|
|
8892
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8893
|
+
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
|
|
8894
|
+
}
|
|
8895
|
+
}
|
|
8896
|
+
}
|
|
8897
|
+
}
|
|
8898
|
+
.dark\:data-disabled\:data-checked\:bg-white\/15 {
|
|
8899
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8900
|
+
&[data-disabled] {
|
|
8901
|
+
&[data-checked] {
|
|
8902
|
+
background-color: color-mix(in srgb, #fff 15%, transparent);
|
|
8903
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8904
|
+
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
|
|
8905
|
+
}
|
|
8906
|
+
}
|
|
8907
|
+
}
|
|
8908
|
+
}
|
|
8909
|
+
}
|
|
8910
|
+
.dark\:data-disabled\:data-checked\:ring-white\/15 {
|
|
8911
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8912
|
+
&[data-disabled] {
|
|
8913
|
+
&[data-checked] {
|
|
8914
|
+
--tw-ring-color: color-mix(in srgb, #fff 15%, transparent);
|
|
8915
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8916
|
+
--tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
|
|
8917
|
+
}
|
|
8918
|
+
}
|
|
8919
|
+
}
|
|
8920
|
+
}
|
|
8921
|
+
}
|
|
7621
8922
|
.dark\:data-hover\:decoration-white {
|
|
7622
8923
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7623
8924
|
&[data-hover] {
|
|
@@ -7625,6 +8926,46 @@
|
|
|
7625
8926
|
}
|
|
7626
8927
|
}
|
|
7627
8928
|
}
|
|
8929
|
+
.dark\:data-hover\:ring-white\/25 {
|
|
8930
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8931
|
+
&[data-hover] {
|
|
8932
|
+
--tw-ring-color: color-mix(in srgb, #fff 25%, transparent);
|
|
8933
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8934
|
+
--tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transparent);
|
|
8935
|
+
}
|
|
8936
|
+
}
|
|
8937
|
+
}
|
|
8938
|
+
}
|
|
8939
|
+
.dark\:group-data-disabled\:data-hover\:border-white\/15 {
|
|
8940
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8941
|
+
&:is(:where(.group)[data-disabled] *) {
|
|
8942
|
+
&[data-hover] {
|
|
8943
|
+
border-color: color-mix(in srgb, #fff 15%, transparent);
|
|
8944
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8945
|
+
border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
|
|
8946
|
+
}
|
|
8947
|
+
}
|
|
8948
|
+
}
|
|
8949
|
+
}
|
|
8950
|
+
}
|
|
8951
|
+
.dark\:data-hover\:group-data-invalid\:border-red-600 {
|
|
8952
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8953
|
+
&[data-hover] {
|
|
8954
|
+
&:is(:where(.group)[data-invalid] *) {
|
|
8955
|
+
border-color: var(--color-red-600);
|
|
8956
|
+
}
|
|
8957
|
+
}
|
|
8958
|
+
}
|
|
8959
|
+
}
|
|
8960
|
+
.dark\:data-hover\:data-checked\:ring-\(--switch-bg-ring\) {
|
|
8961
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8962
|
+
&[data-hover] {
|
|
8963
|
+
&[data-checked] {
|
|
8964
|
+
--tw-ring-color: var(--switch-bg-ring);
|
|
8965
|
+
}
|
|
8966
|
+
}
|
|
8967
|
+
}
|
|
8968
|
+
}
|
|
7628
8969
|
.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40 {
|
|
7629
8970
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7630
8971
|
&[data-active="true"] {
|
|
@@ -7637,6 +8978,15 @@
|
|
|
7637
8978
|
}
|
|
7638
8979
|
}
|
|
7639
8980
|
}
|
|
8981
|
+
.dark\:\*\:data-\[slot\=icon\]\:text-grey-400 {
|
|
8982
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
8983
|
+
:is(& > *) {
|
|
8984
|
+
&[data-slot="icon"] {
|
|
8985
|
+
color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
|
|
8986
|
+
}
|
|
8987
|
+
}
|
|
8988
|
+
}
|
|
8989
|
+
}
|
|
7640
8990
|
.dark\:data-\[state\=active\]\:bg-input\/30 {
|
|
7641
8991
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7642
8992
|
&[data-state="active"] {
|
|
@@ -7661,13 +9011,6 @@
|
|
|
7661
9011
|
}
|
|
7662
9012
|
}
|
|
7663
9013
|
}
|
|
7664
|
-
.dark\:data-\[state\=checked\]\:bg-primary-foreground {
|
|
7665
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7666
|
-
&[data-state="checked"] {
|
|
7667
|
-
background-color: var(--primary-foreground);
|
|
7668
|
-
}
|
|
7669
|
-
}
|
|
7670
|
-
}
|
|
7671
9014
|
.dark\:data-\[state\=on\]\:bg-white\/10 {
|
|
7672
9015
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7673
9016
|
&[data-state="on"] {
|
|
@@ -7685,23 +9028,6 @@
|
|
|
7685
9028
|
}
|
|
7686
9029
|
}
|
|
7687
9030
|
}
|
|
7688
|
-
.dark\:data-\[state\=unchecked\]\:bg-foreground {
|
|
7689
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7690
|
-
&[data-state="unchecked"] {
|
|
7691
|
-
background-color: var(--foreground);
|
|
7692
|
-
}
|
|
7693
|
-
}
|
|
7694
|
-
}
|
|
7695
|
-
.dark\:data-\[state\=unchecked\]\:bg-input\/80 {
|
|
7696
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7697
|
-
&[data-state="unchecked"] {
|
|
7698
|
-
background-color: var(--input);
|
|
7699
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
7700
|
-
background-color: color-mix(in oklab, var(--input) 80%, transparent);
|
|
7701
|
-
}
|
|
7702
|
-
}
|
|
7703
|
-
}
|
|
7704
|
-
}
|
|
7705
9031
|
.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
|
|
7706
9032
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
7707
9033
|
&[data-variant="destructive"] {
|
|
@@ -7943,6 +9269,36 @@
|
|
|
7943
9269
|
}
|
|
7944
9270
|
}
|
|
7945
9271
|
}
|
|
9272
|
+
.dark\:sm\:border-white\/5 {
|
|
9273
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9274
|
+
@media (width >= 40rem) {
|
|
9275
|
+
border-color: color-mix(in srgb, #fff 5%, transparent);
|
|
9276
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9277
|
+
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
|
|
9278
|
+
}
|
|
9279
|
+
}
|
|
9280
|
+
}
|
|
9281
|
+
}
|
|
9282
|
+
.sm\:dark\:border-white\/5 {
|
|
9283
|
+
@media (width >= 40rem) {
|
|
9284
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9285
|
+
border-color: color-mix(in srgb, #fff 5%, transparent);
|
|
9286
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9287
|
+
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
|
|
9288
|
+
}
|
|
9289
|
+
}
|
|
9290
|
+
}
|
|
9291
|
+
}
|
|
9292
|
+
.forced-colors\:stroke-\[CanvasText\] {
|
|
9293
|
+
@media (forced-colors: active) {
|
|
9294
|
+
stroke: CanvasText;
|
|
9295
|
+
}
|
|
9296
|
+
}
|
|
9297
|
+
.forced-colors\:text-\[CanvasText\] {
|
|
9298
|
+
@media (forced-colors: active) {
|
|
9299
|
+
color: CanvasText;
|
|
9300
|
+
}
|
|
9301
|
+
}
|
|
7946
9302
|
.forced-colors\:outline {
|
|
7947
9303
|
@media (forced-colors: active) {
|
|
7948
9304
|
outline-style: var(--tw-outline-style);
|
|
@@ -7954,6 +9310,25 @@
|
|
|
7954
9310
|
--btn-icon: ButtonText;
|
|
7955
9311
|
}
|
|
7956
9312
|
}
|
|
9313
|
+
.forced-colors\:\[--switch-bg\:Highlight\] {
|
|
9314
|
+
@media (forced-colors: active) {
|
|
9315
|
+
--switch-bg: Highlight;
|
|
9316
|
+
}
|
|
9317
|
+
}
|
|
9318
|
+
.forced-colors\:data-focus\:bg-\[Highlight\] {
|
|
9319
|
+
@media (forced-colors: active) {
|
|
9320
|
+
&[data-focus] {
|
|
9321
|
+
background-color: Highlight;
|
|
9322
|
+
}
|
|
9323
|
+
}
|
|
9324
|
+
}
|
|
9325
|
+
.forced-colors\:data-focus\:text-\[HighlightText\] {
|
|
9326
|
+
@media (forced-colors: active) {
|
|
9327
|
+
&[data-focus] {
|
|
9328
|
+
color: HighlightText;
|
|
9329
|
+
}
|
|
9330
|
+
}
|
|
9331
|
+
}
|
|
7957
9332
|
.forced-colors\:data-hover\:\[--btn-icon\:ButtonText\] {
|
|
7958
9333
|
@media (forced-colors: active) {
|
|
7959
9334
|
&[data-hover] {
|
|
@@ -7961,6 +9336,33 @@
|
|
|
7961
9336
|
}
|
|
7962
9337
|
}
|
|
7963
9338
|
}
|
|
9339
|
+
.forced-colors\:\*\:data-\[slot\=icon\]\:text-\[CanvasText\] {
|
|
9340
|
+
@media (forced-colors: active) {
|
|
9341
|
+
:is(& > *) {
|
|
9342
|
+
&[data-slot="icon"] {
|
|
9343
|
+
color: CanvasText;
|
|
9344
|
+
}
|
|
9345
|
+
}
|
|
9346
|
+
}
|
|
9347
|
+
}
|
|
9348
|
+
.forced-colors\:group-data-focus\/option\:\*\:data-\[slot\=icon\]\:text-\[Canvas\] {
|
|
9349
|
+
@media (forced-colors: active) {
|
|
9350
|
+
&:is(:where(.group\/option)[data-focus] *) {
|
|
9351
|
+
:is(& > *) {
|
|
9352
|
+
&[data-slot="icon"] {
|
|
9353
|
+
color: Canvas;
|
|
9354
|
+
}
|
|
9355
|
+
}
|
|
9356
|
+
}
|
|
9357
|
+
}
|
|
9358
|
+
}
|
|
9359
|
+
.dark\:forced-colors\:\[--switch-bg\:Highlight\] {
|
|
9360
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9361
|
+
@media (forced-colors: active) {
|
|
9362
|
+
--switch-bg: Highlight;
|
|
9363
|
+
}
|
|
9364
|
+
}
|
|
9365
|
+
}
|
|
7964
9366
|
.prose-a\:font-medium {
|
|
7965
9367
|
& :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
|
7966
9368
|
--tw-font-weight: var(--font-weight-medium);
|