sunpeak 0.3.2 → 0.3.3
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/index.cjs.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/style.css +1494 -1229
- package/package.json +5 -2
package/dist/style.css
CHANGED
|
@@ -1,906 +1,7 @@
|
|
|
1
|
-
@layer theme, base, components, utilities;
|
|
2
|
-
|
|
3
|
-
@layer theme {
|
|
4
|
-
@theme default {
|
|
5
|
-
--font-sans:
|
|
6
|
-
ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
7
|
-
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
8
|
-
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
9
|
-
--font-mono:
|
|
10
|
-
ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
11
|
-
"Courier New", monospace;
|
|
12
|
-
|
|
13
|
-
--color-red-50: oklch(97.1% 0.013 17.38);
|
|
14
|
-
--color-red-100: oklch(93.6% 0.032 17.717);
|
|
15
|
-
--color-red-200: oklch(88.5% 0.062 18.334);
|
|
16
|
-
--color-red-300: oklch(80.8% 0.114 19.571);
|
|
17
|
-
--color-red-400: oklch(70.4% 0.191 22.216);
|
|
18
|
-
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
19
|
-
--color-red-600: oklch(57.7% 0.245 27.325);
|
|
20
|
-
--color-red-700: oklch(50.5% 0.213 27.518);
|
|
21
|
-
--color-red-800: oklch(44.4% 0.177 26.899);
|
|
22
|
-
--color-red-900: oklch(39.6% 0.141 25.723);
|
|
23
|
-
--color-red-950: oklch(25.8% 0.092 26.042);
|
|
24
|
-
|
|
25
|
-
--color-orange-50: oklch(98% 0.016 73.684);
|
|
26
|
-
--color-orange-100: oklch(95.4% 0.038 75.164);
|
|
27
|
-
--color-orange-200: oklch(90.1% 0.076 70.697);
|
|
28
|
-
--color-orange-300: oklch(83.7% 0.128 66.29);
|
|
29
|
-
--color-orange-400: oklch(75% 0.183 55.934);
|
|
30
|
-
--color-orange-500: oklch(70.5% 0.213 47.604);
|
|
31
|
-
--color-orange-600: oklch(64.6% 0.222 41.116);
|
|
32
|
-
--color-orange-700: oklch(55.3% 0.195 38.402);
|
|
33
|
-
--color-orange-800: oklch(47% 0.157 37.304);
|
|
34
|
-
--color-orange-900: oklch(40.8% 0.123 38.172);
|
|
35
|
-
--color-orange-950: oklch(26.6% 0.079 36.259);
|
|
36
|
-
|
|
37
|
-
--color-amber-50: oklch(98.7% 0.022 95.277);
|
|
38
|
-
--color-amber-100: oklch(96.2% 0.059 95.617);
|
|
39
|
-
--color-amber-200: oklch(92.4% 0.12 95.746);
|
|
40
|
-
--color-amber-300: oklch(87.9% 0.169 91.605);
|
|
41
|
-
--color-amber-400: oklch(82.8% 0.189 84.429);
|
|
42
|
-
--color-amber-500: oklch(76.9% 0.188 70.08);
|
|
43
|
-
--color-amber-600: oklch(66.6% 0.179 58.318);
|
|
44
|
-
--color-amber-700: oklch(55.5% 0.163 48.998);
|
|
45
|
-
--color-amber-800: oklch(47.3% 0.137 46.201);
|
|
46
|
-
--color-amber-900: oklch(41.4% 0.112 45.904);
|
|
47
|
-
--color-amber-950: oklch(27.9% 0.077 45.635);
|
|
48
|
-
|
|
49
|
-
--color-yellow-50: oklch(98.7% 0.026 102.212);
|
|
50
|
-
--color-yellow-100: oklch(97.3% 0.071 103.193);
|
|
51
|
-
--color-yellow-200: oklch(94.5% 0.129 101.54);
|
|
52
|
-
--color-yellow-300: oklch(90.5% 0.182 98.111);
|
|
53
|
-
--color-yellow-400: oklch(85.2% 0.199 91.936);
|
|
54
|
-
--color-yellow-500: oklch(79.5% 0.184 86.047);
|
|
55
|
-
--color-yellow-600: oklch(68.1% 0.162 75.834);
|
|
56
|
-
--color-yellow-700: oklch(55.4% 0.135 66.442);
|
|
57
|
-
--color-yellow-800: oklch(47.6% 0.114 61.907);
|
|
58
|
-
--color-yellow-900: oklch(42.1% 0.095 57.708);
|
|
59
|
-
--color-yellow-950: oklch(28.6% 0.066 53.813);
|
|
60
|
-
|
|
61
|
-
--color-lime-50: oklch(98.6% 0.031 120.757);
|
|
62
|
-
--color-lime-100: oklch(96.7% 0.067 122.328);
|
|
63
|
-
--color-lime-200: oklch(93.8% 0.127 124.321);
|
|
64
|
-
--color-lime-300: oklch(89.7% 0.196 126.665);
|
|
65
|
-
--color-lime-400: oklch(84.1% 0.238 128.85);
|
|
66
|
-
--color-lime-500: oklch(76.8% 0.233 130.85);
|
|
67
|
-
--color-lime-600: oklch(64.8% 0.2 131.684);
|
|
68
|
-
--color-lime-700: oklch(53.2% 0.157 131.589);
|
|
69
|
-
--color-lime-800: oklch(45.3% 0.124 130.933);
|
|
70
|
-
--color-lime-900: oklch(40.5% 0.101 131.063);
|
|
71
|
-
--color-lime-950: oklch(27.4% 0.072 132.109);
|
|
72
|
-
|
|
73
|
-
--color-green-50: oklch(98.2% 0.018 155.826);
|
|
74
|
-
--color-green-100: oklch(96.2% 0.044 156.743);
|
|
75
|
-
--color-green-200: oklch(92.5% 0.084 155.995);
|
|
76
|
-
--color-green-300: oklch(87.1% 0.15 154.449);
|
|
77
|
-
--color-green-400: oklch(79.2% 0.209 151.711);
|
|
78
|
-
--color-green-500: oklch(72.3% 0.219 149.579);
|
|
79
|
-
--color-green-600: oklch(62.7% 0.194 149.214);
|
|
80
|
-
--color-green-700: oklch(52.7% 0.154 150.069);
|
|
81
|
-
--color-green-800: oklch(44.8% 0.119 151.328);
|
|
82
|
-
--color-green-900: oklch(39.3% 0.095 152.535);
|
|
83
|
-
--color-green-950: oklch(26.6% 0.065 152.934);
|
|
84
|
-
|
|
85
|
-
--color-emerald-50: oklch(97.9% 0.021 166.113);
|
|
86
|
-
--color-emerald-100: oklch(95% 0.052 163.051);
|
|
87
|
-
--color-emerald-200: oklch(90.5% 0.093 164.15);
|
|
88
|
-
--color-emerald-300: oklch(84.5% 0.143 164.978);
|
|
89
|
-
--color-emerald-400: oklch(76.5% 0.177 163.223);
|
|
90
|
-
--color-emerald-500: oklch(69.6% 0.17 162.48);
|
|
91
|
-
--color-emerald-600: oklch(59.6% 0.145 163.225);
|
|
92
|
-
--color-emerald-700: oklch(50.8% 0.118 165.612);
|
|
93
|
-
--color-emerald-800: oklch(43.2% 0.095 166.913);
|
|
94
|
-
--color-emerald-900: oklch(37.8% 0.077 168.94);
|
|
95
|
-
--color-emerald-950: oklch(26.2% 0.051 172.552);
|
|
96
|
-
|
|
97
|
-
--color-teal-50: oklch(98.4% 0.014 180.72);
|
|
98
|
-
--color-teal-100: oklch(95.3% 0.051 180.801);
|
|
99
|
-
--color-teal-200: oklch(91% 0.096 180.426);
|
|
100
|
-
--color-teal-300: oklch(85.5% 0.138 181.071);
|
|
101
|
-
--color-teal-400: oklch(77.7% 0.152 181.912);
|
|
102
|
-
--color-teal-500: oklch(70.4% 0.14 182.503);
|
|
103
|
-
--color-teal-600: oklch(60% 0.118 184.704);
|
|
104
|
-
--color-teal-700: oklch(51.1% 0.096 186.391);
|
|
105
|
-
--color-teal-800: oklch(43.7% 0.078 188.216);
|
|
106
|
-
--color-teal-900: oklch(38.6% 0.063 188.416);
|
|
107
|
-
--color-teal-950: oklch(27.7% 0.046 192.524);
|
|
108
|
-
|
|
109
|
-
--color-cyan-50: oklch(98.4% 0.019 200.873);
|
|
110
|
-
--color-cyan-100: oklch(95.6% 0.045 203.388);
|
|
111
|
-
--color-cyan-200: oklch(91.7% 0.08 205.041);
|
|
112
|
-
--color-cyan-300: oklch(86.5% 0.127 207.078);
|
|
113
|
-
--color-cyan-400: oklch(78.9% 0.154 211.53);
|
|
114
|
-
--color-cyan-500: oklch(71.5% 0.143 215.221);
|
|
115
|
-
--color-cyan-600: oklch(60.9% 0.126 221.723);
|
|
116
|
-
--color-cyan-700: oklch(52% 0.105 223.128);
|
|
117
|
-
--color-cyan-800: oklch(45% 0.085 224.283);
|
|
118
|
-
--color-cyan-900: oklch(39.8% 0.07 227.392);
|
|
119
|
-
--color-cyan-950: oklch(30.2% 0.056 229.695);
|
|
120
|
-
|
|
121
|
-
--color-sky-50: oklch(97.7% 0.013 236.62);
|
|
122
|
-
--color-sky-100: oklch(95.1% 0.026 236.824);
|
|
123
|
-
--color-sky-200: oklch(90.1% 0.058 230.902);
|
|
124
|
-
--color-sky-300: oklch(82.8% 0.111 230.318);
|
|
125
|
-
--color-sky-400: oklch(74.6% 0.16 232.661);
|
|
126
|
-
--color-sky-500: oklch(68.5% 0.169 237.323);
|
|
127
|
-
--color-sky-600: oklch(58.8% 0.158 241.966);
|
|
128
|
-
--color-sky-700: oklch(50% 0.134 242.749);
|
|
129
|
-
--color-sky-800: oklch(44.3% 0.11 240.79);
|
|
130
|
-
--color-sky-900: oklch(39.1% 0.09 240.876);
|
|
131
|
-
--color-sky-950: oklch(29.3% 0.066 243.157);
|
|
132
|
-
|
|
133
|
-
--color-blue-50: oklch(97% 0.014 254.604);
|
|
134
|
-
--color-blue-100: oklch(93.2% 0.032 255.585);
|
|
135
|
-
--color-blue-200: oklch(88.2% 0.059 254.128);
|
|
136
|
-
--color-blue-300: oklch(80.9% 0.105 251.813);
|
|
137
|
-
--color-blue-400: oklch(70.7% 0.165 254.624);
|
|
138
|
-
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
139
|
-
--color-blue-600: oklch(54.6% 0.245 262.881);
|
|
140
|
-
--color-blue-700: oklch(48.8% 0.243 264.376);
|
|
141
|
-
--color-blue-800: oklch(42.4% 0.199 265.638);
|
|
142
|
-
--color-blue-900: oklch(37.9% 0.146 265.522);
|
|
143
|
-
--color-blue-950: oklch(28.2% 0.091 267.935);
|
|
144
|
-
|
|
145
|
-
--color-indigo-50: oklch(96.2% 0.018 272.314);
|
|
146
|
-
--color-indigo-100: oklch(93% 0.034 272.788);
|
|
147
|
-
--color-indigo-200: oklch(87% 0.065 274.039);
|
|
148
|
-
--color-indigo-300: oklch(78.5% 0.115 274.713);
|
|
149
|
-
--color-indigo-400: oklch(67.3% 0.182 276.935);
|
|
150
|
-
--color-indigo-500: oklch(58.5% 0.233 277.117);
|
|
151
|
-
--color-indigo-600: oklch(51.1% 0.262 276.966);
|
|
152
|
-
--color-indigo-700: oklch(45.7% 0.24 277.023);
|
|
153
|
-
--color-indigo-800: oklch(39.8% 0.195 277.366);
|
|
154
|
-
--color-indigo-900: oklch(35.9% 0.144 278.697);
|
|
155
|
-
--color-indigo-950: oklch(25.7% 0.09 281.288);
|
|
156
|
-
|
|
157
|
-
--color-violet-50: oklch(96.9% 0.016 293.756);
|
|
158
|
-
--color-violet-100: oklch(94.3% 0.029 294.588);
|
|
159
|
-
--color-violet-200: oklch(89.4% 0.057 293.283);
|
|
160
|
-
--color-violet-300: oklch(81.1% 0.111 293.571);
|
|
161
|
-
--color-violet-400: oklch(70.2% 0.183 293.541);
|
|
162
|
-
--color-violet-500: oklch(60.6% 0.25 292.717);
|
|
163
|
-
--color-violet-600: oklch(54.1% 0.281 293.009);
|
|
164
|
-
--color-violet-700: oklch(49.1% 0.27 292.581);
|
|
165
|
-
--color-violet-800: oklch(43.2% 0.232 292.759);
|
|
166
|
-
--color-violet-900: oklch(38% 0.189 293.745);
|
|
167
|
-
--color-violet-950: oklch(28.3% 0.141 291.089);
|
|
168
|
-
|
|
169
|
-
--color-purple-50: oklch(97.7% 0.014 308.299);
|
|
170
|
-
--color-purple-100: oklch(94.6% 0.033 307.174);
|
|
171
|
-
--color-purple-200: oklch(90.2% 0.063 306.703);
|
|
172
|
-
--color-purple-300: oklch(82.7% 0.119 306.383);
|
|
173
|
-
--color-purple-400: oklch(71.4% 0.203 305.504);
|
|
174
|
-
--color-purple-500: oklch(62.7% 0.265 303.9);
|
|
175
|
-
--color-purple-600: oklch(55.8% 0.288 302.321);
|
|
176
|
-
--color-purple-700: oklch(49.6% 0.265 301.924);
|
|
177
|
-
--color-purple-800: oklch(43.8% 0.218 303.724);
|
|
178
|
-
--color-purple-900: oklch(38.1% 0.176 304.987);
|
|
179
|
-
--color-purple-950: oklch(29.1% 0.149 302.717);
|
|
180
|
-
|
|
181
|
-
--color-fuchsia-50: oklch(97.7% 0.017 320.058);
|
|
182
|
-
--color-fuchsia-100: oklch(95.2% 0.037 318.852);
|
|
183
|
-
--color-fuchsia-200: oklch(90.3% 0.076 319.62);
|
|
184
|
-
--color-fuchsia-300: oklch(83.3% 0.145 321.434);
|
|
185
|
-
--color-fuchsia-400: oklch(74% 0.238 322.16);
|
|
186
|
-
--color-fuchsia-500: oklch(66.7% 0.295 322.15);
|
|
187
|
-
--color-fuchsia-600: oklch(59.1% 0.293 322.896);
|
|
188
|
-
--color-fuchsia-700: oklch(51.8% 0.253 323.949);
|
|
189
|
-
--color-fuchsia-800: oklch(45.2% 0.211 324.591);
|
|
190
|
-
--color-fuchsia-900: oklch(40.1% 0.17 325.612);
|
|
191
|
-
--color-fuchsia-950: oklch(29.3% 0.136 325.661);
|
|
192
|
-
|
|
193
|
-
--color-pink-50: oklch(97.1% 0.014 343.198);
|
|
194
|
-
--color-pink-100: oklch(94.8% 0.028 342.258);
|
|
195
|
-
--color-pink-200: oklch(89.9% 0.061 343.231);
|
|
196
|
-
--color-pink-300: oklch(82.3% 0.12 346.018);
|
|
197
|
-
--color-pink-400: oklch(71.8% 0.202 349.761);
|
|
198
|
-
--color-pink-500: oklch(65.6% 0.241 354.308);
|
|
199
|
-
--color-pink-600: oklch(59.2% 0.249 0.584);
|
|
200
|
-
--color-pink-700: oklch(52.5% 0.223 3.958);
|
|
201
|
-
--color-pink-800: oklch(45.9% 0.187 3.815);
|
|
202
|
-
--color-pink-900: oklch(40.8% 0.153 2.432);
|
|
203
|
-
--color-pink-950: oklch(28.4% 0.109 3.907);
|
|
204
|
-
|
|
205
|
-
--color-rose-50: oklch(96.9% 0.015 12.422);
|
|
206
|
-
--color-rose-100: oklch(94.1% 0.03 12.58);
|
|
207
|
-
--color-rose-200: oklch(89.2% 0.058 10.001);
|
|
208
|
-
--color-rose-300: oklch(81% 0.117 11.638);
|
|
209
|
-
--color-rose-400: oklch(71.2% 0.194 13.428);
|
|
210
|
-
--color-rose-500: oklch(64.5% 0.246 16.439);
|
|
211
|
-
--color-rose-600: oklch(58.6% 0.253 17.585);
|
|
212
|
-
--color-rose-700: oklch(51.4% 0.222 16.935);
|
|
213
|
-
--color-rose-800: oklch(45.5% 0.188 13.697);
|
|
214
|
-
--color-rose-900: oklch(41% 0.159 10.272);
|
|
215
|
-
--color-rose-950: oklch(27.1% 0.105 12.094);
|
|
216
|
-
|
|
217
|
-
--color-slate-50: oklch(98.4% 0.003 247.858);
|
|
218
|
-
--color-slate-100: oklch(96.8% 0.007 247.896);
|
|
219
|
-
--color-slate-200: oklch(92.9% 0.013 255.508);
|
|
220
|
-
--color-slate-300: oklch(86.9% 0.022 252.894);
|
|
221
|
-
--color-slate-400: oklch(70.4% 0.04 256.788);
|
|
222
|
-
--color-slate-500: oklch(55.4% 0.046 257.417);
|
|
223
|
-
--color-slate-600: oklch(44.6% 0.043 257.281);
|
|
224
|
-
--color-slate-700: oklch(37.2% 0.044 257.287);
|
|
225
|
-
--color-slate-800: oklch(27.9% 0.041 260.031);
|
|
226
|
-
--color-slate-900: oklch(20.8% 0.042 265.755);
|
|
227
|
-
--color-slate-950: oklch(12.9% 0.042 264.695);
|
|
228
|
-
|
|
229
|
-
--color-gray-50: oklch(98.5% 0.002 247.839);
|
|
230
|
-
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
231
|
-
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
232
|
-
--color-gray-300: oklch(87.2% 0.01 258.338);
|
|
233
|
-
--color-gray-400: oklch(70.7% 0.022 261.325);
|
|
234
|
-
--color-gray-500: oklch(55.1% 0.027 264.364);
|
|
235
|
-
--color-gray-600: oklch(44.6% 0.03 256.802);
|
|
236
|
-
--color-gray-700: oklch(37.3% 0.034 259.733);
|
|
237
|
-
--color-gray-800: oklch(27.8% 0.033 256.848);
|
|
238
|
-
--color-gray-900: oklch(21% 0.034 264.665);
|
|
239
|
-
--color-gray-950: oklch(13% 0.028 261.692);
|
|
240
|
-
|
|
241
|
-
--color-zinc-50: oklch(98.5% 0 0);
|
|
242
|
-
--color-zinc-100: oklch(96.7% 0.001 286.375);
|
|
243
|
-
--color-zinc-200: oklch(92% 0.004 286.32);
|
|
244
|
-
--color-zinc-300: oklch(87.1% 0.006 286.286);
|
|
245
|
-
--color-zinc-400: oklch(70.5% 0.015 286.067);
|
|
246
|
-
--color-zinc-500: oklch(55.2% 0.016 285.938);
|
|
247
|
-
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
248
|
-
--color-zinc-700: oklch(37% 0.013 285.805);
|
|
249
|
-
--color-zinc-800: oklch(27.4% 0.006 286.033);
|
|
250
|
-
--color-zinc-900: oklch(21% 0.006 285.885);
|
|
251
|
-
--color-zinc-950: oklch(14.1% 0.005 285.823);
|
|
252
|
-
|
|
253
|
-
--color-neutral-50: oklch(98.5% 0 0);
|
|
254
|
-
--color-neutral-100: oklch(97% 0 0);
|
|
255
|
-
--color-neutral-200: oklch(92.2% 0 0);
|
|
256
|
-
--color-neutral-300: oklch(87% 0 0);
|
|
257
|
-
--color-neutral-400: oklch(70.8% 0 0);
|
|
258
|
-
--color-neutral-500: oklch(55.6% 0 0);
|
|
259
|
-
--color-neutral-600: oklch(43.9% 0 0);
|
|
260
|
-
--color-neutral-700: oklch(37.1% 0 0);
|
|
261
|
-
--color-neutral-800: oklch(26.9% 0 0);
|
|
262
|
-
--color-neutral-900: oklch(20.5% 0 0);
|
|
263
|
-
--color-neutral-950: oklch(14.5% 0 0);
|
|
264
|
-
|
|
265
|
-
--color-stone-50: oklch(98.5% 0.001 106.423);
|
|
266
|
-
--color-stone-100: oklch(97% 0.001 106.424);
|
|
267
|
-
--color-stone-200: oklch(92.3% 0.003 48.717);
|
|
268
|
-
--color-stone-300: oklch(86.9% 0.005 56.366);
|
|
269
|
-
--color-stone-400: oklch(70.9% 0.01 56.259);
|
|
270
|
-
--color-stone-500: oklch(55.3% 0.013 58.071);
|
|
271
|
-
--color-stone-600: oklch(44.4% 0.011 73.639);
|
|
272
|
-
--color-stone-700: oklch(37.4% 0.01 67.558);
|
|
273
|
-
--color-stone-800: oklch(26.8% 0.007 34.298);
|
|
274
|
-
--color-stone-900: oklch(21.6% 0.006 56.043);
|
|
275
|
-
--color-stone-950: oklch(14.7% 0.004 49.25);
|
|
276
|
-
|
|
277
|
-
--color-black: #000;
|
|
278
|
-
--color-white: #fff;
|
|
279
|
-
|
|
280
|
-
--spacing: 0.25rem;
|
|
281
|
-
|
|
282
|
-
--breakpoint-sm: 40rem;
|
|
283
|
-
--breakpoint-md: 48rem;
|
|
284
|
-
--breakpoint-lg: 64rem;
|
|
285
|
-
--breakpoint-xl: 80rem;
|
|
286
|
-
--breakpoint-2xl: 96rem;
|
|
287
|
-
|
|
288
|
-
--container-3xs: 16rem;
|
|
289
|
-
--container-2xs: 18rem;
|
|
290
|
-
--container-xs: 20rem;
|
|
291
|
-
--container-sm: 24rem;
|
|
292
|
-
--container-md: 28rem;
|
|
293
|
-
--container-lg: 32rem;
|
|
294
|
-
--container-xl: 36rem;
|
|
295
|
-
--container-2xl: 42rem;
|
|
296
|
-
--container-3xl: 48rem;
|
|
297
|
-
--container-4xl: 56rem;
|
|
298
|
-
--container-5xl: 64rem;
|
|
299
|
-
--container-6xl: 72rem;
|
|
300
|
-
--container-7xl: 80rem;
|
|
301
|
-
|
|
302
|
-
--text-xs: 0.75rem;
|
|
303
|
-
--text-xs--line-height: calc(1 / 0.75);
|
|
304
|
-
--text-sm: 0.875rem;
|
|
305
|
-
--text-sm--line-height: calc(1.25 / 0.875);
|
|
306
|
-
--text-base: 1rem;
|
|
307
|
-
--text-base--line-height: calc(1.5 / 1);
|
|
308
|
-
--text-lg: 1.125rem;
|
|
309
|
-
--text-lg--line-height: calc(1.75 / 1.125);
|
|
310
|
-
--text-xl: 1.25rem;
|
|
311
|
-
--text-xl--line-height: calc(1.75 / 1.25);
|
|
312
|
-
--text-2xl: 1.5rem;
|
|
313
|
-
--text-2xl--line-height: calc(2 / 1.5);
|
|
314
|
-
--text-3xl: 1.875rem;
|
|
315
|
-
--text-3xl--line-height: calc(2.25 / 1.875);
|
|
316
|
-
--text-4xl: 2.25rem;
|
|
317
|
-
--text-4xl--line-height: calc(2.5 / 2.25);
|
|
318
|
-
--text-5xl: 3rem;
|
|
319
|
-
--text-5xl--line-height: 1;
|
|
320
|
-
--text-6xl: 3.75rem;
|
|
321
|
-
--text-6xl--line-height: 1;
|
|
322
|
-
--text-7xl: 4.5rem;
|
|
323
|
-
--text-7xl--line-height: 1;
|
|
324
|
-
--text-8xl: 6rem;
|
|
325
|
-
--text-8xl--line-height: 1;
|
|
326
|
-
--text-9xl: 8rem;
|
|
327
|
-
--text-9xl--line-height: 1;
|
|
328
|
-
|
|
329
|
-
--font-weight-thin: 100;
|
|
330
|
-
--font-weight-extralight: 200;
|
|
331
|
-
--font-weight-light: 300;
|
|
332
|
-
--font-weight-normal: 400;
|
|
333
|
-
--font-weight-medium: 500;
|
|
334
|
-
--font-weight-semibold: 600;
|
|
335
|
-
--font-weight-bold: 700;
|
|
336
|
-
--font-weight-extrabold: 800;
|
|
337
|
-
--font-weight-black: 900;
|
|
338
|
-
|
|
339
|
-
--tracking-tighter: -0.05em;
|
|
340
|
-
--tracking-tight: -0.025em;
|
|
341
|
-
--tracking-normal: 0em;
|
|
342
|
-
--tracking-wide: 0.025em;
|
|
343
|
-
--tracking-wider: 0.05em;
|
|
344
|
-
--tracking-widest: 0.1em;
|
|
345
|
-
|
|
346
|
-
--leading-tight: 1.25;
|
|
347
|
-
--leading-snug: 1.375;
|
|
348
|
-
--leading-normal: 1.5;
|
|
349
|
-
--leading-relaxed: 1.625;
|
|
350
|
-
--leading-loose: 2;
|
|
351
|
-
|
|
352
|
-
--radius-xs: 0.125rem;
|
|
353
|
-
--radius-sm: 0.25rem;
|
|
354
|
-
--radius-md: 0.375rem;
|
|
355
|
-
--radius-lg: 0.5rem;
|
|
356
|
-
--radius-xl: 0.75rem;
|
|
357
|
-
--radius-2xl: 1rem;
|
|
358
|
-
--radius-3xl: 1.5rem;
|
|
359
|
-
--radius-4xl: 2rem;
|
|
360
|
-
|
|
361
|
-
--shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
|
|
362
|
-
--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
363
|
-
--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
364
|
-
--shadow-md:
|
|
365
|
-
0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
366
|
-
--shadow-lg:
|
|
367
|
-
0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
368
|
-
--shadow-xl:
|
|
369
|
-
0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
370
|
-
--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
|
371
|
-
|
|
372
|
-
--inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
|
|
373
|
-
--inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
|
|
374
|
-
--inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
|
|
375
|
-
|
|
376
|
-
--drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
|
|
377
|
-
--drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
|
|
378
|
-
--drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
|
|
379
|
-
--drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
|
|
380
|
-
--drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
|
|
381
|
-
--drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
|
|
382
|
-
|
|
383
|
-
--text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
|
|
384
|
-
--text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
|
|
385
|
-
--text-shadow-sm:
|
|
386
|
-
0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),
|
|
387
|
-
0px 2px 2px rgb(0 0 0 / 0.075);
|
|
388
|
-
--text-shadow-md:
|
|
389
|
-
0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),
|
|
390
|
-
0px 2px 4px rgb(0 0 0 / 0.1);
|
|
391
|
-
--text-shadow-lg:
|
|
392
|
-
0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),
|
|
393
|
-
0px 4px 8px rgb(0 0 0 / 0.1);
|
|
394
|
-
|
|
395
|
-
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
396
|
-
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
397
|
-
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
398
|
-
|
|
399
|
-
--animate-spin: spin 1s linear infinite;
|
|
400
|
-
--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
401
|
-
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
402
|
-
--animate-bounce: bounce 1s infinite;
|
|
403
|
-
|
|
404
|
-
@keyframes spin {
|
|
405
|
-
to {
|
|
406
|
-
transform: rotate(360deg);
|
|
407
|
-
}
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
@keyframes ping {
|
|
411
|
-
75%,
|
|
412
|
-
100% {
|
|
413
|
-
transform: scale(2);
|
|
414
|
-
opacity: 0;
|
|
415
|
-
}
|
|
416
|
-
}
|
|
417
|
-
|
|
418
|
-
@keyframes pulse {
|
|
419
|
-
50% {
|
|
420
|
-
opacity: 0.5;
|
|
421
|
-
}
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
@keyframes bounce {
|
|
425
|
-
0%,
|
|
426
|
-
100% {
|
|
427
|
-
transform: translateY(-25%);
|
|
428
|
-
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
|
|
429
|
-
}
|
|
430
|
-
|
|
431
|
-
50% {
|
|
432
|
-
transform: none;
|
|
433
|
-
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
434
|
-
}
|
|
435
|
-
}
|
|
436
|
-
|
|
437
|
-
--blur-xs: 4px;
|
|
438
|
-
--blur-sm: 8px;
|
|
439
|
-
--blur-md: 12px;
|
|
440
|
-
--blur-lg: 16px;
|
|
441
|
-
--blur-xl: 24px;
|
|
442
|
-
--blur-2xl: 40px;
|
|
443
|
-
--blur-3xl: 64px;
|
|
444
|
-
|
|
445
|
-
--perspective-dramatic: 100px;
|
|
446
|
-
--perspective-near: 300px;
|
|
447
|
-
--perspective-normal: 500px;
|
|
448
|
-
--perspective-midrange: 800px;
|
|
449
|
-
--perspective-distant: 1200px;
|
|
450
|
-
|
|
451
|
-
--aspect-video: 16 / 9;
|
|
452
|
-
|
|
453
|
-
--default-transition-duration: 150ms;
|
|
454
|
-
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
455
|
-
--default-font-family: --theme(--font-sans, initial);
|
|
456
|
-
--default-font-feature-settings: --theme(
|
|
457
|
-
--font-sans--font-feature-settings,
|
|
458
|
-
initial
|
|
459
|
-
);
|
|
460
|
-
--default-font-variation-settings: --theme(
|
|
461
|
-
--font-sans--font-variation-settings,
|
|
462
|
-
initial
|
|
463
|
-
);
|
|
464
|
-
--default-mono-font-family: --theme(--font-mono, initial);
|
|
465
|
-
--default-mono-font-feature-settings: --theme(
|
|
466
|
-
--font-mono--font-feature-settings,
|
|
467
|
-
initial
|
|
468
|
-
);
|
|
469
|
-
--default-mono-font-variation-settings: --theme(
|
|
470
|
-
--font-mono--font-variation-settings,
|
|
471
|
-
initial
|
|
472
|
-
);
|
|
473
|
-
}
|
|
474
|
-
|
|
475
|
-
/* Deprecated */
|
|
476
|
-
@theme default inline reference {
|
|
477
|
-
--blur: 8px;
|
|
478
|
-
--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
479
|
-
--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
|
|
480
|
-
--drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);
|
|
481
|
-
--radius: 0.25rem;
|
|
482
|
-
--max-width-prose: 65ch;
|
|
483
|
-
}
|
|
484
|
-
}
|
|
485
|
-
|
|
486
|
-
@layer base {
|
|
487
|
-
/*
|
|
488
|
-
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
489
|
-
2. Remove default margins and padding
|
|
490
|
-
3. Reset all borders.
|
|
491
|
-
*/
|
|
492
|
-
|
|
493
|
-
*,
|
|
494
|
-
::after,
|
|
495
|
-
::before,
|
|
496
|
-
::backdrop,
|
|
497
|
-
::file-selector-button {
|
|
498
|
-
box-sizing: border-box; /* 1 */
|
|
499
|
-
margin: 0; /* 2 */
|
|
500
|
-
padding: 0; /* 2 */
|
|
501
|
-
border: 0 solid; /* 3 */
|
|
502
|
-
}
|
|
503
|
-
|
|
504
|
-
/*
|
|
505
|
-
1. Use a consistent sensible line-height in all browsers.
|
|
506
|
-
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
507
|
-
3. Use a more readable tab size.
|
|
508
|
-
4. Use the user's configured `sans` font-family by default.
|
|
509
|
-
5. Use the user's configured `sans` font-feature-settings by default.
|
|
510
|
-
6. Use the user's configured `sans` font-variation-settings by default.
|
|
511
|
-
7. Disable tap highlights on iOS.
|
|
512
|
-
*/
|
|
513
|
-
|
|
514
|
-
html,
|
|
515
|
-
:host {
|
|
516
|
-
line-height: 1.5; /* 1 */
|
|
517
|
-
-webkit-text-size-adjust: 100%; /* 2 */
|
|
518
|
-
tab-size: 4; /* 3 */
|
|
519
|
-
font-family: --theme(
|
|
520
|
-
--default-font-family,
|
|
521
|
-
ui-sans-serif,
|
|
522
|
-
system-ui,
|
|
523
|
-
sans-serif,
|
|
524
|
-
"Apple Color Emoji",
|
|
525
|
-
"Segoe UI Emoji",
|
|
526
|
-
"Segoe UI Symbol",
|
|
527
|
-
"Noto Color Emoji"
|
|
528
|
-
); /* 4 */
|
|
529
|
-
font-feature-settings: --theme(
|
|
530
|
-
--default-font-feature-settings,
|
|
531
|
-
normal
|
|
532
|
-
); /* 5 */
|
|
533
|
-
font-variation-settings: --theme(
|
|
534
|
-
--default-font-variation-settings,
|
|
535
|
-
normal
|
|
536
|
-
); /* 6 */
|
|
537
|
-
-webkit-tap-highlight-color: transparent; /* 7 */
|
|
538
|
-
}
|
|
539
|
-
|
|
540
|
-
/*
|
|
541
|
-
1. Add the correct height in Firefox.
|
|
542
|
-
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
|
543
|
-
3. Reset the default border style to a 1px solid border.
|
|
544
|
-
*/
|
|
545
|
-
|
|
546
|
-
hr {
|
|
547
|
-
height: 0; /* 1 */
|
|
548
|
-
color: inherit; /* 2 */
|
|
549
|
-
border-top-width: 1px; /* 3 */
|
|
550
|
-
}
|
|
551
|
-
|
|
552
|
-
/*
|
|
553
|
-
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
554
|
-
*/
|
|
555
|
-
|
|
556
|
-
abbr:where([title]) {
|
|
557
|
-
-webkit-text-decoration: underline dotted;
|
|
558
|
-
text-decoration: underline dotted;
|
|
559
|
-
}
|
|
560
|
-
|
|
561
|
-
/*
|
|
562
|
-
Remove the default font size and weight for headings.
|
|
563
|
-
*/
|
|
564
|
-
|
|
565
|
-
h1,
|
|
566
|
-
h2,
|
|
567
|
-
h3,
|
|
568
|
-
h4,
|
|
569
|
-
h5,
|
|
570
|
-
h6 {
|
|
571
|
-
font-size: inherit;
|
|
572
|
-
font-weight: inherit;
|
|
573
|
-
}
|
|
574
|
-
|
|
575
|
-
/*
|
|
576
|
-
Reset links to optimize for opt-in styling instead of opt-out.
|
|
577
|
-
*/
|
|
578
|
-
|
|
579
|
-
a {
|
|
580
|
-
color: inherit;
|
|
581
|
-
-webkit-text-decoration: inherit;
|
|
582
|
-
text-decoration: inherit;
|
|
583
|
-
}
|
|
584
|
-
|
|
585
|
-
/*
|
|
586
|
-
Add the correct font weight in Edge and Safari.
|
|
587
|
-
*/
|
|
588
|
-
|
|
589
|
-
b,
|
|
590
|
-
strong {
|
|
591
|
-
font-weight: bolder;
|
|
592
|
-
}
|
|
593
|
-
|
|
594
|
-
/*
|
|
595
|
-
1. Use the user's configured `mono` font-family by default.
|
|
596
|
-
2. Use the user's configured `mono` font-feature-settings by default.
|
|
597
|
-
3. Use the user's configured `mono` font-variation-settings by default.
|
|
598
|
-
4. Correct the odd `em` font sizing in all browsers.
|
|
599
|
-
*/
|
|
600
|
-
|
|
601
|
-
code,
|
|
602
|
-
kbd,
|
|
603
|
-
samp,
|
|
604
|
-
pre {
|
|
605
|
-
font-family: --theme(
|
|
606
|
-
--default-mono-font-family,
|
|
607
|
-
ui-monospace,
|
|
608
|
-
SFMono-Regular,
|
|
609
|
-
Menlo,
|
|
610
|
-
Monaco,
|
|
611
|
-
Consolas,
|
|
612
|
-
"Liberation Mono",
|
|
613
|
-
"Courier New",
|
|
614
|
-
monospace
|
|
615
|
-
); /* 1 */
|
|
616
|
-
font-feature-settings: --theme(
|
|
617
|
-
--default-mono-font-feature-settings,
|
|
618
|
-
normal
|
|
619
|
-
); /* 2 */
|
|
620
|
-
font-variation-settings: --theme(
|
|
621
|
-
--default-mono-font-variation-settings,
|
|
622
|
-
normal
|
|
623
|
-
); /* 3 */
|
|
624
|
-
font-size: 1em; /* 4 */
|
|
625
|
-
}
|
|
626
|
-
|
|
627
|
-
/*
|
|
628
|
-
Add the correct font size in all browsers.
|
|
629
|
-
*/
|
|
630
|
-
|
|
631
|
-
small {
|
|
632
|
-
font-size: 80%;
|
|
633
|
-
}
|
|
634
|
-
|
|
635
|
-
/*
|
|
636
|
-
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
|
637
|
-
*/
|
|
638
|
-
|
|
639
|
-
sub,
|
|
640
|
-
sup {
|
|
641
|
-
font-size: 75%;
|
|
642
|
-
line-height: 0;
|
|
643
|
-
position: relative;
|
|
644
|
-
vertical-align: baseline;
|
|
645
|
-
}
|
|
646
|
-
|
|
647
|
-
sub {
|
|
648
|
-
bottom: -0.25em;
|
|
649
|
-
}
|
|
650
|
-
|
|
651
|
-
sup {
|
|
652
|
-
top: -0.5em;
|
|
653
|
-
}
|
|
654
|
-
|
|
655
|
-
/*
|
|
656
|
-
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
|
657
|
-
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
|
658
|
-
3. Remove gaps between table borders by default.
|
|
659
|
-
*/
|
|
660
|
-
|
|
661
|
-
table {
|
|
662
|
-
text-indent: 0; /* 1 */
|
|
663
|
-
border-color: inherit; /* 2 */
|
|
664
|
-
border-collapse: collapse; /* 3 */
|
|
665
|
-
}
|
|
666
|
-
|
|
667
|
-
/*
|
|
668
|
-
Use the modern Firefox focus style for all focusable elements.
|
|
669
|
-
*/
|
|
670
|
-
|
|
671
|
-
:-moz-focusring {
|
|
672
|
-
outline: auto;
|
|
673
|
-
}
|
|
674
|
-
|
|
675
|
-
/*
|
|
676
|
-
Add the correct vertical alignment in Chrome and Firefox.
|
|
677
|
-
*/
|
|
678
|
-
|
|
679
|
-
progress {
|
|
680
|
-
vertical-align: baseline;
|
|
681
|
-
}
|
|
682
|
-
|
|
683
|
-
/*
|
|
684
|
-
Add the correct display in Chrome and Safari.
|
|
685
|
-
*/
|
|
686
|
-
|
|
687
|
-
summary {
|
|
688
|
-
display: list-item;
|
|
689
|
-
}
|
|
690
|
-
|
|
691
|
-
/*
|
|
692
|
-
Make lists unstyled by default.
|
|
693
|
-
*/
|
|
694
|
-
|
|
695
|
-
ol,
|
|
696
|
-
ul,
|
|
697
|
-
menu {
|
|
698
|
-
list-style: none;
|
|
699
|
-
}
|
|
700
|
-
|
|
701
|
-
/*
|
|
702
|
-
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
703
|
-
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
|
704
|
-
This can trigger a poorly considered lint error in some tools but is included by design.
|
|
705
|
-
*/
|
|
706
|
-
|
|
707
|
-
img,
|
|
708
|
-
svg,
|
|
709
|
-
video,
|
|
710
|
-
canvas,
|
|
711
|
-
audio,
|
|
712
|
-
iframe,
|
|
713
|
-
embed,
|
|
714
|
-
object {
|
|
715
|
-
display: block; /* 1 */
|
|
716
|
-
vertical-align: middle; /* 2 */
|
|
717
|
-
}
|
|
718
|
-
|
|
719
|
-
/*
|
|
720
|
-
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
721
|
-
*/
|
|
722
|
-
|
|
723
|
-
img,
|
|
724
|
-
video {
|
|
725
|
-
max-width: 100%;
|
|
726
|
-
height: auto;
|
|
727
|
-
}
|
|
728
|
-
|
|
729
|
-
/*
|
|
730
|
-
1. Inherit font styles in all browsers.
|
|
731
|
-
2. Remove border radius in all browsers.
|
|
732
|
-
3. Remove background color in all browsers.
|
|
733
|
-
4. Ensure consistent opacity for disabled states in all browsers.
|
|
734
|
-
*/
|
|
735
|
-
|
|
736
|
-
button,
|
|
737
|
-
input,
|
|
738
|
-
select,
|
|
739
|
-
optgroup,
|
|
740
|
-
textarea,
|
|
741
|
-
::file-selector-button {
|
|
742
|
-
font: inherit; /* 1 */
|
|
743
|
-
font-feature-settings: inherit; /* 1 */
|
|
744
|
-
font-variation-settings: inherit; /* 1 */
|
|
745
|
-
letter-spacing: inherit; /* 1 */
|
|
746
|
-
color: inherit; /* 1 */
|
|
747
|
-
border-radius: 0; /* 2 */
|
|
748
|
-
background-color: transparent; /* 3 */
|
|
749
|
-
opacity: 1; /* 4 */
|
|
750
|
-
}
|
|
751
|
-
|
|
752
|
-
/*
|
|
753
|
-
Restore default font weight.
|
|
754
|
-
*/
|
|
755
|
-
|
|
756
|
-
:where(select:is([multiple], [size])) optgroup {
|
|
757
|
-
font-weight: bolder;
|
|
758
|
-
}
|
|
759
|
-
|
|
760
|
-
/*
|
|
761
|
-
Restore indentation.
|
|
762
|
-
*/
|
|
763
|
-
|
|
764
|
-
:where(select:is([multiple], [size])) optgroup option {
|
|
765
|
-
padding-inline-start: 20px;
|
|
766
|
-
}
|
|
767
|
-
|
|
768
|
-
/*
|
|
769
|
-
Restore space after button.
|
|
770
|
-
*/
|
|
771
|
-
|
|
772
|
-
::file-selector-button {
|
|
773
|
-
margin-inline-end: 4px;
|
|
774
|
-
}
|
|
775
|
-
|
|
776
|
-
/*
|
|
777
|
-
Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
|
778
|
-
*/
|
|
779
|
-
|
|
780
|
-
::placeholder {
|
|
781
|
-
opacity: 1;
|
|
782
|
-
}
|
|
783
|
-
|
|
784
|
-
/*
|
|
785
|
-
Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
|
|
786
|
-
crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
|
|
787
|
-
*/
|
|
788
|
-
|
|
789
|
-
@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or
|
|
790
|
-
(contain-intrinsic-size: 1px) /* Safari 17+ */ {
|
|
791
|
-
::placeholder {
|
|
792
|
-
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
793
|
-
}
|
|
794
|
-
}
|
|
795
|
-
|
|
796
|
-
/*
|
|
797
|
-
Prevent resizing textareas horizontally by default.
|
|
798
|
-
*/
|
|
799
|
-
|
|
800
|
-
textarea {
|
|
801
|
-
resize: vertical;
|
|
802
|
-
}
|
|
803
|
-
|
|
804
|
-
/*
|
|
805
|
-
Remove the inner padding in Chrome and Safari on macOS.
|
|
806
|
-
*/
|
|
807
|
-
|
|
808
|
-
::-webkit-search-decoration {
|
|
809
|
-
-webkit-appearance: none;
|
|
810
|
-
}
|
|
811
|
-
|
|
812
|
-
/*
|
|
813
|
-
1. Ensure date/time inputs have the same height when empty in iOS Safari.
|
|
814
|
-
2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
|
|
815
|
-
*/
|
|
816
|
-
|
|
817
|
-
::-webkit-date-and-time-value {
|
|
818
|
-
min-height: 1lh; /* 1 */
|
|
819
|
-
text-align: inherit; /* 2 */
|
|
820
|
-
}
|
|
821
|
-
|
|
822
|
-
/*
|
|
823
|
-
Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
|
|
824
|
-
*/
|
|
825
|
-
|
|
826
|
-
::-webkit-datetime-edit {
|
|
827
|
-
display: inline-flex;
|
|
828
|
-
}
|
|
829
|
-
|
|
830
|
-
/*
|
|
831
|
-
Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
|
|
832
|
-
*/
|
|
833
|
-
|
|
834
|
-
::-webkit-datetime-edit-fields-wrapper {
|
|
835
|
-
padding: 0;
|
|
836
|
-
}
|
|
837
|
-
|
|
838
|
-
::-webkit-datetime-edit,
|
|
839
|
-
::-webkit-datetime-edit-year-field,
|
|
840
|
-
::-webkit-datetime-edit-month-field,
|
|
841
|
-
::-webkit-datetime-edit-day-field,
|
|
842
|
-
::-webkit-datetime-edit-hour-field,
|
|
843
|
-
::-webkit-datetime-edit-minute-field,
|
|
844
|
-
::-webkit-datetime-edit-second-field,
|
|
845
|
-
::-webkit-datetime-edit-millisecond-field,
|
|
846
|
-
::-webkit-datetime-edit-meridiem-field {
|
|
847
|
-
padding-block: 0;
|
|
848
|
-
}
|
|
849
|
-
|
|
850
|
-
/*
|
|
851
|
-
Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
|
|
852
|
-
*/
|
|
853
|
-
|
|
854
|
-
::-webkit-calendar-picker-indicator {
|
|
855
|
-
line-height: 1;
|
|
856
|
-
}
|
|
857
|
-
|
|
858
|
-
/*
|
|
859
|
-
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
|
860
|
-
*/
|
|
861
|
-
|
|
862
|
-
:-moz-ui-invalid {
|
|
863
|
-
box-shadow: none;
|
|
864
|
-
}
|
|
865
|
-
|
|
866
|
-
/*
|
|
867
|
-
Correct the inability to style the border radius in iOS Safari.
|
|
868
|
-
*/
|
|
869
|
-
|
|
870
|
-
button,
|
|
871
|
-
input:where([type="button"], [type="reset"], [type="submit"]),
|
|
872
|
-
::file-selector-button {
|
|
873
|
-
appearance: button;
|
|
874
|
-
}
|
|
875
|
-
|
|
876
|
-
/*
|
|
877
|
-
Correct the cursor style of increment and decrement buttons in Safari.
|
|
878
|
-
*/
|
|
879
|
-
|
|
880
|
-
::-webkit-inner-spin-button,
|
|
881
|
-
::-webkit-outer-spin-button {
|
|
882
|
-
height: auto;
|
|
883
|
-
}
|
|
884
|
-
|
|
885
|
-
/*
|
|
886
|
-
Make elements with the HTML hidden attribute stay hidden by default.
|
|
887
|
-
*/
|
|
888
|
-
|
|
889
|
-
[hidden]:where(:not([hidden="until-found"])) {
|
|
890
|
-
display: none !important;
|
|
891
|
-
}
|
|
892
|
-
}
|
|
893
|
-
|
|
894
|
-
@layer utilities {
|
|
895
|
-
@tailwind utilities;
|
|
896
|
-
}
|
|
897
|
-
|
|
898
1
|
/* Tailwind & Reset */
|
|
899
|
-
|
|
900
2
|
/* =============================================
|
|
901
3
|
Opinionated resets
|
|
902
4
|
============================================= */
|
|
903
|
-
|
|
904
5
|
@layer base {
|
|
905
6
|
html,
|
|
906
7
|
:host {
|
|
@@ -986,11 +87,9 @@
|
|
|
986
87
|
content: none;
|
|
987
88
|
}
|
|
988
89
|
}
|
|
989
|
-
|
|
990
90
|
/* =============================================
|
|
991
91
|
Directives
|
|
992
92
|
============================================= */
|
|
993
|
-
|
|
994
93
|
@custom-variant hover {
|
|
995
94
|
@media (hover: hover) and (pointer: fine) {
|
|
996
95
|
&:hover {
|
|
@@ -998,13 +97,9 @@
|
|
|
998
97
|
}
|
|
999
98
|
}
|
|
1000
99
|
}
|
|
1001
|
-
|
|
1002
100
|
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
|
|
1003
|
-
|
|
1004
101
|
@custom-variant light (&:where([data-theme=light], [data-theme=light] *));
|
|
1005
|
-
|
|
1006
102
|
/* Tier 1 tokens: Primitives */
|
|
1007
|
-
|
|
1008
103
|
@layer theme {
|
|
1009
104
|
:root,
|
|
1010
105
|
:where([data-theme]) {
|
|
@@ -1332,13 +427,9 @@
|
|
|
1332
427
|
--shadow-hairline: 0 0 rgb(0 0 0 / 0%); /* no edge on lighter gray */
|
|
1333
428
|
}
|
|
1334
429
|
}
|
|
1335
|
-
|
|
1336
430
|
/* Tier 2 tokens: Semantic */
|
|
1337
|
-
|
|
1338
431
|
/* stylelint-disable custom-property-pattern -- Tailwind requires this sometimes */
|
|
1339
|
-
|
|
1340
432
|
/* Always generate these variables, but they are also available to Tailwind */
|
|
1341
|
-
|
|
1342
433
|
@theme static {
|
|
1343
434
|
/* =============================================
|
|
1344
435
|
Breakpoints - configured in postcss.config
|
|
@@ -1388,7 +479,6 @@
|
|
|
1388
479
|
============================================= */
|
|
1389
480
|
--spacing: 0.25rem; /* 4px */
|
|
1390
481
|
}
|
|
1391
|
-
|
|
1392
482
|
@layer theme {
|
|
1393
483
|
:root,
|
|
1394
484
|
:where([data-theme]) {
|
|
@@ -1996,9 +1086,7 @@
|
|
|
1996
1086
|
--color-surface-elevated-secondary: var(--gray-400)
|
|
1997
1087
|
}
|
|
1998
1088
|
}
|
|
1999
|
-
|
|
2000
1089
|
/* Tier 3 tokens: Components */
|
|
2001
|
-
|
|
2002
1090
|
@layer theme {
|
|
2003
1091
|
:root,
|
|
2004
1092
|
:where([data-theme]) {
|
|
@@ -2240,16 +1328,12 @@
|
|
|
2240
1328
|
--switch-thumb-color-disabled: var(--gray-800);
|
|
2241
1329
|
}
|
|
2242
1330
|
}
|
|
2243
|
-
|
|
2244
1331
|
/* Tailwind-only variables for utility classes */
|
|
2245
|
-
|
|
2246
1332
|
/* stylelint-disable custom-property-pattern -- Tailwind requires this sometimes */
|
|
2247
|
-
|
|
2248
1333
|
/*
|
|
2249
1334
|
* Exposing to Tailwind classes, but not necessary to always generate
|
|
2250
1335
|
* These are pointers to variables that already exist, and shouldn't be used by CSS modules.
|
|
2251
1336
|
*/
|
|
2252
|
-
|
|
2253
1337
|
@theme {
|
|
2254
1338
|
/* =============================================
|
|
2255
1339
|
Text sizes
|
|
@@ -2481,1156 +1565,852 @@
|
|
|
2481
1565
|
--ease-cubic-exit-snappy: var(--cubic-exit-snappy);
|
|
2482
1566
|
--ease-cubic-move: var(--cubic-move);
|
|
2483
1567
|
}
|
|
2484
|
-
|
|
2485
1568
|
/* =============================================
|
|
2486
1569
|
Heading utilities
|
|
2487
1570
|
============================================= */
|
|
2488
|
-
|
|
2489
1571
|
@utility heading-5xl {
|
|
2490
1572
|
font-size: var(--font-heading-5xl-size);
|
|
2491
1573
|
font-weight: var(--font-heading-5xl-weight);
|
|
2492
1574
|
letter-spacing: var(--font-heading-5xl-tracking);
|
|
2493
1575
|
line-height: var(--font-heading-5xl-line-height);
|
|
2494
1576
|
}
|
|
2495
|
-
|
|
2496
1577
|
@utility heading-4xl {
|
|
2497
1578
|
font-size: var(--font-heading-4xl-size);
|
|
2498
1579
|
font-weight: var(--font-heading-4xl-weight);
|
|
2499
1580
|
letter-spacing: var(--font-heading-4xl-tracking);
|
|
2500
1581
|
line-height: var(--font-heading-4xl-line-height);
|
|
2501
1582
|
}
|
|
2502
|
-
|
|
2503
1583
|
@utility heading-3xl {
|
|
2504
1584
|
font-size: var(--font-heading-3xl-size);
|
|
2505
1585
|
font-weight: var(--font-heading-3xl-weight);
|
|
2506
1586
|
letter-spacing: var(--font-heading-3xl-tracking);
|
|
2507
1587
|
line-height: var(--font-heading-3xl-line-height);
|
|
2508
1588
|
}
|
|
2509
|
-
|
|
2510
1589
|
@utility heading-2xl {
|
|
2511
1590
|
font-size: var(--font-heading-2xl-size);
|
|
2512
1591
|
font-weight: var(--font-heading-2xl-weight);
|
|
2513
1592
|
letter-spacing: var(--font-heading-2xl-tracking);
|
|
2514
1593
|
line-height: var(--font-heading-2xl-line-height);
|
|
2515
1594
|
}
|
|
2516
|
-
|
|
2517
1595
|
@utility heading-xl {
|
|
2518
1596
|
font-size: var(--font-heading-xl-size);
|
|
2519
1597
|
font-weight: var(--font-heading-xl-weight);
|
|
2520
1598
|
letter-spacing: var(--font-heading-xl-tracking);
|
|
2521
1599
|
line-height: var(--font-heading-xl-line-height);
|
|
2522
1600
|
}
|
|
2523
|
-
|
|
2524
1601
|
@utility heading-lg {
|
|
2525
1602
|
font-size: var(--font-heading-lg-size);
|
|
2526
1603
|
font-weight: var(--font-heading-lg-weight);
|
|
2527
1604
|
letter-spacing: var(--font-heading-lg-tracking);
|
|
2528
1605
|
line-height: var(--font-heading-lg-line-height);
|
|
2529
1606
|
}
|
|
2530
|
-
|
|
2531
1607
|
@utility heading-md {
|
|
2532
1608
|
font-size: var(--font-heading-md-size);
|
|
2533
1609
|
font-weight: var(--font-heading-md-weight);
|
|
2534
1610
|
letter-spacing: var(--font-heading-md-tracking);
|
|
2535
1611
|
line-height: var(--font-heading-md-line-height);
|
|
2536
1612
|
}
|
|
2537
|
-
|
|
2538
1613
|
@utility heading-sm {
|
|
2539
1614
|
font-size: var(--font-heading-sm-size);
|
|
2540
1615
|
font-weight: var(--font-heading-sm-weight);
|
|
2541
1616
|
letter-spacing: var(--font-heading-sm-tracking);
|
|
2542
1617
|
line-height: var(--font-heading-sm-line-height);
|
|
2543
1618
|
}
|
|
2544
|
-
|
|
2545
1619
|
@utility heading-xs {
|
|
2546
1620
|
font-size: var(--font-heading-xs-size);
|
|
2547
1621
|
font-weight: var(--font-heading-xs-weight);
|
|
2548
1622
|
letter-spacing: var(--font-heading-xs-tracking);
|
|
2549
1623
|
line-height: var(--font-heading-xs-line-height);
|
|
2550
1624
|
}
|
|
2551
|
-
|
|
2552
1625
|
/* =============================================
|
|
2553
1626
|
Text utilities
|
|
2554
1627
|
============================================= */
|
|
2555
|
-
|
|
2556
1628
|
@utility text-default {
|
|
2557
1629
|
color: var(--color-text);
|
|
2558
1630
|
}
|
|
2559
|
-
|
|
2560
1631
|
@utility text-secondary {
|
|
2561
1632
|
color: var(--color-text-secondary);
|
|
2562
1633
|
}
|
|
2563
|
-
|
|
2564
1634
|
@utility text-tertiary {
|
|
2565
1635
|
color: var(--color-text-tertiary);
|
|
2566
1636
|
}
|
|
2567
|
-
|
|
2568
1637
|
@utility text-inverse {
|
|
2569
1638
|
color: var(--color-text-inverse);
|
|
2570
1639
|
}
|
|
2571
|
-
|
|
2572
1640
|
@utility fill-default {
|
|
2573
1641
|
fill: var(--color-text);
|
|
2574
1642
|
}
|
|
2575
|
-
|
|
2576
1643
|
@utility fill-secondary {
|
|
2577
1644
|
fill: var(--color-text-secondary);
|
|
2578
1645
|
}
|
|
2579
|
-
|
|
2580
1646
|
@utility fill-tertiary {
|
|
2581
1647
|
fill: var(--color-text-tertiary);
|
|
2582
1648
|
}
|
|
2583
|
-
|
|
2584
1649
|
/* =============================================
|
|
2585
1650
|
Surface utilities
|
|
2586
1651
|
============================================= */
|
|
2587
|
-
|
|
2588
1652
|
@utility bg-surface {
|
|
2589
1653
|
background-color: var(--color-surface);
|
|
2590
1654
|
}
|
|
2591
|
-
|
|
2592
1655
|
@utility bg-surface-secondary {
|
|
2593
1656
|
background-color: var(--color-surface-secondary);
|
|
2594
1657
|
}
|
|
2595
|
-
|
|
2596
1658
|
@utility bg-surface-tertiary {
|
|
2597
1659
|
background-color: var(--color-surface-tertiary);
|
|
2598
1660
|
}
|
|
2599
|
-
|
|
2600
1661
|
@utility bg-surface-elevated {
|
|
2601
1662
|
background-color: var(--color-surface-elevated);
|
|
2602
1663
|
}
|
|
2603
|
-
|
|
2604
1664
|
@utility bg-surface-elevated-secondary {
|
|
2605
1665
|
background-color: var(--color-surface-elevated-secondary);
|
|
2606
1666
|
}
|
|
2607
|
-
|
|
2608
1667
|
/* =============================================
|
|
2609
1668
|
Border utilities
|
|
2610
1669
|
============================================= */
|
|
2611
|
-
|
|
2612
1670
|
@utility border-default {
|
|
2613
1671
|
border-color: var(--color-border);
|
|
2614
1672
|
}
|
|
2615
|
-
|
|
2616
1673
|
@utility border-subtle {
|
|
2617
1674
|
border-color: var(--color-border-subtle);
|
|
2618
1675
|
}
|
|
2619
|
-
|
|
2620
1676
|
@utility border-strong {
|
|
2621
1677
|
border-color: var(--color-border-strong);
|
|
2622
1678
|
}
|
|
2623
|
-
|
|
2624
1679
|
/* =============================================
|
|
2625
1680
|
Info semantic utilities
|
|
2626
1681
|
============================================= */
|
|
2627
|
-
|
|
2628
1682
|
@utility text-info {
|
|
2629
1683
|
color: var(--color-text-info);
|
|
2630
1684
|
}
|
|
2631
|
-
|
|
2632
1685
|
/* Soft */
|
|
2633
|
-
|
|
2634
1686
|
@utility bg-info-soft {
|
|
2635
1687
|
background-color: var(--color-background-info-soft);
|
|
2636
1688
|
}
|
|
2637
|
-
|
|
2638
1689
|
@utility bg-info-soft-hover {
|
|
2639
1690
|
background-color: var(--color-background-info-soft-hover);
|
|
2640
1691
|
}
|
|
2641
|
-
|
|
2642
1692
|
@utility bg-info-soft-active {
|
|
2643
1693
|
background-color: var(--color-background-info-soft-active);
|
|
2644
1694
|
}
|
|
2645
|
-
|
|
2646
1695
|
@utility bg-info-soft-alpha {
|
|
2647
1696
|
background-color: var(--color-background-info-soft-alpha);
|
|
2648
1697
|
}
|
|
2649
|
-
|
|
2650
1698
|
@utility bg-info-soft-alpha-hover {
|
|
2651
1699
|
background-color: var(--color-background-info-soft-alpha-hover);
|
|
2652
1700
|
}
|
|
2653
|
-
|
|
2654
1701
|
@utility bg-info-soft-alpha-active {
|
|
2655
1702
|
background-color: var(--color-background-info-soft-alpha-active);
|
|
2656
1703
|
}
|
|
2657
|
-
|
|
2658
1704
|
@utility text-info-soft {
|
|
2659
1705
|
color: var(--color-text-info-soft);
|
|
2660
1706
|
}
|
|
2661
|
-
|
|
2662
1707
|
/* Solid */
|
|
2663
|
-
|
|
2664
1708
|
@utility bg-info-solid {
|
|
2665
1709
|
background-color: var(--color-background-info-solid);
|
|
2666
1710
|
}
|
|
2667
|
-
|
|
2668
1711
|
@utility bg-info-solid-hover {
|
|
2669
1712
|
background-color: var(--color-background-info-solid-hover);
|
|
2670
1713
|
}
|
|
2671
|
-
|
|
2672
1714
|
@utility bg-info-solid-active {
|
|
2673
1715
|
background-color: var(--color-background-info-solid-active);
|
|
2674
1716
|
}
|
|
2675
|
-
|
|
2676
1717
|
@utility text-info-solid {
|
|
2677
1718
|
color: var(--color-text-info-solid);
|
|
2678
1719
|
}
|
|
2679
|
-
|
|
2680
1720
|
/* Outline */
|
|
2681
|
-
|
|
2682
1721
|
@utility bg-info-outline-hover {
|
|
2683
1722
|
background-color: var(--color-background-info-outline-hover);
|
|
2684
1723
|
}
|
|
2685
|
-
|
|
2686
1724
|
@utility bg-info-outline-active {
|
|
2687
1725
|
background-color: var(--color-background-info-outline-active);
|
|
2688
1726
|
}
|
|
2689
|
-
|
|
2690
1727
|
@utility border-info-outline {
|
|
2691
1728
|
border-color: var(--color-border-info-outline);
|
|
2692
1729
|
}
|
|
2693
|
-
|
|
2694
1730
|
@utility border-info-outline-hover {
|
|
2695
1731
|
border-color: var(--color-border-info-outline-hover);
|
|
2696
1732
|
}
|
|
2697
|
-
|
|
2698
1733
|
@utility text-info-outline {
|
|
2699
1734
|
color: var(--color-text-info-outline);
|
|
2700
1735
|
}
|
|
2701
|
-
|
|
2702
1736
|
@utility text-info-outline-hover {
|
|
2703
1737
|
color: var(--color-text-info-outline-hover);
|
|
2704
1738
|
}
|
|
2705
|
-
|
|
2706
1739
|
/* Ghost */
|
|
2707
|
-
|
|
2708
1740
|
@utility bg-info-ghost-hover {
|
|
2709
1741
|
background-color: var(--color-background-info-ghost-hover);
|
|
2710
1742
|
}
|
|
2711
|
-
|
|
2712
1743
|
@utility bg-info-ghost-active {
|
|
2713
1744
|
background-color: var(--color-background-info-ghost-active);
|
|
2714
1745
|
}
|
|
2715
|
-
|
|
2716
1746
|
@utility text-info-ghost {
|
|
2717
1747
|
color: var(--color-text-info-ghost);
|
|
2718
1748
|
}
|
|
2719
|
-
|
|
2720
1749
|
@utility text-info-ghost-hover {
|
|
2721
1750
|
color: var(--color-text-info-ghost-hover);
|
|
2722
1751
|
}
|
|
2723
|
-
|
|
2724
1752
|
/* Ring */
|
|
2725
|
-
|
|
2726
1753
|
@utility ring-info {
|
|
2727
1754
|
outline-color: var(--color-ring-info);
|
|
2728
1755
|
}
|
|
2729
|
-
|
|
2730
1756
|
/* Surface */
|
|
2731
|
-
|
|
2732
1757
|
@utility bg-info-surface {
|
|
2733
1758
|
background-color: var(--color-background-info-surface);
|
|
2734
1759
|
}
|
|
2735
|
-
|
|
2736
1760
|
@utility border-info-surface {
|
|
2737
1761
|
border-color: var(--color-border-info-surface);
|
|
2738
1762
|
}
|
|
2739
|
-
|
|
2740
1763
|
@utility text-info-surface {
|
|
2741
1764
|
color: var(--color-text-info-surface);
|
|
2742
1765
|
}
|
|
2743
|
-
|
|
2744
1766
|
/* =============================================
|
|
2745
1767
|
Primary semantic utilities
|
|
2746
1768
|
============================================= */
|
|
2747
|
-
|
|
2748
1769
|
@utility text-primary {
|
|
2749
1770
|
color: var(--color-text-primary);
|
|
2750
1771
|
}
|
|
2751
|
-
|
|
2752
1772
|
/* Soft */
|
|
2753
|
-
|
|
2754
1773
|
@utility bg-primary-soft {
|
|
2755
1774
|
background-color: var(--color-background-primary-soft);
|
|
2756
1775
|
}
|
|
2757
|
-
|
|
2758
1776
|
@utility bg-primary-soft-hover {
|
|
2759
1777
|
background-color: var(--color-background-primary-soft-hover);
|
|
2760
1778
|
}
|
|
2761
|
-
|
|
2762
1779
|
@utility bg-primary-soft-active {
|
|
2763
1780
|
background-color: var(--color-background-primary-soft-active);
|
|
2764
1781
|
}
|
|
2765
|
-
|
|
2766
1782
|
@utility bg-primary-soft-alpha {
|
|
2767
1783
|
background-color: var(--color-background-primary-soft-alpha);
|
|
2768
1784
|
}
|
|
2769
|
-
|
|
2770
1785
|
@utility bg-primary-soft-alpha-hover {
|
|
2771
1786
|
background-color: var(--color-background-primary-soft-alpha-hover);
|
|
2772
1787
|
}
|
|
2773
|
-
|
|
2774
1788
|
@utility bg-primary-soft-alpha-active {
|
|
2775
1789
|
background-color: var(--color-background-primary-soft-alpha-active);
|
|
2776
1790
|
}
|
|
2777
|
-
|
|
2778
1791
|
@utility text-primary-soft {
|
|
2779
1792
|
color: var(--color-text-primary-soft);
|
|
2780
1793
|
}
|
|
2781
|
-
|
|
2782
1794
|
/* Surface */
|
|
2783
|
-
|
|
2784
1795
|
@utility bg-primary-surface {
|
|
2785
1796
|
background-color: var(--color-background-primary-surface);
|
|
2786
1797
|
}
|
|
2787
|
-
|
|
2788
1798
|
@utility border-primary-surface {
|
|
2789
1799
|
border-color: var(--color-border-primary-surface);
|
|
2790
1800
|
}
|
|
2791
|
-
|
|
2792
1801
|
@utility text-primary-surface {
|
|
2793
1802
|
color: var(--color-text-primary-surface);
|
|
2794
1803
|
}
|
|
2795
|
-
|
|
2796
1804
|
/* Solid */
|
|
2797
|
-
|
|
2798
1805
|
@utility bg-primary-solid {
|
|
2799
1806
|
background-color: var(--color-background-primary-solid);
|
|
2800
1807
|
}
|
|
2801
|
-
|
|
2802
1808
|
@utility bg-primary-solid-hover {
|
|
2803
1809
|
background-color: var(--color-background-primary-solid-hover);
|
|
2804
1810
|
}
|
|
2805
|
-
|
|
2806
1811
|
@utility bg-primary-solid-active {
|
|
2807
1812
|
background-color: var(--color-background-primary-solid-active);
|
|
2808
1813
|
}
|
|
2809
|
-
|
|
2810
1814
|
@utility text-primary-solid {
|
|
2811
1815
|
color: var(--color-text-primary-solid);
|
|
2812
1816
|
}
|
|
2813
|
-
|
|
2814
1817
|
/* Outline */
|
|
2815
|
-
|
|
2816
1818
|
@utility bg-primary-outline-hover {
|
|
2817
1819
|
background-color: var(--color-background-primary-outline-hover);
|
|
2818
1820
|
}
|
|
2819
|
-
|
|
2820
1821
|
@utility bg-primary-outline-active {
|
|
2821
1822
|
background-color: var(--color-background-primary-outline-active);
|
|
2822
1823
|
}
|
|
2823
|
-
|
|
2824
1824
|
@utility border-primary-outline {
|
|
2825
1825
|
border-color: var(--color-border-primary-outline);
|
|
2826
1826
|
}
|
|
2827
|
-
|
|
2828
1827
|
@utility border-primary-outline-hover {
|
|
2829
1828
|
border-color: var(--color-border-primary-outline-hover);
|
|
2830
1829
|
}
|
|
2831
|
-
|
|
2832
1830
|
@utility text-primary-outline {
|
|
2833
1831
|
color: var(--color-text-primary-outline);
|
|
2834
1832
|
}
|
|
2835
|
-
|
|
2836
1833
|
@utility text-primary-outline-hover {
|
|
2837
1834
|
color: var(--color-text-primary-outline-hover);
|
|
2838
1835
|
}
|
|
2839
|
-
|
|
2840
1836
|
/* Ghost */
|
|
2841
|
-
|
|
2842
1837
|
@utility bg-primary-ghost-hover {
|
|
2843
1838
|
background-color: var(--color-background-primary-ghost-hover);
|
|
2844
1839
|
}
|
|
2845
|
-
|
|
2846
1840
|
@utility bg-primary-ghost-active {
|
|
2847
1841
|
background-color: var(--color-background-primary-ghost-active);
|
|
2848
1842
|
}
|
|
2849
|
-
|
|
2850
1843
|
@utility text-primary-ghost {
|
|
2851
1844
|
color: var(--color-text-primary-ghost);
|
|
2852
1845
|
}
|
|
2853
|
-
|
|
2854
1846
|
@utility text-primary-ghost-hover {
|
|
2855
1847
|
color: var(--color-text-primary-ghost-hover);
|
|
2856
1848
|
}
|
|
2857
|
-
|
|
2858
1849
|
/* Ring */
|
|
2859
|
-
|
|
2860
1850
|
@utility ring-primary {
|
|
2861
1851
|
outline-color: var(--color-ring-primary);
|
|
2862
1852
|
}
|
|
2863
|
-
|
|
2864
1853
|
/* =============================================
|
|
2865
1854
|
Secondary semantic utilities
|
|
2866
1855
|
============================================= */
|
|
2867
|
-
|
|
2868
1856
|
/* Soft */
|
|
2869
|
-
|
|
2870
1857
|
@utility text-secondary-soft {
|
|
2871
1858
|
color: var(--color-text-secondary-soft);
|
|
2872
1859
|
}
|
|
2873
|
-
|
|
2874
1860
|
@utility bg-secondary-soft {
|
|
2875
1861
|
background-color: var(--color-background-secondary-soft);
|
|
2876
1862
|
}
|
|
2877
|
-
|
|
2878
1863
|
@utility bg-secondary-soft-hover {
|
|
2879
1864
|
background-color: var(--color-background-secondary-soft-hover);
|
|
2880
1865
|
}
|
|
2881
|
-
|
|
2882
1866
|
@utility bg-secondary-soft-active {
|
|
2883
1867
|
background-color: var(--color-background-secondary-soft-active);
|
|
2884
1868
|
}
|
|
2885
|
-
|
|
2886
1869
|
@utility bg-secondary-soft-alpha {
|
|
2887
1870
|
background-color: var(--color-background-secondary-soft-alpha);
|
|
2888
1871
|
}
|
|
2889
|
-
|
|
2890
1872
|
@utility bg-secondary-soft-alpha-hover {
|
|
2891
1873
|
background-color: var(--color-background-secondary-soft-alpha-hover);
|
|
2892
1874
|
}
|
|
2893
|
-
|
|
2894
1875
|
@utility bg-secondary-soft-alpha-active {
|
|
2895
1876
|
background-color: var(--color-background-secondary-soft-alpha-active);
|
|
2896
1877
|
}
|
|
2897
|
-
|
|
2898
1878
|
@utility bg-secondary-soft-alt {
|
|
2899
1879
|
background-color: var(--color-background-secondary-soft-alt);
|
|
2900
1880
|
}
|
|
2901
|
-
|
|
2902
1881
|
@utility border-secondary-soft-alt {
|
|
2903
1882
|
border-color: var(--color-border-secondary-soft-alt);
|
|
2904
1883
|
}
|
|
2905
|
-
|
|
2906
1884
|
@utility text-secondary-soft-alt {
|
|
2907
1885
|
color: var(--color-text-secondary-soft-alt);
|
|
2908
1886
|
}
|
|
2909
|
-
|
|
2910
1887
|
/* Solid */
|
|
2911
|
-
|
|
2912
1888
|
@utility bg-secondary-solid {
|
|
2913
1889
|
background-color: var(--color-background-secondary-solid);
|
|
2914
1890
|
}
|
|
2915
|
-
|
|
2916
1891
|
@utility bg-secondary-solid-hover {
|
|
2917
1892
|
background-color: var(--color-background-secondary-solid-hover);
|
|
2918
1893
|
}
|
|
2919
|
-
|
|
2920
1894
|
@utility bg-secondary-solid-active {
|
|
2921
1895
|
background-color: var(--color-background-secondary-solid-active);
|
|
2922
1896
|
}
|
|
2923
|
-
|
|
2924
1897
|
@utility text-secondary-solid {
|
|
2925
1898
|
color: var(--color-text-secondary-solid);
|
|
2926
1899
|
}
|
|
2927
|
-
|
|
2928
1900
|
/* Outline */
|
|
2929
|
-
|
|
2930
1901
|
@utility bg-secondary-outline-hover {
|
|
2931
1902
|
background-color: var(--color-background-secondary-outline-hover);
|
|
2932
1903
|
}
|
|
2933
|
-
|
|
2934
1904
|
@utility bg-secondary-outline-active {
|
|
2935
1905
|
background-color: var(--color-background-secondary-outline-active);
|
|
2936
1906
|
}
|
|
2937
|
-
|
|
2938
1907
|
@utility border-secondary-outline {
|
|
2939
1908
|
border-color: var(--color-border-secondary-outline);
|
|
2940
1909
|
}
|
|
2941
|
-
|
|
2942
1910
|
@utility border-secondary-outline-hover {
|
|
2943
1911
|
border-color: var(--color-border-secondary-outline-hover);
|
|
2944
1912
|
}
|
|
2945
|
-
|
|
2946
1913
|
@utility text-secondary-outline {
|
|
2947
1914
|
color: var(--color-text-secondary-outline);
|
|
2948
1915
|
}
|
|
2949
|
-
|
|
2950
1916
|
@utility text-secondary-outline-hover {
|
|
2951
1917
|
color: var(--color-text-secondary-outline-hover);
|
|
2952
1918
|
}
|
|
2953
|
-
|
|
2954
1919
|
/* Ghost */
|
|
2955
|
-
|
|
2956
1920
|
@utility bg-secondary-ghost-hover {
|
|
2957
1921
|
background-color: var(--color-background-secondary-ghost-hover);
|
|
2958
1922
|
}
|
|
2959
|
-
|
|
2960
1923
|
@utility bg-secondary-ghost-active {
|
|
2961
1924
|
background-color: var(--color-background-secondary-ghost-active);
|
|
2962
1925
|
}
|
|
2963
|
-
|
|
2964
1926
|
@utility text-secondary-ghost {
|
|
2965
1927
|
color: var(--color-text-secondary-ghost);
|
|
2966
1928
|
}
|
|
2967
|
-
|
|
2968
1929
|
@utility text-secondary-ghost-hover {
|
|
2969
1930
|
color: var(--color-text-secondary-ghost-hover);
|
|
2970
1931
|
}
|
|
2971
|
-
|
|
2972
1932
|
/* Ring */
|
|
2973
|
-
|
|
2974
1933
|
@utility ring-secondary {
|
|
2975
1934
|
outline-color: var(--color-ring-secondary);
|
|
2976
1935
|
}
|
|
2977
|
-
|
|
2978
1936
|
/* =============================================
|
|
2979
1937
|
Danger semantic utilities
|
|
2980
1938
|
============================================= */
|
|
2981
|
-
|
|
2982
1939
|
@utility text-danger {
|
|
2983
1940
|
color: var(--color-text-danger);
|
|
2984
1941
|
}
|
|
2985
|
-
|
|
2986
1942
|
/* Soft */
|
|
2987
|
-
|
|
2988
1943
|
@utility bg-danger-soft {
|
|
2989
1944
|
background-color: var(--color-background-danger-soft);
|
|
2990
1945
|
}
|
|
2991
|
-
|
|
2992
1946
|
@utility bg-danger-soft-hover {
|
|
2993
1947
|
background-color: var(--color-background-danger-soft-hover);
|
|
2994
1948
|
}
|
|
2995
|
-
|
|
2996
1949
|
@utility bg-danger-soft-active {
|
|
2997
1950
|
background-color: var(--color-background-danger-soft-active);
|
|
2998
1951
|
}
|
|
2999
|
-
|
|
3000
1952
|
@utility bg-danger-soft-alpha {
|
|
3001
1953
|
background-color: var(--color-background-danger-soft-alpha);
|
|
3002
1954
|
}
|
|
3003
|
-
|
|
3004
1955
|
@utility bg-danger-soft-alpha-hover {
|
|
3005
1956
|
background-color: var(--color-background-danger-soft-alpha-hover);
|
|
3006
1957
|
}
|
|
3007
|
-
|
|
3008
1958
|
@utility bg-danger-soft-alpha-active {
|
|
3009
1959
|
background-color: var(--color-background-danger-soft-alpha-active);
|
|
3010
1960
|
}
|
|
3011
|
-
|
|
3012
1961
|
@utility text-danger-soft {
|
|
3013
1962
|
color: var(--color-text-danger-soft);
|
|
3014
1963
|
}
|
|
3015
|
-
|
|
3016
1964
|
/* Surface */
|
|
3017
|
-
|
|
3018
1965
|
@utility bg-danger-surface {
|
|
3019
1966
|
background-color: var(--color-background-danger-surface);
|
|
3020
1967
|
}
|
|
3021
|
-
|
|
3022
1968
|
@utility border-danger-surface {
|
|
3023
1969
|
border-color: var(--color-border-danger-surface);
|
|
3024
1970
|
}
|
|
3025
|
-
|
|
3026
1971
|
@utility text-danger-surface {
|
|
3027
1972
|
color: var(--color-text-danger-surface);
|
|
3028
1973
|
}
|
|
3029
|
-
|
|
3030
1974
|
/* Solid */
|
|
3031
|
-
|
|
3032
1975
|
@utility bg-danger-solid {
|
|
3033
1976
|
background-color: var(--color-background-danger-solid);
|
|
3034
1977
|
}
|
|
3035
|
-
|
|
3036
1978
|
@utility bg-danger-solid-hover {
|
|
3037
1979
|
background-color: var(--color-background-danger-solid-hover);
|
|
3038
1980
|
}
|
|
3039
|
-
|
|
3040
1981
|
@utility bg-danger-solid-active {
|
|
3041
1982
|
background-color: var(--color-background-danger-solid-active);
|
|
3042
1983
|
}
|
|
3043
|
-
|
|
3044
1984
|
@utility text-danger-solid {
|
|
3045
1985
|
color: var(--color-text-danger-solid);
|
|
3046
1986
|
}
|
|
3047
|
-
|
|
3048
1987
|
/* Outline */
|
|
3049
|
-
|
|
3050
1988
|
@utility bg-danger-outline-hover {
|
|
3051
1989
|
background-color: var(--color-background-danger-outline-hover);
|
|
3052
1990
|
}
|
|
3053
|
-
|
|
3054
1991
|
@utility bg-danger-outline-active {
|
|
3055
1992
|
background-color: var(--color-background-danger-outline-active);
|
|
3056
1993
|
}
|
|
3057
|
-
|
|
3058
1994
|
@utility border-danger-outline {
|
|
3059
1995
|
border-color: var(--color-border-danger-outline);
|
|
3060
1996
|
}
|
|
3061
|
-
|
|
3062
1997
|
@utility border-danger-outline-hover {
|
|
3063
1998
|
border-color: var(--color-border-danger-outline-hover);
|
|
3064
1999
|
}
|
|
3065
|
-
|
|
3066
2000
|
@utility text-danger-outline {
|
|
3067
2001
|
color: var(--color-text-danger-outline);
|
|
3068
2002
|
}
|
|
3069
|
-
|
|
3070
2003
|
@utility text-danger-outline-hover {
|
|
3071
2004
|
color: var(--color-text-danger-outline-hover);
|
|
3072
2005
|
}
|
|
3073
|
-
|
|
3074
2006
|
/* Ghost */
|
|
3075
|
-
|
|
3076
2007
|
@utility bg-danger-ghost-hover {
|
|
3077
2008
|
background-color: var(--color-background-danger-ghost-hover);
|
|
3078
2009
|
}
|
|
3079
|
-
|
|
3080
2010
|
@utility bg-danger-ghost-active {
|
|
3081
2011
|
background-color: var(--color-background-danger-ghost-active);
|
|
3082
2012
|
}
|
|
3083
|
-
|
|
3084
2013
|
@utility text-danger-ghost {
|
|
3085
2014
|
color: var(--color-text-danger-ghost);
|
|
3086
2015
|
}
|
|
3087
|
-
|
|
3088
2016
|
@utility text-danger-ghost-hover {
|
|
3089
2017
|
color: var(--color-text-danger-ghost-hover);
|
|
3090
2018
|
}
|
|
3091
|
-
|
|
3092
2019
|
/* Ring */
|
|
3093
|
-
|
|
3094
2020
|
@utility ring-danger {
|
|
3095
2021
|
outline-color: var(--color-ring-danger);
|
|
3096
2022
|
}
|
|
3097
|
-
|
|
3098
2023
|
/* =============================================
|
|
3099
2024
|
Warning semantic utilities
|
|
3100
2025
|
============================================= */
|
|
3101
|
-
|
|
3102
2026
|
@utility text-warning {
|
|
3103
2027
|
color: var(--color-text-warning);
|
|
3104
2028
|
}
|
|
3105
|
-
|
|
3106
2029
|
/* Soft */
|
|
3107
|
-
|
|
3108
2030
|
@utility bg-warning-soft {
|
|
3109
2031
|
background-color: var(--color-background-warning-soft);
|
|
3110
2032
|
}
|
|
3111
|
-
|
|
3112
2033
|
@utility bg-warning-soft-hover {
|
|
3113
2034
|
background-color: var(--color-background-warning-soft-hover);
|
|
3114
2035
|
}
|
|
3115
|
-
|
|
3116
2036
|
@utility bg-warning-soft-active {
|
|
3117
2037
|
background-color: var(--color-background-warning-soft-active);
|
|
3118
2038
|
}
|
|
3119
|
-
|
|
3120
2039
|
@utility bg-warning-soft-alpha {
|
|
3121
2040
|
background-color: var(--color-background-warning-soft-alpha);
|
|
3122
2041
|
}
|
|
3123
|
-
|
|
3124
2042
|
@utility bg-warning-soft-alpha-hover {
|
|
3125
2043
|
background-color: var(--color-background-warning-soft-alpha-hover);
|
|
3126
2044
|
}
|
|
3127
|
-
|
|
3128
2045
|
@utility bg-warning-soft-alpha-active {
|
|
3129
2046
|
background-color: var(--color-background-warning-soft-alpha-active);
|
|
3130
2047
|
}
|
|
3131
|
-
|
|
3132
2048
|
@utility text-warning-soft {
|
|
3133
2049
|
color: var(--color-text-warning-soft);
|
|
3134
2050
|
}
|
|
3135
|
-
|
|
3136
2051
|
/* Surface */
|
|
3137
|
-
|
|
3138
2052
|
@utility bg-warning-surface {
|
|
3139
2053
|
background-color: var(--color-background-warning-surface);
|
|
3140
2054
|
}
|
|
3141
|
-
|
|
3142
2055
|
@utility border-warning-surface {
|
|
3143
2056
|
border-color: var(--color-border-warning-surface);
|
|
3144
2057
|
}
|
|
3145
|
-
|
|
3146
2058
|
@utility text-warning-surface {
|
|
3147
2059
|
color: var(--color-text-warning-surface);
|
|
3148
2060
|
}
|
|
3149
|
-
|
|
3150
2061
|
/* Solid */
|
|
3151
|
-
|
|
3152
2062
|
@utility bg-warning-solid {
|
|
3153
2063
|
background-color: var(--color-background-warning-solid);
|
|
3154
2064
|
}
|
|
3155
|
-
|
|
3156
2065
|
@utility bg-warning-solid-hover {
|
|
3157
2066
|
background-color: var(--color-background-warning-solid-hover);
|
|
3158
2067
|
}
|
|
3159
|
-
|
|
3160
2068
|
@utility bg-warning-solid-active {
|
|
3161
2069
|
background-color: var(--color-background-warning-solid-active);
|
|
3162
2070
|
}
|
|
3163
|
-
|
|
3164
2071
|
@utility text-warning-solid {
|
|
3165
2072
|
color: var(--color-text-warning-solid);
|
|
3166
2073
|
}
|
|
3167
|
-
|
|
3168
2074
|
/* Outline */
|
|
3169
|
-
|
|
3170
2075
|
@utility bg-warning-outline-hover {
|
|
3171
2076
|
background-color: var(--color-background-warning-outline-hover);
|
|
3172
2077
|
}
|
|
3173
|
-
|
|
3174
2078
|
@utility bg-warning-outline-active {
|
|
3175
2079
|
background-color: var(--color-background-warning-outline-active);
|
|
3176
2080
|
}
|
|
3177
|
-
|
|
3178
2081
|
@utility border-warning-outline {
|
|
3179
2082
|
border-color: var(--color-border-warning-outline);
|
|
3180
2083
|
}
|
|
3181
|
-
|
|
3182
2084
|
@utility border-warning-outline-hover {
|
|
3183
2085
|
border-color: var(--color-border-warning-outline-hover);
|
|
3184
2086
|
}
|
|
3185
|
-
|
|
3186
2087
|
@utility text-warning-outline {
|
|
3187
2088
|
color: var(--color-text-warning-outline);
|
|
3188
2089
|
}
|
|
3189
|
-
|
|
3190
2090
|
@utility text-warning-outline-hover {
|
|
3191
2091
|
color: var(--color-text-warning-outline-hover);
|
|
3192
2092
|
}
|
|
3193
|
-
|
|
3194
2093
|
/* Ghost */
|
|
3195
|
-
|
|
3196
2094
|
@utility bg-warning-ghost-hover {
|
|
3197
2095
|
background-color: var(--color-background-warning-ghost-hover);
|
|
3198
2096
|
}
|
|
3199
|
-
|
|
3200
2097
|
@utility bg-warning-ghost-active {
|
|
3201
2098
|
background-color: var(--color-background-warning-ghost-active);
|
|
3202
2099
|
}
|
|
3203
|
-
|
|
3204
2100
|
@utility text-warning-ghost {
|
|
3205
2101
|
color: var(--color-text-warning-ghost);
|
|
3206
2102
|
}
|
|
3207
|
-
|
|
3208
2103
|
@utility text-warning-ghost-hover {
|
|
3209
2104
|
color: var(--color-text-warning-ghost-hover);
|
|
3210
2105
|
}
|
|
3211
|
-
|
|
3212
2106
|
/* Ring */
|
|
3213
|
-
|
|
3214
2107
|
@utility ring-warning {
|
|
3215
2108
|
outline-color: var(--color-ring-warning);
|
|
3216
2109
|
}
|
|
3217
|
-
|
|
3218
2110
|
/* =============================================
|
|
3219
2111
|
Caution semantic utilities
|
|
3220
2112
|
============================================= */
|
|
3221
|
-
|
|
3222
2113
|
@utility text-caution {
|
|
3223
2114
|
color: var(--color-text-caution);
|
|
3224
2115
|
}
|
|
3225
|
-
|
|
3226
2116
|
/* Soft */
|
|
3227
|
-
|
|
3228
2117
|
@utility bg-caution-soft {
|
|
3229
2118
|
background-color: var(--color-background-caution-soft);
|
|
3230
2119
|
}
|
|
3231
|
-
|
|
3232
2120
|
@utility bg-caution-soft-hover {
|
|
3233
2121
|
background-color: var(--color-background-caution-soft-hover);
|
|
3234
2122
|
}
|
|
3235
|
-
|
|
3236
2123
|
@utility bg-caution-soft-active {
|
|
3237
2124
|
background-color: var(--color-background-caution-soft-active);
|
|
3238
2125
|
}
|
|
3239
|
-
|
|
3240
2126
|
@utility bg-caution-soft-alpha {
|
|
3241
2127
|
background-color: var(--color-background-caution-soft-alpha);
|
|
3242
2128
|
}
|
|
3243
|
-
|
|
3244
2129
|
@utility bg-caution-soft-alpha-hover {
|
|
3245
2130
|
background-color: var(--color-background-caution-soft-alpha-hover);
|
|
3246
2131
|
}
|
|
3247
|
-
|
|
3248
2132
|
@utility bg-caution-soft-alpha-active {
|
|
3249
2133
|
background-color: var(--color-background-caution-soft-alpha-active);
|
|
3250
2134
|
}
|
|
3251
|
-
|
|
3252
2135
|
@utility text-caution-soft {
|
|
3253
2136
|
color: var(--color-text-caution-soft);
|
|
3254
2137
|
}
|
|
3255
|
-
|
|
3256
2138
|
/* Surface */
|
|
3257
|
-
|
|
3258
2139
|
@utility bg-caution-surface {
|
|
3259
2140
|
background-color: var(--color-background-caution-surface);
|
|
3260
2141
|
}
|
|
3261
|
-
|
|
3262
2142
|
@utility border-caution-surface {
|
|
3263
2143
|
border-color: var(--color-border-caution-surface);
|
|
3264
2144
|
}
|
|
3265
|
-
|
|
3266
2145
|
@utility text-caution-surface {
|
|
3267
2146
|
color: var(--color-text-caution-surface);
|
|
3268
2147
|
}
|
|
3269
|
-
|
|
3270
2148
|
/* Solid */
|
|
3271
|
-
|
|
3272
2149
|
@utility bg-caution-solid {
|
|
3273
2150
|
background-color: var(--color-background-caution-solid);
|
|
3274
2151
|
}
|
|
3275
|
-
|
|
3276
2152
|
@utility bg-caution-solid-hover {
|
|
3277
2153
|
background-color: var(--color-background-caution-solid-hover);
|
|
3278
2154
|
}
|
|
3279
|
-
|
|
3280
2155
|
@utility bg-caution-solid-active {
|
|
3281
2156
|
background-color: var(--color-background-caution-solid-active);
|
|
3282
2157
|
}
|
|
3283
|
-
|
|
3284
2158
|
@utility text-caution-solid {
|
|
3285
2159
|
color: var(--color-text-caution-solid);
|
|
3286
2160
|
}
|
|
3287
|
-
|
|
3288
2161
|
/* Outline */
|
|
3289
|
-
|
|
3290
2162
|
@utility bg-caution-outline-hover {
|
|
3291
2163
|
background-color: var(--color-background-caution-outline-hover);
|
|
3292
2164
|
}
|
|
3293
|
-
|
|
3294
2165
|
@utility bg-caution-outline-active {
|
|
3295
2166
|
background-color: var(--color-background-caution-outline-active);
|
|
3296
2167
|
}
|
|
3297
|
-
|
|
3298
2168
|
@utility border-caution-outline {
|
|
3299
2169
|
border-color: var(--color-border-caution-outline);
|
|
3300
2170
|
}
|
|
3301
|
-
|
|
3302
2171
|
@utility border-caution-outline-hover {
|
|
3303
2172
|
border-color: var(--color-border-caution-outline-hover);
|
|
3304
2173
|
}
|
|
3305
|
-
|
|
3306
2174
|
@utility text-caution-outline {
|
|
3307
2175
|
color: var(--color-text-caution-outline);
|
|
3308
2176
|
}
|
|
3309
|
-
|
|
3310
2177
|
@utility text-caution-outline-hover {
|
|
3311
2178
|
color: var(--color-text-caution-outline-hover);
|
|
3312
2179
|
}
|
|
3313
|
-
|
|
3314
2180
|
/* Ghost */
|
|
3315
|
-
|
|
3316
2181
|
@utility bg-caution-ghost-hover {
|
|
3317
2182
|
background-color: var(--color-background-caution-ghost-hover);
|
|
3318
2183
|
}
|
|
3319
|
-
|
|
3320
2184
|
@utility bg-caution-ghost-active {
|
|
3321
2185
|
background-color: var(--color-background-caution-ghost-active);
|
|
3322
2186
|
}
|
|
3323
|
-
|
|
3324
2187
|
@utility text-caution-ghost {
|
|
3325
2188
|
color: var(--color-text-caution-ghost);
|
|
3326
2189
|
}
|
|
3327
|
-
|
|
3328
2190
|
@utility text-caution-ghost-hover {
|
|
3329
2191
|
color: var(--color-text-caution-ghost-hover);
|
|
3330
2192
|
}
|
|
3331
|
-
|
|
3332
2193
|
/* Ring */
|
|
3333
|
-
|
|
3334
2194
|
@utility ring-caution {
|
|
3335
2195
|
outline-color: var(--color-ring-caution);
|
|
3336
2196
|
}
|
|
3337
|
-
|
|
3338
2197
|
/* =============================================
|
|
3339
2198
|
Success semantic utilities
|
|
3340
2199
|
============================================= */
|
|
3341
|
-
|
|
3342
2200
|
@utility text-success {
|
|
3343
2201
|
color: var(--color-text-success);
|
|
3344
2202
|
}
|
|
3345
|
-
|
|
3346
2203
|
/* Soft */
|
|
3347
|
-
|
|
3348
2204
|
@utility bg-success-soft {
|
|
3349
2205
|
background-color: var(--color-background-success-soft);
|
|
3350
2206
|
}
|
|
3351
|
-
|
|
3352
2207
|
@utility bg-success-soft-hover {
|
|
3353
2208
|
background-color: var(--color-background-success-soft-hover);
|
|
3354
2209
|
}
|
|
3355
|
-
|
|
3356
2210
|
@utility bg-success-soft-active {
|
|
3357
2211
|
background-color: var(--color-background-success-soft-active);
|
|
3358
2212
|
}
|
|
3359
|
-
|
|
3360
2213
|
@utility bg-success-soft-alpha {
|
|
3361
2214
|
background-color: var(--color-background-success-soft-alpha);
|
|
3362
2215
|
}
|
|
3363
|
-
|
|
3364
2216
|
@utility bg-success-soft-alpha-hover {
|
|
3365
2217
|
background-color: var(--color-background-success-soft-alpha-hover);
|
|
3366
2218
|
}
|
|
3367
|
-
|
|
3368
2219
|
@utility bg-success-soft-alpha-active {
|
|
3369
2220
|
background-color: var(--color-background-success-soft-alpha-active);
|
|
3370
2221
|
}
|
|
3371
|
-
|
|
3372
2222
|
@utility text-success-soft {
|
|
3373
2223
|
color: var(--color-text-success-soft);
|
|
3374
2224
|
}
|
|
3375
|
-
|
|
3376
2225
|
/* Surface */
|
|
3377
|
-
|
|
3378
2226
|
@utility bg-success-surface {
|
|
3379
2227
|
background-color: var(--color-background-success-surface);
|
|
3380
2228
|
}
|
|
3381
|
-
|
|
3382
2229
|
@utility border-success-surface {
|
|
3383
2230
|
border-color: var(--color-border-success-surface);
|
|
3384
2231
|
}
|
|
3385
|
-
|
|
3386
2232
|
@utility text-success-surface {
|
|
3387
2233
|
color: var(--color-text-success-surface);
|
|
3388
2234
|
}
|
|
3389
|
-
|
|
3390
2235
|
/* Solid */
|
|
3391
|
-
|
|
3392
2236
|
@utility bg-success-solid {
|
|
3393
2237
|
background-color: var(--color-background-success-solid);
|
|
3394
2238
|
}
|
|
3395
|
-
|
|
3396
2239
|
@utility bg-success-solid-hover {
|
|
3397
2240
|
background-color: var(--color-background-success-solid-hover);
|
|
3398
2241
|
}
|
|
3399
|
-
|
|
3400
2242
|
@utility bg-success-solid-active {
|
|
3401
2243
|
background-color: var(--color-background-success-solid-active);
|
|
3402
2244
|
}
|
|
3403
|
-
|
|
3404
2245
|
@utility text-success-solid {
|
|
3405
2246
|
color: var(--color-text-success-solid);
|
|
3406
2247
|
}
|
|
3407
|
-
|
|
3408
2248
|
/* Outline */
|
|
3409
|
-
|
|
3410
2249
|
@utility bg-success-outline-hover {
|
|
3411
2250
|
background-color: var(--color-background-success-outline-hover);
|
|
3412
2251
|
}
|
|
3413
|
-
|
|
3414
2252
|
@utility bg-success-outline-active {
|
|
3415
2253
|
background-color: var(--color-background-success-outline-active);
|
|
3416
2254
|
}
|
|
3417
|
-
|
|
3418
2255
|
@utility border-success-outline {
|
|
3419
2256
|
border-color: var(--color-border-success-outline);
|
|
3420
2257
|
}
|
|
3421
|
-
|
|
3422
2258
|
@utility border-success-outline-hover {
|
|
3423
2259
|
border-color: var(--color-border-success-outline-hover);
|
|
3424
2260
|
}
|
|
3425
|
-
|
|
3426
2261
|
@utility text-success-outline {
|
|
3427
2262
|
color: var(--color-text-success-outline);
|
|
3428
2263
|
}
|
|
3429
|
-
|
|
3430
2264
|
@utility text-success-outline-hover {
|
|
3431
2265
|
color: var(--color-text-success-outline-hover);
|
|
3432
2266
|
}
|
|
3433
|
-
|
|
3434
2267
|
/* Ghost */
|
|
3435
|
-
|
|
3436
2268
|
@utility bg-success-ghost-hover {
|
|
3437
2269
|
background-color: var(--color-background-success-ghost-hover);
|
|
3438
2270
|
}
|
|
3439
|
-
|
|
3440
2271
|
@utility bg-success-ghost-active {
|
|
3441
2272
|
background-color: var(--color-background-success-ghost-active);
|
|
3442
2273
|
}
|
|
3443
|
-
|
|
3444
2274
|
@utility text-success-ghost {
|
|
3445
2275
|
color: var(--color-text-success-ghost);
|
|
3446
2276
|
}
|
|
3447
|
-
|
|
3448
2277
|
@utility text-success-ghost-hover {
|
|
3449
2278
|
color: var(--color-text-success-ghost-hover);
|
|
3450
2279
|
}
|
|
3451
|
-
|
|
3452
2280
|
/* Ring */
|
|
3453
|
-
|
|
3454
2281
|
@utility ring-success {
|
|
3455
2282
|
outline-color: var(--color-ring-success);
|
|
3456
2283
|
}
|
|
3457
|
-
|
|
3458
2284
|
/* =============================================
|
|
3459
2285
|
Discovery semantic utilities
|
|
3460
2286
|
============================================= */
|
|
3461
|
-
|
|
3462
2287
|
@utility text-discovery {
|
|
3463
2288
|
color: var(--color-text-discovery);
|
|
3464
2289
|
}
|
|
3465
|
-
|
|
3466
2290
|
/* Soft */
|
|
3467
|
-
|
|
3468
2291
|
@utility bg-discovery-soft {
|
|
3469
2292
|
background-color: var(--color-background-discovery-soft);
|
|
3470
2293
|
}
|
|
3471
|
-
|
|
3472
2294
|
@utility bg-discovery-soft-hover {
|
|
3473
2295
|
background-color: var(--color-background-discovery-soft-hover);
|
|
3474
2296
|
}
|
|
3475
|
-
|
|
3476
2297
|
@utility bg-discovery-soft-active {
|
|
3477
2298
|
background-color: var(--color-background-discovery-soft-active);
|
|
3478
2299
|
}
|
|
3479
|
-
|
|
3480
2300
|
@utility bg-discovery-soft-alpha {
|
|
3481
2301
|
background-color: var(--color-background-discovery-soft-alpha);
|
|
3482
2302
|
}
|
|
3483
|
-
|
|
3484
2303
|
@utility bg-discovery-soft-alpha-hover {
|
|
3485
2304
|
background-color: var(--color-background-discovery-soft-alpha-hover);
|
|
3486
2305
|
}
|
|
3487
|
-
|
|
3488
2306
|
@utility bg-discovery-soft-alpha-active {
|
|
3489
2307
|
background-color: var(--color-background-discovery-soft-alpha-active);
|
|
3490
2308
|
}
|
|
3491
|
-
|
|
3492
2309
|
@utility text-discovery-soft {
|
|
3493
2310
|
color: var(--color-text-discovery-soft);
|
|
3494
2311
|
}
|
|
3495
|
-
|
|
3496
2312
|
/* Surface */
|
|
3497
|
-
|
|
3498
2313
|
@utility bg-discovery-surface {
|
|
3499
2314
|
background-color: var(--color-background-discovery-surface);
|
|
3500
2315
|
}
|
|
3501
|
-
|
|
3502
2316
|
@utility border-discovery-surface {
|
|
3503
2317
|
border-color: var(--color-border-discovery-surface);
|
|
3504
2318
|
}
|
|
3505
|
-
|
|
3506
2319
|
@utility text-discovery-surface {
|
|
3507
2320
|
color: var(--color-text-discovery-surface);
|
|
3508
2321
|
}
|
|
3509
|
-
|
|
3510
2322
|
/* Solid */
|
|
3511
|
-
|
|
3512
2323
|
@utility bg-discovery-solid {
|
|
3513
2324
|
background-color: var(--color-background-discovery-solid);
|
|
3514
2325
|
}
|
|
3515
|
-
|
|
3516
2326
|
@utility bg-discovery-solid-hover {
|
|
3517
2327
|
background-color: var(--color-background-discovery-solid-hover);
|
|
3518
2328
|
}
|
|
3519
|
-
|
|
3520
2329
|
@utility bg-discovery-solid-active {
|
|
3521
2330
|
background-color: var(--color-background-discovery-solid-active);
|
|
3522
2331
|
}
|
|
3523
|
-
|
|
3524
2332
|
@utility text-discovery-solid {
|
|
3525
2333
|
color: var(--color-text-discovery-solid);
|
|
3526
2334
|
}
|
|
3527
|
-
|
|
3528
2335
|
/* Outline */
|
|
3529
|
-
|
|
3530
2336
|
@utility bg-discovery-outline-hover {
|
|
3531
2337
|
background-color: var(--color-background-discovery-outline-hover);
|
|
3532
2338
|
}
|
|
3533
|
-
|
|
3534
2339
|
@utility bg-discovery-outline-active {
|
|
3535
2340
|
background-color: var(--color-background-discovery-outline-active);
|
|
3536
2341
|
}
|
|
3537
|
-
|
|
3538
2342
|
@utility border-discovery-outline {
|
|
3539
2343
|
border-color: var(--color-border-discovery-outline);
|
|
3540
2344
|
}
|
|
3541
|
-
|
|
3542
2345
|
@utility border-discovery-outline-hover {
|
|
3543
2346
|
border-color: var(--color-border-discovery-outline-hover);
|
|
3544
2347
|
}
|
|
3545
|
-
|
|
3546
2348
|
@utility text-discovery-outline {
|
|
3547
2349
|
color: var(--color-text-discovery-outline);
|
|
3548
2350
|
}
|
|
3549
|
-
|
|
3550
2351
|
@utility text-discovery-outline-hover {
|
|
3551
2352
|
color: var(--color-text-discovery-outline-hover);
|
|
3552
2353
|
}
|
|
3553
|
-
|
|
3554
2354
|
/* Ghost */
|
|
3555
|
-
|
|
3556
2355
|
@utility bg-discovery-ghost-hover {
|
|
3557
2356
|
background-color: var(--color-background-discovery-ghost-hover);
|
|
3558
2357
|
}
|
|
3559
|
-
|
|
3560
2358
|
@utility bg-discovery-ghost-active {
|
|
3561
2359
|
background-color: var(--color-background-discovery-ghost-active);
|
|
3562
2360
|
}
|
|
3563
|
-
|
|
3564
2361
|
@utility text-discovery-ghost {
|
|
3565
2362
|
color: var(--color-text-discovery-ghost);
|
|
3566
2363
|
}
|
|
3567
|
-
|
|
3568
2364
|
@utility text-discovery-ghost-hover {
|
|
3569
2365
|
color: var(--color-text-discovery-ghost-hover);
|
|
3570
2366
|
}
|
|
3571
|
-
|
|
3572
2367
|
/* Ring */
|
|
3573
|
-
|
|
3574
2368
|
@utility ring-discovery {
|
|
3575
2369
|
outline-color: var(--color-ring-discovery);
|
|
3576
2370
|
}
|
|
3577
|
-
|
|
3578
2371
|
/* =============================================
|
|
3579
2372
|
Disabled semantic utilities
|
|
3580
2373
|
============================================= */
|
|
3581
|
-
|
|
3582
2374
|
@utility bg-disabled {
|
|
3583
2375
|
background-color: var(--color-background-disabled);
|
|
3584
2376
|
}
|
|
3585
|
-
|
|
3586
2377
|
@utility border-disabled {
|
|
3587
2378
|
border-color: var(--color-border-disabled);
|
|
3588
2379
|
}
|
|
3589
|
-
|
|
3590
2380
|
@utility text-disabled {
|
|
3591
2381
|
color: var(--color-text-disabled);
|
|
3592
2382
|
}
|
|
3593
|
-
|
|
3594
2383
|
/* =============================================
|
|
3595
2384
|
Icon size utilities
|
|
3596
2385
|
============================================= */
|
|
3597
|
-
|
|
3598
2386
|
@utility icon-xs {
|
|
3599
2387
|
width: var(--control-icon-size-xs);
|
|
3600
2388
|
height: var(--control-icon-size-xs);
|
|
3601
2389
|
}
|
|
3602
|
-
|
|
3603
2390
|
@utility icon-sm {
|
|
3604
2391
|
width: var(--control-icon-size-sm);
|
|
3605
2392
|
height: var(--control-icon-size-sm);
|
|
3606
2393
|
}
|
|
3607
|
-
|
|
3608
2394
|
@utility icon-md {
|
|
3609
2395
|
width: var(--control-icon-size-md);
|
|
3610
2396
|
height: var(--control-icon-size-md);
|
|
3611
2397
|
}
|
|
3612
|
-
|
|
3613
2398
|
@utility icon-lg {
|
|
3614
2399
|
width: var(--control-icon-size-lg);
|
|
3615
2400
|
height: var(--control-icon-size-lg);
|
|
3616
2401
|
}
|
|
3617
|
-
|
|
3618
2402
|
@utility icon-xl {
|
|
3619
2403
|
width: var(--control-icon-size-xl);
|
|
3620
2404
|
height: var(--control-icon-size-xl);
|
|
3621
2405
|
}
|
|
3622
|
-
|
|
3623
2406
|
@utility icon-2xl {
|
|
3624
2407
|
width: var(--control-icon-size-2xl);
|
|
3625
2408
|
height: var(--control-icon-size-2xl);
|
|
3626
2409
|
}
|
|
3627
|
-
|
|
3628
2410
|
/* Opinionated globals */
|
|
3629
|
-
|
|
3630
2411
|
/* =============================================
|
|
3631
2412
|
Opinionated globals
|
|
3632
2413
|
============================================= */
|
|
3633
|
-
|
|
3634
2414
|
@layer base {
|
|
3635
2415
|
html,
|
|
3636
2416
|
:host {
|
|
@@ -3676,10 +2456,8 @@
|
|
|
3676
2456
|
font-weight: var(--font-weight-semibold);
|
|
3677
2457
|
}
|
|
3678
2458
|
}
|
|
3679
|
-
|
|
3680
2459
|
/* Katex bundled global CSS */
|
|
3681
|
-
|
|
3682
|
-
@layer base{
|
|
2460
|
+
@layer base {
|
|
3683
2461
|
/* stylelint-disable font-family-no-missing-generic-family-keyword */
|
|
3684
2462
|
/* stylelint-disable number-max-precision */
|
|
3685
2463
|
@font-face {
|
|
@@ -5000,15 +3778,1502 @@ body {
|
|
|
5000
3778
|
counter-reset: katexEqnNo mmlEqnNo;
|
|
5001
3779
|
}
|
|
5002
3780
|
}
|
|
3781
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
3782
|
+
@layer properties {
|
|
3783
|
+
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
3784
|
+
*, :before, :after, ::backdrop {
|
|
3785
|
+
--tw-translate-x: 0;
|
|
3786
|
+
--tw-translate-y: 0;
|
|
3787
|
+
--tw-translate-z: 0;
|
|
3788
|
+
--tw-pan-x: initial;
|
|
3789
|
+
--tw-pan-y: initial;
|
|
3790
|
+
--tw-pinch-zoom: initial;
|
|
3791
|
+
--tw-space-y-reverse: 0;
|
|
3792
|
+
--tw-border-style: solid;
|
|
3793
|
+
--tw-gradient-position: initial;
|
|
3794
|
+
--tw-gradient-from: #0000;
|
|
3795
|
+
--tw-gradient-via: #0000;
|
|
3796
|
+
--tw-gradient-to: #0000;
|
|
3797
|
+
--tw-gradient-stops: initial;
|
|
3798
|
+
--tw-gradient-via-stops: initial;
|
|
3799
|
+
--tw-gradient-from-position: 0%;
|
|
3800
|
+
--tw-gradient-via-position: 50%;
|
|
3801
|
+
--tw-gradient-to-position: 100%;
|
|
3802
|
+
--tw-leading: initial;
|
|
3803
|
+
--tw-font-weight: initial;
|
|
3804
|
+
--tw-shadow: 0 0 #0000;
|
|
3805
|
+
--tw-shadow-color: initial;
|
|
3806
|
+
--tw-shadow-alpha: 100%;
|
|
3807
|
+
--tw-inset-shadow: 0 0 #0000;
|
|
3808
|
+
--tw-inset-shadow-color: initial;
|
|
3809
|
+
--tw-inset-shadow-alpha: 100%;
|
|
3810
|
+
--tw-ring-color: initial;
|
|
3811
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
3812
|
+
--tw-inset-ring-color: initial;
|
|
3813
|
+
--tw-inset-ring-shadow: 0 0 #0000;
|
|
3814
|
+
--tw-ring-inset: initial;
|
|
3815
|
+
--tw-ring-offset-width: 0px;
|
|
3816
|
+
--tw-ring-offset-color: #fff;
|
|
3817
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
3818
|
+
--tw-blur: initial;
|
|
3819
|
+
--tw-brightness: initial;
|
|
3820
|
+
--tw-contrast: initial;
|
|
3821
|
+
--tw-grayscale: initial;
|
|
3822
|
+
--tw-hue-rotate: initial;
|
|
3823
|
+
--tw-invert: initial;
|
|
3824
|
+
--tw-opacity: initial;
|
|
3825
|
+
--tw-saturate: initial;
|
|
3826
|
+
--tw-sepia: initial;
|
|
3827
|
+
--tw-drop-shadow: initial;
|
|
3828
|
+
--tw-drop-shadow-color: initial;
|
|
3829
|
+
--tw-drop-shadow-alpha: 100%;
|
|
3830
|
+
--tw-drop-shadow-size: initial;
|
|
3831
|
+
--tw-duration: initial;
|
|
3832
|
+
--tw-ease: initial;
|
|
3833
|
+
--tw-content: "";
|
|
3834
|
+
--tw-scale-x: 1;
|
|
3835
|
+
--tw-scale-y: 1;
|
|
3836
|
+
--tw-scale-z: 1;
|
|
3837
|
+
--tw-outline-style: solid;
|
|
3838
|
+
}
|
|
3839
|
+
}
|
|
3840
|
+
}
|
|
3841
|
+
|
|
3842
|
+
@layer theme {
|
|
3843
|
+
:root, :host {
|
|
3844
|
+
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
3845
|
+
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
3846
|
+
--spacing: .25rem;
|
|
3847
|
+
--text-xs: .75rem;
|
|
3848
|
+
--text-xs--line-height: calc(1 / .75);
|
|
3849
|
+
--text-sm: .875rem;
|
|
3850
|
+
--text-sm--line-height: calc(1.25 / .875);
|
|
3851
|
+
--text-base: 1rem;
|
|
3852
|
+
--text-base--line-height: calc(1.5 / 1);
|
|
3853
|
+
--text-lg: 1.125rem;
|
|
3854
|
+
--text-lg--line-height: calc(1.75 / 1.125);
|
|
3855
|
+
--font-weight-normal: 400;
|
|
3856
|
+
--font-weight-medium: 500;
|
|
3857
|
+
--font-weight-semibold: 600;
|
|
3858
|
+
--leading-tight: 1.25;
|
|
3859
|
+
--leading-normal: 1.5;
|
|
3860
|
+
--radius-xl: .75rem;
|
|
3861
|
+
--radius-2xl: 1rem;
|
|
3862
|
+
--radius-3xl: 1.5rem;
|
|
3863
|
+
--default-transition-duration: .15s;
|
|
3864
|
+
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
3865
|
+
--default-font-family: var(--font-sans);
|
|
3866
|
+
--default-mono-font-family: var(--font-mono);
|
|
3867
|
+
}
|
|
3868
|
+
}
|
|
3869
|
+
|
|
3870
|
+
@layer base {
|
|
3871
|
+
*, :after, :before, ::backdrop {
|
|
3872
|
+
box-sizing: border-box;
|
|
3873
|
+
border: 0 solid;
|
|
3874
|
+
margin: 0;
|
|
3875
|
+
padding: 0;
|
|
3876
|
+
}
|
|
3877
|
+
|
|
3878
|
+
::file-selector-button {
|
|
3879
|
+
box-sizing: border-box;
|
|
3880
|
+
border: 0 solid;
|
|
3881
|
+
margin: 0;
|
|
3882
|
+
padding: 0;
|
|
3883
|
+
}
|
|
3884
|
+
|
|
3885
|
+
html, :host {
|
|
3886
|
+
-webkit-text-size-adjust: 100%;
|
|
3887
|
+
tab-size: 4;
|
|
3888
|
+
line-height: 1.5;
|
|
3889
|
+
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
3890
|
+
font-feature-settings: var(--default-font-feature-settings, normal);
|
|
3891
|
+
font-variation-settings: var(--default-font-variation-settings, normal);
|
|
3892
|
+
-webkit-tap-highlight-color: transparent;
|
|
3893
|
+
}
|
|
3894
|
+
|
|
3895
|
+
hr {
|
|
3896
|
+
height: 0;
|
|
3897
|
+
color: inherit;
|
|
3898
|
+
border-top-width: 1px;
|
|
3899
|
+
}
|
|
3900
|
+
|
|
3901
|
+
abbr:where([title]) {
|
|
3902
|
+
-webkit-text-decoration: underline dotted;
|
|
3903
|
+
text-decoration: underline dotted;
|
|
3904
|
+
}
|
|
3905
|
+
|
|
3906
|
+
h1, h2, h3, h4, h5, h6 {
|
|
3907
|
+
font-size: inherit;
|
|
3908
|
+
font-weight: inherit;
|
|
3909
|
+
}
|
|
3910
|
+
|
|
3911
|
+
a {
|
|
3912
|
+
color: inherit;
|
|
3913
|
+
-webkit-text-decoration: inherit;
|
|
3914
|
+
-webkit-text-decoration: inherit;
|
|
3915
|
+
-webkit-text-decoration: inherit;
|
|
3916
|
+
text-decoration: inherit;
|
|
3917
|
+
}
|
|
3918
|
+
|
|
3919
|
+
b, strong {
|
|
3920
|
+
font-weight: bolder;
|
|
3921
|
+
}
|
|
3922
|
+
|
|
3923
|
+
code, kbd, samp, pre {
|
|
3924
|
+
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
3925
|
+
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
3926
|
+
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
3927
|
+
font-size: 1em;
|
|
3928
|
+
}
|
|
3929
|
+
|
|
3930
|
+
small {
|
|
3931
|
+
font-size: 80%;
|
|
3932
|
+
}
|
|
3933
|
+
|
|
3934
|
+
sub, sup {
|
|
3935
|
+
vertical-align: baseline;
|
|
3936
|
+
font-size: 75%;
|
|
3937
|
+
line-height: 0;
|
|
3938
|
+
position: relative;
|
|
3939
|
+
}
|
|
3940
|
+
|
|
3941
|
+
sub {
|
|
3942
|
+
bottom: -.25em;
|
|
3943
|
+
}
|
|
5003
3944
|
|
|
5004
|
-
|
|
3945
|
+
sup {
|
|
3946
|
+
top: -.5em;
|
|
3947
|
+
}
|
|
3948
|
+
|
|
3949
|
+
table {
|
|
3950
|
+
text-indent: 0;
|
|
3951
|
+
border-color: inherit;
|
|
3952
|
+
border-collapse: collapse;
|
|
3953
|
+
}
|
|
3954
|
+
|
|
3955
|
+
:-moz-focusring {
|
|
3956
|
+
outline: auto;
|
|
3957
|
+
}
|
|
3958
|
+
|
|
3959
|
+
progress {
|
|
3960
|
+
vertical-align: baseline;
|
|
3961
|
+
}
|
|
3962
|
+
|
|
3963
|
+
summary {
|
|
3964
|
+
display: list-item;
|
|
3965
|
+
}
|
|
3966
|
+
|
|
3967
|
+
ol, ul, menu {
|
|
3968
|
+
list-style: none;
|
|
3969
|
+
}
|
|
3970
|
+
|
|
3971
|
+
img, svg, video, canvas, audio, iframe, embed, object {
|
|
3972
|
+
vertical-align: middle;
|
|
3973
|
+
display: block;
|
|
3974
|
+
}
|
|
3975
|
+
|
|
3976
|
+
img, video {
|
|
3977
|
+
max-width: 100%;
|
|
3978
|
+
height: auto;
|
|
3979
|
+
}
|
|
3980
|
+
|
|
3981
|
+
button, input, select, optgroup, textarea {
|
|
3982
|
+
font: inherit;
|
|
3983
|
+
font-feature-settings: inherit;
|
|
3984
|
+
font-variation-settings: inherit;
|
|
3985
|
+
letter-spacing: inherit;
|
|
3986
|
+
color: inherit;
|
|
3987
|
+
opacity: 1;
|
|
3988
|
+
background-color: #0000;
|
|
3989
|
+
border-radius: 0;
|
|
3990
|
+
}
|
|
3991
|
+
|
|
3992
|
+
::file-selector-button {
|
|
3993
|
+
font: inherit;
|
|
3994
|
+
font-feature-settings: inherit;
|
|
3995
|
+
font-variation-settings: inherit;
|
|
3996
|
+
letter-spacing: inherit;
|
|
3997
|
+
color: inherit;
|
|
3998
|
+
opacity: 1;
|
|
3999
|
+
background-color: #0000;
|
|
4000
|
+
border-radius: 0;
|
|
4001
|
+
}
|
|
4002
|
+
|
|
4003
|
+
:where(select:is([multiple], [size])) optgroup {
|
|
4004
|
+
font-weight: bolder;
|
|
4005
|
+
}
|
|
4006
|
+
|
|
4007
|
+
:where(select:is([multiple], [size])) optgroup option {
|
|
4008
|
+
padding-inline-start: 20px;
|
|
4009
|
+
}
|
|
4010
|
+
|
|
4011
|
+
::file-selector-button {
|
|
4012
|
+
margin-inline-end: 4px;
|
|
4013
|
+
}
|
|
4014
|
+
|
|
4015
|
+
::placeholder {
|
|
4016
|
+
opacity: 1;
|
|
4017
|
+
}
|
|
4018
|
+
|
|
4019
|
+
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
|
|
4020
|
+
::placeholder {
|
|
4021
|
+
color: currentColor;
|
|
4022
|
+
}
|
|
4023
|
+
|
|
4024
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4025
|
+
::placeholder {
|
|
4026
|
+
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
4027
|
+
}
|
|
4028
|
+
}
|
|
4029
|
+
}
|
|
4030
|
+
|
|
4031
|
+
textarea {
|
|
4032
|
+
resize: vertical;
|
|
4033
|
+
}
|
|
4034
|
+
|
|
4035
|
+
::-webkit-search-decoration {
|
|
4036
|
+
-webkit-appearance: none;
|
|
4037
|
+
}
|
|
4038
|
+
|
|
4039
|
+
::-webkit-date-and-time-value {
|
|
4040
|
+
min-height: 1lh;
|
|
4041
|
+
text-align: inherit;
|
|
4042
|
+
}
|
|
4043
|
+
|
|
4044
|
+
::-webkit-datetime-edit {
|
|
4045
|
+
display: inline-flex;
|
|
4046
|
+
}
|
|
4047
|
+
|
|
4048
|
+
::-webkit-datetime-edit-fields-wrapper {
|
|
4049
|
+
padding: 0;
|
|
4050
|
+
}
|
|
4051
|
+
|
|
4052
|
+
::-webkit-datetime-edit {
|
|
4053
|
+
padding-block: 0;
|
|
4054
|
+
}
|
|
4055
|
+
|
|
4056
|
+
::-webkit-datetime-edit-year-field {
|
|
4057
|
+
padding-block: 0;
|
|
4058
|
+
}
|
|
4059
|
+
|
|
4060
|
+
::-webkit-datetime-edit-month-field {
|
|
4061
|
+
padding-block: 0;
|
|
4062
|
+
}
|
|
4063
|
+
|
|
4064
|
+
::-webkit-datetime-edit-day-field {
|
|
4065
|
+
padding-block: 0;
|
|
4066
|
+
}
|
|
4067
|
+
|
|
4068
|
+
::-webkit-datetime-edit-hour-field {
|
|
4069
|
+
padding-block: 0;
|
|
4070
|
+
}
|
|
4071
|
+
|
|
4072
|
+
::-webkit-datetime-edit-minute-field {
|
|
4073
|
+
padding-block: 0;
|
|
4074
|
+
}
|
|
4075
|
+
|
|
4076
|
+
::-webkit-datetime-edit-second-field {
|
|
4077
|
+
padding-block: 0;
|
|
4078
|
+
}
|
|
4079
|
+
|
|
4080
|
+
::-webkit-datetime-edit-millisecond-field {
|
|
4081
|
+
padding-block: 0;
|
|
4082
|
+
}
|
|
4083
|
+
|
|
4084
|
+
::-webkit-datetime-edit-meridiem-field {
|
|
4085
|
+
padding-block: 0;
|
|
4086
|
+
}
|
|
4087
|
+
|
|
4088
|
+
::-webkit-calendar-picker-indicator {
|
|
4089
|
+
line-height: 1;
|
|
4090
|
+
}
|
|
4091
|
+
|
|
4092
|
+
:-moz-ui-invalid {
|
|
4093
|
+
box-shadow: none;
|
|
4094
|
+
}
|
|
5005
4095
|
|
|
5006
|
-
|
|
4096
|
+
button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
4097
|
+
appearance: button;
|
|
4098
|
+
}
|
|
5007
4099
|
|
|
5008
|
-
|
|
4100
|
+
::file-selector-button {
|
|
4101
|
+
appearance: button;
|
|
4102
|
+
}
|
|
5009
4103
|
|
|
5010
|
-
|
|
4104
|
+
::-webkit-inner-spin-button {
|
|
4105
|
+
height: auto;
|
|
4106
|
+
}
|
|
5011
4107
|
|
|
5012
|
-
|
|
4108
|
+
::-webkit-outer-spin-button {
|
|
4109
|
+
height: auto;
|
|
4110
|
+
}
|
|
5013
4111
|
|
|
5014
|
-
|
|
4112
|
+
[hidden]:where(:not([hidden="until-found"])) {
|
|
4113
|
+
display: none !important;
|
|
4114
|
+
}
|
|
4115
|
+
}
|
|
4116
|
+
|
|
4117
|
+
@layer components;
|
|
4118
|
+
|
|
4119
|
+
@layer utilities {
|
|
4120
|
+
.pointer-events-none {
|
|
4121
|
+
pointer-events: none;
|
|
4122
|
+
}
|
|
4123
|
+
|
|
4124
|
+
.sr-only {
|
|
4125
|
+
clip-path: inset(50%);
|
|
4126
|
+
white-space: nowrap;
|
|
4127
|
+
border-width: 0;
|
|
4128
|
+
width: 1px;
|
|
4129
|
+
height: 1px;
|
|
4130
|
+
margin: -1px;
|
|
4131
|
+
padding: 0;
|
|
4132
|
+
position: absolute;
|
|
4133
|
+
overflow: hidden;
|
|
4134
|
+
}
|
|
4135
|
+
|
|
4136
|
+
.absolute {
|
|
4137
|
+
position: absolute;
|
|
4138
|
+
}
|
|
4139
|
+
|
|
4140
|
+
.fixed {
|
|
4141
|
+
position: fixed;
|
|
4142
|
+
}
|
|
4143
|
+
|
|
4144
|
+
.relative {
|
|
4145
|
+
position: relative;
|
|
4146
|
+
}
|
|
4147
|
+
|
|
4148
|
+
.top-0 {
|
|
4149
|
+
top: calc(var(--spacing) * 0);
|
|
4150
|
+
}
|
|
4151
|
+
|
|
4152
|
+
.top-1\/2 {
|
|
4153
|
+
top: 50%;
|
|
4154
|
+
}
|
|
4155
|
+
|
|
4156
|
+
.right-0 {
|
|
4157
|
+
right: calc(var(--spacing) * 0);
|
|
4158
|
+
}
|
|
4159
|
+
|
|
4160
|
+
.right-2 {
|
|
4161
|
+
right: calc(var(--spacing) * 2);
|
|
4162
|
+
}
|
|
4163
|
+
|
|
4164
|
+
.right-6 {
|
|
4165
|
+
right: calc(var(--spacing) * 6);
|
|
4166
|
+
}
|
|
4167
|
+
|
|
4168
|
+
.bottom-20 {
|
|
4169
|
+
bottom: calc(var(--spacing) * 20);
|
|
4170
|
+
}
|
|
4171
|
+
|
|
4172
|
+
.left-0 {
|
|
4173
|
+
left: calc(var(--spacing) * 0);
|
|
4174
|
+
}
|
|
4175
|
+
|
|
4176
|
+
.left-2 {
|
|
4177
|
+
left: calc(var(--spacing) * 2);
|
|
4178
|
+
}
|
|
4179
|
+
|
|
4180
|
+
.z-10 {
|
|
4181
|
+
z-index: 10;
|
|
4182
|
+
}
|
|
4183
|
+
|
|
4184
|
+
.z-20 {
|
|
4185
|
+
z-index: 20;
|
|
4186
|
+
}
|
|
4187
|
+
|
|
4188
|
+
.z-50 {
|
|
4189
|
+
z-index: 50;
|
|
4190
|
+
}
|
|
4191
|
+
|
|
4192
|
+
.container {
|
|
4193
|
+
width: 100%;
|
|
4194
|
+
}
|
|
4195
|
+
|
|
4196
|
+
@media (min-width: 40rem) {
|
|
4197
|
+
.container {
|
|
4198
|
+
max-width: 40rem;
|
|
4199
|
+
}
|
|
4200
|
+
}
|
|
4201
|
+
|
|
4202
|
+
@media (min-width: 48rem) {
|
|
4203
|
+
.container {
|
|
4204
|
+
max-width: 48rem;
|
|
4205
|
+
}
|
|
4206
|
+
}
|
|
4207
|
+
|
|
4208
|
+
@media (min-width: 64rem) {
|
|
4209
|
+
.container {
|
|
4210
|
+
max-width: 64rem;
|
|
4211
|
+
}
|
|
4212
|
+
}
|
|
4213
|
+
|
|
4214
|
+
@media (min-width: 80rem) {
|
|
4215
|
+
.container {
|
|
4216
|
+
max-width: 80rem;
|
|
4217
|
+
}
|
|
4218
|
+
}
|
|
4219
|
+
|
|
4220
|
+
@media (min-width: 96rem) {
|
|
4221
|
+
.container {
|
|
4222
|
+
max-width: 96rem;
|
|
4223
|
+
}
|
|
4224
|
+
}
|
|
4225
|
+
|
|
4226
|
+
.mx-auto {
|
|
4227
|
+
margin-inline: auto;
|
|
4228
|
+
}
|
|
4229
|
+
|
|
4230
|
+
.my-auto {
|
|
4231
|
+
margin-block: auto;
|
|
4232
|
+
}
|
|
4233
|
+
|
|
4234
|
+
.mt-1 {
|
|
4235
|
+
margin-top: calc(var(--spacing) * 1);
|
|
4236
|
+
}
|
|
4237
|
+
|
|
4238
|
+
.mt-auto {
|
|
4239
|
+
margin-top: auto;
|
|
4240
|
+
}
|
|
4241
|
+
|
|
4242
|
+
.mb-1 {
|
|
4243
|
+
margin-bottom: calc(var(--spacing) * 1);
|
|
4244
|
+
}
|
|
4245
|
+
|
|
4246
|
+
.mb-2 {
|
|
4247
|
+
margin-bottom: calc(var(--spacing) * 2);
|
|
4248
|
+
}
|
|
4249
|
+
|
|
4250
|
+
.mb-3 {
|
|
4251
|
+
margin-bottom: calc(var(--spacing) * 3);
|
|
4252
|
+
}
|
|
4253
|
+
|
|
4254
|
+
.mb-4 {
|
|
4255
|
+
margin-bottom: calc(var(--spacing) * 4);
|
|
4256
|
+
}
|
|
4257
|
+
|
|
4258
|
+
.line-clamp-2 {
|
|
4259
|
+
-webkit-line-clamp: 2;
|
|
4260
|
+
-webkit-box-orient: vertical;
|
|
4261
|
+
display: -webkit-box;
|
|
4262
|
+
overflow: hidden;
|
|
4263
|
+
}
|
|
4264
|
+
|
|
4265
|
+
.contents {
|
|
4266
|
+
display: contents;
|
|
4267
|
+
}
|
|
4268
|
+
|
|
4269
|
+
.flex {
|
|
4270
|
+
display: flex;
|
|
4271
|
+
}
|
|
4272
|
+
|
|
4273
|
+
.hidden {
|
|
4274
|
+
display: none;
|
|
4275
|
+
}
|
|
4276
|
+
|
|
4277
|
+
.inline {
|
|
4278
|
+
display: inline;
|
|
4279
|
+
}
|
|
4280
|
+
|
|
4281
|
+
.inline-flex {
|
|
4282
|
+
display: inline-flex;
|
|
4283
|
+
}
|
|
4284
|
+
|
|
4285
|
+
.aspect-square {
|
|
4286
|
+
aspect-ratio: 1;
|
|
4287
|
+
}
|
|
4288
|
+
|
|
4289
|
+
.size-6 {
|
|
4290
|
+
width: calc(var(--spacing) * 6);
|
|
4291
|
+
height: calc(var(--spacing) * 6);
|
|
4292
|
+
}
|
|
4293
|
+
|
|
4294
|
+
.h-4 {
|
|
4295
|
+
height: calc(var(--spacing) * 4);
|
|
4296
|
+
}
|
|
4297
|
+
|
|
4298
|
+
.h-8 {
|
|
4299
|
+
height: calc(var(--spacing) * 8);
|
|
4300
|
+
}
|
|
4301
|
+
|
|
4302
|
+
.h-12 {
|
|
4303
|
+
height: calc(var(--spacing) * 12);
|
|
4304
|
+
}
|
|
4305
|
+
|
|
4306
|
+
.h-\[var\(--control-size-sm\)\] {
|
|
4307
|
+
height: var(--control-size-sm);
|
|
4308
|
+
}
|
|
4309
|
+
|
|
4310
|
+
.h-auto {
|
|
4311
|
+
height: auto;
|
|
4312
|
+
}
|
|
4313
|
+
|
|
4314
|
+
.h-full {
|
|
4315
|
+
height: 100%;
|
|
4316
|
+
}
|
|
4317
|
+
|
|
4318
|
+
.max-h-\[min\(400px\,calc\(100vh-200px\)\)\] {
|
|
4319
|
+
max-height: min(400px, 100vh - 200px);
|
|
4320
|
+
}
|
|
4321
|
+
|
|
4322
|
+
.min-h-8 {
|
|
4323
|
+
min-height: calc(var(--spacing) * 8);
|
|
4324
|
+
}
|
|
4325
|
+
|
|
4326
|
+
.min-h-screen {
|
|
4327
|
+
min-height: 100vh;
|
|
4328
|
+
}
|
|
4329
|
+
|
|
4330
|
+
.w-4 {
|
|
4331
|
+
width: calc(var(--spacing) * 4);
|
|
4332
|
+
}
|
|
4333
|
+
|
|
4334
|
+
.w-8 {
|
|
4335
|
+
width: calc(var(--spacing) * 8);
|
|
4336
|
+
}
|
|
4337
|
+
|
|
4338
|
+
.w-12 {
|
|
4339
|
+
width: calc(var(--spacing) * 12);
|
|
4340
|
+
}
|
|
4341
|
+
|
|
4342
|
+
.w-64 {
|
|
4343
|
+
width: calc(var(--spacing) * 64);
|
|
4344
|
+
}
|
|
4345
|
+
|
|
4346
|
+
.w-80 {
|
|
4347
|
+
width: calc(var(--spacing) * 80);
|
|
4348
|
+
}
|
|
4349
|
+
|
|
4350
|
+
.w-full {
|
|
4351
|
+
width: 100%;
|
|
4352
|
+
}
|
|
4353
|
+
|
|
4354
|
+
.max-w-\[48rem\] {
|
|
4355
|
+
max-width: 48rem;
|
|
4356
|
+
}
|
|
4357
|
+
|
|
4358
|
+
.max-w-\[70\%\] {
|
|
4359
|
+
max-width: 70%;
|
|
4360
|
+
}
|
|
4361
|
+
|
|
4362
|
+
.max-w-full {
|
|
4363
|
+
max-width: 100%;
|
|
4364
|
+
}
|
|
4365
|
+
|
|
4366
|
+
.min-w-0 {
|
|
4367
|
+
min-width: calc(var(--spacing) * 0);
|
|
4368
|
+
}
|
|
4369
|
+
|
|
4370
|
+
.min-w-8 {
|
|
4371
|
+
min-width: calc(var(--spacing) * 8);
|
|
4372
|
+
}
|
|
4373
|
+
|
|
4374
|
+
.min-w-\[200px\] {
|
|
4375
|
+
min-width: 200px;
|
|
4376
|
+
}
|
|
4377
|
+
|
|
4378
|
+
.flex-1 {
|
|
4379
|
+
flex: 1;
|
|
4380
|
+
}
|
|
4381
|
+
|
|
4382
|
+
.flex-none {
|
|
4383
|
+
flex: none;
|
|
4384
|
+
}
|
|
4385
|
+
|
|
4386
|
+
.grow {
|
|
4387
|
+
flex-grow: 1;
|
|
4388
|
+
}
|
|
4389
|
+
|
|
4390
|
+
.origin-top {
|
|
4391
|
+
transform-origin: top;
|
|
4392
|
+
}
|
|
4393
|
+
|
|
4394
|
+
.-translate-y-1\/2 {
|
|
4395
|
+
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
4396
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4397
|
+
}
|
|
4398
|
+
|
|
4399
|
+
.cursor-pointer {
|
|
4400
|
+
cursor: pointer;
|
|
4401
|
+
}
|
|
4402
|
+
|
|
4403
|
+
.touch-pan-y {
|
|
4404
|
+
--tw-pan-y: pan-y;
|
|
4405
|
+
touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
|
|
4406
|
+
}
|
|
4407
|
+
|
|
4408
|
+
.scroll-m-\[15px\] {
|
|
4409
|
+
scroll-margin: 15px;
|
|
4410
|
+
}
|
|
4411
|
+
|
|
4412
|
+
.flex-col {
|
|
4413
|
+
flex-direction: column;
|
|
4414
|
+
}
|
|
4415
|
+
|
|
4416
|
+
.flex-wrap {
|
|
4417
|
+
flex-wrap: wrap;
|
|
4418
|
+
}
|
|
4419
|
+
|
|
4420
|
+
.items-center {
|
|
4421
|
+
align-items: center;
|
|
4422
|
+
}
|
|
4423
|
+
|
|
4424
|
+
.items-end {
|
|
4425
|
+
align-items: flex-end;
|
|
4426
|
+
}
|
|
4427
|
+
|
|
4428
|
+
.items-start {
|
|
4429
|
+
align-items: flex-start;
|
|
4430
|
+
}
|
|
4431
|
+
|
|
4432
|
+
.justify-between {
|
|
4433
|
+
justify-content: space-between;
|
|
4434
|
+
}
|
|
4435
|
+
|
|
4436
|
+
.justify-center {
|
|
4437
|
+
justify-content: center;
|
|
4438
|
+
}
|
|
4439
|
+
|
|
4440
|
+
.gap-1 {
|
|
4441
|
+
gap: calc(var(--spacing) * 1);
|
|
4442
|
+
}
|
|
4443
|
+
|
|
4444
|
+
.gap-2 {
|
|
4445
|
+
gap: calc(var(--spacing) * 2);
|
|
4446
|
+
}
|
|
4447
|
+
|
|
4448
|
+
.gap-\[var\(--spacing\)\] {
|
|
4449
|
+
gap: var(--spacing);
|
|
4450
|
+
}
|
|
4451
|
+
|
|
4452
|
+
:where(.space-y-2 > :not(:last-child)) {
|
|
4453
|
+
--tw-space-y-reverse: 0;
|
|
4454
|
+
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
|
|
4455
|
+
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
|
|
4456
|
+
}
|
|
4457
|
+
|
|
4458
|
+
:where(.space-y-4 > :not(:last-child)) {
|
|
4459
|
+
--tw-space-y-reverse: 0;
|
|
4460
|
+
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
|
|
4461
|
+
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
|
|
4462
|
+
}
|
|
4463
|
+
|
|
4464
|
+
:where(.space-y-6 > :not(:last-child)) {
|
|
4465
|
+
--tw-space-y-reverse: 0;
|
|
4466
|
+
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
|
|
4467
|
+
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
|
|
4468
|
+
}
|
|
4469
|
+
|
|
4470
|
+
.overflow-auto {
|
|
4471
|
+
overflow: auto;
|
|
4472
|
+
}
|
|
4473
|
+
|
|
4474
|
+
.overflow-hidden {
|
|
4475
|
+
overflow: hidden;
|
|
4476
|
+
}
|
|
4477
|
+
|
|
4478
|
+
.overflow-x-auto {
|
|
4479
|
+
overflow-x: auto;
|
|
4480
|
+
}
|
|
4481
|
+
|
|
4482
|
+
.overflow-x-hidden {
|
|
4483
|
+
overflow-x: hidden;
|
|
4484
|
+
}
|
|
4485
|
+
|
|
4486
|
+
.overflow-y-auto {
|
|
4487
|
+
overflow-y: auto;
|
|
4488
|
+
}
|
|
4489
|
+
|
|
4490
|
+
.rounded-2xl {
|
|
4491
|
+
border-radius: var(--radius-2xl);
|
|
4492
|
+
}
|
|
4493
|
+
|
|
4494
|
+
.rounded-3xl {
|
|
4495
|
+
border-radius: var(--radius-3xl);
|
|
4496
|
+
}
|
|
4497
|
+
|
|
4498
|
+
.rounded-\[18px\] {
|
|
4499
|
+
border-radius: 18px;
|
|
4500
|
+
}
|
|
4501
|
+
|
|
4502
|
+
.rounded-\[var\(--control-radius-sm\)\] {
|
|
4503
|
+
border-radius: var(--control-radius-sm);
|
|
4504
|
+
}
|
|
4505
|
+
|
|
4506
|
+
.rounded-\[var\(--menu-radius\)\] {
|
|
4507
|
+
border-radius: var(--menu-radius);
|
|
4508
|
+
}
|
|
4509
|
+
|
|
4510
|
+
.rounded-full {
|
|
4511
|
+
border-radius: 3.40282e38px;
|
|
4512
|
+
}
|
|
4513
|
+
|
|
4514
|
+
.rounded-xl {
|
|
4515
|
+
border-radius: var(--radius-xl);
|
|
4516
|
+
}
|
|
4517
|
+
|
|
4518
|
+
.border {
|
|
4519
|
+
border-style: var(--tw-border-style);
|
|
4520
|
+
border-width: 1px;
|
|
4521
|
+
}
|
|
4522
|
+
|
|
4523
|
+
.border-2 {
|
|
4524
|
+
border-style: var(--tw-border-style);
|
|
4525
|
+
border-width: 2px;
|
|
4526
|
+
}
|
|
4527
|
+
|
|
4528
|
+
.border-r {
|
|
4529
|
+
border-right-style: var(--tw-border-style);
|
|
4530
|
+
border-right-width: 1px;
|
|
4531
|
+
}
|
|
4532
|
+
|
|
4533
|
+
.border-b {
|
|
4534
|
+
border-bottom-style: var(--tw-border-style);
|
|
4535
|
+
border-bottom-width: 1px;
|
|
4536
|
+
}
|
|
4537
|
+
|
|
4538
|
+
.border-\[\#0000000f\] {
|
|
4539
|
+
border-color: #0000000f;
|
|
4540
|
+
}
|
|
4541
|
+
|
|
4542
|
+
.bg-\[var\(--color-background-primary\)\] {
|
|
4543
|
+
background-color: var(--color-background-primary);
|
|
4544
|
+
}
|
|
4545
|
+
|
|
4546
|
+
.bg-\[var\(--color-background-primary-soft\)\] {
|
|
4547
|
+
background-color: var(--color-background-primary-soft);
|
|
4548
|
+
}
|
|
4549
|
+
|
|
4550
|
+
.bg-\[var\(--color-surface-elevated\)\] {
|
|
4551
|
+
background-color: var(--color-surface-elevated);
|
|
4552
|
+
}
|
|
4553
|
+
|
|
4554
|
+
.bg-gradient-to-l {
|
|
4555
|
+
--tw-gradient-position: to left in oklab;
|
|
4556
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
4557
|
+
}
|
|
4558
|
+
|
|
4559
|
+
.bg-gradient-to-r {
|
|
4560
|
+
--tw-gradient-position: to right in oklab;
|
|
4561
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
4562
|
+
}
|
|
4563
|
+
|
|
4564
|
+
.to-transparent {
|
|
4565
|
+
--tw-gradient-to: transparent;
|
|
4566
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4567
|
+
}
|
|
4568
|
+
|
|
4569
|
+
.object-cover {
|
|
4570
|
+
object-fit: cover;
|
|
4571
|
+
}
|
|
4572
|
+
|
|
4573
|
+
.p-0 {
|
|
4574
|
+
padding: calc(var(--spacing) * 0);
|
|
4575
|
+
}
|
|
4576
|
+
|
|
4577
|
+
.p-4 {
|
|
4578
|
+
padding: calc(var(--spacing) * 4);
|
|
4579
|
+
}
|
|
4580
|
+
|
|
4581
|
+
.p-\[var\(--menu-gutter\)\] {
|
|
4582
|
+
padding: var(--menu-gutter);
|
|
4583
|
+
}
|
|
4584
|
+
|
|
4585
|
+
.px-4 {
|
|
4586
|
+
padding-inline: calc(var(--spacing) * 4);
|
|
4587
|
+
}
|
|
4588
|
+
|
|
4589
|
+
.px-5 {
|
|
4590
|
+
padding-inline: calc(var(--spacing) * 5);
|
|
4591
|
+
}
|
|
4592
|
+
|
|
4593
|
+
.px-\[var\(--control-gutter-sm\)\] {
|
|
4594
|
+
padding-inline: var(--control-gutter-sm);
|
|
4595
|
+
}
|
|
4596
|
+
|
|
4597
|
+
.px-\[var\(--menu-item-padding-x\,12px\)\] {
|
|
4598
|
+
padding-inline: var(--menu-item-padding-x, 12px);
|
|
4599
|
+
}
|
|
4600
|
+
|
|
4601
|
+
.py-3 {
|
|
4602
|
+
padding-block: calc(var(--spacing) * 3);
|
|
4603
|
+
}
|
|
4604
|
+
|
|
4605
|
+
.py-4 {
|
|
4606
|
+
padding-block: calc(var(--spacing) * 4);
|
|
4607
|
+
}
|
|
4608
|
+
|
|
4609
|
+
.py-\[var\(--menu-item-padding-y\,8px\)\] {
|
|
4610
|
+
padding-block: var(--menu-item-padding-y, 8px);
|
|
4611
|
+
}
|
|
4612
|
+
|
|
4613
|
+
.pt-12 {
|
|
4614
|
+
padding-top: calc(var(--spacing) * 12);
|
|
4615
|
+
}
|
|
4616
|
+
|
|
4617
|
+
.pr-12 {
|
|
4618
|
+
padding-right: calc(var(--spacing) * 12);
|
|
4619
|
+
}
|
|
4620
|
+
|
|
4621
|
+
.pb-10 {
|
|
4622
|
+
padding-bottom: calc(var(--spacing) * 10);
|
|
4623
|
+
}
|
|
4624
|
+
|
|
4625
|
+
.text-left {
|
|
4626
|
+
text-align: left;
|
|
4627
|
+
}
|
|
4628
|
+
|
|
4629
|
+
.text-start {
|
|
4630
|
+
text-align: start;
|
|
4631
|
+
}
|
|
4632
|
+
|
|
4633
|
+
.text-base {
|
|
4634
|
+
font-size: var(--text-base);
|
|
4635
|
+
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
4636
|
+
}
|
|
4637
|
+
|
|
4638
|
+
.text-lg {
|
|
4639
|
+
font-size: var(--text-lg);
|
|
4640
|
+
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
4641
|
+
}
|
|
4642
|
+
|
|
4643
|
+
.text-sm {
|
|
4644
|
+
font-size: var(--text-sm);
|
|
4645
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
4646
|
+
}
|
|
4647
|
+
|
|
4648
|
+
.text-xs {
|
|
4649
|
+
font-size: var(--text-xs);
|
|
4650
|
+
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
4651
|
+
}
|
|
4652
|
+
|
|
4653
|
+
.leading-\[var\(--font-text-md-line-height\)\] {
|
|
4654
|
+
--tw-leading: var(--font-text-md-line-height);
|
|
4655
|
+
line-height: var(--font-text-md-line-height);
|
|
4656
|
+
}
|
|
4657
|
+
|
|
4658
|
+
.leading-\[var\(--menu-line-height\)\] {
|
|
4659
|
+
--tw-leading: var(--menu-line-height);
|
|
4660
|
+
line-height: var(--menu-line-height);
|
|
4661
|
+
}
|
|
4662
|
+
|
|
4663
|
+
.leading-normal {
|
|
4664
|
+
--tw-leading: var(--leading-normal);
|
|
4665
|
+
line-height: var(--leading-normal);
|
|
4666
|
+
}
|
|
4667
|
+
|
|
4668
|
+
.leading-tight {
|
|
4669
|
+
--tw-leading: var(--leading-tight);
|
|
4670
|
+
line-height: var(--leading-tight);
|
|
4671
|
+
}
|
|
4672
|
+
|
|
4673
|
+
.font-medium {
|
|
4674
|
+
--tw-font-weight: var(--font-weight-medium);
|
|
4675
|
+
font-weight: var(--font-weight-medium);
|
|
4676
|
+
}
|
|
4677
|
+
|
|
4678
|
+
.font-normal {
|
|
4679
|
+
--tw-font-weight: var(--font-weight-normal);
|
|
4680
|
+
font-weight: var(--font-weight-normal);
|
|
4681
|
+
}
|
|
4682
|
+
|
|
4683
|
+
.font-semibold {
|
|
4684
|
+
--tw-font-weight: var(--font-weight-semibold);
|
|
4685
|
+
font-weight: var(--font-weight-semibold);
|
|
4686
|
+
}
|
|
4687
|
+
|
|
4688
|
+
.break-words {
|
|
4689
|
+
overflow-wrap: break-word;
|
|
4690
|
+
}
|
|
4691
|
+
|
|
4692
|
+
.text-ellipsis {
|
|
4693
|
+
text-overflow: ellipsis;
|
|
4694
|
+
}
|
|
4695
|
+
|
|
4696
|
+
.whitespace-normal {
|
|
4697
|
+
white-space: normal;
|
|
4698
|
+
}
|
|
4699
|
+
|
|
4700
|
+
.whitespace-nowrap {
|
|
4701
|
+
white-space: nowrap;
|
|
4702
|
+
}
|
|
4703
|
+
|
|
4704
|
+
.whitespace-pre-wrap {
|
|
4705
|
+
white-space: pre-wrap;
|
|
4706
|
+
}
|
|
4707
|
+
|
|
4708
|
+
.text-\[var\(--control-font-size-md\)\] {
|
|
4709
|
+
color: var(--control-font-size-md);
|
|
4710
|
+
}
|
|
4711
|
+
|
|
4712
|
+
.text-\[var\(--input-placeholder-text-color\)\] {
|
|
4713
|
+
color: var(--input-placeholder-text-color);
|
|
4714
|
+
}
|
|
4715
|
+
|
|
4716
|
+
.text-\[var\(--menu-font-size\)\] {
|
|
4717
|
+
color: var(--menu-font-size);
|
|
4718
|
+
}
|
|
4719
|
+
|
|
4720
|
+
.opacity-75 {
|
|
4721
|
+
opacity: .75;
|
|
4722
|
+
}
|
|
4723
|
+
|
|
4724
|
+
.opacity-100 {
|
|
4725
|
+
opacity: 1;
|
|
4726
|
+
}
|
|
4727
|
+
|
|
4728
|
+
.shadow-\[var\(--shadow\)\] {
|
|
4729
|
+
--tw-shadow: var(--shadow);
|
|
4730
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4731
|
+
}
|
|
4732
|
+
|
|
4733
|
+
.shadow-lg {
|
|
4734
|
+
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
|
|
4735
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4736
|
+
}
|
|
4737
|
+
|
|
4738
|
+
.shadow-md {
|
|
4739
|
+
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
|
4740
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4741
|
+
}
|
|
4742
|
+
|
|
4743
|
+
.shadow-xl {
|
|
4744
|
+
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
|
|
4745
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4746
|
+
}
|
|
4747
|
+
|
|
4748
|
+
.\[box-shadow\:var\(--shadow\)\,var\(--shadow-hairline\)\] {
|
|
4749
|
+
box-shadow: var(--shadow), var(--shadow-hairline);
|
|
4750
|
+
}
|
|
4751
|
+
|
|
4752
|
+
.filter {
|
|
4753
|
+
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
|
|
4754
|
+
}
|
|
4755
|
+
|
|
4756
|
+
.transition-\[color\] {
|
|
4757
|
+
transition-property: color;
|
|
4758
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
4759
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
4760
|
+
}
|
|
4761
|
+
|
|
4762
|
+
.transition-all {
|
|
4763
|
+
transition-property: all;
|
|
4764
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
4765
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
4766
|
+
}
|
|
4767
|
+
|
|
4768
|
+
.transition-opacity {
|
|
4769
|
+
transition-property: opacity;
|
|
4770
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
4771
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
4772
|
+
}
|
|
4773
|
+
|
|
4774
|
+
.duration-200 {
|
|
4775
|
+
--tw-duration: .2s;
|
|
4776
|
+
transition-duration: .2s;
|
|
4777
|
+
}
|
|
4778
|
+
|
|
4779
|
+
.duration-\[var\(--transition-duration-basic\)\] {
|
|
4780
|
+
--tw-duration: var(--transition-duration-basic);
|
|
4781
|
+
transition-duration: var(--transition-duration-basic);
|
|
4782
|
+
}
|
|
4783
|
+
|
|
4784
|
+
.ease-\[var\(--transition-ease-basic\)\] {
|
|
4785
|
+
--tw-ease: var(--transition-ease-basic);
|
|
4786
|
+
transition-timing-function: var(--transition-ease-basic);
|
|
4787
|
+
}
|
|
4788
|
+
|
|
4789
|
+
.select-none {
|
|
4790
|
+
-webkit-user-select: none;
|
|
4791
|
+
user-select: none;
|
|
4792
|
+
}
|
|
4793
|
+
|
|
4794
|
+
.before\:absolute:before {
|
|
4795
|
+
content: var(--tw-content);
|
|
4796
|
+
position: absolute;
|
|
4797
|
+
}
|
|
4798
|
+
|
|
4799
|
+
.before\:inset-0:before {
|
|
4800
|
+
content: var(--tw-content);
|
|
4801
|
+
inset: calc(var(--spacing) * 0);
|
|
4802
|
+
}
|
|
4803
|
+
|
|
4804
|
+
.before\:block:before {
|
|
4805
|
+
content: var(--tw-content);
|
|
4806
|
+
display: block;
|
|
4807
|
+
}
|
|
4808
|
+
|
|
4809
|
+
.before\:scale-100:before {
|
|
4810
|
+
content: var(--tw-content);
|
|
4811
|
+
--tw-scale-x: 100%;
|
|
4812
|
+
--tw-scale-y: 100%;
|
|
4813
|
+
--tw-scale-z: 100%;
|
|
4814
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
4815
|
+
}
|
|
4816
|
+
|
|
4817
|
+
.before\:scale-\[0\.98\]:before {
|
|
4818
|
+
content: var(--tw-content);
|
|
4819
|
+
scale: .98;
|
|
4820
|
+
}
|
|
4821
|
+
|
|
4822
|
+
.before\:rounded-\[calc\(var\(--menu-radius\)-var\(--menu-gutter\)\)\]:before {
|
|
4823
|
+
content: var(--tw-content);
|
|
4824
|
+
border-radius: calc(var(--menu-radius) - var(--menu-gutter));
|
|
4825
|
+
}
|
|
4826
|
+
|
|
4827
|
+
.before\:rounded-\[inherit\]:before {
|
|
4828
|
+
content: var(--tw-content);
|
|
4829
|
+
border-radius: inherit;
|
|
4830
|
+
}
|
|
4831
|
+
|
|
4832
|
+
.before\:bg-\[var\(--menu-item-background-color\)\]:before {
|
|
4833
|
+
content: var(--tw-content);
|
|
4834
|
+
background-color: var(--menu-item-background-color);
|
|
4835
|
+
}
|
|
4836
|
+
|
|
4837
|
+
.before\:bg-transparent:before {
|
|
4838
|
+
content: var(--tw-content);
|
|
4839
|
+
background-color: #0000;
|
|
4840
|
+
}
|
|
4841
|
+
|
|
4842
|
+
.before\:opacity-0:before {
|
|
4843
|
+
content: var(--tw-content);
|
|
4844
|
+
opacity: 0;
|
|
4845
|
+
}
|
|
4846
|
+
|
|
4847
|
+
.before\:opacity-100:before {
|
|
4848
|
+
content: var(--tw-content);
|
|
4849
|
+
opacity: 1;
|
|
4850
|
+
}
|
|
4851
|
+
|
|
4852
|
+
.before\:shadow-\[0_0_0_1px_var\(--input-outline-border-color\)_inset\]:before {
|
|
4853
|
+
content: var(--tw-content);
|
|
4854
|
+
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--input-outline-border-color)) inset;
|
|
4855
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4856
|
+
}
|
|
4857
|
+
|
|
4858
|
+
.before\:shadow-\[0_0_0_1px_var\(--input-outline-border-color-hover\)_inset\]:before {
|
|
4859
|
+
content: var(--tw-content);
|
|
4860
|
+
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--input-outline-border-color-hover)) inset;
|
|
4861
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4862
|
+
}
|
|
4863
|
+
|
|
4864
|
+
.before\:transition-\[opacity\,background-color\,transform\,box-shadow\,border-color\]:before {
|
|
4865
|
+
content: var(--tw-content);
|
|
4866
|
+
transition-property: opacity, background-color, transform, box-shadow, border-color;
|
|
4867
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
4868
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
4869
|
+
}
|
|
4870
|
+
|
|
4871
|
+
.before\:transition-\[opacity\,background-color\,transform\]:before {
|
|
4872
|
+
content: var(--tw-content);
|
|
4873
|
+
transition-property: opacity, background-color, transform;
|
|
4874
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
4875
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
4876
|
+
}
|
|
4877
|
+
|
|
4878
|
+
.before\:duration-\[var\(--transition-duration-basic\)\]:before {
|
|
4879
|
+
content: var(--tw-content);
|
|
4880
|
+
--tw-duration: var(--transition-duration-basic);
|
|
4881
|
+
transition-duration: var(--transition-duration-basic);
|
|
4882
|
+
}
|
|
4883
|
+
|
|
4884
|
+
.before\:ease-\[var\(--cubic-enter\)\]:before {
|
|
4885
|
+
content: var(--tw-content);
|
|
4886
|
+
--tw-ease: var(--cubic-enter);
|
|
4887
|
+
transition-timing-function: var(--cubic-enter);
|
|
4888
|
+
}
|
|
4889
|
+
|
|
4890
|
+
.before\:ease-\[var\(--transition-ease-basic\)\]:before {
|
|
4891
|
+
content: var(--tw-content);
|
|
4892
|
+
--tw-ease: var(--transition-ease-basic);
|
|
4893
|
+
transition-timing-function: var(--transition-ease-basic);
|
|
4894
|
+
}
|
|
4895
|
+
|
|
4896
|
+
.after\:pointer-events-none:after {
|
|
4897
|
+
content: var(--tw-content);
|
|
4898
|
+
pointer-events: none;
|
|
4899
|
+
}
|
|
4900
|
+
|
|
4901
|
+
.after\:absolute:after {
|
|
4902
|
+
content: var(--tw-content);
|
|
4903
|
+
position: absolute;
|
|
4904
|
+
}
|
|
4905
|
+
|
|
4906
|
+
.after\:inset-0:after {
|
|
4907
|
+
content: var(--tw-content);
|
|
4908
|
+
inset: calc(var(--spacing) * 0);
|
|
4909
|
+
}
|
|
4910
|
+
|
|
4911
|
+
.after\:block:after {
|
|
4912
|
+
content: var(--tw-content);
|
|
4913
|
+
display: block;
|
|
4914
|
+
}
|
|
4915
|
+
|
|
4916
|
+
.after\:rounded-\[inherit\]:after {
|
|
4917
|
+
content: var(--tw-content);
|
|
4918
|
+
border-radius: inherit;
|
|
4919
|
+
}
|
|
4920
|
+
|
|
4921
|
+
.after\:transition-\[transform\]:after {
|
|
4922
|
+
content: var(--tw-content);
|
|
4923
|
+
transition-property: transform;
|
|
4924
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
4925
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
4926
|
+
}
|
|
4927
|
+
|
|
4928
|
+
.after\:duration-\[var\(--transition-duration-basic\)\]:after {
|
|
4929
|
+
content: var(--tw-content);
|
|
4930
|
+
--tw-duration: var(--transition-duration-basic);
|
|
4931
|
+
transition-duration: var(--transition-duration-basic);
|
|
4932
|
+
}
|
|
4933
|
+
|
|
4934
|
+
.after\:ease-\[var\(--transition-ease-basic\)\]:after {
|
|
4935
|
+
content: var(--tw-content);
|
|
4936
|
+
--tw-ease: var(--transition-ease-basic);
|
|
4937
|
+
transition-timing-function: var(--transition-ease-basic);
|
|
4938
|
+
}
|
|
4939
|
+
|
|
4940
|
+
.empty\:hidden:empty {
|
|
4941
|
+
display: none;
|
|
4942
|
+
}
|
|
4943
|
+
|
|
4944
|
+
@media (hover: hover) {
|
|
4945
|
+
.hover\:before\:shadow-\[0_0_0_1px_var\(--input-outline-border-color-hover\)_inset\]:hover:before {
|
|
4946
|
+
content: var(--tw-content);
|
|
4947
|
+
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--input-outline-border-color-hover)) inset;
|
|
4948
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4949
|
+
}
|
|
4950
|
+
}
|
|
4951
|
+
|
|
4952
|
+
.focus\:outline-none:focus {
|
|
4953
|
+
--tw-outline-style: none;
|
|
4954
|
+
outline-style: none;
|
|
4955
|
+
}
|
|
4956
|
+
|
|
4957
|
+
.focus-visible\:after\:outline:focus-visible:after {
|
|
4958
|
+
content: var(--tw-content);
|
|
4959
|
+
outline-style: var(--tw-outline-style);
|
|
4960
|
+
outline-width: 1px;
|
|
4961
|
+
}
|
|
4962
|
+
|
|
4963
|
+
.focus-visible\:after\:outline-2:focus-visible:after {
|
|
4964
|
+
content: var(--tw-content);
|
|
4965
|
+
outline-style: var(--tw-outline-style);
|
|
4966
|
+
outline-width: 2px;
|
|
4967
|
+
}
|
|
4968
|
+
|
|
4969
|
+
.focus-visible\:after\:outline-offset-\[-1px\]:focus-visible:after {
|
|
4970
|
+
content: var(--tw-content);
|
|
4971
|
+
outline-offset: -1px;
|
|
4972
|
+
}
|
|
4973
|
+
|
|
4974
|
+
.focus-visible\:after\:outline-\[var\(--color-ring\)\]:focus-visible:after {
|
|
4975
|
+
content: var(--tw-content);
|
|
4976
|
+
outline-color: var(--color-ring);
|
|
4977
|
+
}
|
|
4978
|
+
|
|
4979
|
+
@media (min-width: 48rem) {
|
|
4980
|
+
.md\:flex {
|
|
4981
|
+
display: flex;
|
|
4982
|
+
}
|
|
4983
|
+
}
|
|
4984
|
+
|
|
4985
|
+
.dark\:bg-\[\#303030\]:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
4986
|
+
background-color: #303030;
|
|
4987
|
+
}
|
|
4988
|
+
}
|
|
4989
|
+
|
|
4990
|
+
@property --tw-translate-x {
|
|
4991
|
+
syntax: "*";
|
|
4992
|
+
inherits: false;
|
|
4993
|
+
initial-value: 0;
|
|
4994
|
+
}
|
|
4995
|
+
|
|
4996
|
+
@property --tw-translate-y {
|
|
4997
|
+
syntax: "*";
|
|
4998
|
+
inherits: false;
|
|
4999
|
+
initial-value: 0;
|
|
5000
|
+
}
|
|
5001
|
+
|
|
5002
|
+
@property --tw-translate-z {
|
|
5003
|
+
syntax: "*";
|
|
5004
|
+
inherits: false;
|
|
5005
|
+
initial-value: 0;
|
|
5006
|
+
}
|
|
5007
|
+
|
|
5008
|
+
@property --tw-pan-x {
|
|
5009
|
+
syntax: "*";
|
|
5010
|
+
inherits: false
|
|
5011
|
+
}
|
|
5012
|
+
|
|
5013
|
+
@property --tw-pan-y {
|
|
5014
|
+
syntax: "*";
|
|
5015
|
+
inherits: false
|
|
5016
|
+
}
|
|
5017
|
+
|
|
5018
|
+
@property --tw-pinch-zoom {
|
|
5019
|
+
syntax: "*";
|
|
5020
|
+
inherits: false
|
|
5021
|
+
}
|
|
5022
|
+
|
|
5023
|
+
@property --tw-space-y-reverse {
|
|
5024
|
+
syntax: "*";
|
|
5025
|
+
inherits: false;
|
|
5026
|
+
initial-value: 0;
|
|
5027
|
+
}
|
|
5028
|
+
|
|
5029
|
+
@property --tw-border-style {
|
|
5030
|
+
syntax: "*";
|
|
5031
|
+
inherits: false;
|
|
5032
|
+
initial-value: solid;
|
|
5033
|
+
}
|
|
5034
|
+
|
|
5035
|
+
@property --tw-gradient-position {
|
|
5036
|
+
syntax: "*";
|
|
5037
|
+
inherits: false
|
|
5038
|
+
}
|
|
5039
|
+
|
|
5040
|
+
@property --tw-gradient-from {
|
|
5041
|
+
syntax: "<color>";
|
|
5042
|
+
inherits: false;
|
|
5043
|
+
initial-value: #0000;
|
|
5044
|
+
}
|
|
5045
|
+
|
|
5046
|
+
@property --tw-gradient-via {
|
|
5047
|
+
syntax: "<color>";
|
|
5048
|
+
inherits: false;
|
|
5049
|
+
initial-value: #0000;
|
|
5050
|
+
}
|
|
5051
|
+
|
|
5052
|
+
@property --tw-gradient-to {
|
|
5053
|
+
syntax: "<color>";
|
|
5054
|
+
inherits: false;
|
|
5055
|
+
initial-value: #0000;
|
|
5056
|
+
}
|
|
5057
|
+
|
|
5058
|
+
@property --tw-gradient-stops {
|
|
5059
|
+
syntax: "*";
|
|
5060
|
+
inherits: false
|
|
5061
|
+
}
|
|
5062
|
+
|
|
5063
|
+
@property --tw-gradient-via-stops {
|
|
5064
|
+
syntax: "*";
|
|
5065
|
+
inherits: false
|
|
5066
|
+
}
|
|
5067
|
+
|
|
5068
|
+
@property --tw-gradient-from-position {
|
|
5069
|
+
syntax: "<length-percentage>";
|
|
5070
|
+
inherits: false;
|
|
5071
|
+
initial-value: 0%;
|
|
5072
|
+
}
|
|
5073
|
+
|
|
5074
|
+
@property --tw-gradient-via-position {
|
|
5075
|
+
syntax: "<length-percentage>";
|
|
5076
|
+
inherits: false;
|
|
5077
|
+
initial-value: 50%;
|
|
5078
|
+
}
|
|
5079
|
+
|
|
5080
|
+
@property --tw-gradient-to-position {
|
|
5081
|
+
syntax: "<length-percentage>";
|
|
5082
|
+
inherits: false;
|
|
5083
|
+
initial-value: 100%;
|
|
5084
|
+
}
|
|
5085
|
+
|
|
5086
|
+
@property --tw-leading {
|
|
5087
|
+
syntax: "*";
|
|
5088
|
+
inherits: false
|
|
5089
|
+
}
|
|
5090
|
+
|
|
5091
|
+
@property --tw-font-weight {
|
|
5092
|
+
syntax: "*";
|
|
5093
|
+
inherits: false
|
|
5094
|
+
}
|
|
5095
|
+
|
|
5096
|
+
@property --tw-shadow {
|
|
5097
|
+
syntax: "*";
|
|
5098
|
+
inherits: false;
|
|
5099
|
+
initial-value: 0 0 #0000;
|
|
5100
|
+
}
|
|
5101
|
+
|
|
5102
|
+
@property --tw-shadow-color {
|
|
5103
|
+
syntax: "*";
|
|
5104
|
+
inherits: false
|
|
5105
|
+
}
|
|
5106
|
+
|
|
5107
|
+
@property --tw-shadow-alpha {
|
|
5108
|
+
syntax: "<percentage>";
|
|
5109
|
+
inherits: false;
|
|
5110
|
+
initial-value: 100%;
|
|
5111
|
+
}
|
|
5112
|
+
|
|
5113
|
+
@property --tw-inset-shadow {
|
|
5114
|
+
syntax: "*";
|
|
5115
|
+
inherits: false;
|
|
5116
|
+
initial-value: 0 0 #0000;
|
|
5117
|
+
}
|
|
5118
|
+
|
|
5119
|
+
@property --tw-inset-shadow-color {
|
|
5120
|
+
syntax: "*";
|
|
5121
|
+
inherits: false
|
|
5122
|
+
}
|
|
5123
|
+
|
|
5124
|
+
@property --tw-inset-shadow-alpha {
|
|
5125
|
+
syntax: "<percentage>";
|
|
5126
|
+
inherits: false;
|
|
5127
|
+
initial-value: 100%;
|
|
5128
|
+
}
|
|
5129
|
+
|
|
5130
|
+
@property --tw-ring-color {
|
|
5131
|
+
syntax: "*";
|
|
5132
|
+
inherits: false
|
|
5133
|
+
}
|
|
5134
|
+
|
|
5135
|
+
@property --tw-ring-shadow {
|
|
5136
|
+
syntax: "*";
|
|
5137
|
+
inherits: false;
|
|
5138
|
+
initial-value: 0 0 #0000;
|
|
5139
|
+
}
|
|
5140
|
+
|
|
5141
|
+
@property --tw-inset-ring-color {
|
|
5142
|
+
syntax: "*";
|
|
5143
|
+
inherits: false
|
|
5144
|
+
}
|
|
5145
|
+
|
|
5146
|
+
@property --tw-inset-ring-shadow {
|
|
5147
|
+
syntax: "*";
|
|
5148
|
+
inherits: false;
|
|
5149
|
+
initial-value: 0 0 #0000;
|
|
5150
|
+
}
|
|
5151
|
+
|
|
5152
|
+
@property --tw-ring-inset {
|
|
5153
|
+
syntax: "*";
|
|
5154
|
+
inherits: false
|
|
5155
|
+
}
|
|
5156
|
+
|
|
5157
|
+
@property --tw-ring-offset-width {
|
|
5158
|
+
syntax: "<length>";
|
|
5159
|
+
inherits: false;
|
|
5160
|
+
initial-value: 0;
|
|
5161
|
+
}
|
|
5162
|
+
|
|
5163
|
+
@property --tw-ring-offset-color {
|
|
5164
|
+
syntax: "*";
|
|
5165
|
+
inherits: false;
|
|
5166
|
+
initial-value: #fff;
|
|
5167
|
+
}
|
|
5168
|
+
|
|
5169
|
+
@property --tw-ring-offset-shadow {
|
|
5170
|
+
syntax: "*";
|
|
5171
|
+
inherits: false;
|
|
5172
|
+
initial-value: 0 0 #0000;
|
|
5173
|
+
}
|
|
5174
|
+
|
|
5175
|
+
@property --tw-blur {
|
|
5176
|
+
syntax: "*";
|
|
5177
|
+
inherits: false
|
|
5178
|
+
}
|
|
5179
|
+
|
|
5180
|
+
@property --tw-brightness {
|
|
5181
|
+
syntax: "*";
|
|
5182
|
+
inherits: false
|
|
5183
|
+
}
|
|
5184
|
+
|
|
5185
|
+
@property --tw-contrast {
|
|
5186
|
+
syntax: "*";
|
|
5187
|
+
inherits: false
|
|
5188
|
+
}
|
|
5189
|
+
|
|
5190
|
+
@property --tw-grayscale {
|
|
5191
|
+
syntax: "*";
|
|
5192
|
+
inherits: false
|
|
5193
|
+
}
|
|
5194
|
+
|
|
5195
|
+
@property --tw-hue-rotate {
|
|
5196
|
+
syntax: "*";
|
|
5197
|
+
inherits: false
|
|
5198
|
+
}
|
|
5199
|
+
|
|
5200
|
+
@property --tw-invert {
|
|
5201
|
+
syntax: "*";
|
|
5202
|
+
inherits: false
|
|
5203
|
+
}
|
|
5204
|
+
|
|
5205
|
+
@property --tw-opacity {
|
|
5206
|
+
syntax: "*";
|
|
5207
|
+
inherits: false
|
|
5208
|
+
}
|
|
5209
|
+
|
|
5210
|
+
@property --tw-saturate {
|
|
5211
|
+
syntax: "*";
|
|
5212
|
+
inherits: false
|
|
5213
|
+
}
|
|
5214
|
+
|
|
5215
|
+
@property --tw-sepia {
|
|
5216
|
+
syntax: "*";
|
|
5217
|
+
inherits: false
|
|
5218
|
+
}
|
|
5219
|
+
|
|
5220
|
+
@property --tw-drop-shadow {
|
|
5221
|
+
syntax: "*";
|
|
5222
|
+
inherits: false
|
|
5223
|
+
}
|
|
5224
|
+
|
|
5225
|
+
@property --tw-drop-shadow-color {
|
|
5226
|
+
syntax: "*";
|
|
5227
|
+
inherits: false
|
|
5228
|
+
}
|
|
5229
|
+
|
|
5230
|
+
@property --tw-drop-shadow-alpha {
|
|
5231
|
+
syntax: "<percentage>";
|
|
5232
|
+
inherits: false;
|
|
5233
|
+
initial-value: 100%;
|
|
5234
|
+
}
|
|
5235
|
+
|
|
5236
|
+
@property --tw-drop-shadow-size {
|
|
5237
|
+
syntax: "*";
|
|
5238
|
+
inherits: false
|
|
5239
|
+
}
|
|
5240
|
+
|
|
5241
|
+
@property --tw-duration {
|
|
5242
|
+
syntax: "*";
|
|
5243
|
+
inherits: false
|
|
5244
|
+
}
|
|
5245
|
+
|
|
5246
|
+
@property --tw-ease {
|
|
5247
|
+
syntax: "*";
|
|
5248
|
+
inherits: false
|
|
5249
|
+
}
|
|
5250
|
+
|
|
5251
|
+
@property --tw-content {
|
|
5252
|
+
syntax: "*";
|
|
5253
|
+
inherits: false;
|
|
5254
|
+
initial-value: "";
|
|
5255
|
+
}
|
|
5256
|
+
|
|
5257
|
+
@property --tw-scale-x {
|
|
5258
|
+
syntax: "*";
|
|
5259
|
+
inherits: false;
|
|
5260
|
+
initial-value: 1;
|
|
5261
|
+
}
|
|
5262
|
+
|
|
5263
|
+
@property --tw-scale-y {
|
|
5264
|
+
syntax: "*";
|
|
5265
|
+
inherits: false;
|
|
5266
|
+
initial-value: 1;
|
|
5267
|
+
}
|
|
5268
|
+
|
|
5269
|
+
@property --tw-scale-z {
|
|
5270
|
+
syntax: "*";
|
|
5271
|
+
inherits: false;
|
|
5272
|
+
initial-value: 1;
|
|
5273
|
+
}
|
|
5274
|
+
|
|
5275
|
+
@property --tw-outline-style {
|
|
5276
|
+
syntax: "*";
|
|
5277
|
+
inherits: false;
|
|
5278
|
+
initial-value: solid;
|
|
5279
|
+
}
|