@vaneui/ui 0.0.18 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/components/theme/components/ui/classes/appearanceClasses.d.ts +1 -1
  2. package/dist/components/theme/components/ui/props/keys.d.ts +16 -14
  3. package/dist/components/theme/components/ui/props/props.d.ts +4 -3
  4. package/dist/components/theme/components/ui/theme/common/ComponentTheme.d.ts +9 -1
  5. package/dist/components/theme/components/ui/theme/containerTheme.d.ts +2 -0
  6. package/dist/components/theme/components/ui/theme/layout/displayTheme.d.ts +9 -0
  7. package/dist/components/theme/components/utils/componentUtils.d.ts +2 -2
  8. package/dist/components/theme/index.js +2924 -170
  9. package/dist/components/theme/index.js.map +1 -1
  10. package/dist/components/ui/classes/appearanceClasses.d.ts +1 -1
  11. package/dist/components/ui/col.d.ts +0 -7
  12. package/dist/components/ui/props/keys.d.ts +16 -14
  13. package/dist/components/ui/props/props.d.ts +4 -3
  14. package/dist/components/ui/theme/common/ComponentTheme.d.ts +9 -1
  15. package/dist/components/ui/theme/containerTheme.d.ts +2 -0
  16. package/dist/components/ui/theme/layout/displayTheme.d.ts +9 -0
  17. package/dist/components/utils/buildComponent.d.ts +6 -7
  18. package/dist/components/utils/componentUtils.d.ts +2 -2
  19. package/dist/index.d.ts +2 -2
  20. package/dist/index.esm.js +3327 -3311
  21. package/dist/index.esm.js.map +1 -1
  22. package/dist/index.js +3327 -3309
  23. package/dist/index.js.map +1 -1
  24. package/dist/ui.css +16 -683
  25. package/dist/vars.css +121 -128
  26. package/package.json +5 -20
  27. package/dist/complex.css +0 -2716
  28. package/dist/components/theme/components/ui/classes/layoutClasses.d.ts +0 -13
  29. package/dist/components/ui/classes/layoutClasses.d.ts +0 -13
package/dist/complex.css DELETED
@@ -1,2716 +0,0 @@
1
- /*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer theme, base, components, utilities;
4
- @layer theme {
5
- :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
- --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
9
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
10
- "Courier New", monospace;
11
- --color-red-50: oklch(97.1% 0.013 17.38);
12
- --color-red-100: oklch(93.6% 0.032 17.717);
13
- --color-red-200: oklch(88.5% 0.062 18.334);
14
- --color-red-500: oklch(63.7% 0.237 25.331);
15
- --color-red-600: oklch(57.7% 0.245 27.325);
16
- --color-red-700: oklch(50.5% 0.213 27.518);
17
- --color-red-800: oklch(44.4% 0.177 26.899);
18
- --color-amber-50: oklch(98.7% 0.022 95.277);
19
- --color-amber-100: oklch(96.2% 0.059 95.617);
20
- --color-amber-200: oklch(92.4% 0.12 95.746);
21
- --color-amber-600: oklch(66.6% 0.179 58.318);
22
- --color-amber-700: oklch(55.5% 0.163 48.998);
23
- --color-amber-800: oklch(47.3% 0.137 46.201);
24
- --color-yellow-50: oklch(98.7% 0.026 102.212);
25
- --color-green-50: oklch(98.2% 0.018 155.826);
26
- --color-green-300: oklch(87.1% 0.15 154.449);
27
- --color-green-400: oklch(79.2% 0.209 151.711);
28
- --color-green-500: oklch(72.3% 0.219 149.579);
29
- --color-emerald-50: oklch(97.9% 0.021 166.113);
30
- --color-emerald-100: oklch(95% 0.052 163.051);
31
- --color-emerald-200: oklch(90.5% 0.093 164.15);
32
- --color-emerald-600: oklch(59.6% 0.145 163.225);
33
- --color-emerald-700: oklch(50.8% 0.118 165.612);
34
- --color-emerald-800: oklch(43.2% 0.095 166.913);
35
- --color-cyan-50: oklch(98.4% 0.019 200.873);
36
- --color-cyan-100: oklch(95.6% 0.045 203.388);
37
- --color-cyan-200: oklch(91.7% 0.08 205.041);
38
- --color-cyan-600: oklch(60.9% 0.126 221.723);
39
- --color-cyan-700: oklch(52% 0.105 223.128);
40
- --color-cyan-800: oklch(45% 0.085 224.283);
41
- --color-blue-50: oklch(97% 0.014 254.604);
42
- --color-blue-100: oklch(93.2% 0.032 255.585);
43
- --color-blue-200: oklch(88.2% 0.059 254.128);
44
- --color-blue-500: oklch(62.3% 0.214 259.815);
45
- --color-blue-600: oklch(54.6% 0.245 262.881);
46
- --color-blue-700: oklch(48.8% 0.243 264.376);
47
- --color-blue-800: oklch(42.4% 0.199 265.638);
48
- --color-blue-900: oklch(37.9% 0.146 265.522);
49
- --color-indigo-50: oklch(96.2% 0.018 272.314);
50
- --color-indigo-200: oklch(87% 0.065 274.039);
51
- --color-indigo-500: oklch(58.5% 0.233 277.117);
52
- --color-indigo-600: oklch(51.1% 0.262 276.966);
53
- --color-indigo-700: oklch(45.7% 0.24 277.023);
54
- --color-rose-50: oklch(96.9% 0.015 12.422);
55
- --color-rose-100: oklch(94.1% 0.03 12.58);
56
- --color-rose-200: oklch(89.2% 0.058 10.001);
57
- --color-rose-600: oklch(58.6% 0.253 17.585);
58
- --color-rose-700: oklch(51.4% 0.222 16.935);
59
- --color-rose-800: oklch(45.5% 0.188 13.697);
60
- --color-slate-100: oklch(96.8% 0.007 247.896);
61
- --color-slate-200: oklch(92.9% 0.013 255.508);
62
- --color-gray-50: oklch(98.5% 0.002 247.839);
63
- --color-gray-100: oklch(96.7% 0.003 264.542);
64
- --color-gray-200: oklch(92.8% 0.006 264.531);
65
- --color-gray-300: oklch(87.2% 0.01 258.338);
66
- --color-gray-400: oklch(70.7% 0.022 261.325);
67
- --color-gray-500: oklch(55.1% 0.027 264.364);
68
- --color-gray-600: oklch(44.6% 0.03 256.802);
69
- --color-gray-700: oklch(37.3% 0.034 259.733);
70
- --color-gray-800: oklch(27.8% 0.033 256.848);
71
- --color-gray-900: oklch(21% 0.034 264.665);
72
- --color-gray-950: oklch(13% 0.028 261.692);
73
- --color-white: #fff;
74
- --spacing: 0.25rem;
75
- --container-xs: 20rem;
76
- --container-xl: 36rem;
77
- --container-3xl: 48rem;
78
- --container-4xl: 56rem;
79
- --container-5xl: 64rem;
80
- --container-6xl: 72rem;
81
- --container-7xl: 80rem;
82
- --text-xs: 0.75rem;
83
- --text-xs--line-height: calc(1 / 0.75);
84
- --text-sm: 0.875rem;
85
- --text-sm--line-height: calc(1.25 / 0.875);
86
- --text-base: 1rem;
87
- --text-base--line-height: calc(1.5 / 1);
88
- --text-lg: 1.125rem;
89
- --text-lg--line-height: calc(1.75 / 1.125);
90
- --text-xl: 1.25rem;
91
- --text-xl--line-height: calc(1.75 / 1.25);
92
- --text-2xl: 1.5rem;
93
- --text-2xl--line-height: calc(2 / 1.5);
94
- --text-3xl: 1.875rem;
95
- --text-3xl--line-height: calc(2.25 / 1.875);
96
- --text-4xl: 2.25rem;
97
- --text-4xl--line-height: calc(2.5 / 2.25);
98
- --text-5xl: 3rem;
99
- --text-5xl--line-height: 1;
100
- --text-6xl: 3.75rem;
101
- --text-6xl--line-height: 1;
102
- --text-7xl: 4.5rem;
103
- --text-7xl--line-height: 1;
104
- --font-weight-thin: 100;
105
- --font-weight-extralight: 200;
106
- --font-weight-light: 300;
107
- --font-weight-normal: 400;
108
- --font-weight-medium: 500;
109
- --font-weight-semibold: 600;
110
- --font-weight-bold: 700;
111
- --font-weight-extrabold: 800;
112
- --font-weight-black: 900;
113
- --tracking-tighter: -0.05em;
114
- --tracking-wider: 0.05em;
115
- --radius-xs: 0.125rem;
116
- --radius-sm: 0.25rem;
117
- --radius-md: 0.375rem;
118
- --radius-lg: 0.5rem;
119
- --radius-xl: 0.75rem;
120
- --radius-2xl: 1rem;
121
- --radius-3xl: 1.5rem;
122
- --blur-sm: 8px;
123
- --blur-md: 12px;
124
- --default-transition-duration: 150ms;
125
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
126
- --default-font-family: var(--font-sans);
127
- --default-mono-font-family: var(--font-mono);
128
- --text-color-default: var(--color-gray-900, #111827);
129
- --text-color-primary: var(--color-blue-600, #2563eb);
130
- --text-color-secondary: var(--color-gray-600, #4b5563);
131
- --text-color-tertiary: var(--color-gray-500, #6b7280);
132
- --text-color-muted: var(--color-gray-400, #9ca3af);
133
- --text-color-link: var(--color-blue-600, #2563eb);
134
- --text-color-accent: var(--color-rose-700, #9333ea);
135
- --text-color-success: var(--color-emerald-600, #059669);
136
- --text-color-danger: var(--color-red-600, #dc2626);
137
- --text-color-warning: var(--color-amber-600, #d97706);
138
- --text-color-info: var(--color-cyan-600, #0891b2);
139
- --background-color-default: var(--color-white, #ffffff);
140
- --background-color-primary: var(--color-blue-50, #eff6ff);
141
- --background-color-secondary: var(--color-gray-50, #f9fafb);
142
- --background-color-tertiary: var(--color-gray-100, #f3f4f6);
143
- --background-color-accent: var(--color-rose-50, #faf5ff);
144
- --background-color-success: var(--color-emerald-50, #ecfdf5);
145
- --background-color-danger: var(--color-red-50, #fef2f2);
146
- --background-color-warning: var(--color-amber-50, #fffbeb);
147
- --background-color-info: var(--color-cyan-50, #ecfeff);
148
- --background-color-muted: var(--color-gray-50, #f9fafb);
149
- --background-color-link: var(--color-blue-50, #eff6ff);
150
- --background-color-hover-default: var(--color-gray-50, #f3f4f6);
151
- --background-color-hover-primary: var(--color-blue-100, #dbeafe);
152
- --background-color-hover-secondary: var(--color-gray-100, #f3f4f6);
153
- --background-color-hover-tertiary: var(--color-gray-200, #e5e7eb);
154
- --background-color-hover-accent: var(--color-rose-100, #f5d0fe);
155
- --background-color-hover-success: var(--color-emerald-100, #d1fae5);
156
- --background-color-hover-danger: var(--color-red-100, #fee2e2);
157
- --background-color-hover-warning: var(--color-amber-100, #fef3c7);
158
- --background-color-hover-info: var(--color-cyan-100, #cffafe);
159
- --background-color-hover-muted: var(--color-gray-100, #f3f4f6);
160
- --background-color-hover-link: var(--color-blue-100, #dbeafe);
161
- --background-color-active-default: var(--color-gray-100, #e5e7eb);
162
- --background-color-active-primary: var(--color-blue-200, #bfdbfe);
163
- --background-color-active-secondary: var(--color-gray-200, #e5e7eb);
164
- --background-color-active-tertiary: var(--color-gray-300, #d1d5db);
165
- --background-color-active-accent: var(--color-rose-200, #fbcfe8);
166
- --background-color-active-success: var(--color-emerald-200, #a7f3d0);
167
- --background-color-active-danger: var(--color-red-200, #fecaca);
168
- --background-color-active-warning: var(--color-amber-200, #fde68a);
169
- --background-color-active-info: var(--color-cyan-200, #a5f3fc);
170
- --background-color-active-muted: var(--color-gray-200, #e5e7eb);
171
- --background-color-active-link: var(--color-blue-200, #bfdbfe);
172
- --filled-background-color-default: var(--color-gray-800, #1f2937);
173
- --filled-background-color-primary: var(--color-blue-600, #2563eb);
174
- --filled-background-color-secondary: var(--color-gray-600, #4b5563);
175
- --filled-background-color-tertiary: var(--color-gray-500, #6b7280);
176
- --filled-background-color-accent: var(--color-rose-600, #e11d48);
177
- --filled-background-color-success: var(--color-emerald-600, #059669);
178
- --filled-background-color-danger: var(--color-red-600, #dc2626);
179
- --filled-background-color-warning: var(--color-amber-600, #d97706);
180
- --filled-background-color-info: var(--color-cyan-600, #0891b2);
181
- --filled-background-color-muted: var(--color-gray-500, #6b7280);
182
- --filled-background-color-link: var(--color-blue-600, #2563eb);
183
- --filled-background-color-hover-default: var(--color-gray-900, #111827);
184
- --filled-background-color-hover-primary: var(--color-blue-700, #1d4ed8);
185
- --filled-background-color-hover-secondary: var(--color-gray-700, #374151);
186
- --filled-background-color-hover-tertiary: var(--color-gray-600, #4b5563);
187
- --filled-background-color-hover-accent: var(--color-rose-700, #be123c);
188
- --filled-background-color-hover-success: var(--color-emerald-700, #047857);
189
- --filled-background-color-hover-danger: var(--color-red-700, #b91c1c);
190
- --filled-background-color-hover-warning: var(--color-amber-700, #b45309);
191
- --filled-background-color-hover-info: var(--color-cyan-700, #0e7490);
192
- --filled-background-color-hover-muted: var(--color-gray-600, #4b5563);
193
- --filled-background-color-hover-link: var(--color-blue-700, #1d4ed8);
194
- --filled-background-color-active-default: var(--color-gray-950, #030712);
195
- --filled-background-color-active-primary: var(--color-blue-800, #1e40af);
196
- --filled-background-color-active-secondary: var(--color-gray-800, #1f2937);
197
- --filled-background-color-active-tertiary: var(--color-gray-700, #374151);
198
- --filled-background-color-active-accent: var(--color-rose-800, #9f1239);
199
- --filled-background-color-active-success: var(--color-emerald-800, #065f46);
200
- --filled-background-color-active-danger: var(--color-red-800, #991b1b);
201
- --filled-background-color-active-warning: var(--color-amber-800, #92400e);
202
- --filled-background-color-active-info: var(--color-cyan-800, #155e75);
203
- --filled-background-color-active-muted: var(--color-gray-700, #374151);
204
- --filled-background-color-active-link: var(--color-blue-800, #1e40af);
205
- --layout-background-default: var(--color-white, #ffffff);
206
- --layout-background-primary: var(--color-white, #ffffff);
207
- --layout-background-secondary: var(--color-gray-50, #f9fafb);
208
- --layout-background-tertiary: var(--color-gray-100, #f3f4f6);
209
- --layout-background-accent: var(--color-indigo-50, #eef2ff);
210
- --layout-background-success: var(--color-green-50, #f0fdf4);
211
- --layout-background-danger: var(--color-red-50, #fef2f2);
212
- --layout-background-warning: var(--color-yellow-50, #fefce8);
213
- --layout-background-info: var(--color-blue-50, #eff6ff);
214
- --border-color-default: var(--color-gray-200, #d1d5db);
215
- --border-color-primary: var(--color-blue-200, #93c5fd);
216
- --border-color-secondary: var(--color-gray-200, #d1d5db);
217
- --border-color-tertiary: var(--color-gray-200, #e5e7eb);
218
- --border-color-muted: var(--color-gray-200, #e5e7eb);
219
- --border-color-link: var(--color-blue-200, #93c5fd);
220
- --border-color-accent: var(--color-rose-200, #d8b4fe);
221
- --border-color-success: var(--color-emerald-200, #6ee7b7);
222
- --border-color-danger: var(--color-red-200, #fca5a5);
223
- --border-color-warning: var(--color-amber-200, #fcd34d);
224
- --border-color-info: var(--color-cyan-200, #67e8f9);
225
- --filled-border-color-default: var(--color-gray-800, #1f2937);
226
- --filled-border-color-primary: var(--color-blue-600, #2563eb);
227
- --filled-border-color-secondary: var(--color-gray-600, #4b5563);
228
- --filled-border-color-tertiary: var(--color-gray-500, #6b7280);
229
- --filled-border-color-accent: var(--color-rose-600, #e11d48);
230
- --filled-border-color-success: var(--color-emerald-600, #059669);
231
- --filled-border-color-danger: var(--color-red-600, #dc2626);
232
- --filled-border-color-warning: var(--color-amber-600, #d97706);
233
- --filled-border-color-info: var(--color-cyan-600, #0891b2);
234
- --filled-border-color-muted: var(--color-gray-500, #6b7280);
235
- --filled-border-color-link: var(--color-blue-600, #2563eb);
236
- }
237
- }
238
- @layer base {
239
- *, ::after, ::before, ::backdrop, ::file-selector-button {
240
- box-sizing: border-box;
241
- margin: 0;
242
- padding: 0;
243
- border: 0 solid;
244
- }
245
- html, :host {
246
- line-height: 1.5;
247
- -webkit-text-size-adjust: 100%;
248
- tab-size: 4;
249
- 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");
250
- font-feature-settings: var(--default-font-feature-settings, normal);
251
- font-variation-settings: var(--default-font-variation-settings, normal);
252
- -webkit-tap-highlight-color: transparent;
253
- }
254
- hr {
255
- height: 0;
256
- color: inherit;
257
- border-top-width: 1px;
258
- }
259
- abbr:where([title]) {
260
- -webkit-text-decoration: underline dotted;
261
- text-decoration: underline dotted;
262
- }
263
- h1, h2, h3, h4, h5, h6 {
264
- font-size: inherit;
265
- font-weight: inherit;
266
- }
267
- a {
268
- color: inherit;
269
- -webkit-text-decoration: inherit;
270
- text-decoration: inherit;
271
- }
272
- b, strong {
273
- font-weight: bolder;
274
- }
275
- code, kbd, samp, pre {
276
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
277
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
278
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
279
- font-size: 1em;
280
- }
281
- small {
282
- font-size: 80%;
283
- }
284
- sub, sup {
285
- font-size: 75%;
286
- line-height: 0;
287
- position: relative;
288
- vertical-align: baseline;
289
- }
290
- sub {
291
- bottom: -0.25em;
292
- }
293
- sup {
294
- top: -0.5em;
295
- }
296
- table {
297
- text-indent: 0;
298
- border-color: inherit;
299
- border-collapse: collapse;
300
- }
301
- :-moz-focusring {
302
- outline: auto;
303
- }
304
- progress {
305
- vertical-align: baseline;
306
- }
307
- summary {
308
- display: list-item;
309
- }
310
- ol, ul, menu {
311
- list-style: none;
312
- }
313
- img, svg, video, canvas, audio, iframe, embed, object {
314
- display: block;
315
- vertical-align: middle;
316
- }
317
- img, video {
318
- max-width: 100%;
319
- height: auto;
320
- }
321
- button, input, select, optgroup, textarea, ::file-selector-button {
322
- font: inherit;
323
- font-feature-settings: inherit;
324
- font-variation-settings: inherit;
325
- letter-spacing: inherit;
326
- color: inherit;
327
- border-radius: 0;
328
- background-color: transparent;
329
- opacity: 1;
330
- }
331
- :where(select:is([multiple], [size])) optgroup {
332
- font-weight: bolder;
333
- }
334
- :where(select:is([multiple], [size])) optgroup option {
335
- padding-inline-start: 20px;
336
- }
337
- ::file-selector-button {
338
- margin-inline-end: 4px;
339
- }
340
- ::placeholder {
341
- opacity: 1;
342
- }
343
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
344
- ::placeholder {
345
- color: currentcolor;
346
- @supports (color: color-mix(in lab, red, red)) {
347
- color: color-mix(in oklab, currentcolor 50%, transparent);
348
- }
349
- }
350
- }
351
- textarea {
352
- resize: vertical;
353
- }
354
- ::-webkit-search-decoration {
355
- -webkit-appearance: none;
356
- }
357
- ::-webkit-date-and-time-value {
358
- min-height: 1lh;
359
- text-align: inherit;
360
- }
361
- ::-webkit-datetime-edit {
362
- display: inline-flex;
363
- }
364
- ::-webkit-datetime-edit-fields-wrapper {
365
- padding: 0;
366
- }
367
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
368
- padding-block: 0;
369
- }
370
- :-moz-ui-invalid {
371
- box-shadow: none;
372
- }
373
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
374
- appearance: button;
375
- }
376
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
377
- height: auto;
378
- }
379
- [hidden]:where(:not([hidden="until-found"])) {
380
- display: none !important;
381
- }
382
- }
383
- @layer utilities {
384
- .absolute {
385
- position: absolute;
386
- }
387
- .fixed {
388
- position: fixed;
389
- }
390
- .relative {
391
- position: relative;
392
- }
393
- .static {
394
- position: static;
395
- }
396
- .sticky {
397
- position: sticky;
398
- }
399
- .inset-0 {
400
- inset: calc(var(--spacing) * 0);
401
- }
402
- .top-\[calc\(36px\+\(var\(--spacing\)\*6\)\)\] {
403
- top: calc(36px + (var(--spacing) * 6));
404
- }
405
- .z-0 {
406
- z-index: 0;
407
- }
408
- .z-10 {
409
- z-index: 10;
410
- }
411
- .z-20 {
412
- z-index: 20;
413
- }
414
- .z-40 {
415
- z-index: 40;
416
- }
417
- .order-1 {
418
- order: 1;
419
- }
420
- .container {
421
- width: 100%;
422
- @media (width >= 40rem) {
423
- max-width: 40rem;
424
- }
425
- @media (width >= 48rem) {
426
- max-width: 48rem;
427
- }
428
- @media (width >= 64rem) {
429
- max-width: 64rem;
430
- }
431
- @media (width >= 80rem) {
432
- max-width: 80rem;
433
- }
434
- @media (width >= 96rem) {
435
- max-width: 96rem;
436
- }
437
- }
438
- .m-0 {
439
- margin: calc(var(--spacing) * 0);
440
- }
441
- .mx-auto {
442
- margin-inline: auto;
443
- }
444
- .mt-2 {
445
- margin-top: calc(var(--spacing) * 2);
446
- }
447
- .mt-4 {
448
- margin-top: calc(var(--spacing) * 4);
449
- }
450
- .mt-12 {
451
- margin-top: calc(var(--spacing) * 12);
452
- }
453
- .mt-\[calc\(36px\+\(var\(--spacing\)\*6\)\)\] {
454
- margin-top: calc(36px + (var(--spacing) * 6));
455
- }
456
- .mb-2 {
457
- margin-bottom: calc(var(--spacing) * 2);
458
- }
459
- .mb-4 {
460
- margin-bottom: calc(var(--spacing) * 4);
461
- }
462
- .mb-6 {
463
- margin-bottom: calc(var(--spacing) * 6);
464
- }
465
- .mb-12 {
466
- margin-bottom: calc(var(--spacing) * 12);
467
- }
468
- .ml-1 {
469
- margin-left: calc(var(--spacing) * 1);
470
- }
471
- .flex {
472
- display: flex;
473
- }
474
- .grid {
475
- display: grid;
476
- }
477
- .inline {
478
- display: inline;
479
- }
480
- .inline-flex {
481
- display: inline-flex;
482
- }
483
- .size-4 {
484
- width: calc(var(--spacing) * 4);
485
- height: calc(var(--spacing) * 4);
486
- }
487
- .size-4\.5 {
488
- width: calc(var(--spacing) * 4.5);
489
- height: calc(var(--spacing) * 4.5);
490
- }
491
- .size-5 {
492
- width: calc(var(--spacing) * 5);
493
- height: calc(var(--spacing) * 5);
494
- }
495
- .size-6 {
496
- width: calc(var(--spacing) * 6);
497
- height: calc(var(--spacing) * 6);
498
- }
499
- .size-7 {
500
- width: calc(var(--spacing) * 7);
501
- height: calc(var(--spacing) * 7);
502
- }
503
- .h-5 {
504
- height: calc(var(--spacing) * 5);
505
- }
506
- .h-6 {
507
- height: calc(var(--spacing) * 6);
508
- }
509
- .h-12 {
510
- height: calc(var(--spacing) * 12);
511
- }
512
- .h-\[36px\] {
513
- height: 36px;
514
- }
515
- .h-fit {
516
- height: fit-content;
517
- }
518
- .h-full {
519
- height: 100%;
520
- }
521
- .h-px {
522
- height: 1px;
523
- }
524
- .max-h-\[calc\(100dvh-36px-\(var\(--spacing\)\*6\)\)\] {
525
- max-height: calc(100dvh - 36px - (var(--spacing) * 6));
526
- }
527
- .min-h-screen {
528
- min-height: 100vh;
529
- }
530
- .w-5 {
531
- width: calc(var(--spacing) * 5);
532
- }
533
- .w-6 {
534
- width: calc(var(--spacing) * 6);
535
- }
536
- .w-12 {
537
- width: calc(var(--spacing) * 12);
538
- }
539
- .w-44 {
540
- width: calc(var(--spacing) * 44);
541
- }
542
- .w-\[48px\] {
543
- width: 48px;
544
- }
545
- .w-fit {
546
- width: fit-content;
547
- }
548
- .w-full {
549
- width: 100%;
550
- }
551
- .max-w-1\/2 {
552
- max-width: calc(1/2 * 100%);
553
- }
554
- .max-w-3xl {
555
- max-width: var(--container-3xl);
556
- }
557
- .max-w-4xl {
558
- max-width: var(--container-4xl);
559
- }
560
- .max-w-5xl {
561
- max-width: var(--container-5xl);
562
- }
563
- .max-w-6xl {
564
- max-width: var(--container-6xl);
565
- }
566
- .max-w-7xl {
567
- max-width: var(--container-7xl);
568
- }
569
- .max-w-full {
570
- max-width: 100%;
571
- }
572
- .max-w-xl {
573
- max-width: var(--container-xl);
574
- }
575
- .min-w-44 {
576
- min-width: calc(var(--spacing) * 44);
577
- }
578
- .min-w-full {
579
- min-width: 100%;
580
- }
581
- .min-w-xs {
582
- min-width: var(--container-xs);
583
- }
584
- .flex-1 {
585
- flex: 1;
586
- }
587
- .flex-grow {
588
- flex-grow: 1;
589
- }
590
- .transform {
591
- transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
592
- }
593
- .cursor-pointer {
594
- cursor: pointer;
595
- }
596
- .list-inside {
597
- list-style-position: inside;
598
- }
599
- .list-disc {
600
- list-style-type: disc;
601
- }
602
- .grid-cols-1 {
603
- grid-template-columns: repeat(1, minmax(0, 1fr));
604
- }
605
- .grid-cols-2 {
606
- grid-template-columns: repeat(2, minmax(0, 1fr));
607
- }
608
- .flex-col {
609
- flex-direction: column;
610
- }
611
- .flex-col-reverse {
612
- flex-direction: column-reverse;
613
- }
614
- .flex-row {
615
- flex-direction: row;
616
- }
617
- .flex-row-reverse {
618
- flex-direction: row-reverse;
619
- }
620
- .flex-nowrap {
621
- flex-wrap: nowrap;
622
- }
623
- .flex-wrap {
624
- flex-wrap: wrap;
625
- }
626
- .flex-wrap-reverse {
627
- flex-wrap: wrap-reverse;
628
- }
629
- .items-baseline {
630
- align-items: baseline;
631
- }
632
- .items-center {
633
- align-items: center;
634
- }
635
- .items-end {
636
- align-items: flex-end;
637
- }
638
- .items-start {
639
- align-items: flex-start;
640
- }
641
- .items-stretch {
642
- align-items: stretch;
643
- }
644
- .justify-around {
645
- justify-content: space-around;
646
- }
647
- .justify-baseline {
648
- justify-content: baseline;
649
- }
650
- .justify-between {
651
- justify-content: space-between;
652
- }
653
- .justify-center {
654
- justify-content: center;
655
- }
656
- .justify-end {
657
- justify-content: flex-end;
658
- }
659
- .justify-evenly {
660
- justify-content: space-evenly;
661
- }
662
- .justify-start {
663
- justify-content: flex-start;
664
- }
665
- .justify-stretch {
666
- justify-content: stretch;
667
- }
668
- .gap-0 {
669
- gap: calc(var(--spacing) * 0);
670
- }
671
- .gap-1 {
672
- gap: calc(var(--spacing) * 1);
673
- }
674
- .gap-1\.5 {
675
- gap: calc(var(--spacing) * 1.5);
676
- }
677
- .gap-2 {
678
- gap: calc(var(--spacing) * 2);
679
- }
680
- .gap-2\.5 {
681
- gap: calc(var(--spacing) * 2.5);
682
- }
683
- .gap-3 {
684
- gap: calc(var(--spacing) * 3);
685
- }
686
- .gap-4 {
687
- gap: calc(var(--spacing) * 4);
688
- }
689
- .gap-5 {
690
- gap: calc(var(--spacing) * 5);
691
- }
692
- .gap-6 {
693
- gap: calc(var(--spacing) * 6);
694
- }
695
- .gap-8 {
696
- gap: calc(var(--spacing) * 8);
697
- }
698
- .gap-10 {
699
- gap: calc(var(--spacing) * 10);
700
- }
701
- .gap-12 {
702
- gap: calc(var(--spacing) * 12);
703
- }
704
- .gap-16 {
705
- gap: calc(var(--spacing) * 16);
706
- }
707
- .space-y-1 {
708
- :where(& > :not(:last-child)) {
709
- --tw-space-y-reverse: 0;
710
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
711
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
712
- }
713
- }
714
- .space-y-4 {
715
- :where(& > :not(:last-child)) {
716
- --tw-space-y-reverse: 0;
717
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
718
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
719
- }
720
- }
721
- .divide-y {
722
- :where(& > :not(:last-child)) {
723
- --tw-divide-y-reverse: 0;
724
- border-bottom-style: var(--tw-border-style);
725
- border-top-style: var(--tw-border-style);
726
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
727
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
728
- }
729
- }
730
- .divide-gray-200 {
731
- :where(& > :not(:last-child)) {
732
- border-color: var(--color-gray-200);
733
- }
734
- }
735
- .overflow-auto {
736
- overflow: auto;
737
- }
738
- .overflow-hidden {
739
- overflow: hidden;
740
- }
741
- .overflow-visible {
742
- overflow: visible;
743
- }
744
- .overflow-x-auto {
745
- overflow-x: auto;
746
- }
747
- .overflow-y-auto {
748
- overflow-y: auto;
749
- }
750
- .rounded {
751
- border-radius: 0.25rem;
752
- }
753
- .rounded-2xl {
754
- border-radius: var(--radius-2xl);
755
- }
756
- .rounded-3xl {
757
- border-radius: var(--radius-3xl);
758
- }
759
- .rounded-full {
760
- border-radius: calc(infinity * 1px);
761
- }
762
- .rounded-lg {
763
- border-radius: var(--radius-lg);
764
- }
765
- .rounded-md {
766
- border-radius: var(--radius-md);
767
- }
768
- .rounded-none {
769
- border-radius: 0;
770
- }
771
- .rounded-sm {
772
- border-radius: var(--radius-sm);
773
- }
774
- .rounded-xl {
775
- border-radius: var(--radius-xl);
776
- }
777
- .rounded-xs {
778
- border-radius: var(--radius-xs);
779
- }
780
- .border {
781
- border-style: var(--tw-border-style);
782
- border-width: 1px;
783
- }
784
- .border-0 {
785
- border-style: var(--tw-border-style);
786
- border-width: 0px;
787
- }
788
- .border-8 {
789
- border-style: var(--tw-border-style);
790
- border-width: 8px;
791
- }
792
- .border-x {
793
- border-inline-style: var(--tw-border-style);
794
- border-inline-width: 1px;
795
- }
796
- .border-t {
797
- border-top-style: var(--tw-border-style);
798
- border-top-width: 1px;
799
- }
800
- .border-r {
801
- border-right-style: var(--tw-border-style);
802
- border-right-width: 1px;
803
- }
804
- .border-b {
805
- border-bottom-style: var(--tw-border-style);
806
- border-bottom-width: 1px;
807
- }
808
- .border-l-2 {
809
- border-left-style: var(--tw-border-style);
810
- border-left-width: 2px;
811
- }
812
- .border-none {
813
- --tw-border-style: none;
814
- border-style: none;
815
- }
816
- .border-\(--border-color-accent\) {
817
- border-color: var(--border-color-accent);
818
- }
819
- .border-\(--border-color-danger\) {
820
- border-color: var(--border-color-danger);
821
- }
822
- .border-\(--border-color-default\) {
823
- border-color: var(--border-color-default);
824
- }
825
- .border-\(--border-color-info\) {
826
- border-color: var(--border-color-info);
827
- }
828
- .border-\(--border-color-link\) {
829
- border-color: var(--border-color-link);
830
- }
831
- .border-\(--border-color-muted\) {
832
- border-color: var(--border-color-muted);
833
- }
834
- .border-\(--border-color-primary\) {
835
- border-color: var(--border-color-primary);
836
- }
837
- .border-\(--border-color-secondary\) {
838
- border-color: var(--border-color-secondary);
839
- }
840
- .border-\(--border-color-success\) {
841
- border-color: var(--border-color-success);
842
- }
843
- .border-\(--border-color-tertiary\) {
844
- border-color: var(--border-color-tertiary);
845
- }
846
- .border-\(--border-color-warning\) {
847
- border-color: var(--border-color-warning);
848
- }
849
- .border-\(--filled-border-color-accent\) {
850
- border-color: var(--filled-border-color-accent);
851
- }
852
- .border-\(--filled-border-color-danger\) {
853
- border-color: var(--filled-border-color-danger);
854
- }
855
- .border-\(--filled-border-color-default\) {
856
- border-color: var(--filled-border-color-default);
857
- }
858
- .border-\(--filled-border-color-info\) {
859
- border-color: var(--filled-border-color-info);
860
- }
861
- .border-\(--filled-border-color-link\) {
862
- border-color: var(--filled-border-color-link);
863
- }
864
- .border-\(--filled-border-color-muted\) {
865
- border-color: var(--filled-border-color-muted);
866
- }
867
- .border-\(--filled-border-color-primary\) {
868
- border-color: var(--filled-border-color-primary);
869
- }
870
- .border-\(--filled-border-color-secondary\) {
871
- border-color: var(--filled-border-color-secondary);
872
- }
873
- .border-\(--filled-border-color-success\) {
874
- border-color: var(--filled-border-color-success);
875
- }
876
- .border-\(--filled-border-color-tertiary\) {
877
- border-color: var(--filled-border-color-tertiary);
878
- }
879
- .border-\(--filled-border-color-warning\) {
880
- border-color: var(--filled-border-color-warning);
881
- }
882
- .border-gray-200 {
883
- border-color: var(--color-gray-200);
884
- }
885
- .border-gray-400\/10 {
886
- border-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent);
887
- @supports (color: color-mix(in lab, red, red)) {
888
- border-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
889
- }
890
- }
891
- .border-gray-600 {
892
- border-color: var(--color-gray-600);
893
- }
894
- .border-indigo-200 {
895
- border-color: var(--color-indigo-200);
896
- }
897
- .border-transparent {
898
- border-color: transparent;
899
- }
900
- .bg-\(--background-color-accent\) {
901
- background-color: var(--background-color-accent);
902
- }
903
- .bg-\(--background-color-danger\) {
904
- background-color: var(--background-color-danger);
905
- }
906
- .bg-\(--background-color-default\) {
907
- background-color: var(--background-color-default);
908
- }
909
- .bg-\(--background-color-info\) {
910
- background-color: var(--background-color-info);
911
- }
912
- .bg-\(--background-color-link\) {
913
- background-color: var(--background-color-link);
914
- }
915
- .bg-\(--background-color-muted\) {
916
- background-color: var(--background-color-muted);
917
- }
918
- .bg-\(--background-color-primary\) {
919
- background-color: var(--background-color-primary);
920
- }
921
- .bg-\(--background-color-secondary\) {
922
- background-color: var(--background-color-secondary);
923
- }
924
- .bg-\(--background-color-success\) {
925
- background-color: var(--background-color-success);
926
- }
927
- .bg-\(--background-color-tertiary\) {
928
- background-color: var(--background-color-tertiary);
929
- }
930
- .bg-\(--background-color-warning\) {
931
- background-color: var(--background-color-warning);
932
- }
933
- .bg-\(--border-color-accent\) {
934
- background-color: var(--border-color-accent);
935
- }
936
- .bg-\(--border-color-danger\) {
937
- background-color: var(--border-color-danger);
938
- }
939
- .bg-\(--border-color-default\) {
940
- background-color: var(--border-color-default);
941
- }
942
- .bg-\(--border-color-info\) {
943
- background-color: var(--border-color-info);
944
- }
945
- .bg-\(--border-color-link\) {
946
- background-color: var(--border-color-link);
947
- }
948
- .bg-\(--border-color-muted\) {
949
- background-color: var(--border-color-muted);
950
- }
951
- .bg-\(--border-color-primary\) {
952
- background-color: var(--border-color-primary);
953
- }
954
- .bg-\(--border-color-secondary\) {
955
- background-color: var(--border-color-secondary);
956
- }
957
- .bg-\(--border-color-success\) {
958
- background-color: var(--border-color-success);
959
- }
960
- .bg-\(--border-color-tertiary\) {
961
- background-color: var(--border-color-tertiary);
962
- }
963
- .bg-\(--border-color-warning\) {
964
- background-color: var(--border-color-warning);
965
- }
966
- .bg-\(--filled-background-color-accent\) {
967
- background-color: var(--filled-background-color-accent);
968
- }
969
- .bg-\(--filled-background-color-danger\) {
970
- background-color: var(--filled-background-color-danger);
971
- }
972
- .bg-\(--filled-background-color-default\) {
973
- background-color: var(--filled-background-color-default);
974
- }
975
- .bg-\(--filled-background-color-info\) {
976
- background-color: var(--filled-background-color-info);
977
- }
978
- .bg-\(--filled-background-color-link\) {
979
- background-color: var(--filled-background-color-link);
980
- }
981
- .bg-\(--filled-background-color-muted\) {
982
- background-color: var(--filled-background-color-muted);
983
- }
984
- .bg-\(--filled-background-color-primary\) {
985
- background-color: var(--filled-background-color-primary);
986
- }
987
- .bg-\(--filled-background-color-secondary\) {
988
- background-color: var(--filled-background-color-secondary);
989
- }
990
- .bg-\(--filled-background-color-success\) {
991
- background-color: var(--filled-background-color-success);
992
- }
993
- .bg-\(--filled-background-color-tertiary\) {
994
- background-color: var(--filled-background-color-tertiary);
995
- }
996
- .bg-\(--filled-background-color-warning\) {
997
- background-color: var(--filled-background-color-warning);
998
- }
999
- .bg-\(--layout-background-accent\) {
1000
- background-color: var(--layout-background-accent);
1001
- }
1002
- .bg-\(--layout-background-danger\) {
1003
- background-color: var(--layout-background-danger);
1004
- }
1005
- .bg-\(--layout-background-default\) {
1006
- background-color: var(--layout-background-default);
1007
- }
1008
- .bg-\(--layout-background-info\) {
1009
- background-color: var(--layout-background-info);
1010
- }
1011
- .bg-\(--layout-background-primary\) {
1012
- background-color: var(--layout-background-primary);
1013
- }
1014
- .bg-\(--layout-background-secondary\) {
1015
- background-color: var(--layout-background-secondary);
1016
- }
1017
- .bg-\(--layout-background-success\) {
1018
- background-color: var(--layout-background-success);
1019
- }
1020
- .bg-\(--layout-background-tertiary\) {
1021
- background-color: var(--layout-background-tertiary);
1022
- }
1023
- .bg-\(--layout-background-warning\) {
1024
- background-color: var(--layout-background-warning);
1025
- }
1026
- .bg-gray-50 {
1027
- background-color: var(--color-gray-50);
1028
- }
1029
- .bg-gray-100 {
1030
- background-color: var(--color-gray-100);
1031
- }
1032
- .bg-gray-300 {
1033
- background-color: var(--color-gray-300);
1034
- }
1035
- .bg-indigo-50 {
1036
- background-color: var(--color-indigo-50);
1037
- }
1038
- .bg-transparent {
1039
- background-color: transparent;
1040
- }
1041
- .bg-white {
1042
- background-color: var(--color-white);
1043
- }
1044
- .bg-white\/70 {
1045
- background-color: color-mix(in srgb, #fff 70%, transparent);
1046
- @supports (color: color-mix(in lab, red, red)) {
1047
- background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
1048
- }
1049
- }
1050
- .bg-gradient-to-r {
1051
- --tw-gradient-position: to right in oklab;
1052
- background-image: linear-gradient(var(--tw-gradient-stops));
1053
- }
1054
- .bg-\[linear-gradient\(to_right\,var\(--color-gray-100\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--color-gray-100\)_1px\,transparent_1px\)\] {
1055
- background-image: linear-gradient(to right,var(--color-gray-100) 1px,transparent 1px),linear-gradient(to bottom,var(--color-gray-100) 1px,transparent 1px);
1056
- }
1057
- .bg-\[radial-gradient\(var\(--color-slate-200\)_1px\,transparent_1px\)\] {
1058
- background-image: radial-gradient(var(--color-slate-200) 1px,transparent 1px);
1059
- }
1060
- .from-green-400 {
1061
- --tw-gradient-from: var(--color-green-400);
1062
- --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));
1063
- }
1064
- .from-slate-100 {
1065
- --tw-gradient-from: var(--color-slate-100);
1066
- --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));
1067
- }
1068
- .via-white {
1069
- --tw-gradient-via: var(--color-white);
1070
- --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
1071
- --tw-gradient-stops: var(--tw-gradient-via-stops);
1072
- }
1073
- .to-blue-500 {
1074
- --tw-gradient-to: var(--color-blue-500);
1075
- --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));
1076
- }
1077
- .to-slate-100 {
1078
- --tw-gradient-to: var(--color-slate-100);
1079
- --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));
1080
- }
1081
- .\[background-size\:calc\(var\(--spacing\)\*4\)_calc\(var\(--spacing\)\*4\)\] {
1082
- background-size: calc(var(--spacing) * 4) calc(var(--spacing) * 4);
1083
- }
1084
- .bg-\[size\:calc\(var\(--spacing\)\*6\)_calc\(var\(--spacing\)\*6\)\] {
1085
- background-size: calc(var(--spacing) * 6) calc(var(--spacing) * 6);
1086
- }
1087
- .object-cover {
1088
- object-fit: cover;
1089
- }
1090
- .p-0 {
1091
- padding: calc(var(--spacing) * 0);
1092
- }
1093
- .p-2 {
1094
- padding: calc(var(--spacing) * 2);
1095
- }
1096
- .p-4 {
1097
- padding: calc(var(--spacing) * 4);
1098
- }
1099
- .p-6 {
1100
- padding: calc(var(--spacing) * 6);
1101
- }
1102
- .p-8 {
1103
- padding: calc(var(--spacing) * 8);
1104
- }
1105
- .px-0 {
1106
- padding-inline: calc(var(--spacing) * 0);
1107
- }
1108
- .px-2 {
1109
- padding-inline: calc(var(--spacing) * 2);
1110
- }
1111
- .px-2\.5 {
1112
- padding-inline: calc(var(--spacing) * 2.5);
1113
- }
1114
- .px-3 {
1115
- padding-inline: calc(var(--spacing) * 3);
1116
- }
1117
- .px-3\.5 {
1118
- padding-inline: calc(var(--spacing) * 3.5);
1119
- }
1120
- .px-4 {
1121
- padding-inline: calc(var(--spacing) * 4);
1122
- }
1123
- .px-5 {
1124
- padding-inline: calc(var(--spacing) * 5);
1125
- }
1126
- .px-6 {
1127
- padding-inline: calc(var(--spacing) * 6);
1128
- }
1129
- .px-7 {
1130
- padding-inline: calc(var(--spacing) * 7);
1131
- }
1132
- .px-8 {
1133
- padding-inline: calc(var(--spacing) * 8);
1134
- }
1135
- .px-9 {
1136
- padding-inline: calc(var(--spacing) * 9);
1137
- }
1138
- .px-10 {
1139
- padding-inline: calc(var(--spacing) * 10);
1140
- }
1141
- .py-0 {
1142
- padding-block: calc(var(--spacing) * 0);
1143
- }
1144
- .py-0\.5 {
1145
- padding-block: calc(var(--spacing) * 0.5);
1146
- }
1147
- .py-1 {
1148
- padding-block: calc(var(--spacing) * 1);
1149
- }
1150
- .py-1\.5 {
1151
- padding-block: calc(var(--spacing) * 1.5);
1152
- }
1153
- .py-2 {
1154
- padding-block: calc(var(--spacing) * 2);
1155
- }
1156
- .py-2\.5 {
1157
- padding-block: calc(var(--spacing) * 2.5);
1158
- }
1159
- .py-3 {
1160
- padding-block: calc(var(--spacing) * 3);
1161
- }
1162
- .py-4 {
1163
- padding-block: calc(var(--spacing) * 4);
1164
- }
1165
- .py-5 {
1166
- padding-block: calc(var(--spacing) * 5);
1167
- }
1168
- .py-6 {
1169
- padding-block: calc(var(--spacing) * 6);
1170
- }
1171
- .py-8 {
1172
- padding-block: calc(var(--spacing) * 8);
1173
- }
1174
- .py-10 {
1175
- padding-block: calc(var(--spacing) * 10);
1176
- }
1177
- .py-12 {
1178
- padding-block: calc(var(--spacing) * 12);
1179
- }
1180
- .py-16 {
1181
- padding-block: calc(var(--spacing) * 16);
1182
- }
1183
- .py-20 {
1184
- padding-block: calc(var(--spacing) * 20);
1185
- }
1186
- .pt-\[calc\(36px\+\(var\(--spacing\)\*6\)\)\] {
1187
- padding-top: calc(36px + (var(--spacing) * 6));
1188
- }
1189
- .pr-2 {
1190
- padding-right: calc(var(--spacing) * 2);
1191
- }
1192
- .pr-6 {
1193
- padding-right: calc(var(--spacing) * 6);
1194
- }
1195
- .pl-2 {
1196
- padding-left: calc(var(--spacing) * 2);
1197
- }
1198
- .pl-4 {
1199
- padding-left: calc(var(--spacing) * 4);
1200
- }
1201
- .pl-5 {
1202
- padding-left: calc(var(--spacing) * 5);
1203
- }
1204
- .pl-6 {
1205
- padding-left: calc(var(--spacing) * 6);
1206
- }
1207
- .pl-\[calc\(var\(--spacing\)\*2\.5-1px\)\] {
1208
- padding-left: calc(var(--spacing) * 2.5 - 1px);
1209
- }
1210
- .text-center {
1211
- text-align: center;
1212
- }
1213
- .text-justify {
1214
- text-align: justify;
1215
- }
1216
- .text-left {
1217
- text-align: left;
1218
- }
1219
- .text-right {
1220
- text-align: right;
1221
- }
1222
- .font-mono {
1223
- font-family: var(--font-mono);
1224
- }
1225
- .font-sans {
1226
- font-family: var(--font-sans);
1227
- }
1228
- .font-serif {
1229
- font-family: var(--font-serif);
1230
- }
1231
- .text-2xl {
1232
- font-size: var(--text-2xl);
1233
- line-height: var(--tw-leading, var(--text-2xl--line-height));
1234
- }
1235
- .text-3xl {
1236
- font-size: var(--text-3xl);
1237
- line-height: var(--tw-leading, var(--text-3xl--line-height));
1238
- }
1239
- .text-4xl {
1240
- font-size: var(--text-4xl);
1241
- line-height: var(--tw-leading, var(--text-4xl--line-height));
1242
- }
1243
- .text-5xl {
1244
- font-size: var(--text-5xl);
1245
- line-height: var(--tw-leading, var(--text-5xl--line-height));
1246
- }
1247
- .text-6xl {
1248
- font-size: var(--text-6xl);
1249
- line-height: var(--tw-leading, var(--text-6xl--line-height));
1250
- }
1251
- .text-7xl {
1252
- font-size: var(--text-7xl);
1253
- line-height: var(--tw-leading, var(--text-7xl--line-height));
1254
- }
1255
- .text-base {
1256
- font-size: var(--text-base);
1257
- line-height: var(--tw-leading, var(--text-base--line-height));
1258
- }
1259
- .text-lg {
1260
- font-size: var(--text-lg);
1261
- line-height: var(--tw-leading, var(--text-lg--line-height));
1262
- }
1263
- .text-sm {
1264
- font-size: var(--text-sm);
1265
- line-height: var(--tw-leading, var(--text-sm--line-height));
1266
- }
1267
- .text-xl {
1268
- font-size: var(--text-xl);
1269
- line-height: var(--tw-leading, var(--text-xl--line-height));
1270
- }
1271
- .text-xs {
1272
- font-size: var(--text-xs);
1273
- line-height: var(--tw-leading, var(--text-xs--line-height));
1274
- }
1275
- .font-black {
1276
- --tw-font-weight: var(--font-weight-black);
1277
- font-weight: var(--font-weight-black);
1278
- }
1279
- .font-bold {
1280
- --tw-font-weight: var(--font-weight-bold);
1281
- font-weight: var(--font-weight-bold);
1282
- }
1283
- .font-extrabold {
1284
- --tw-font-weight: var(--font-weight-extrabold);
1285
- font-weight: var(--font-weight-extrabold);
1286
- }
1287
- .font-extralight {
1288
- --tw-font-weight: var(--font-weight-extralight);
1289
- font-weight: var(--font-weight-extralight);
1290
- }
1291
- .font-light {
1292
- --tw-font-weight: var(--font-weight-light);
1293
- font-weight: var(--font-weight-light);
1294
- }
1295
- .font-medium {
1296
- --tw-font-weight: var(--font-weight-medium);
1297
- font-weight: var(--font-weight-medium);
1298
- }
1299
- .font-normal {
1300
- --tw-font-weight: var(--font-weight-normal);
1301
- font-weight: var(--font-weight-normal);
1302
- }
1303
- .font-semibold {
1304
- --tw-font-weight: var(--font-weight-semibold);
1305
- font-weight: var(--font-weight-semibold);
1306
- }
1307
- .font-thin {
1308
- --tw-font-weight: var(--font-weight-thin);
1309
- font-weight: var(--font-weight-thin);
1310
- }
1311
- .tracking-tighter {
1312
- --tw-tracking: var(--tracking-tighter);
1313
- letter-spacing: var(--tracking-tighter);
1314
- }
1315
- .tracking-wider {
1316
- --tw-tracking: var(--tracking-wider);
1317
- letter-spacing: var(--tracking-wider);
1318
- }
1319
- .text-balance {
1320
- text-wrap: balance;
1321
- }
1322
- .whitespace-nowrap {
1323
- white-space: nowrap;
1324
- }
1325
- .text-\(--text-color-accent\) {
1326
- color: var(--text-color-accent);
1327
- }
1328
- .text-\(--text-color-danger\) {
1329
- color: var(--text-color-danger);
1330
- }
1331
- .text-\(--text-color-default\) {
1332
- color: var(--text-color-default);
1333
- }
1334
- .text-\(--text-color-info\) {
1335
- color: var(--text-color-info);
1336
- }
1337
- .text-\(--text-color-link\) {
1338
- color: var(--text-color-link);
1339
- }
1340
- .text-\(--text-color-muted\) {
1341
- color: var(--text-color-muted);
1342
- }
1343
- .text-\(--text-color-primary\) {
1344
- color: var(--text-color-primary);
1345
- }
1346
- .text-\(--text-color-secondary\) {
1347
- color: var(--text-color-secondary);
1348
- }
1349
- .text-\(--text-color-success\) {
1350
- color: var(--text-color-success);
1351
- }
1352
- .text-\(--text-color-tertiary\) {
1353
- color: var(--text-color-tertiary);
1354
- }
1355
- .text-\(--text-color-warning\) {
1356
- color: var(--text-color-warning);
1357
- }
1358
- .text-blue-500 {
1359
- color: var(--color-blue-500);
1360
- }
1361
- .text-gray-500 {
1362
- color: var(--color-gray-500);
1363
- }
1364
- .text-gray-900 {
1365
- color: var(--color-gray-900);
1366
- }
1367
- .text-indigo-500 {
1368
- color: var(--color-indigo-500);
1369
- }
1370
- .text-indigo-600 {
1371
- color: var(--color-indigo-600);
1372
- }
1373
- .text-indigo-700 {
1374
- color: var(--color-indigo-700);
1375
- }
1376
- .text-red-500 {
1377
- color: var(--color-red-500);
1378
- }
1379
- .text-secondary {
1380
- color: var(--text-color-secondary);
1381
- }
1382
- .text-transparent {
1383
- color: transparent;
1384
- }
1385
- .text-white {
1386
- color: var(--color-white);
1387
- }
1388
- .capitalize {
1389
- text-transform: capitalize;
1390
- }
1391
- .lowercase {
1392
- text-transform: lowercase;
1393
- }
1394
- .normal-case {
1395
- text-transform: none;
1396
- }
1397
- .uppercase {
1398
- text-transform: uppercase;
1399
- }
1400
- .italic {
1401
- font-style: italic;
1402
- }
1403
- .not-italic {
1404
- font-style: normal;
1405
- }
1406
- .line-through {
1407
- text-decoration-line: line-through;
1408
- }
1409
- .no-underline {
1410
- text-decoration-line: none;
1411
- }
1412
- .overline {
1413
- text-decoration-line: overline;
1414
- }
1415
- .underline {
1416
- text-decoration-line: underline;
1417
- }
1418
- .shadow {
1419
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1420
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1421
- }
1422
- .shadow-2xs {
1423
- --tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1424
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1425
- }
1426
- .shadow-lg {
1427
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1428
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1429
- }
1430
- .shadow-md {
1431
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1432
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1433
- }
1434
- .shadow-none {
1435
- --tw-shadow: 0 0 #0000;
1436
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1437
- }
1438
- .shadow-sm {
1439
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1440
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1441
- }
1442
- .shadow-xl {
1443
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1444
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1445
- }
1446
- .shadow-xs {
1447
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1448
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1449
- }
1450
- .ring {
1451
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1452
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1453
- }
1454
- .ring-0 {
1455
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1456
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1457
- }
1458
- .ring-2 {
1459
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1460
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1461
- }
1462
- .ring-\(--border-color-accent\) {
1463
- --tw-ring-color: var(--border-color-accent);
1464
- }
1465
- .ring-\(--border-color-danger\) {
1466
- --tw-ring-color: var(--border-color-danger);
1467
- }
1468
- .ring-\(--border-color-default\) {
1469
- --tw-ring-color: var(--border-color-default);
1470
- }
1471
- .ring-\(--border-color-info\) {
1472
- --tw-ring-color: var(--border-color-info);
1473
- }
1474
- .ring-\(--border-color-link\) {
1475
- --tw-ring-color: var(--border-color-link);
1476
- }
1477
- .ring-\(--border-color-muted\) {
1478
- --tw-ring-color: var(--border-color-muted);
1479
- }
1480
- .ring-\(--border-color-primary\) {
1481
- --tw-ring-color: var(--border-color-primary);
1482
- }
1483
- .ring-\(--border-color-secondary\) {
1484
- --tw-ring-color: var(--border-color-secondary);
1485
- }
1486
- .ring-\(--border-color-success\) {
1487
- --tw-ring-color: var(--border-color-success);
1488
- }
1489
- .ring-\(--border-color-tertiary\) {
1490
- --tw-ring-color: var(--border-color-tertiary);
1491
- }
1492
- .ring-\(--border-color-warning\) {
1493
- --tw-ring-color: var(--border-color-warning);
1494
- }
1495
- .ring-\(--filled-border-color-accent\) {
1496
- --tw-ring-color: var(--filled-border-color-accent);
1497
- }
1498
- .ring-\(--filled-border-color-danger\) {
1499
- --tw-ring-color: var(--filled-border-color-danger);
1500
- }
1501
- .ring-\(--filled-border-color-default\) {
1502
- --tw-ring-color: var(--filled-border-color-default);
1503
- }
1504
- .ring-\(--filled-border-color-info\) {
1505
- --tw-ring-color: var(--filled-border-color-info);
1506
- }
1507
- .ring-\(--filled-border-color-link\) {
1508
- --tw-ring-color: var(--filled-border-color-link);
1509
- }
1510
- .ring-\(--filled-border-color-muted\) {
1511
- --tw-ring-color: var(--filled-border-color-muted);
1512
- }
1513
- .ring-\(--filled-border-color-primary\) {
1514
- --tw-ring-color: var(--filled-border-color-primary);
1515
- }
1516
- .ring-\(--filled-border-color-secondary\) {
1517
- --tw-ring-color: var(--filled-border-color-secondary);
1518
- }
1519
- .ring-\(--filled-border-color-success\) {
1520
- --tw-ring-color: var(--filled-border-color-success);
1521
- }
1522
- .ring-\(--filled-border-color-tertiary\) {
1523
- --tw-ring-color: var(--filled-border-color-tertiary);
1524
- }
1525
- .ring-\(--filled-border-color-warning\) {
1526
- --tw-ring-color: var(--filled-border-color-warning);
1527
- }
1528
- .ring-green-300 {
1529
- --tw-ring-color: var(--color-green-300);
1530
- }
1531
- .ring-transparent {
1532
- --tw-ring-color: transparent;
1533
- }
1534
- .outline {
1535
- outline-style: var(--tw-outline-style);
1536
- outline-width: 1px;
1537
- }
1538
- .filter {
1539
- 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,);
1540
- }
1541
- .backdrop-blur-md {
1542
- --tw-backdrop-blur: blur(var(--blur-md));
1543
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1544
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1545
- }
1546
- .backdrop-blur-sm {
1547
- --tw-backdrop-blur: blur(var(--blur-sm));
1548
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1549
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1550
- }
1551
- .transition-all {
1552
- transition-property: all;
1553
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1554
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1555
- }
1556
- .transition-shadow {
1557
- transition-property: box-shadow;
1558
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1559
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1560
- }
1561
- .duration-200 {
1562
- --tw-duration: 200ms;
1563
- transition-duration: 200ms;
1564
- }
1565
- .ring-inset {
1566
- --tw-ring-inset: inset;
1567
- }
1568
- .hover\:border {
1569
- &:hover {
1570
- @media (hover: hover) {
1571
- border-style: var(--tw-border-style);
1572
- border-width: 1px;
1573
- }
1574
- }
1575
- }
1576
- .hover\:border-none {
1577
- &:hover {
1578
- @media (hover: hover) {
1579
- --tw-border-style: none;
1580
- border-style: none;
1581
- }
1582
- }
1583
- }
1584
- .hover\:border-gray-400 {
1585
- &:hover {
1586
- @media (hover: hover) {
1587
- border-color: var(--color-gray-400);
1588
- }
1589
- }
1590
- }
1591
- .hover\:bg-\(--background-color-hover-accent\) {
1592
- &:hover {
1593
- @media (hover: hover) {
1594
- background-color: var(--background-color-hover-accent);
1595
- }
1596
- }
1597
- }
1598
- .hover\:bg-\(--background-color-hover-danger\) {
1599
- &:hover {
1600
- @media (hover: hover) {
1601
- background-color: var(--background-color-hover-danger);
1602
- }
1603
- }
1604
- }
1605
- .hover\:bg-\(--background-color-hover-default\) {
1606
- &:hover {
1607
- @media (hover: hover) {
1608
- background-color: var(--background-color-hover-default);
1609
- }
1610
- }
1611
- }
1612
- .hover\:bg-\(--background-color-hover-info\) {
1613
- &:hover {
1614
- @media (hover: hover) {
1615
- background-color: var(--background-color-hover-info);
1616
- }
1617
- }
1618
- }
1619
- .hover\:bg-\(--background-color-hover-link\) {
1620
- &:hover {
1621
- @media (hover: hover) {
1622
- background-color: var(--background-color-hover-link);
1623
- }
1624
- }
1625
- }
1626
- .hover\:bg-\(--background-color-hover-muted\) {
1627
- &:hover {
1628
- @media (hover: hover) {
1629
- background-color: var(--background-color-hover-muted);
1630
- }
1631
- }
1632
- }
1633
- .hover\:bg-\(--background-color-hover-primary\) {
1634
- &:hover {
1635
- @media (hover: hover) {
1636
- background-color: var(--background-color-hover-primary);
1637
- }
1638
- }
1639
- }
1640
- .hover\:bg-\(--background-color-hover-secondary\) {
1641
- &:hover {
1642
- @media (hover: hover) {
1643
- background-color: var(--background-color-hover-secondary);
1644
- }
1645
- }
1646
- }
1647
- .hover\:bg-\(--background-color-hover-success\) {
1648
- &:hover {
1649
- @media (hover: hover) {
1650
- background-color: var(--background-color-hover-success);
1651
- }
1652
- }
1653
- }
1654
- .hover\:bg-\(--background-color-hover-tertiary\) {
1655
- &:hover {
1656
- @media (hover: hover) {
1657
- background-color: var(--background-color-hover-tertiary);
1658
- }
1659
- }
1660
- }
1661
- .hover\:bg-\(--background-color-hover-warning\) {
1662
- &:hover {
1663
- @media (hover: hover) {
1664
- background-color: var(--background-color-hover-warning);
1665
- }
1666
- }
1667
- }
1668
- .hover\:bg-\(--filled-background-color-hover-accent\) {
1669
- &:hover {
1670
- @media (hover: hover) {
1671
- background-color: var(--filled-background-color-hover-accent);
1672
- }
1673
- }
1674
- }
1675
- .hover\:bg-\(--filled-background-color-hover-danger\) {
1676
- &:hover {
1677
- @media (hover: hover) {
1678
- background-color: var(--filled-background-color-hover-danger);
1679
- }
1680
- }
1681
- }
1682
- .hover\:bg-\(--filled-background-color-hover-default\) {
1683
- &:hover {
1684
- @media (hover: hover) {
1685
- background-color: var(--filled-background-color-hover-default);
1686
- }
1687
- }
1688
- }
1689
- .hover\:bg-\(--filled-background-color-hover-info\) {
1690
- &:hover {
1691
- @media (hover: hover) {
1692
- background-color: var(--filled-background-color-hover-info);
1693
- }
1694
- }
1695
- }
1696
- .hover\:bg-\(--filled-background-color-hover-link\) {
1697
- &:hover {
1698
- @media (hover: hover) {
1699
- background-color: var(--filled-background-color-hover-link);
1700
- }
1701
- }
1702
- }
1703
- .hover\:bg-\(--filled-background-color-hover-muted\) {
1704
- &:hover {
1705
- @media (hover: hover) {
1706
- background-color: var(--filled-background-color-hover-muted);
1707
- }
1708
- }
1709
- }
1710
- .hover\:bg-\(--filled-background-color-hover-primary\) {
1711
- &:hover {
1712
- @media (hover: hover) {
1713
- background-color: var(--filled-background-color-hover-primary);
1714
- }
1715
- }
1716
- }
1717
- .hover\:bg-\(--filled-background-color-hover-secondary\) {
1718
- &:hover {
1719
- @media (hover: hover) {
1720
- background-color: var(--filled-background-color-hover-secondary);
1721
- }
1722
- }
1723
- }
1724
- .hover\:bg-\(--filled-background-color-hover-success\) {
1725
- &:hover {
1726
- @media (hover: hover) {
1727
- background-color: var(--filled-background-color-hover-success);
1728
- }
1729
- }
1730
- }
1731
- .hover\:bg-\(--filled-background-color-hover-tertiary\) {
1732
- &:hover {
1733
- @media (hover: hover) {
1734
- background-color: var(--filled-background-color-hover-tertiary);
1735
- }
1736
- }
1737
- }
1738
- .hover\:bg-\(--filled-background-color-hover-warning\) {
1739
- &:hover {
1740
- @media (hover: hover) {
1741
- background-color: var(--filled-background-color-hover-warning);
1742
- }
1743
- }
1744
- }
1745
- .hover\:bg-gray-100 {
1746
- &:hover {
1747
- @media (hover: hover) {
1748
- background-color: var(--color-gray-100);
1749
- }
1750
- }
1751
- }
1752
- .hover\:bg-transparent {
1753
- &:hover {
1754
- @media (hover: hover) {
1755
- background-color: transparent;
1756
- }
1757
- }
1758
- }
1759
- .hover\:from-green-500 {
1760
- &:hover {
1761
- @media (hover: hover) {
1762
- --tw-gradient-from: var(--color-green-500);
1763
- --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));
1764
- }
1765
- }
1766
- }
1767
- .hover\:to-blue-600 {
1768
- &:hover {
1769
- @media (hover: hover) {
1770
- --tw-gradient-to: var(--color-blue-600);
1771
- --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));
1772
- }
1773
- }
1774
- }
1775
- .hover\:text-blue-700 {
1776
- &:hover {
1777
- @media (hover: hover) {
1778
- color: var(--color-blue-700);
1779
- }
1780
- }
1781
- }
1782
- .hover\:text-gray-800 {
1783
- &:hover {
1784
- @media (hover: hover) {
1785
- color: var(--color-gray-800);
1786
- }
1787
- }
1788
- }
1789
- .hover\:text-gray-900 {
1790
- &:hover {
1791
- @media (hover: hover) {
1792
- color: var(--color-gray-900);
1793
- }
1794
- }
1795
- }
1796
- .hover\:no-underline {
1797
- &:hover {
1798
- @media (hover: hover) {
1799
- text-decoration-line: none;
1800
- }
1801
- }
1802
- }
1803
- .hover\:underline {
1804
- &:hover {
1805
- @media (hover: hover) {
1806
- text-decoration-line: underline;
1807
- }
1808
- }
1809
- }
1810
- .hover\:shadow-lg {
1811
- &:hover {
1812
- @media (hover: hover) {
1813
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1814
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1815
- }
1816
- }
1817
- }
1818
- .hover\:shadow-md {
1819
- &:hover {
1820
- @media (hover: hover) {
1821
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1822
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1823
- }
1824
- }
1825
- }
1826
- .hover\:shadow-none {
1827
- &:hover {
1828
- @media (hover: hover) {
1829
- --tw-shadow: 0 0 #0000;
1830
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1831
- }
1832
- }
1833
- }
1834
- .hover\:shadow-sm {
1835
- &:hover {
1836
- @media (hover: hover) {
1837
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1838
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1839
- }
1840
- }
1841
- }
1842
- .hover\:shadow-xl {
1843
- &:hover {
1844
- @media (hover: hover) {
1845
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1846
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1847
- }
1848
- }
1849
- }
1850
- .hover\:shadow-xs {
1851
- &:hover {
1852
- @media (hover: hover) {
1853
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1854
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1855
- }
1856
- }
1857
- }
1858
- .hover\:ring {
1859
- &:hover {
1860
- @media (hover: hover) {
1861
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1862
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1863
- }
1864
- }
1865
- }
1866
- .hover\:ring-0 {
1867
- &:hover {
1868
- @media (hover: hover) {
1869
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1870
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1871
- }
1872
- }
1873
- }
1874
- .hover\:ring-inset {
1875
- &:hover {
1876
- @media (hover: hover) {
1877
- --tw-ring-inset: inset;
1878
- }
1879
- }
1880
- }
1881
- .active\:border {
1882
- &:active {
1883
- border-style: var(--tw-border-style);
1884
- border-width: 1px;
1885
- }
1886
- }
1887
- .active\:border-none {
1888
- &:active {
1889
- --tw-border-style: none;
1890
- border-style: none;
1891
- }
1892
- }
1893
- .active\:bg-\(--background-color-active-accent\) {
1894
- &:active {
1895
- background-color: var(--background-color-active-accent);
1896
- }
1897
- }
1898
- .active\:bg-\(--background-color-active-danger\) {
1899
- &:active {
1900
- background-color: var(--background-color-active-danger);
1901
- }
1902
- }
1903
- .active\:bg-\(--background-color-active-default\) {
1904
- &:active {
1905
- background-color: var(--background-color-active-default);
1906
- }
1907
- }
1908
- .active\:bg-\(--background-color-active-info\) {
1909
- &:active {
1910
- background-color: var(--background-color-active-info);
1911
- }
1912
- }
1913
- .active\:bg-\(--background-color-active-link\) {
1914
- &:active {
1915
- background-color: var(--background-color-active-link);
1916
- }
1917
- }
1918
- .active\:bg-\(--background-color-active-muted\) {
1919
- &:active {
1920
- background-color: var(--background-color-active-muted);
1921
- }
1922
- }
1923
- .active\:bg-\(--background-color-active-primary\) {
1924
- &:active {
1925
- background-color: var(--background-color-active-primary);
1926
- }
1927
- }
1928
- .active\:bg-\(--background-color-active-secondary\) {
1929
- &:active {
1930
- background-color: var(--background-color-active-secondary);
1931
- }
1932
- }
1933
- .active\:bg-\(--background-color-active-success\) {
1934
- &:active {
1935
- background-color: var(--background-color-active-success);
1936
- }
1937
- }
1938
- .active\:bg-\(--background-color-active-tertiary\) {
1939
- &:active {
1940
- background-color: var(--background-color-active-tertiary);
1941
- }
1942
- }
1943
- .active\:bg-\(--background-color-active-warning\) {
1944
- &:active {
1945
- background-color: var(--background-color-active-warning);
1946
- }
1947
- }
1948
- .active\:bg-\(--filled-background-color-active-accent\) {
1949
- &:active {
1950
- background-color: var(--filled-background-color-active-accent);
1951
- }
1952
- }
1953
- .active\:bg-\(--filled-background-color-active-danger\) {
1954
- &:active {
1955
- background-color: var(--filled-background-color-active-danger);
1956
- }
1957
- }
1958
- .active\:bg-\(--filled-background-color-active-default\) {
1959
- &:active {
1960
- background-color: var(--filled-background-color-active-default);
1961
- }
1962
- }
1963
- .active\:bg-\(--filled-background-color-active-info\) {
1964
- &:active {
1965
- background-color: var(--filled-background-color-active-info);
1966
- }
1967
- }
1968
- .active\:bg-\(--filled-background-color-active-link\) {
1969
- &:active {
1970
- background-color: var(--filled-background-color-active-link);
1971
- }
1972
- }
1973
- .active\:bg-\(--filled-background-color-active-muted\) {
1974
- &:active {
1975
- background-color: var(--filled-background-color-active-muted);
1976
- }
1977
- }
1978
- .active\:bg-\(--filled-background-color-active-primary\) {
1979
- &:active {
1980
- background-color: var(--filled-background-color-active-primary);
1981
- }
1982
- }
1983
- .active\:bg-\(--filled-background-color-active-secondary\) {
1984
- &:active {
1985
- background-color: var(--filled-background-color-active-secondary);
1986
- }
1987
- }
1988
- .active\:bg-\(--filled-background-color-active-success\) {
1989
- &:active {
1990
- background-color: var(--filled-background-color-active-success);
1991
- }
1992
- }
1993
- .active\:bg-\(--filled-background-color-active-tertiary\) {
1994
- &:active {
1995
- background-color: var(--filled-background-color-active-tertiary);
1996
- }
1997
- }
1998
- .active\:bg-\(--filled-background-color-active-warning\) {
1999
- &:active {
2000
- background-color: var(--filled-background-color-active-warning);
2001
- }
2002
- }
2003
- .active\:bg-transparent {
2004
- &:active {
2005
- background-color: transparent;
2006
- }
2007
- }
2008
- .active\:text-blue-900 {
2009
- &:active {
2010
- color: var(--color-blue-900);
2011
- }
2012
- }
2013
- .active\:text-gray-400 {
2014
- &:active {
2015
- color: var(--color-gray-400);
2016
- }
2017
- }
2018
- .active\:shadow-lg {
2019
- &:active {
2020
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2021
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2022
- }
2023
- }
2024
- .active\:shadow-md {
2025
- &:active {
2026
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2027
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2028
- }
2029
- }
2030
- .active\:shadow-none {
2031
- &:active {
2032
- --tw-shadow: 0 0 #0000;
2033
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2034
- }
2035
- }
2036
- .active\:shadow-sm {
2037
- &:active {
2038
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2039
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2040
- }
2041
- }
2042
- .active\:shadow-xl {
2043
- &:active {
2044
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2045
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2046
- }
2047
- }
2048
- .active\:shadow-xs {
2049
- &:active {
2050
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2051
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2052
- }
2053
- }
2054
- .active\:ring {
2055
- &:active {
2056
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2057
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2058
- }
2059
- }
2060
- .active\:ring-0 {
2061
- &:active {
2062
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2063
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2064
- }
2065
- }
2066
- .active\:ring-3 {
2067
- &:active {
2068
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2069
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2070
- }
2071
- }
2072
- .active\:ring-green-500 {
2073
- &:active {
2074
- --tw-ring-color: var(--color-green-500);
2075
- }
2076
- }
2077
- .active\:ring-inset {
2078
- &:active {
2079
- --tw-ring-inset: inset;
2080
- }
2081
- }
2082
- .max-xl\:hidden {
2083
- @media (width < 80rem) {
2084
- display: none;
2085
- }
2086
- }
2087
- .max-xl\:flex-col {
2088
- @media (width < 80rem) {
2089
- flex-direction: column;
2090
- }
2091
- }
2092
- .max-lg\:hidden {
2093
- @media (width < 64rem) {
2094
- display: none;
2095
- }
2096
- }
2097
- .max-lg\:flex-col {
2098
- @media (width < 64rem) {
2099
- flex-direction: column;
2100
- }
2101
- }
2102
- .max-lg\:gap-1 {
2103
- @media (width < 64rem) {
2104
- gap: calc(var(--spacing) * 1);
2105
- }
2106
- }
2107
- .max-lg\:gap-2 {
2108
- @media (width < 64rem) {
2109
- gap: calc(var(--spacing) * 2);
2110
- }
2111
- }
2112
- .max-lg\:gap-3 {
2113
- @media (width < 64rem) {
2114
- gap: calc(var(--spacing) * 3);
2115
- }
2116
- }
2117
- .max-lg\:gap-4 {
2118
- @media (width < 64rem) {
2119
- gap: calc(var(--spacing) * 4);
2120
- }
2121
- }
2122
- .max-lg\:gap-5 {
2123
- @media (width < 64rem) {
2124
- gap: calc(var(--spacing) * 5);
2125
- }
2126
- }
2127
- .max-lg\:gap-6 {
2128
- @media (width < 64rem) {
2129
- gap: calc(var(--spacing) * 6);
2130
- }
2131
- }
2132
- .max-lg\:gap-7 {
2133
- @media (width < 64rem) {
2134
- gap: calc(var(--spacing) * 7);
2135
- }
2136
- }
2137
- .max-lg\:gap-8 {
2138
- @media (width < 64rem) {
2139
- gap: calc(var(--spacing) * 8);
2140
- }
2141
- }
2142
- .max-lg\:gap-9 {
2143
- @media (width < 64rem) {
2144
- gap: calc(var(--spacing) * 9);
2145
- }
2146
- }
2147
- .max-lg\:px-4 {
2148
- @media (width < 64rem) {
2149
- padding-inline: calc(var(--spacing) * 4);
2150
- }
2151
- }
2152
- .max-lg\:px-5 {
2153
- @media (width < 64rem) {
2154
- padding-inline: calc(var(--spacing) * 5);
2155
- }
2156
- }
2157
- .max-lg\:px-6 {
2158
- @media (width < 64rem) {
2159
- padding-inline: calc(var(--spacing) * 6);
2160
- }
2161
- }
2162
- .max-lg\:px-7 {
2163
- @media (width < 64rem) {
2164
- padding-inline: calc(var(--spacing) * 7);
2165
- }
2166
- }
2167
- .max-lg\:px-8 {
2168
- @media (width < 64rem) {
2169
- padding-inline: calc(var(--spacing) * 8);
2170
- }
2171
- }
2172
- .max-lg\:py-14 {
2173
- @media (width < 64rem) {
2174
- padding-block: calc(var(--spacing) * 14);
2175
- }
2176
- }
2177
- .max-lg\:py-16 {
2178
- @media (width < 64rem) {
2179
- padding-block: calc(var(--spacing) * 16);
2180
- }
2181
- }
2182
- .max-lg\:text-2xl {
2183
- @media (width < 64rem) {
2184
- font-size: var(--text-2xl);
2185
- line-height: var(--tw-leading, var(--text-2xl--line-height));
2186
- }
2187
- }
2188
- .max-lg\:text-3xl {
2189
- @media (width < 64rem) {
2190
- font-size: var(--text-3xl);
2191
- line-height: var(--tw-leading, var(--text-3xl--line-height));
2192
- }
2193
- }
2194
- .max-lg\:text-4xl {
2195
- @media (width < 64rem) {
2196
- font-size: var(--text-4xl);
2197
- line-height: var(--tw-leading, var(--text-4xl--line-height));
2198
- }
2199
- }
2200
- .max-lg\:text-5xl {
2201
- @media (width < 64rem) {
2202
- font-size: var(--text-5xl);
2203
- line-height: var(--tw-leading, var(--text-5xl--line-height));
2204
- }
2205
- }
2206
- .max-lg\:text-6xl {
2207
- @media (width < 64rem) {
2208
- font-size: var(--text-6xl);
2209
- line-height: var(--tw-leading, var(--text-6xl--line-height));
2210
- }
2211
- }
2212
- .max-lg\:text-xl {
2213
- @media (width < 64rem) {
2214
- font-size: var(--text-xl);
2215
- line-height: var(--tw-leading, var(--text-xl--line-height));
2216
- }
2217
- }
2218
- .max-md\:hidden {
2219
- @media (width < 48rem) {
2220
- display: none;
2221
- }
2222
- }
2223
- .max-md\:max-w-full {
2224
- @media (width < 48rem) {
2225
- max-width: 100%;
2226
- }
2227
- }
2228
- .max-md\:flex-col {
2229
- @media (width < 48rem) {
2230
- flex-direction: column;
2231
- }
2232
- }
2233
- .max-md\:gap-2 {
2234
- @media (width < 48rem) {
2235
- gap: calc(var(--spacing) * 2);
2236
- }
2237
- }
2238
- .max-md\:gap-4 {
2239
- @media (width < 48rem) {
2240
- gap: calc(var(--spacing) * 4);
2241
- }
2242
- }
2243
- .max-md\:gap-6 {
2244
- @media (width < 48rem) {
2245
- gap: calc(var(--spacing) * 6);
2246
- }
2247
- }
2248
- .max-md\:gap-8 {
2249
- @media (width < 48rem) {
2250
- gap: calc(var(--spacing) * 8);
2251
- }
2252
- }
2253
- .max-md\:px-3 {
2254
- @media (width < 48rem) {
2255
- padding-inline: calc(var(--spacing) * 3);
2256
- }
2257
- }
2258
- .max-md\:px-4 {
2259
- @media (width < 48rem) {
2260
- padding-inline: calc(var(--spacing) * 4);
2261
- }
2262
- }
2263
- .max-md\:px-5 {
2264
- @media (width < 48rem) {
2265
- padding-inline: calc(var(--spacing) * 5);
2266
- }
2267
- }
2268
- .max-md\:px-6 {
2269
- @media (width < 48rem) {
2270
- padding-inline: calc(var(--spacing) * 6);
2271
- }
2272
- }
2273
- .max-md\:px-7 {
2274
- @media (width < 48rem) {
2275
- padding-inline: calc(var(--spacing) * 7);
2276
- }
2277
- }
2278
- .max-md\:py-3 {
2279
- @media (width < 48rem) {
2280
- padding-block: calc(var(--spacing) * 3);
2281
- }
2282
- }
2283
- .max-md\:py-6 {
2284
- @media (width < 48rem) {
2285
- padding-block: calc(var(--spacing) * 6);
2286
- }
2287
- }
2288
- .max-md\:py-12 {
2289
- @media (width < 48rem) {
2290
- padding-block: calc(var(--spacing) * 12);
2291
- }
2292
- }
2293
- .max-md\:text-2xl {
2294
- @media (width < 48rem) {
2295
- font-size: var(--text-2xl);
2296
- line-height: var(--tw-leading, var(--text-2xl--line-height));
2297
- }
2298
- }
2299
- .max-md\:text-3xl {
2300
- @media (width < 48rem) {
2301
- font-size: var(--text-3xl);
2302
- line-height: var(--tw-leading, var(--text-3xl--line-height));
2303
- }
2304
- }
2305
- .max-md\:text-4xl {
2306
- @media (width < 48rem) {
2307
- font-size: var(--text-4xl);
2308
- line-height: var(--tw-leading, var(--text-4xl--line-height));
2309
- }
2310
- }
2311
- .max-md\:text-5xl {
2312
- @media (width < 48rem) {
2313
- font-size: var(--text-5xl);
2314
- line-height: var(--tw-leading, var(--text-5xl--line-height));
2315
- }
2316
- }
2317
- .max-md\:text-lg {
2318
- @media (width < 48rem) {
2319
- font-size: var(--text-lg);
2320
- line-height: var(--tw-leading, var(--text-lg--line-height));
2321
- }
2322
- }
2323
- .max-md\:text-xl {
2324
- @media (width < 48rem) {
2325
- font-size: var(--text-xl);
2326
- line-height: var(--tw-leading, var(--text-xl--line-height));
2327
- }
2328
- }
2329
- .max-sm\:hidden {
2330
- @media (width < 40rem) {
2331
- display: none;
2332
- }
2333
- }
2334
- .max-sm\:w-80 {
2335
- @media (width < 40rem) {
2336
- width: calc(var(--spacing) * 80);
2337
- }
2338
- }
2339
- .max-sm\:w-full {
2340
- @media (width < 40rem) {
2341
- width: 100%;
2342
- }
2343
- }
2344
- .max-sm\:max-w-80 {
2345
- @media (width < 40rem) {
2346
- max-width: calc(var(--spacing) * 80);
2347
- }
2348
- }
2349
- .max-sm\:flex-col {
2350
- @media (width < 40rem) {
2351
- flex-direction: column;
2352
- }
2353
- }
2354
- .sm\:grid-cols-2 {
2355
- @media (width >= 40rem) {
2356
- grid-template-columns: repeat(2, minmax(0, 1fr));
2357
- }
2358
- }
2359
- .md\:order-2 {
2360
- @media (width >= 48rem) {
2361
- order: 2;
2362
- }
2363
- }
2364
- .md\:mb-0 {
2365
- @media (width >= 48rem) {
2366
- margin-bottom: calc(var(--spacing) * 0);
2367
- }
2368
- }
2369
- .md\:w-1\/2 {
2370
- @media (width >= 48rem) {
2371
- width: calc(1/2 * 100%);
2372
- }
2373
- }
2374
- .md\:grid-cols-3 {
2375
- @media (width >= 48rem) {
2376
- grid-template-columns: repeat(3, minmax(0, 1fr));
2377
- }
2378
- }
2379
- .lg\:-mt-\[calc\(var\(--spacing\)\*20\)\] {
2380
- @media (width >= 64rem) {
2381
- margin-top: calc(calc(var(--spacing) * 20) * -1);
2382
- }
2383
- }
2384
- .lg\:w-1\/3 {
2385
- @media (width >= 64rem) {
2386
- width: calc(1/3 * 100%);
2387
- }
2388
- }
2389
- .lg\:grid-cols-4 {
2390
- @media (width >= 64rem) {
2391
- grid-template-columns: repeat(4, minmax(0, 1fr));
2392
- }
2393
- }
2394
- .lg\:pr-10 {
2395
- @media (width >= 64rem) {
2396
- padding-right: calc(var(--spacing) * 10);
2397
- }
2398
- }
2399
- }
2400
- @layer theme;
2401
- @property --tw-rotate-x {
2402
- syntax: "*";
2403
- inherits: false;
2404
- initial-value: rotateX(0);
2405
- }
2406
- @property --tw-rotate-y {
2407
- syntax: "*";
2408
- inherits: false;
2409
- initial-value: rotateY(0);
2410
- }
2411
- @property --tw-rotate-z {
2412
- syntax: "*";
2413
- inherits: false;
2414
- initial-value: rotateZ(0);
2415
- }
2416
- @property --tw-skew-x {
2417
- syntax: "*";
2418
- inherits: false;
2419
- initial-value: skewX(0);
2420
- }
2421
- @property --tw-skew-y {
2422
- syntax: "*";
2423
- inherits: false;
2424
- initial-value: skewY(0);
2425
- }
2426
- @property --tw-space-y-reverse {
2427
- syntax: "*";
2428
- inherits: false;
2429
- initial-value: 0;
2430
- }
2431
- @property --tw-divide-y-reverse {
2432
- syntax: "*";
2433
- inherits: false;
2434
- initial-value: 0;
2435
- }
2436
- @property --tw-border-style {
2437
- syntax: "*";
2438
- inherits: false;
2439
- initial-value: solid;
2440
- }
2441
- @property --tw-gradient-position {
2442
- syntax: "*";
2443
- inherits: false;
2444
- }
2445
- @property --tw-gradient-from {
2446
- syntax: "<color>";
2447
- inherits: false;
2448
- initial-value: #0000;
2449
- }
2450
- @property --tw-gradient-via {
2451
- syntax: "<color>";
2452
- inherits: false;
2453
- initial-value: #0000;
2454
- }
2455
- @property --tw-gradient-to {
2456
- syntax: "<color>";
2457
- inherits: false;
2458
- initial-value: #0000;
2459
- }
2460
- @property --tw-gradient-stops {
2461
- syntax: "*";
2462
- inherits: false;
2463
- }
2464
- @property --tw-gradient-via-stops {
2465
- syntax: "*";
2466
- inherits: false;
2467
- }
2468
- @property --tw-gradient-from-position {
2469
- syntax: "<length-percentage>";
2470
- inherits: false;
2471
- initial-value: 0%;
2472
- }
2473
- @property --tw-gradient-via-position {
2474
- syntax: "<length-percentage>";
2475
- inherits: false;
2476
- initial-value: 50%;
2477
- }
2478
- @property --tw-gradient-to-position {
2479
- syntax: "<length-percentage>";
2480
- inherits: false;
2481
- initial-value: 100%;
2482
- }
2483
- @property --tw-font-weight {
2484
- syntax: "*";
2485
- inherits: false;
2486
- }
2487
- @property --tw-tracking {
2488
- syntax: "*";
2489
- inherits: false;
2490
- }
2491
- @property --tw-shadow {
2492
- syntax: "*";
2493
- inherits: false;
2494
- initial-value: 0 0 #0000;
2495
- }
2496
- @property --tw-shadow-color {
2497
- syntax: "*";
2498
- inherits: false;
2499
- }
2500
- @property --tw-shadow-alpha {
2501
- syntax: "<percentage>";
2502
- inherits: false;
2503
- initial-value: 100%;
2504
- }
2505
- @property --tw-inset-shadow {
2506
- syntax: "*";
2507
- inherits: false;
2508
- initial-value: 0 0 #0000;
2509
- }
2510
- @property --tw-inset-shadow-color {
2511
- syntax: "*";
2512
- inherits: false;
2513
- }
2514
- @property --tw-inset-shadow-alpha {
2515
- syntax: "<percentage>";
2516
- inherits: false;
2517
- initial-value: 100%;
2518
- }
2519
- @property --tw-ring-color {
2520
- syntax: "*";
2521
- inherits: false;
2522
- }
2523
- @property --tw-ring-shadow {
2524
- syntax: "*";
2525
- inherits: false;
2526
- initial-value: 0 0 #0000;
2527
- }
2528
- @property --tw-inset-ring-color {
2529
- syntax: "*";
2530
- inherits: false;
2531
- }
2532
- @property --tw-inset-ring-shadow {
2533
- syntax: "*";
2534
- inherits: false;
2535
- initial-value: 0 0 #0000;
2536
- }
2537
- @property --tw-ring-inset {
2538
- syntax: "*";
2539
- inherits: false;
2540
- }
2541
- @property --tw-ring-offset-width {
2542
- syntax: "<length>";
2543
- inherits: false;
2544
- initial-value: 0px;
2545
- }
2546
- @property --tw-ring-offset-color {
2547
- syntax: "*";
2548
- inherits: false;
2549
- initial-value: #fff;
2550
- }
2551
- @property --tw-ring-offset-shadow {
2552
- syntax: "*";
2553
- inherits: false;
2554
- initial-value: 0 0 #0000;
2555
- }
2556
- @property --tw-outline-style {
2557
- syntax: "*";
2558
- inherits: false;
2559
- initial-value: solid;
2560
- }
2561
- @property --tw-blur {
2562
- syntax: "*";
2563
- inherits: false;
2564
- }
2565
- @property --tw-brightness {
2566
- syntax: "*";
2567
- inherits: false;
2568
- }
2569
- @property --tw-contrast {
2570
- syntax: "*";
2571
- inherits: false;
2572
- }
2573
- @property --tw-grayscale {
2574
- syntax: "*";
2575
- inherits: false;
2576
- }
2577
- @property --tw-hue-rotate {
2578
- syntax: "*";
2579
- inherits: false;
2580
- }
2581
- @property --tw-invert {
2582
- syntax: "*";
2583
- inherits: false;
2584
- }
2585
- @property --tw-opacity {
2586
- syntax: "*";
2587
- inherits: false;
2588
- }
2589
- @property --tw-saturate {
2590
- syntax: "*";
2591
- inherits: false;
2592
- }
2593
- @property --tw-sepia {
2594
- syntax: "*";
2595
- inherits: false;
2596
- }
2597
- @property --tw-drop-shadow {
2598
- syntax: "*";
2599
- inherits: false;
2600
- }
2601
- @property --tw-drop-shadow-color {
2602
- syntax: "*";
2603
- inherits: false;
2604
- }
2605
- @property --tw-drop-shadow-alpha {
2606
- syntax: "<percentage>";
2607
- inherits: false;
2608
- initial-value: 100%;
2609
- }
2610
- @property --tw-drop-shadow-size {
2611
- syntax: "*";
2612
- inherits: false;
2613
- }
2614
- @property --tw-backdrop-blur {
2615
- syntax: "*";
2616
- inherits: false;
2617
- }
2618
- @property --tw-backdrop-brightness {
2619
- syntax: "*";
2620
- inherits: false;
2621
- }
2622
- @property --tw-backdrop-contrast {
2623
- syntax: "*";
2624
- inherits: false;
2625
- }
2626
- @property --tw-backdrop-grayscale {
2627
- syntax: "*";
2628
- inherits: false;
2629
- }
2630
- @property --tw-backdrop-hue-rotate {
2631
- syntax: "*";
2632
- inherits: false;
2633
- }
2634
- @property --tw-backdrop-invert {
2635
- syntax: "*";
2636
- inherits: false;
2637
- }
2638
- @property --tw-backdrop-opacity {
2639
- syntax: "*";
2640
- inherits: false;
2641
- }
2642
- @property --tw-backdrop-saturate {
2643
- syntax: "*";
2644
- inherits: false;
2645
- }
2646
- @property --tw-backdrop-sepia {
2647
- syntax: "*";
2648
- inherits: false;
2649
- }
2650
- @property --tw-duration {
2651
- syntax: "*";
2652
- inherits: false;
2653
- }
2654
- @layer properties {
2655
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2656
- *, ::before, ::after, ::backdrop {
2657
- --tw-rotate-x: rotateX(0);
2658
- --tw-rotate-y: rotateY(0);
2659
- --tw-rotate-z: rotateZ(0);
2660
- --tw-skew-x: skewX(0);
2661
- --tw-skew-y: skewY(0);
2662
- --tw-space-y-reverse: 0;
2663
- --tw-divide-y-reverse: 0;
2664
- --tw-border-style: solid;
2665
- --tw-gradient-position: initial;
2666
- --tw-gradient-from: #0000;
2667
- --tw-gradient-via: #0000;
2668
- --tw-gradient-to: #0000;
2669
- --tw-gradient-stops: initial;
2670
- --tw-gradient-via-stops: initial;
2671
- --tw-gradient-from-position: 0%;
2672
- --tw-gradient-via-position: 50%;
2673
- --tw-gradient-to-position: 100%;
2674
- --tw-font-weight: initial;
2675
- --tw-tracking: initial;
2676
- --tw-shadow: 0 0 #0000;
2677
- --tw-shadow-color: initial;
2678
- --tw-shadow-alpha: 100%;
2679
- --tw-inset-shadow: 0 0 #0000;
2680
- --tw-inset-shadow-color: initial;
2681
- --tw-inset-shadow-alpha: 100%;
2682
- --tw-ring-color: initial;
2683
- --tw-ring-shadow: 0 0 #0000;
2684
- --tw-inset-ring-color: initial;
2685
- --tw-inset-ring-shadow: 0 0 #0000;
2686
- --tw-ring-inset: initial;
2687
- --tw-ring-offset-width: 0px;
2688
- --tw-ring-offset-color: #fff;
2689
- --tw-ring-offset-shadow: 0 0 #0000;
2690
- --tw-outline-style: solid;
2691
- --tw-blur: initial;
2692
- --tw-brightness: initial;
2693
- --tw-contrast: initial;
2694
- --tw-grayscale: initial;
2695
- --tw-hue-rotate: initial;
2696
- --tw-invert: initial;
2697
- --tw-opacity: initial;
2698
- --tw-saturate: initial;
2699
- --tw-sepia: initial;
2700
- --tw-drop-shadow: initial;
2701
- --tw-drop-shadow-color: initial;
2702
- --tw-drop-shadow-alpha: 100%;
2703
- --tw-drop-shadow-size: initial;
2704
- --tw-backdrop-blur: initial;
2705
- --tw-backdrop-brightness: initial;
2706
- --tw-backdrop-contrast: initial;
2707
- --tw-backdrop-grayscale: initial;
2708
- --tw-backdrop-hue-rotate: initial;
2709
- --tw-backdrop-invert: initial;
2710
- --tw-backdrop-opacity: initial;
2711
- --tw-backdrop-saturate: initial;
2712
- --tw-backdrop-sepia: initial;
2713
- --tw-duration: initial;
2714
- }
2715
- }
2716
- }