@mdigital_ui/ui 0.1.4 → 0.2.1

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 (5) hide show
  1. package/README.md +31 -68
  2. package/dist/index.js +4 -4
  3. package/dist/styles/base.css +3027 -137
  4. package/dist/styles/global.css +4199 -285
  5. package/package.json +21 -67
package/dist/styles/global.css CHANGED
@@ -1,257 +1,3853 @@
1
- @import 'tailwindcss';
2
- @import 'tw-animate-css';
3
-
4
- @custom-variant dark (&:is(.dark *));
5
-
6
- @theme inline {
7
- /* ============================================
8
- GLOBAL PRIMITIVES
9
- ============================================ */
10
-
11
- /* === COLOR PRIMITIVES === */
12
- --color-white: oklch(100% 0 0);
13
- --color-black: oklch(0% 0 0);
14
-
15
- /* === GRAY SCALE === */
16
- --color-gray-50: oklch(98% 0 0);
17
- --color-gray-100: oklch(96% 0 0);
18
- --color-gray-200: oklch(92% 0 0);
19
- --color-gray-300: oklch(87% 0 0);
20
- --color-gray-400: oklch(71% 0 0);
21
- --color-gray-500: oklch(55% 0 0);
22
- --color-gray-600: oklch(45% 0 0);
23
- --color-gray-700: oklch(35% 0 0);
24
- --color-gray-800: oklch(25% 0 0);
25
- --color-gray-900: oklch(15% 0 0);
26
- --color-gray-950: oklch(10% 0 0);
27
-
28
- /* === BRAND COLORS === */
29
- --color-primary: oklch(0.6029 0.15 239.2065);
30
- --color-primary-hover: oklch(0.5029 0.2 239.2065);
31
- --color-primary-active: oklch(0.4529 0.2 239.2065);
32
- --color-primary-foreground: oklch(100% 0 0);
33
-
34
- --color-secondary: oklch(50% 0.05 240);
35
- --color-secondary-hover: oklch(45% 0.06 240);
36
- --color-secondary-active: oklch(40% 0.07 240);
37
- --color-secondary-foreground: oklch(100% 0 0);
38
-
39
- --color-accent: oklch(0.8 0.1737 67);
40
- --color-accent-hover: oklch(0.75 0.237 67);
41
- --color-accent-active: oklch(0.7 0.1937 67);
42
- --color-accent-foreground: oklch(15% 0 0);
43
-
44
- /* === SEMANTIC COLORS === */
45
- --color-success: oklch(0.7 0.2 145);
46
- --color-success-hover: oklch(0.65 0.22 145);
47
- --color-success-active: oklch(0.5 0.24 145);
48
- --color-success-foreground: oklch(100% 0 0);
49
-
50
- --color-error: oklch(65% 0.2 25);
51
- --color-error-hover: oklch(75% 0.2 25);
52
- --color-error-active: oklch(80% 0.2 25);
53
- --color-error-foreground: oklch(100% 0 0);
54
-
55
- --color-warning: oklch(75% 0.15 85);
56
- --color-warning-hover: oklch(70% 0.17 85);
57
- --color-warning-active: oklch(65% 0.19 85);
58
- --color-warning-foreground: oklch(15% 0 0);
59
-
60
- --color-info: oklch(60% 0.19 255);
61
- --color-info-hover: oklch(55% 0.21 255);
62
- --color-info-active: oklch(50% 0.23 255);
63
- --color-info-foreground: oklch(100% 0 0);
64
-
65
- /* === BACKGROUND & SURFACE === */
66
- --color-background: oklch(100% 0 0);
67
- --color-background-secondary: oklch(98% 0 0);
68
- --color-surface: oklch(96% 0 0);
69
- --color-border: oklch(93% 0 0);
70
- --color-border-primary: oklch(85% 0 0);
71
-
72
- /* === TEXT COLORS === */
73
- --color-text-primary: oklch(15% 0 0);
74
- --color-text-secondary: oklch(45% 0 0);
75
- --color-text-muted: oklch(60% 0 0);
76
-
77
- /* ============================================
78
- COMPONENT TOKENS
79
- ============================================ */
80
-
81
- /* === BUTTON === */
82
- --button-height-xs: 1.75rem; /* 28px */
83
- --button-height-sm: 2rem; /* 32px */
84
- --button-height-md: 2.25rem; /* 36px */
85
- --button-height-lg: 2.75rem; /* 44px */
86
-
87
- --button-padding-x-xs: 0.5rem; /* 8px */
88
- --button-padding-x-sm: 0.75rem; /* 12px */
89
- --button-padding-x-md: 0.875rem; /* 14px */
90
- --button-padding-x-lg: 1.25rem; /* 20px */
91
-
92
- /* === INPUT === */
93
- --input-height-xs: 1.75rem; /* 28px */
94
- --input-height-sm: 2rem; /* 32px */
95
- --input-height-md: 2.25rem; /* 36px */
96
- --input-height-lg: 2.75rem; /* 44px */
97
-
98
- --input-padding-x-xs: 0.5rem; /* 8px */
99
- --input-padding-x-sm: 0.75rem; /* 12px */
100
- --input-padding-x-md: 0.875rem; /* 14px */
101
- --input-padding-x-lg: 1.125rem; /* 18px */
102
-
103
- --color-input-border: oklch(87% 0 0);
104
- --color-input-border-focus: oklch(55% 0.25 255);
105
- --color-input-border-error: oklch(60% 0.25 25);
106
- --color-input-bg: oklch(100% 0 0);
107
- --color-input-text: oklch(15% 0 0);
108
- --color-input-placeholder: oklch(60% 0 0);
109
-
110
- /* === TEXTAREA === */
111
- --textarea-min-height: 5rem; /* 80px */
112
- --textarea-padding-xs: 0.5rem; /* 8px */
113
- --textarea-padding-sm: 0.625rem; /* 10px */
114
- --textarea-padding-md: 0.6875rem; /* 11px */
115
- --textarea-padding-lg: 0.875rem; /* 14px */
116
-
117
- /* === SELECT === */
118
- --select-height-xs: 1.75rem; /* 28px */
119
- --select-height-sm: 2rem; /* 32px */
120
- --select-height-md: 2.25rem; /* 36px */
121
- --select-height-lg: 2.75rem; /* 44px */
122
-
123
- --select-padding-x-xs: 0.5rem; /* 8px */
124
- --select-padding-x-sm: 0.75rem; /* 12px */
125
- --select-padding-x-md: 0.875rem; /* 14px */
126
- --select-padding-x-lg: 1.125rem; /* 18px */
127
-
128
- /* === CHECKBOX / RADIO === */
129
- --checkbox-size-xs: 0.875rem; /* 14px */
130
- --checkbox-size-sm: 1rem; /* 16px */
131
- --checkbox-size-md: 1.125rem; /* 18px */
132
- --checkbox-size-lg: 1.375rem; /* 22px */
133
-
134
- /* === SWITCH === */
135
- --switch-width-xs: 1.75rem; /* 28px */
136
- --switch-width-sm: 2rem; /* 32px */
137
- --switch-width-md: 2.5rem; /* 40px */
138
- --switch-width-lg: 3rem; /* 48px */
139
-
140
- --switch-height-xs: 0.875rem; /* 14px */
141
- --switch-height-sm: 1rem; /* 16px */
142
- --switch-height-md: 1.25rem; /* 20px */
143
- --switch-height-lg: 1.5rem; /* 24px */
144
-
145
- /* === LABEL === */
146
- --label-font-size-xs: 0.75rem; /* 12px */
147
- --label-font-size-sm: 0.875rem; /* 13px */
148
- --label-font-size-base: 1rem; /* 14px */
149
- --label-font-size-lg: 1.125rem; /* 16px */
150
-
151
- /* ============================================
152
- GLOBAL DESIGN TOKENS
153
- ============================================ */
154
-
155
- /* === SPACING === */
156
- --spacing-0: 0px;
157
- --spacing-1: 0.25rem; /* 4px */
158
- --spacing-2: 0.5rem; /* 8px */
159
- --spacing-3: 0.75rem; /* 12px */
160
- --spacing-4: 1rem; /* 16px */
161
- --spacing-5: 1.25rem; /* 20px */
162
- --spacing-6: 1.5rem; /* 24px */
163
- --spacing-8: 2rem; /* 32px */
164
- --spacing-10: 2.5rem; /* 40px */
165
- --spacing-12: 3rem; /* 48px */
166
-
167
- /* === BORDER RADIUS === */
168
- --radius-none: 0px;
169
- --radius-sm: 0.25rem; /* 4px */
170
- --radius-md: 0.375rem; /* 6px */
171
- --radius-lg: 0.5rem; /* 8px */
172
- --radius-xl: 0.625rem; /* 10px */
173
- --radius-2xl: 0.75rem; /* 12px */
174
- --radius-3xl: 1rem; /* 16px */
175
- --radius-full: 9999px;
176
-
177
- /* === TYPOGRAPHY === */
178
- --font-sans: ui-sans-serif, system-ui, sans-serif;
179
- --font-mono: ui-monospace, 'SF Mono', monospace;
180
-
181
- --text-xs: 0.75rem; /* 12px */
182
- --text-sm: 0.875rem; /* 14px */
183
- --text-base: 0.9rem; /* 14px */
184
- --text-lg: 1.125rem; /* 16px */
185
-
186
- --font-weight-normal: 400;
187
- --font-weight-medium: 500;
188
- --font-weight-semibold: 600;
189
- --font-weight-bold: 700;
190
-
191
- /* === TRANSITIONS === */
192
- --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
193
- --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
194
- --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
195
-
196
- /* === SHADOWS === */
197
- --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
198
- --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
199
- --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
200
- --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
201
- --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
202
-
203
- /* === Z-INDEX === */
204
- --z-dropdown: 1000;
205
- --z-sticky: 1020;
206
- --z-modal: 1040;
207
- --z-popover: 1050;
208
- --z-tooltip: 1060;
209
- }
210
-
1
+ /*! tailwindcss v4.1.17 | 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;
7
+ --color-red-500: oklch(63.7% 0.237 25.331);
8
+ --color-red-600: oklch(57.7% 0.245 27.325);
9
+ --color-orange-500: oklch(70.5% 0.213 47.604);
10
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
11
+ --color-green-500: oklch(72.3% 0.219 149.579);
12
+ --color-green-600: oklch(62.7% 0.194 149.214);
13
+ --color-cyan-500: oklch(71.5% 0.143 215.221);
14
+ --color-blue-500: oklch(62.3% 0.214 259.815);
15
+ --color-blue-600: oklch(54.6% 0.245 262.881);
16
+ --color-blue-700: oklch(48.8% 0.243 264.376);
17
+ --color-purple-500: oklch(62.7% 0.265 303.9);
18
+ --color-pink-500: oklch(65.6% 0.241 354.308);
19
+ --color-gray-50: oklch(98% 0 0);
20
+ --color-gray-100: oklch(96% 0 0);
21
+ --color-gray-200: oklch(92% 0 0);
22
+ --color-gray-400: oklch(71% 0 0);
23
+ --color-gray-600: oklch(45% 0 0);
24
+ --color-gray-700: oklch(35% 0 0);
25
+ --color-gray-900: oklch(15% 0 0);
26
+ --color-black: oklch(0% 0 0);
27
+ --color-white: oklch(100% 0 0);
28
+ --spacing: 0.25rem;
29
+ --container-xs: 20rem;
30
+ --container-sm: 24rem;
31
+ --container-md: 28rem;
32
+ --container-lg: 32rem;
33
+ --container-xl: 36rem;
34
+ --container-2xl: 42rem;
35
+ --container-3xl: 48rem;
36
+ --container-4xl: 56rem;
37
+ --container-6xl: 72rem;
38
+ --container-7xl: 80rem;
39
+ --text-xs--line-height: calc(1 / 0.75);
40
+ --text-sm--line-height: calc(1.25 / 0.875);
41
+ --text-base--line-height: calc(1.5 / 1);
42
+ --text-lg--line-height: calc(1.75 / 1.125);
43
+ --text-xl: 1.25rem;
44
+ --text-xl--line-height: calc(1.75 / 1.25);
45
+ --text-2xl: 1.5rem;
46
+ --text-2xl--line-height: calc(2 / 1.5);
47
+ --text-3xl: 1.875rem;
48
+ --text-3xl--line-height: calc(2.25 / 1.875);
49
+ --text-4xl: 2.25rem;
50
+ --text-4xl--line-height: calc(2.5 / 2.25);
51
+ --font-weight-semibold: 600;
52
+ --tracking-tight: -0.025em;
53
+ --tracking-wider: 0.05em;
54
+ --tracking-widest: 0.1em;
55
+ --radius-xs: 0.125rem;
56
+ --radius-sm: 0.25rem;
57
+ --radius-md: 0.375rem;
58
+ --radius-lg: 0.5rem;
59
+ --radius-xl: 0.625rem;
60
+ --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
61
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
62
+ --ease-out: cubic-bezier(0, 0, 0.2, 1);
63
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
64
+ --animate-spin: spin 1s linear infinite;
65
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
66
+ --blur-sm: 8px;
67
+ --blur-md: 12px;
68
+ --aspect-video: 16 / 9;
69
+ --default-transition-duration: 150ms;
70
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
71
+ --default-font-family: ui-sans-serif, system-ui, sans-serif;
72
+ --default-mono-font-family: ui-monospace, 'SF Mono', monospace;
73
+ --color-primary: oklch(0.6029 0.15 239.2065);
74
+ --color-primary-hover: oklch(0.5029 0.2 239.2065);
75
+ --color-primary-foreground: oklch(100% 0 0);
76
+ --color-secondary: oklch(50% 0.05 240);
77
+ --color-accent: oklch(0.8 0.1737 67);
78
+ --color-success: oklch(0.7 0.2 145);
79
+ --color-error: oklch(65% 0.2 25);
80
+ --color-warning: oklch(75% 0.15 85);
81
+ --color-info: oklch(60% 0.19 255);
82
+ --color-background: oklch(100% 0 0);
83
+ --color-background-secondary: oklch(98% 0 0);
84
+ --color-surface: oklch(96% 0 0);
85
+ --color-border: oklch(93% 0 0);
86
+ --color-text-primary: oklch(15% 0 0);
87
+ --color-text-secondary: oklch(45% 0 0);
88
+ --color-text-muted: oklch(60% 0 0);
89
+ --button-height-xs: 1.75rem;
90
+ --button-height-sm: 2rem;
91
+ --button-height-md: 2.25rem;
92
+ --button-height-lg: 2.75rem;
93
+ --button-padding-x-xs: 0.5rem;
94
+ --button-padding-x-sm: 0.75rem;
95
+ --button-padding-x-md: 0.875rem;
96
+ --button-padding-x-lg: 1.25rem;
97
+ --input-height-sm: 2rem;
98
+ --input-height-md: 2.25rem;
99
+ --input-height-lg: 2.75rem;
100
+ --textarea-min-height: 5rem;
101
+ --textarea-padding-sm: 0.625rem;
102
+ --textarea-padding-md: 0.6875rem;
103
+ --textarea-padding-lg: 0.875rem;
104
+ --checkbox-size-sm: 1rem;
105
+ --checkbox-size-md: 1.125rem;
106
+ --checkbox-size-lg: 1.375rem;
107
+ --switch-width-sm: 2rem;
108
+ --switch-width-md: 2.5rem;
109
+ --switch-width-lg: 3rem;
110
+ --switch-height-sm: 1rem;
111
+ --switch-height-md: 1.25rem;
112
+ --switch-height-lg: 1.5rem;
113
+ --spacing-1: 0.25rem;
114
+ --spacing-2: 0.5rem;
115
+ --spacing-3: 0.75rem;
116
+ --spacing-4: 1rem;
117
+ --spacing-5: 1.25rem;
118
+ --spacing-6: 1.5rem;
119
+ --radius-full: 9999px;
120
+ --z-popover: 1050;
121
+ }
122
+ }
123
+ @layer base {
124
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
125
+ box-sizing: border-box;
126
+ margin: 0;
127
+ padding: 0;
128
+ border: 0 solid;
129
+ }
130
+ html, :host {
131
+ line-height: 1.5;
132
+ -webkit-text-size-adjust: 100%;
133
+ tab-size: 4;
134
+ 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");
135
+ font-feature-settings: var(--default-font-feature-settings, normal);
136
+ font-variation-settings: var(--default-font-variation-settings, normal);
137
+ -webkit-tap-highlight-color: transparent;
138
+ }
139
+ hr {
140
+ height: 0;
141
+ color: inherit;
142
+ border-top-width: 1px;
143
+ }
144
+ abbr:where([title]) {
145
+ -webkit-text-decoration: underline dotted;
146
+ text-decoration: underline dotted;
147
+ }
148
+ h1, h2, h3, h4, h5, h6 {
149
+ font-size: inherit;
150
+ font-weight: inherit;
151
+ }
152
+ a {
153
+ color: inherit;
154
+ -webkit-text-decoration: inherit;
155
+ text-decoration: inherit;
156
+ }
157
+ b, strong {
158
+ font-weight: bolder;
159
+ }
160
+ code, kbd, samp, pre {
161
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
162
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
163
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
164
+ font-size: 1em;
165
+ }
166
+ small {
167
+ font-size: 80%;
168
+ }
169
+ sub, sup {
170
+ font-size: 75%;
171
+ line-height: 0;
172
+ position: relative;
173
+ vertical-align: baseline;
174
+ }
175
+ sub {
176
+ bottom: -0.25em;
177
+ }
178
+ sup {
179
+ top: -0.5em;
180
+ }
181
+ table {
182
+ text-indent: 0;
183
+ border-color: inherit;
184
+ border-collapse: collapse;
185
+ }
186
+ :-moz-focusring {
187
+ outline: auto;
188
+ }
189
+ progress {
190
+ vertical-align: baseline;
191
+ }
192
+ summary {
193
+ display: list-item;
194
+ }
195
+ ol, ul, menu {
196
+ list-style: none;
197
+ }
198
+ img, svg, video, canvas, audio, iframe, embed, object {
199
+ display: block;
200
+ vertical-align: middle;
201
+ }
202
+ img, video {
203
+ max-width: 100%;
204
+ height: auto;
205
+ }
206
+ button, input, select, optgroup, textarea, ::file-selector-button {
207
+ font: inherit;
208
+ font-feature-settings: inherit;
209
+ font-variation-settings: inherit;
210
+ letter-spacing: inherit;
211
+ color: inherit;
212
+ border-radius: 0;
213
+ background-color: transparent;
214
+ opacity: 1;
215
+ }
216
+ :where(select:is([multiple], [size])) optgroup {
217
+ font-weight: bolder;
218
+ }
219
+ :where(select:is([multiple], [size])) optgroup option {
220
+ padding-inline-start: 20px;
221
+ }
222
+ ::file-selector-button {
223
+ margin-inline-end: 4px;
224
+ }
225
+ ::placeholder {
226
+ opacity: 1;
227
+ }
228
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
229
+ ::placeholder {
230
+ color: currentcolor;
231
+ @supports (color: color-mix(in lab, red, red)) {
232
+ color: color-mix(in oklab, currentcolor 50%, transparent);
233
+ }
234
+ }
235
+ }
236
+ textarea {
237
+ resize: vertical;
238
+ }
239
+ ::-webkit-search-decoration {
240
+ -webkit-appearance: none;
241
+ }
242
+ ::-webkit-date-and-time-value {
243
+ min-height: 1lh;
244
+ text-align: inherit;
245
+ }
246
+ ::-webkit-datetime-edit {
247
+ display: inline-flex;
248
+ }
249
+ ::-webkit-datetime-edit-fields-wrapper {
250
+ padding: 0;
251
+ }
252
+ ::-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 {
253
+ padding-block: 0;
254
+ }
255
+ ::-webkit-calendar-picker-indicator {
256
+ line-height: 1;
257
+ }
258
+ :-moz-ui-invalid {
259
+ box-shadow: none;
260
+ }
261
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
262
+ appearance: button;
263
+ }
264
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
265
+ height: auto;
266
+ }
267
+ [hidden]:where(:not([hidden="until-found"])) {
268
+ display: none !important;
269
+ }
270
+ }
271
+ @layer utilities {
272
+ .pointer-events-auto {
273
+ pointer-events: auto;
274
+ }
275
+ .pointer-events-none {
276
+ pointer-events: none;
277
+ }
278
+ .collapse {
279
+ visibility: collapse;
280
+ }
281
+ .visible {
282
+ visibility: visible;
283
+ }
284
+ .sr-only {
285
+ position: absolute;
286
+ width: 1px;
287
+ height: 1px;
288
+ padding: 0;
289
+ margin: -1px;
290
+ overflow: hidden;
291
+ clip-path: inset(50%);
292
+ white-space: nowrap;
293
+ border-width: 0;
294
+ }
295
+ .absolute {
296
+ position: absolute;
297
+ }
298
+ .fixed {
299
+ position: fixed;
300
+ }
301
+ .relative {
302
+ position: relative;
303
+ }
304
+ .sticky {
305
+ position: sticky;
306
+ }
307
+ .inset-0 {
308
+ inset: 0px;
309
+ }
310
+ .-top-2 {
311
+ top: calc(0.5rem * -1);
312
+ }
313
+ .-top-3 {
314
+ top: calc(0.75rem * -1);
315
+ }
316
+ .-top-8 {
317
+ top: calc(2rem * -1);
318
+ }
319
+ .top-0 {
320
+ top: 0px;
321
+ }
322
+ .top-0\.5 {
323
+ top: calc(var(--spacing) * 0.5);
324
+ }
325
+ .top-1\/2 {
326
+ top: calc(1/2 * 100%);
327
+ }
328
+ .top-2 {
329
+ top: 0.5rem;
330
+ }
331
+ .top-3 {
332
+ top: 0.75rem;
333
+ }
334
+ .top-4 {
335
+ top: 1rem;
336
+ }
337
+ .top-6 {
338
+ top: 1.5rem;
339
+ }
340
+ .top-\[50\%\] {
341
+ top: 50%;
342
+ }
343
+ .-right-2 {
344
+ right: calc(0.5rem * -1);
345
+ }
346
+ .right-0 {
347
+ right: 0px;
348
+ }
349
+ .right-2 {
350
+ right: 0.5rem;
351
+ }
352
+ .right-3 {
353
+ right: 0.75rem;
354
+ }
355
+ .right-4 {
356
+ right: 1rem;
357
+ }
358
+ .-bottom-2 {
359
+ bottom: calc(0.5rem * -1);
360
+ }
361
+ .bottom-0 {
362
+ bottom: 0px;
363
+ }
364
+ .bottom-4 {
365
+ bottom: 1rem;
366
+ }
367
+ .-left-2 {
368
+ left: calc(0.5rem * -1);
369
+ }
370
+ .left-0 {
371
+ left: 0px;
372
+ }
373
+ .left-0\.5 {
374
+ left: calc(var(--spacing) * 0.5);
375
+ }
376
+ .left-1\/2 {
377
+ left: calc(1/2 * 100%);
378
+ }
379
+ .left-2 {
380
+ left: 0.5rem;
381
+ }
382
+ .left-3 {
383
+ left: 0.75rem;
384
+ }
385
+ .left-\[50\%\] {
386
+ left: 50%;
387
+ }
388
+ .z-10 {
389
+ z-index: 10;
390
+ }
391
+ .z-20 {
392
+ z-index: 20;
393
+ }
394
+ .z-30 {
395
+ z-index: 30;
396
+ }
397
+ .z-50 {
398
+ z-index: 50;
399
+ }
400
+ .container {
401
+ width: 100%;
402
+ @media (width >= 40rem) {
403
+ max-width: 40rem;
404
+ }
405
+ @media (width >= 48rem) {
406
+ max-width: 48rem;
407
+ }
408
+ @media (width >= 64rem) {
409
+ max-width: 64rem;
410
+ }
411
+ @media (width >= 80rem) {
412
+ max-width: 80rem;
413
+ }
414
+ @media (width >= 96rem) {
415
+ max-width: 96rem;
416
+ }
417
+ }
418
+ .-mx-0 {
419
+ margin-inline: calc(0px * -1);
420
+ }
421
+ .-mx-0\.5 {
422
+ margin-inline: calc(var(--spacing) * -0.5);
423
+ }
424
+ .-mx-1 {
425
+ margin-inline: calc(0.25rem * -1);
426
+ }
427
+ .-mx-1\.5 {
428
+ margin-inline: calc(var(--spacing) * -1.5);
429
+ }
430
+ .mx-1 {
431
+ margin-inline: 0.25rem;
432
+ }
433
+ .mx-auto {
434
+ margin-inline: auto;
435
+ }
436
+ .my-1 {
437
+ margin-block: 0.25rem;
438
+ }
439
+ .my-2 {
440
+ margin-block: 0.5rem;
441
+ }
442
+ .-mt-8 {
443
+ margin-top: calc(2rem * -1);
444
+ }
445
+ .mt-0\.5 {
446
+ margin-top: calc(var(--spacing) * 0.5);
447
+ }
448
+ .mt-1 {
449
+ margin-top: 0.25rem;
450
+ }
451
+ .mt-1\.5 {
452
+ margin-top: calc(var(--spacing) * 1.5);
453
+ }
454
+ .mt-2 {
455
+ margin-top: 0.5rem;
456
+ }
457
+ .mt-3 {
458
+ margin-top: 0.75rem;
459
+ }
460
+ .mt-4 {
461
+ margin-top: 1rem;
462
+ }
463
+ .mt-6 {
464
+ margin-top: 1.5rem;
465
+ }
466
+ .mt-8 {
467
+ margin-top: 2rem;
468
+ }
469
+ .mt-auto {
470
+ margin-top: auto;
471
+ }
472
+ .mr-1 {
473
+ margin-right: 0.25rem;
474
+ }
475
+ .mr-2 {
476
+ margin-right: 0.5rem;
477
+ }
478
+ .mr-4 {
479
+ margin-right: 1rem;
480
+ }
481
+ .mr-auto {
482
+ margin-right: auto;
483
+ }
484
+ .-mb-8 {
485
+ margin-bottom: calc(2rem * -1);
486
+ }
487
+ .-mb-px {
488
+ margin-bottom: -1px;
489
+ }
490
+ .mb-0\.5 {
491
+ margin-bottom: calc(var(--spacing) * 0.5);
492
+ }
493
+ .mb-1 {
494
+ margin-bottom: 0.25rem;
495
+ }
496
+ .mb-1\.5 {
497
+ margin-bottom: calc(var(--spacing) * 1.5);
498
+ }
499
+ .mb-2 {
500
+ margin-bottom: 0.5rem;
501
+ }
502
+ .mb-3 {
503
+ margin-bottom: 0.75rem;
504
+ }
505
+ .mb-4 {
506
+ margin-bottom: 1rem;
507
+ }
508
+ .mb-6 {
509
+ margin-bottom: 1.5rem;
510
+ }
511
+ .ml-0 {
512
+ margin-left: 0px;
513
+ }
514
+ .ml-1 {
515
+ margin-left: 0.25rem;
516
+ }
517
+ .ml-2 {
518
+ margin-left: 0.5rem;
519
+ }
520
+ .ml-6 {
521
+ margin-left: 1.5rem;
522
+ }
523
+ .ml-auto {
524
+ margin-left: auto;
525
+ }
526
+ .block {
527
+ display: block;
528
+ }
529
+ .flex {
530
+ display: flex;
531
+ }
532
+ .grid {
533
+ display: grid;
534
+ }
535
+ .hidden {
536
+ display: none;
537
+ }
538
+ .inline {
539
+ display: inline;
540
+ }
541
+ .inline-block {
542
+ display: inline-block;
543
+ }
544
+ .inline-flex {
545
+ display: inline-flex;
546
+ }
547
+ .table {
548
+ display: table;
549
+ }
550
+ .aspect-square {
551
+ aspect-ratio: 1 / 1;
552
+ }
553
+ .aspect-video {
554
+ aspect-ratio: var(--aspect-video);
555
+ }
556
+ .size-3 {
557
+ width: 0.75rem;
558
+ height: 0.75rem;
559
+ }
560
+ .size-4 {
561
+ width: 1rem;
562
+ height: 1rem;
563
+ }
564
+ .size-full {
565
+ width: 100%;
566
+ height: 100%;
567
+ }
568
+ .h-0\.5 {
569
+ height: calc(var(--spacing) * 0.5);
570
+ }
571
+ .h-1 {
572
+ height: 0.25rem;
573
+ }
574
+ .h-1\.5 {
575
+ height: calc(var(--spacing) * 1.5);
576
+ }
577
+ .h-1\/2 {
578
+ height: calc(1/2 * 100%);
579
+ }
580
+ .h-1\/3 {
581
+ height: calc(1/3 * 100%);
582
+ }
583
+ .h-1\/4 {
584
+ height: calc(1/4 * 100%);
585
+ }
586
+ .h-2 {
587
+ height: 0.5rem;
588
+ }
589
+ .h-2\.5 {
590
+ height: calc(var(--spacing) * 2.5);
591
+ }
592
+ .h-3 {
593
+ height: 0.75rem;
594
+ }
595
+ .h-3\.5 {
596
+ height: calc(var(--spacing) * 3.5);
597
+ }
598
+ .h-3\/4 {
599
+ height: calc(3/4 * 100%);
600
+ }
601
+ .h-4 {
602
+ height: 1rem;
603
+ }
604
+ .h-4\.5 {
605
+ height: calc(var(--spacing) * 4.5);
606
+ }
607
+ .h-5 {
608
+ height: 1.25rem;
609
+ }
610
+ .h-6 {
611
+ height: 1.5rem;
612
+ }
613
+ .h-8 {
614
+ height: 2rem;
615
+ }
616
+ .h-9 {
617
+ height: calc(var(--spacing) * 9);
618
+ }
619
+ .h-10 {
620
+ height: 2.5rem;
621
+ }
622
+ .h-11 {
623
+ height: calc(var(--spacing) * 11);
624
+ }
625
+ .h-12 {
626
+ height: 3rem;
627
+ }
628
+ .h-14 {
629
+ height: calc(var(--spacing) * 14);
630
+ }
631
+ .h-16 {
632
+ height: calc(var(--spacing) * 16);
633
+ }
634
+ .h-20 {
635
+ height: calc(var(--spacing) * 20);
636
+ }
637
+ .h-24 {
638
+ height: calc(var(--spacing) * 24);
639
+ }
640
+ .h-32 {
641
+ height: calc(var(--spacing) * 32);
642
+ }
643
+ .h-40 {
644
+ height: calc(var(--spacing) * 40);
645
+ }
646
+ .h-44 {
647
+ height: calc(var(--spacing) * 44);
648
+ }
649
+ .h-48 {
650
+ height: calc(var(--spacing) * 48);
651
+ }
652
+ .h-52 {
653
+ height: calc(var(--spacing) * 52);
654
+ }
655
+ .h-56 {
656
+ height: calc(var(--spacing) * 56);
657
+ }
658
+ .h-60 {
659
+ height: calc(var(--spacing) * 60);
660
+ }
661
+ .h-64 {
662
+ height: calc(var(--spacing) * 64);
663
+ }
664
+ .h-72 {
665
+ height: calc(var(--spacing) * 72);
666
+ }
667
+ .h-96 {
668
+ height: calc(var(--spacing) * 96);
669
+ }
670
+ .h-\[70\%\] {
671
+ height: 70%;
672
+ }
673
+ .h-\[240px\] {
674
+ height: 240px;
675
+ }
676
+ .h-\[600px\] {
677
+ height: 600px;
678
+ }
679
+ .h-\[var\(--button-height-lg\)\] {
680
+ height: var(--button-height-lg);
681
+ }
682
+ .h-\[var\(--button-height-md\)\] {
683
+ height: var(--button-height-md);
684
+ }
685
+ .h-\[var\(--button-height-sm\)\] {
686
+ height: var(--button-height-sm);
687
+ }
688
+ .h-\[var\(--button-height-xs\)\] {
689
+ height: var(--button-height-xs);
690
+ }
691
+ .h-\[var\(--chart-height-lg\)\] {
692
+ height: var(--chart-height-lg);
693
+ }
694
+ .h-\[var\(--chart-height-md\)\] {
695
+ height: var(--chart-height-md);
696
+ }
697
+ .h-\[var\(--chart-height-sm\)\] {
698
+ height: var(--chart-height-sm);
699
+ }
700
+ .h-\[var\(--chart-height-xl\)\] {
701
+ height: var(--chart-height-xl);
702
+ }
703
+ .h-\[var\(--checkbox-size-lg\)\] {
704
+ height: var(--checkbox-size-lg);
705
+ }
706
+ .h-\[var\(--checkbox-size-md\)\] {
707
+ height: var(--checkbox-size-md);
708
+ }
709
+ .h-\[var\(--checkbox-size-sm\)\] {
710
+ height: var(--checkbox-size-sm);
711
+ }
712
+ .h-\[var\(--input-height-lg\)\] {
713
+ height: var(--input-height-lg);
714
+ }
715
+ .h-\[var\(--input-height-md\)\] {
716
+ height: var(--input-height-md);
717
+ }
718
+ .h-\[var\(--input-height-sm\)\] {
719
+ height: var(--input-height-sm);
720
+ }
721
+ .h-\[var\(--input-height-xl\)\] {
722
+ height: var(--input-height-xl);
723
+ }
724
+ .h-\[var\(--switch-height-lg\)\] {
725
+ height: var(--switch-height-lg);
726
+ }
727
+ .h-\[var\(--switch-height-md\)\] {
728
+ height: var(--switch-height-md);
729
+ }
730
+ .h-\[var\(--switch-height-sm\)\] {
731
+ height: var(--switch-height-sm);
732
+ }
733
+ .h-auto {
734
+ height: auto;
735
+ }
736
+ .h-full {
737
+ height: 100%;
738
+ }
739
+ .h-px {
740
+ height: 1px;
741
+ }
742
+ .h-screen {
743
+ height: 100vh;
744
+ }
745
+ .max-h-40 {
746
+ max-height: calc(var(--spacing) * 40);
747
+ }
748
+ .max-h-96 {
749
+ max-height: calc(var(--spacing) * 96);
750
+ }
751
+ .max-h-\[200px\] {
752
+ max-height: 200px;
753
+ }
754
+ .max-h-\[300px\] {
755
+ max-height: 300px;
756
+ }
757
+ .max-h-\[400px\] {
758
+ max-height: 400px;
759
+ }
760
+ .max-h-\[500px\] {
761
+ max-height: 500px;
762
+ }
763
+ .min-h-0 {
764
+ min-height: 0px;
765
+ }
766
+ .min-h-3\.5 {
767
+ min-height: calc(var(--spacing) * 3.5);
768
+ }
769
+ .min-h-20 {
770
+ min-height: calc(var(--spacing) * 20);
771
+ }
772
+ .min-h-32 {
773
+ min-height: calc(var(--spacing) * 32);
774
+ }
775
+ .min-h-\[14px\] {
776
+ min-height: 14px;
777
+ }
778
+ .min-h-\[16px\] {
779
+ min-height: 16px;
780
+ }
781
+ .min-h-\[18px\] {
782
+ min-height: 18px;
783
+ }
784
+ .min-h-\[20px\] {
785
+ min-height: 20px;
786
+ }
787
+ .min-h-\[28px\] {
788
+ min-height: 28px;
789
+ }
790
+ .min-h-\[32px\] {
791
+ min-height: 32px;
792
+ }
793
+ .min-h-\[40px\] {
794
+ min-height: 40px;
795
+ }
796
+ .min-h-\[48px\] {
797
+ min-height: 48px;
798
+ }
799
+ .min-h-\[100px\] {
800
+ min-height: 100px;
801
+ }
802
+ .min-h-\[120px\] {
803
+ min-height: 120px;
804
+ }
805
+ .min-h-\[160px\] {
806
+ min-height: 160px;
807
+ }
808
+ .min-h-\[200px\] {
809
+ min-height: 200px;
810
+ }
811
+ .min-h-\[250px\] {
812
+ min-height: 250px;
813
+ }
814
+ .min-h-\[300px\] {
815
+ min-height: 300px;
816
+ }
817
+ .min-h-\[400px\] {
818
+ min-height: 400px;
819
+ }
820
+ .min-h-\[500px\] {
821
+ min-height: 500px;
822
+ }
823
+ .min-h-\[600px\] {
824
+ min-height: 600px;
825
+ }
826
+ .min-h-\[var\(--textarea-min-height\)\] {
827
+ min-height: var(--textarea-min-height);
828
+ }
829
+ .w-0\.5 {
830
+ width: calc(var(--spacing) * 0.5);
831
+ }
832
+ .w-1 {
833
+ width: 0.25rem;
834
+ }
835
+ .w-1\/2 {
836
+ width: calc(1/2 * 100%);
837
+ }
838
+ .w-1\/3 {
839
+ width: calc(1/3 * 100%);
840
+ }
841
+ .w-1\/4 {
842
+ width: calc(1/4 * 100%);
843
+ }
844
+ .w-2 {
845
+ width: 0.5rem;
846
+ }
847
+ .w-2\.5 {
848
+ width: calc(var(--spacing) * 2.5);
849
+ }
850
+ .w-2\/3 {
851
+ width: calc(2/3 * 100%);
852
+ }
853
+ .w-3 {
854
+ width: 0.75rem;
855
+ }
856
+ .w-3\.5 {
857
+ width: calc(var(--spacing) * 3.5);
858
+ }
859
+ .w-3\/4 {
860
+ width: calc(3/4 * 100%);
861
+ }
862
+ .w-4 {
863
+ width: 1rem;
864
+ }
865
+ .w-4\/5 {
866
+ width: calc(4/5 * 100%);
867
+ }
868
+ .w-5 {
869
+ width: 1.25rem;
870
+ }
871
+ .w-5\/6 {
872
+ width: calc(5/6 * 100%);
873
+ }
874
+ .w-6 {
875
+ width: 1.5rem;
876
+ }
877
+ .w-7 {
878
+ width: calc(var(--spacing) * 7);
879
+ }
880
+ .w-8 {
881
+ width: 2rem;
882
+ }
883
+ .w-9 {
884
+ width: calc(var(--spacing) * 9);
885
+ }
886
+ .w-10 {
887
+ width: 2.5rem;
888
+ }
889
+ .w-12 {
890
+ width: 3rem;
891
+ }
892
+ .w-14 {
893
+ width: calc(var(--spacing) * 14);
894
+ }
895
+ .w-16 {
896
+ width: calc(var(--spacing) * 16);
897
+ }
898
+ .w-20 {
899
+ width: calc(var(--spacing) * 20);
900
+ }
901
+ .w-24 {
902
+ width: calc(var(--spacing) * 24);
903
+ }
904
+ .w-32 {
905
+ width: calc(var(--spacing) * 32);
906
+ }
907
+ .w-40 {
908
+ width: calc(var(--spacing) * 40);
909
+ }
910
+ .w-48 {
911
+ width: calc(var(--spacing) * 48);
912
+ }
913
+ .w-56 {
914
+ width: calc(var(--spacing) * 56);
915
+ }
916
+ .w-64 {
917
+ width: calc(var(--spacing) * 64);
918
+ }
919
+ .w-72 {
920
+ width: calc(var(--spacing) * 72);
921
+ }
922
+ .w-80 {
923
+ width: calc(var(--spacing) * 80);
924
+ }
925
+ .w-96 {
926
+ width: calc(var(--spacing) * 96);
927
+ }
928
+ .w-\[70\%\] {
929
+ width: 70%;
930
+ }
931
+ .w-\[200px\] {
932
+ width: 200px;
933
+ }
934
+ .w-\[250px\] {
935
+ width: 250px;
936
+ }
937
+ .w-\[300px\] {
938
+ width: 300px;
939
+ }
940
+ .w-\[350px\] {
941
+ width: 350px;
942
+ }
943
+ .w-\[400px\] {
944
+ width: 400px;
945
+ }
946
+ .w-\[500px\] {
947
+ width: 500px;
948
+ }
949
+ .w-\[var\(--checkbox-size-lg\)\] {
950
+ width: var(--checkbox-size-lg);
951
+ }
952
+ .w-\[var\(--checkbox-size-md\)\] {
953
+ width: var(--checkbox-size-md);
954
+ }
955
+ .w-\[var\(--checkbox-size-sm\)\] {
956
+ width: var(--checkbox-size-sm);
957
+ }
958
+ .w-\[var\(--radix-popover-trigger-width\)\] {
959
+ width: var(--radix-popover-trigger-width);
960
+ }
961
+ .w-\[var\(--switch-width-lg\)\] {
962
+ width: var(--switch-width-lg);
963
+ }
964
+ .w-\[var\(--switch-width-md\)\] {
965
+ width: var(--switch-width-md);
966
+ }
967
+ .w-\[var\(--switch-width-sm\)\] {
968
+ width: var(--switch-width-sm);
969
+ }
970
+ .w-auto {
971
+ width: auto;
972
+ }
973
+ .w-fit {
974
+ width: fit-content;
975
+ }
976
+ .w-full {
977
+ width: 100%;
978
+ }
979
+ .max-w-2xl {
980
+ max-width: var(--container-2xl);
981
+ }
982
+ .max-w-3xl {
983
+ max-width: var(--container-3xl);
984
+ }
985
+ .max-w-4xl {
986
+ max-width: var(--container-4xl);
987
+ }
988
+ .max-w-6xl {
989
+ max-width: var(--container-6xl);
990
+ }
991
+ .max-w-7xl {
992
+ max-width: var(--container-7xl);
993
+ }
994
+ .max-w-\[200px\] {
995
+ max-width: 200px;
996
+ }
997
+ .max-w-\[calc\(100\%-2rem\)\] {
998
+ max-width: calc(100% - 2rem);
999
+ }
1000
+ .max-w-full {
1001
+ max-width: 100%;
1002
+ }
1003
+ .max-w-lg {
1004
+ max-width: var(--container-lg);
1005
+ }
1006
+ .max-w-md {
1007
+ max-width: var(--container-md);
1008
+ }
1009
+ .max-w-sm {
1010
+ max-width: var(--container-sm);
1011
+ }
1012
+ .max-w-xl {
1013
+ max-width: var(--container-xl);
1014
+ }
1015
+ .max-w-xs {
1016
+ max-width: var(--container-xs);
1017
+ }
1018
+ .min-w-0 {
1019
+ min-width: 0px;
1020
+ }
1021
+ .min-w-4 {
1022
+ min-width: 1rem;
1023
+ }
1024
+ .min-w-6 {
1025
+ min-width: 1.5rem;
1026
+ }
1027
+ .min-w-8 {
1028
+ min-width: 2rem;
1029
+ }
1030
+ .min-w-10 {
1031
+ min-width: 2.5rem;
1032
+ }
1033
+ .min-w-12 {
1034
+ min-width: 3rem;
1035
+ }
1036
+ .min-w-72 {
1037
+ min-width: calc(var(--spacing) * 72);
1038
+ }
1039
+ .min-w-\[8px\] {
1040
+ min-width: 8px;
1041
+ }
1042
+ .min-w-\[60px\] {
1043
+ min-width: 60px;
1044
+ }
1045
+ .min-w-\[140px\] {
1046
+ min-width: 140px;
1047
+ }
1048
+ .min-w-fit {
1049
+ min-width: fit-content;
1050
+ }
1051
+ .flex-1 {
1052
+ flex: 1;
1053
+ }
1054
+ .flex-shrink-0 {
1055
+ flex-shrink: 0;
1056
+ }
1057
+ .shrink-0 {
1058
+ flex-shrink: 0;
1059
+ }
1060
+ .border-collapse {
1061
+ border-collapse: collapse;
1062
+ }
1063
+ .border-separate {
1064
+ border-collapse: separate;
1065
+ }
1066
+ .border-spacing-0 {
1067
+ --tw-border-spacing-x: 0px;
1068
+ --tw-border-spacing-y: 0px;
1069
+ border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
1070
+ }
1071
+ .origin-\(--radix-popover-content-transform-origin\) {
1072
+ transform-origin: var(--radix-popover-content-transform-origin);
1073
+ }
1074
+ .-translate-x-1\/2 {
1075
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
1076
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1077
+ }
1078
+ .-translate-x-px {
1079
+ --tw-translate-x: -1px;
1080
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1081
+ }
1082
+ .translate-x-\[-50\%\] {
1083
+ --tw-translate-x: -50%;
1084
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1085
+ }
1086
+ .-translate-y-1\/2 {
1087
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1088
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1089
+ }
1090
+ .translate-y-\[-50\%\] {
1091
+ --tw-translate-y: -50%;
1092
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1093
+ }
1094
+ .scale-\[1\.02\] {
1095
+ scale: 1.02;
1096
+ }
1097
+ .-rotate-90 {
1098
+ rotate: calc(90deg * -1);
1099
+ }
1100
+ .rotate-90 {
1101
+ rotate: 90deg;
1102
+ }
1103
+ .rotate-180 {
1104
+ rotate: 180deg;
1105
+ }
1106
+ .transform {
1107
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1108
+ }
1109
+ .animate-pulse {
1110
+ animation: var(--animate-pulse);
1111
+ }
1112
+ .animate-spin {
1113
+ animation: var(--animate-spin);
1114
+ }
1115
+ .cursor-default {
1116
+ cursor: default;
1117
+ }
1118
+ .cursor-help {
1119
+ cursor: help;
1120
+ }
1121
+ .cursor-not-allowed {
1122
+ cursor: not-allowed;
1123
+ }
1124
+ .cursor-pointer {
1125
+ cursor: pointer;
1126
+ }
1127
+ .cursor-text {
1128
+ cursor: text;
1129
+ }
1130
+ .resize {
1131
+ resize: both;
1132
+ }
1133
+ .resize-none {
1134
+ resize: none;
1135
+ }
1136
+ .resize-x {
1137
+ resize: horizontal;
1138
+ }
1139
+ .resize-y {
1140
+ resize: vertical;
1141
+ }
1142
+ .scroll-py-1 {
1143
+ scroll-padding-block: 0.25rem;
1144
+ }
1145
+ .list-inside {
1146
+ list-style-position: inside;
1147
+ }
1148
+ .list-disc {
1149
+ list-style-type: disc;
1150
+ }
1151
+ .appearance-none {
1152
+ appearance: none;
1153
+ }
1154
+ .grid-cols-1 {
1155
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1156
+ }
1157
+ .grid-cols-2 {
1158
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1159
+ }
1160
+ .grid-cols-3 {
1161
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1162
+ }
1163
+ .grid-cols-4 {
1164
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1165
+ }
1166
+ .grid-cols-7 {
1167
+ grid-template-columns: repeat(7, minmax(0, 1fr));
1168
+ }
1169
+ .grid-rows-\[0fr\] {
1170
+ grid-template-rows: 0fr;
1171
+ }
1172
+ .grid-rows-\[1fr\] {
1173
+ grid-template-rows: 1fr;
1174
+ }
1175
+ .flex-col {
1176
+ flex-direction: column;
1177
+ }
1178
+ .flex-col-reverse {
1179
+ flex-direction: column-reverse;
1180
+ }
1181
+ .flex-row {
1182
+ flex-direction: row;
1183
+ }
1184
+ .flex-wrap {
1185
+ flex-wrap: wrap;
1186
+ }
1187
+ .items-baseline {
1188
+ align-items: baseline;
1189
+ }
1190
+ .items-center {
1191
+ align-items: center;
1192
+ }
1193
+ .items-end {
1194
+ align-items: flex-end;
1195
+ }
1196
+ .items-start {
1197
+ align-items: flex-start;
1198
+ }
1199
+ .justify-between {
1200
+ justify-content: space-between;
1201
+ }
1202
+ .justify-center {
1203
+ justify-content: center;
1204
+ }
1205
+ .justify-end {
1206
+ justify-content: flex-end;
1207
+ }
1208
+ .justify-start {
1209
+ justify-content: flex-start;
1210
+ }
1211
+ .gap-0 {
1212
+ gap: 0px;
1213
+ }
1214
+ .gap-0\.5 {
1215
+ gap: calc(var(--spacing) * 0.5);
1216
+ }
1217
+ .gap-1 {
1218
+ gap: 0.25rem;
1219
+ }
1220
+ .gap-1\.5 {
1221
+ gap: calc(var(--spacing) * 1.5);
1222
+ }
1223
+ .gap-2 {
1224
+ gap: 0.5rem;
1225
+ }
1226
+ .gap-2\.5 {
1227
+ gap: calc(var(--spacing) * 2.5);
1228
+ }
1229
+ .gap-3 {
1230
+ gap: 0.75rem;
1231
+ }
1232
+ .gap-3\.5 {
1233
+ gap: calc(var(--spacing) * 3.5);
1234
+ }
1235
+ .gap-4 {
1236
+ gap: 1rem;
1237
+ }
1238
+ .gap-5 {
1239
+ gap: 1.25rem;
1240
+ }
1241
+ .gap-6 {
1242
+ gap: 1.5rem;
1243
+ }
1244
+ .gap-8 {
1245
+ gap: 2rem;
1246
+ }
1247
+ .gap-32 {
1248
+ gap: calc(var(--spacing) * 32);
1249
+ }
1250
+ .space-y-0\.5 {
1251
+ :where(& > :not(:last-child)) {
1252
+ --tw-space-y-reverse: 0;
1253
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
1254
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
1255
+ }
1256
+ }
1257
+ .space-y-1 {
1258
+ :where(& > :not(:last-child)) {
1259
+ --tw-space-y-reverse: 0;
1260
+ margin-block-start: calc(0.25rem * var(--tw-space-y-reverse));
1261
+ margin-block-end: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1262
+ }
1263
+ }
1264
+ .space-y-1\.5 {
1265
+ :where(& > :not(:last-child)) {
1266
+ --tw-space-y-reverse: 0;
1267
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
1268
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
1269
+ }
1270
+ }
1271
+ .space-y-2 {
1272
+ :where(& > :not(:last-child)) {
1273
+ --tw-space-y-reverse: 0;
1274
+ margin-block-start: calc(0.5rem * var(--tw-space-y-reverse));
1275
+ margin-block-end: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1276
+ }
1277
+ }
1278
+ .space-y-3 {
1279
+ :where(& > :not(:last-child)) {
1280
+ --tw-space-y-reverse: 0;
1281
+ margin-block-start: calc(0.75rem * var(--tw-space-y-reverse));
1282
+ margin-block-end: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1283
+ }
1284
+ }
1285
+ .space-y-4 {
1286
+ :where(& > :not(:last-child)) {
1287
+ --tw-space-y-reverse: 0;
1288
+ margin-block-start: calc(1rem * var(--tw-space-y-reverse));
1289
+ margin-block-end: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1290
+ }
1291
+ }
1292
+ .space-y-6 {
1293
+ :where(& > :not(:last-child)) {
1294
+ --tw-space-y-reverse: 0;
1295
+ margin-block-start: calc(1.5rem * var(--tw-space-y-reverse));
1296
+ margin-block-end: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1297
+ }
1298
+ }
1299
+ .space-y-8 {
1300
+ :where(& > :not(:last-child)) {
1301
+ --tw-space-y-reverse: 0;
1302
+ margin-block-start: calc(2rem * var(--tw-space-y-reverse));
1303
+ margin-block-end: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1304
+ }
1305
+ }
1306
+ .space-y-10 {
1307
+ :where(& > :not(:last-child)) {
1308
+ --tw-space-y-reverse: 0;
1309
+ margin-block-start: calc(2.5rem * var(--tw-space-y-reverse));
1310
+ margin-block-end: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
1311
+ }
1312
+ }
1313
+ .space-y-12 {
1314
+ :where(& > :not(:last-child)) {
1315
+ --tw-space-y-reverse: 0;
1316
+ margin-block-start: calc(3rem * var(--tw-space-y-reverse));
1317
+ margin-block-end: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
1318
+ }
1319
+ }
1320
+ .divide-y {
1321
+ :where(& > :not(:last-child)) {
1322
+ --tw-divide-y-reverse: 0;
1323
+ border-bottom-style: var(--tw-border-style);
1324
+ border-top-style: var(--tw-border-style);
1325
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
1326
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1327
+ }
1328
+ }
1329
+ .divide-border {
1330
+ :where(& > :not(:last-child)) {
1331
+ border-color: oklch(93% 0 0);
1332
+ }
1333
+ }
1334
+ .self-end {
1335
+ align-self: flex-end;
1336
+ }
1337
+ .truncate {
1338
+ overflow: hidden;
1339
+ text-overflow: ellipsis;
1340
+ white-space: nowrap;
1341
+ }
1342
+ .overflow-auto {
1343
+ overflow: auto;
1344
+ }
1345
+ .overflow-hidden {
1346
+ overflow: hidden;
1347
+ }
1348
+ .overflow-x-hidden {
1349
+ overflow-x: hidden;
1350
+ }
1351
+ .overflow-y-auto {
1352
+ overflow-y: auto;
1353
+ }
1354
+ .rounded {
1355
+ border-radius: 0.25rem;
1356
+ }
1357
+ .rounded-2xl {
1358
+ border-radius: 0.75rem;
1359
+ }
1360
+ .rounded-3xl {
1361
+ border-radius: 1rem;
1362
+ }
1363
+ .rounded-full {
1364
+ border-radius: 9999px;
1365
+ }
1366
+ .rounded-lg {
1367
+ border-radius: 0.5rem;
1368
+ }
1369
+ .rounded-md {
1370
+ border-radius: 0.375rem;
1371
+ }
1372
+ .rounded-sm {
1373
+ border-radius: 0.25rem;
1374
+ }
1375
+ .rounded-xl {
1376
+ border-radius: 0.625rem;
1377
+ }
1378
+ .rounded-xs {
1379
+ border-radius: var(--radius-xs);
1380
+ }
1381
+ .rounded-t-xl {
1382
+ border-top-left-radius: 0.625rem;
1383
+ border-top-right-radius: 0.625rem;
1384
+ }
1385
+ .rounded-l-xl {
1386
+ border-top-left-radius: 0.625rem;
1387
+ border-bottom-left-radius: 0.625rem;
1388
+ }
1389
+ .rounded-r-xl {
1390
+ border-top-right-radius: 0.625rem;
1391
+ border-bottom-right-radius: 0.625rem;
1392
+ }
1393
+ .rounded-b-xl {
1394
+ border-bottom-right-radius: 0.625rem;
1395
+ border-bottom-left-radius: 0.625rem;
1396
+ }
1397
+ .border {
1398
+ border-style: var(--tw-border-style);
1399
+ border-width: 1px;
1400
+ }
1401
+ .border-0 {
1402
+ border-style: var(--tw-border-style);
1403
+ border-width: 0px;
1404
+ }
1405
+ .border-2 {
1406
+ border-style: var(--tw-border-style);
1407
+ border-width: 2px;
1408
+ }
1409
+ .border-t {
1410
+ border-top-style: var(--tw-border-style);
1411
+ border-top-width: 1px;
1412
+ }
1413
+ .border-r {
1414
+ border-right-style: var(--tw-border-style);
1415
+ border-right-width: 1px;
1416
+ }
1417
+ .border-r-0 {
1418
+ border-right-style: var(--tw-border-style);
1419
+ border-right-width: 0px;
1420
+ }
1421
+ .border-b {
1422
+ border-bottom-style: var(--tw-border-style);
1423
+ border-bottom-width: 1px;
1424
+ }
1425
+ .border-b-0 {
1426
+ border-bottom-style: var(--tw-border-style);
1427
+ border-bottom-width: 0px;
1428
+ }
1429
+ .border-b-2 {
1430
+ border-bottom-style: var(--tw-border-style);
1431
+ border-bottom-width: 2px;
1432
+ }
1433
+ .border-l {
1434
+ border-left-style: var(--tw-border-style);
1435
+ border-left-width: 1px;
1436
+ }
1437
+ .border-l-4 {
1438
+ border-left-style: var(--tw-border-style);
1439
+ border-left-width: 4px;
1440
+ }
1441
+ .border-l-6 {
1442
+ border-left-style: var(--tw-border-style);
1443
+ border-left-width: 6px;
1444
+ }
1445
+ .border-dashed {
1446
+ --tw-border-style: dashed;
1447
+ border-style: dashed;
1448
+ }
1449
+ .border-none {
1450
+ --tw-border-style: none;
1451
+ border-style: none;
1452
+ }
1453
+ .\!border-error {
1454
+ border-color: oklch(65% 0.2 25) !important;
1455
+ }
1456
+ .\!border-info {
1457
+ border-color: oklch(60% 0.19 255) !important;
1458
+ }
1459
+ .\!border-success {
1460
+ border-color: oklch(0.7 0.2 145) !important;
1461
+ }
1462
+ .\!border-warning {
1463
+ border-color: oklch(75% 0.15 85) !important;
1464
+ }
1465
+ .border-accent {
1466
+ border-color: oklch(0.8 0.1737 67);
1467
+ }
1468
+ .border-accent\/20 {
1469
+ border-color: color-mix(in oklab, oklch(0.8 0.1737 67) 20%, transparent);
1470
+ }
1471
+ .border-accent\/30 {
1472
+ border-color: color-mix(in oklab, oklch(0.8 0.1737 67) 30%, transparent);
1473
+ }
1474
+ .border-accent\/50 {
1475
+ border-color: color-mix(in oklab, oklch(0.8 0.1737 67) 50%, transparent);
1476
+ }
1477
+ .border-accent\/60 {
1478
+ border-color: color-mix(in oklab, oklch(0.8 0.1737 67) 60%, transparent);
1479
+ }
1480
+ .border-background {
1481
+ border-color: oklch(100% 0 0);
1482
+ }
1483
+ .border-border {
1484
+ border-color: oklch(93% 0 0);
1485
+ }
1486
+ .border-border\/30 {
1487
+ border-color: color-mix(in oklab, oklch(93% 0 0) 30%, transparent);
1488
+ }
1489
+ .border-border\/50 {
1490
+ border-color: color-mix(in oklab, oklch(93% 0 0) 50%, transparent);
1491
+ }
1492
+ .border-current {
1493
+ border-color: currentcolor;
1494
+ }
1495
+ .border-error {
1496
+ border-color: oklch(65% 0.2 25);
1497
+ }
1498
+ .border-error\/20 {
1499
+ border-color: color-mix(in oklab, oklch(65% 0.2 25) 20%, transparent);
1500
+ }
1501
+ .border-error\/30 {
1502
+ border-color: color-mix(in oklab, oklch(65% 0.2 25) 30%, transparent);
1503
+ }
1504
+ .border-error\/50 {
1505
+ border-color: color-mix(in oklab, oklch(65% 0.2 25) 50%, transparent);
1506
+ }
1507
+ .border-error\/60 {
1508
+ border-color: color-mix(in oklab, oklch(65% 0.2 25) 60%, transparent);
1509
+ }
1510
+ .border-gray-100 {
1511
+ border-color: oklch(96% 0 0);
1512
+ }
1513
+ .border-gray-300 {
1514
+ border-color: oklch(87% 0 0);
1515
+ }
1516
+ .border-gray-700 {
1517
+ border-color: oklch(35% 0 0);
1518
+ }
1519
+ .border-info {
1520
+ border-color: oklch(60% 0.19 255);
1521
+ }
1522
+ .border-info\/20 {
1523
+ border-color: color-mix(in oklab, oklch(60% 0.19 255) 20%, transparent);
1524
+ }
1525
+ .border-info\/30 {
1526
+ border-color: color-mix(in oklab, oklch(60% 0.19 255) 30%, transparent);
1527
+ }
1528
+ .border-info\/50 {
1529
+ border-color: color-mix(in oklab, oklch(60% 0.19 255) 50%, transparent);
1530
+ }
1531
+ .border-info\/60 {
1532
+ border-color: color-mix(in oklab, oklch(60% 0.19 255) 60%, transparent);
1533
+ }
1534
+ .border-primary {
1535
+ border-color: oklch(0.6029 0.15 239.2065);
1536
+ }
1537
+ .border-primary\/20 {
1538
+ border-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 20%, transparent);
1539
+ }
1540
+ .border-primary\/30 {
1541
+ border-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 30%, transparent);
1542
+ }
1543
+ .border-primary\/50 {
1544
+ border-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 50%, transparent);
1545
+ }
1546
+ .border-primary\/60 {
1547
+ border-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 60%, transparent);
1548
+ }
1549
+ .border-secondary {
1550
+ border-color: oklch(50% 0.05 240);
1551
+ }
1552
+ .border-secondary\/20 {
1553
+ border-color: color-mix(in oklab, oklch(50% 0.05 240) 20%, transparent);
1554
+ }
1555
+ .border-secondary\/30 {
1556
+ border-color: color-mix(in oklab, oklch(50% 0.05 240) 30%, transparent);
1557
+ }
1558
+ .border-secondary\/50 {
1559
+ border-color: color-mix(in oklab, oklch(50% 0.05 240) 50%, transparent);
1560
+ }
1561
+ .border-secondary\/60 {
1562
+ border-color: color-mix(in oklab, oklch(50% 0.05 240) 60%, transparent);
1563
+ }
1564
+ .border-success {
1565
+ border-color: oklch(0.7 0.2 145);
1566
+ }
1567
+ .border-success\/20 {
1568
+ border-color: color-mix(in oklab, oklch(0.7 0.2 145) 20%, transparent);
1569
+ }
1570
+ .border-success\/30 {
1571
+ border-color: color-mix(in oklab, oklch(0.7 0.2 145) 30%, transparent);
1572
+ }
1573
+ .border-success\/50 {
1574
+ border-color: color-mix(in oklab, oklch(0.7 0.2 145) 50%, transparent);
1575
+ }
1576
+ .border-success\/60 {
1577
+ border-color: color-mix(in oklab, oklch(0.7 0.2 145) 60%, transparent);
1578
+ }
1579
+ .border-surface {
1580
+ border-color: oklch(96% 0 0);
1581
+ }
1582
+ .border-text-primary {
1583
+ border-color: oklch(15% 0 0);
1584
+ }
1585
+ .border-transparent {
1586
+ border-color: transparent;
1587
+ }
1588
+ .border-warning {
1589
+ border-color: oklch(75% 0.15 85);
1590
+ }
1591
+ .border-warning\/20 {
1592
+ border-color: color-mix(in oklab, oklch(75% 0.15 85) 20%, transparent);
1593
+ }
1594
+ .border-warning\/30 {
1595
+ border-color: color-mix(in oklab, oklch(75% 0.15 85) 30%, transparent);
1596
+ }
1597
+ .border-warning\/50 {
1598
+ border-color: color-mix(in oklab, oklch(75% 0.15 85) 50%, transparent);
1599
+ }
1600
+ .border-warning\/60 {
1601
+ border-color: color-mix(in oklab, oklch(75% 0.15 85) 60%, transparent);
1602
+ }
1603
+ .border-white\/20 {
1604
+ border-color: color-mix(in oklab, oklch(100% 0 0) 20%, transparent);
1605
+ }
1606
+ .border-t-transparent {
1607
+ border-top-color: transparent;
1608
+ }
1609
+ .border-l-accent {
1610
+ border-left-color: oklch(0.8 0.1737 67);
1611
+ }
1612
+ .border-l-border {
1613
+ border-left-color: oklch(93% 0 0);
1614
+ }
1615
+ .border-l-error {
1616
+ border-left-color: oklch(65% 0.2 25);
1617
+ }
1618
+ .border-l-info {
1619
+ border-left-color: oklch(60% 0.19 255);
1620
+ }
1621
+ .border-l-primary {
1622
+ border-left-color: oklch(0.6029 0.15 239.2065);
1623
+ }
1624
+ .border-l-secondary {
1625
+ border-left-color: oklch(50% 0.05 240);
1626
+ }
1627
+ .border-l-success {
1628
+ border-left-color: oklch(0.7 0.2 145);
1629
+ }
1630
+ .border-l-warning {
1631
+ border-left-color: oklch(75% 0.15 85);
1632
+ }
1633
+ .bg-accent {
1634
+ background-color: oklch(0.8 0.1737 67);
1635
+ }
1636
+ .bg-accent\/5 {
1637
+ background-color: color-mix(in oklab, oklch(0.8 0.1737 67) 5%, transparent);
1638
+ }
1639
+ .bg-accent\/10 {
1640
+ background-color: color-mix(in oklab, oklch(0.8 0.1737 67) 10%, transparent);
1641
+ }
1642
+ .bg-accent\/20 {
1643
+ background-color: color-mix(in oklab, oklch(0.8 0.1737 67) 20%, transparent);
1644
+ }
1645
+ .bg-accent\/30 {
1646
+ background-color: color-mix(in oklab, oklch(0.8 0.1737 67) 30%, transparent);
1647
+ }
1648
+ .bg-accent\/50 {
1649
+ background-color: color-mix(in oklab, oklch(0.8 0.1737 67) 50%, transparent);
1650
+ }
1651
+ .bg-accent\/60 {
1652
+ background-color: color-mix(in oklab, oklch(0.8 0.1737 67) 60%, transparent);
1653
+ }
1654
+ .bg-background {
1655
+ background-color: oklch(100% 0 0);
1656
+ }
1657
+ .bg-background\/80 {
1658
+ background-color: color-mix(in oklab, oklch(100% 0 0) 80%, transparent);
1659
+ }
1660
+ .bg-black\/20 {
1661
+ background-color: color-mix(in oklab, oklch(0% 0 0) 20%, transparent);
1662
+ }
1663
+ .bg-black\/30 {
1664
+ background-color: color-mix(in oklab, oklch(0% 0 0) 30%, transparent);
1665
+ }
1666
+ .bg-black\/50 {
1667
+ background-color: color-mix(in oklab, oklch(0% 0 0) 50%, transparent);
1668
+ }
1669
+ .bg-blue-600 {
1670
+ background-color: var(--color-blue-600);
1671
+ }
1672
+ .bg-border {
1673
+ background-color: oklch(93% 0 0);
1674
+ }
1675
+ .bg-border\/20 {
1676
+ background-color: color-mix(in oklab, oklch(93% 0 0) 20%, transparent);
1677
+ }
1678
+ .bg-border\/50 {
1679
+ background-color: color-mix(in oklab, oklch(93% 0 0) 50%, transparent);
1680
+ }
1681
+ .bg-error {
1682
+ background-color: oklch(65% 0.2 25);
1683
+ }
1684
+ .bg-error\/5 {
1685
+ background-color: color-mix(in oklab, oklch(65% 0.2 25) 5%, transparent);
1686
+ }
1687
+ .bg-error\/10 {
1688
+ background-color: color-mix(in oklab, oklch(65% 0.2 25) 10%, transparent);
1689
+ }
1690
+ .bg-error\/20 {
1691
+ background-color: color-mix(in oklab, oklch(65% 0.2 25) 20%, transparent);
1692
+ }
1693
+ .bg-error\/30 {
1694
+ background-color: color-mix(in oklab, oklch(65% 0.2 25) 30%, transparent);
1695
+ }
1696
+ .bg-error\/50 {
1697
+ background-color: color-mix(in oklab, oklch(65% 0.2 25) 50%, transparent);
1698
+ }
1699
+ .bg-error\/60 {
1700
+ background-color: color-mix(in oklab, oklch(65% 0.2 25) 60%, transparent);
1701
+ }
1702
+ .bg-gray-50 {
1703
+ background-color: oklch(98% 0 0);
1704
+ }
1705
+ .bg-gray-100 {
1706
+ background-color: oklch(96% 0 0);
1707
+ }
1708
+ .bg-gray-200 {
1709
+ background-color: oklch(92% 0 0);
1710
+ }
1711
+ .bg-gray-300 {
1712
+ background-color: oklch(87% 0 0);
1713
+ }
1714
+ .bg-gray-700 {
1715
+ background-color: oklch(35% 0 0);
1716
+ }
1717
+ .bg-gray-800 {
1718
+ background-color: oklch(25% 0 0);
1719
+ }
1720
+ .bg-green-600 {
1721
+ background-color: var(--color-green-600);
1722
+ }
1723
+ .bg-info {
1724
+ background-color: oklch(60% 0.19 255);
1725
+ }
1726
+ .bg-info\/5 {
1727
+ background-color: color-mix(in oklab, oklch(60% 0.19 255) 5%, transparent);
1728
+ }
1729
+ .bg-info\/10 {
1730
+ background-color: color-mix(in oklab, oklch(60% 0.19 255) 10%, transparent);
1731
+ }
1732
+ .bg-info\/20 {
1733
+ background-color: color-mix(in oklab, oklch(60% 0.19 255) 20%, transparent);
1734
+ }
1735
+ .bg-info\/30 {
1736
+ background-color: color-mix(in oklab, oklch(60% 0.19 255) 30%, transparent);
1737
+ }
1738
+ .bg-info\/50 {
1739
+ background-color: color-mix(in oklab, oklch(60% 0.19 255) 50%, transparent);
1740
+ }
1741
+ .bg-info\/60 {
1742
+ background-color: color-mix(in oklab, oklch(60% 0.19 255) 60%, transparent);
1743
+ }
1744
+ .bg-primary {
1745
+ background-color: oklch(0.6029 0.15 239.2065);
1746
+ }
1747
+ .bg-primary-hover {
1748
+ background-color: oklch(0.5029 0.2 239.2065);
1749
+ }
1750
+ .bg-primary\/5 {
1751
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 5%, transparent);
1752
+ }
1753
+ .bg-primary\/10 {
1754
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 10%, transparent);
1755
+ }
1756
+ .bg-primary\/20 {
1757
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 20%, transparent);
1758
+ }
1759
+ .bg-primary\/30 {
1760
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 30%, transparent);
1761
+ }
1762
+ .bg-primary\/50 {
1763
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 50%, transparent);
1764
+ }
1765
+ .bg-primary\/60 {
1766
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 60%, transparent);
1767
+ }
1768
+ .bg-red-600 {
1769
+ background-color: var(--color-red-600);
1770
+ }
1771
+ .bg-secondary {
1772
+ background-color: oklch(50% 0.05 240);
1773
+ }
1774
+ .bg-secondary\/5 {
1775
+ background-color: color-mix(in oklab, oklch(50% 0.05 240) 5%, transparent);
1776
+ }
1777
+ .bg-secondary\/10 {
1778
+ background-color: color-mix(in oklab, oklch(50% 0.05 240) 10%, transparent);
1779
+ }
1780
+ .bg-secondary\/20 {
1781
+ background-color: color-mix(in oklab, oklch(50% 0.05 240) 20%, transparent);
1782
+ }
1783
+ .bg-secondary\/30 {
1784
+ background-color: color-mix(in oklab, oklch(50% 0.05 240) 30%, transparent);
1785
+ }
1786
+ .bg-secondary\/50 {
1787
+ background-color: color-mix(in oklab, oklch(50% 0.05 240) 50%, transparent);
1788
+ }
1789
+ .bg-secondary\/60 {
1790
+ background-color: color-mix(in oklab, oklch(50% 0.05 240) 60%, transparent);
1791
+ }
1792
+ .bg-success {
1793
+ background-color: oklch(0.7 0.2 145);
1794
+ }
1795
+ .bg-success\/5 {
1796
+ background-color: color-mix(in oklab, oklch(0.7 0.2 145) 5%, transparent);
1797
+ }
1798
+ .bg-success\/10 {
1799
+ background-color: color-mix(in oklab, oklch(0.7 0.2 145) 10%, transparent);
1800
+ }
1801
+ .bg-success\/20 {
1802
+ background-color: color-mix(in oklab, oklch(0.7 0.2 145) 20%, transparent);
1803
+ }
1804
+ .bg-success\/30 {
1805
+ background-color: color-mix(in oklab, oklch(0.7 0.2 145) 30%, transparent);
1806
+ }
1807
+ .bg-success\/50 {
1808
+ background-color: color-mix(in oklab, oklch(0.7 0.2 145) 50%, transparent);
1809
+ }
1810
+ .bg-success\/60 {
1811
+ background-color: color-mix(in oklab, oklch(0.7 0.2 145) 60%, transparent);
1812
+ }
1813
+ .bg-surface {
1814
+ background-color: oklch(96% 0 0);
1815
+ }
1816
+ .bg-surface\/30 {
1817
+ background-color: color-mix(in oklab, oklch(96% 0 0) 30%, transparent);
1818
+ }
1819
+ .bg-surface\/50 {
1820
+ background-color: color-mix(in oklab, oklch(96% 0 0) 50%, transparent);
1821
+ }
1822
+ .bg-surface\/70 {
1823
+ background-color: color-mix(in oklab, oklch(96% 0 0) 70%, transparent);
1824
+ }
1825
+ .bg-surface\/80 {
1826
+ background-color: color-mix(in oklab, oklch(96% 0 0) 80%, transparent);
1827
+ }
1828
+ .bg-text-primary {
1829
+ background-color: oklch(15% 0 0);
1830
+ }
1831
+ .bg-transparent {
1832
+ background-color: transparent;
1833
+ }
1834
+ .bg-warning {
1835
+ background-color: oklch(75% 0.15 85);
1836
+ }
1837
+ .bg-warning\/5 {
1838
+ background-color: color-mix(in oklab, oklch(75% 0.15 85) 5%, transparent);
1839
+ }
1840
+ .bg-warning\/10 {
1841
+ background-color: color-mix(in oklab, oklch(75% 0.15 85) 10%, transparent);
1842
+ }
1843
+ .bg-warning\/20 {
1844
+ background-color: color-mix(in oklab, oklch(75% 0.15 85) 20%, transparent);
1845
+ }
1846
+ .bg-warning\/30 {
1847
+ background-color: color-mix(in oklab, oklch(75% 0.15 85) 30%, transparent);
1848
+ }
1849
+ .bg-warning\/50 {
1850
+ background-color: color-mix(in oklab, oklch(75% 0.15 85) 50%, transparent);
1851
+ }
1852
+ .bg-warning\/60 {
1853
+ background-color: color-mix(in oklab, oklch(75% 0.15 85) 60%, transparent);
1854
+ }
1855
+ .bg-white {
1856
+ background-color: oklch(100% 0 0);
1857
+ }
1858
+ .bg-white\/10 {
1859
+ background-color: color-mix(in oklab, oklch(100% 0 0) 10%, transparent);
1860
+ }
1861
+ .bg-white\/80 {
1862
+ background-color: color-mix(in oklab, oklch(100% 0 0) 80%, transparent);
1863
+ }
1864
+ .bg-gradient-to-br {
1865
+ --tw-gradient-position: to bottom right in oklab;
1866
+ background-image: linear-gradient(var(--tw-gradient-stops));
1867
+ }
1868
+ .bg-gradient-to-r {
1869
+ --tw-gradient-position: to right in oklab;
1870
+ background-image: linear-gradient(var(--tw-gradient-stops));
1871
+ }
1872
+ .bg-gradient-to-t {
1873
+ --tw-gradient-position: to top in oklab;
1874
+ background-image: linear-gradient(var(--tw-gradient-stops));
1875
+ }
1876
+ .from-black\/70 {
1877
+ --tw-gradient-from: color-mix(in oklab, oklch(0% 0 0) 70%, transparent);
1878
+ --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));
1879
+ }
1880
+ .from-gray-200 {
1881
+ --tw-gradient-from: oklch(92% 0 0);
1882
+ --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));
1883
+ }
1884
+ .from-primary {
1885
+ --tw-gradient-from: oklch(0.6029 0.15 239.2065);
1886
+ --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));
1887
+ }
1888
+ .from-primary\/20 {
1889
+ --tw-gradient-from: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 20%, transparent);
1890
+ --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));
1891
+ }
1892
+ .via-gray-100 {
1893
+ --tw-gradient-via: oklch(96% 0 0);
1894
+ --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);
1895
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1896
+ }
1897
+ .to-accent\/20 {
1898
+ --tw-gradient-to: color-mix(in oklab, oklch(0.8 0.1737 67) 20%, transparent);
1899
+ --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));
1900
+ }
1901
+ .to-gray-200 {
1902
+ --tw-gradient-to: oklch(92% 0 0);
1903
+ --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));
1904
+ }
1905
+ .to-primary\/60 {
1906
+ --tw-gradient-to: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 60%, transparent);
1907
+ --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));
1908
+ }
1909
+ .to-transparent {
1910
+ --tw-gradient-to: transparent;
1911
+ --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));
1912
+ }
1913
+ .fill-border {
1914
+ fill: oklch(93% 0 0);
1915
+ }
1916
+ .fill-border\/50 {
1917
+ fill: color-mix(in oklab, oklch(93% 0 0) 50%, transparent);
1918
+ }
1919
+ .fill-transparent {
1920
+ fill: transparent;
1921
+ }
1922
+ .stroke-accent {
1923
+ stroke: oklch(0.8 0.1737 67);
1924
+ }
1925
+ .stroke-accent\/10 {
1926
+ stroke: color-mix(in oklab, oklch(0.8 0.1737 67) 10%, transparent);
1927
+ }
1928
+ .stroke-accent\/20 {
1929
+ stroke: color-mix(in oklab, oklch(0.8 0.1737 67) 20%, transparent);
1930
+ }
1931
+ .stroke-accent\/60 {
1932
+ stroke: color-mix(in oklab, oklch(0.8 0.1737 67) 60%, transparent);
1933
+ }
1934
+ .stroke-border {
1935
+ stroke: oklch(93% 0 0);
1936
+ }
1937
+ .stroke-border\/50 {
1938
+ stroke: color-mix(in oklab, oklch(93% 0 0) 50%, transparent);
1939
+ }
1940
+ .stroke-error {
1941
+ stroke: oklch(65% 0.2 25);
1942
+ }
1943
+ .stroke-error\/10 {
1944
+ stroke: color-mix(in oklab, oklch(65% 0.2 25) 10%, transparent);
1945
+ }
1946
+ .stroke-error\/20 {
1947
+ stroke: color-mix(in oklab, oklch(65% 0.2 25) 20%, transparent);
1948
+ }
1949
+ .stroke-error\/60 {
1950
+ stroke: color-mix(in oklab, oklch(65% 0.2 25) 60%, transparent);
1951
+ }
1952
+ .stroke-info {
1953
+ stroke: oklch(60% 0.19 255);
1954
+ }
1955
+ .stroke-info\/10 {
1956
+ stroke: color-mix(in oklab, oklch(60% 0.19 255) 10%, transparent);
1957
+ }
1958
+ .stroke-info\/20 {
1959
+ stroke: color-mix(in oklab, oklch(60% 0.19 255) 20%, transparent);
1960
+ }
1961
+ .stroke-info\/60 {
1962
+ stroke: color-mix(in oklab, oklch(60% 0.19 255) 60%, transparent);
1963
+ }
1964
+ .stroke-primary {
1965
+ stroke: oklch(0.6029 0.15 239.2065);
1966
+ }
1967
+ .stroke-primary\/10 {
1968
+ stroke: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 10%, transparent);
1969
+ }
1970
+ .stroke-primary\/20 {
1971
+ stroke: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 20%, transparent);
1972
+ }
1973
+ .stroke-primary\/60 {
1974
+ stroke: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 60%, transparent);
1975
+ }
1976
+ .stroke-secondary {
1977
+ stroke: oklch(50% 0.05 240);
1978
+ }
1979
+ .stroke-secondary\/10 {
1980
+ stroke: color-mix(in oklab, oklch(50% 0.05 240) 10%, transparent);
1981
+ }
1982
+ .stroke-secondary\/20 {
1983
+ stroke: color-mix(in oklab, oklch(50% 0.05 240) 20%, transparent);
1984
+ }
1985
+ .stroke-secondary\/60 {
1986
+ stroke: color-mix(in oklab, oklch(50% 0.05 240) 60%, transparent);
1987
+ }
1988
+ .stroke-success {
1989
+ stroke: oklch(0.7 0.2 145);
1990
+ }
1991
+ .stroke-success\/10 {
1992
+ stroke: color-mix(in oklab, oklch(0.7 0.2 145) 10%, transparent);
1993
+ }
1994
+ .stroke-success\/20 {
1995
+ stroke: color-mix(in oklab, oklch(0.7 0.2 145) 20%, transparent);
1996
+ }
1997
+ .stroke-success\/60 {
1998
+ stroke: color-mix(in oklab, oklch(0.7 0.2 145) 60%, transparent);
1999
+ }
2000
+ .stroke-surface {
2001
+ stroke: oklch(96% 0 0);
2002
+ }
2003
+ .stroke-surface\/50 {
2004
+ stroke: color-mix(in oklab, oklch(96% 0 0) 50%, transparent);
2005
+ }
2006
+ .stroke-surface\/80 {
2007
+ stroke: color-mix(in oklab, oklch(96% 0 0) 80%, transparent);
2008
+ }
2009
+ .stroke-warning {
2010
+ stroke: oklch(75% 0.15 85);
2011
+ }
2012
+ .stroke-warning\/10 {
2013
+ stroke: color-mix(in oklab, oklch(75% 0.15 85) 10%, transparent);
2014
+ }
2015
+ .stroke-warning\/20 {
2016
+ stroke: color-mix(in oklab, oklch(75% 0.15 85) 20%, transparent);
2017
+ }
2018
+ .stroke-warning\/60 {
2019
+ stroke: color-mix(in oklab, oklch(75% 0.15 85) 60%, transparent);
2020
+ }
2021
+ .object-contain {
2022
+ object-fit: contain;
2023
+ }
2024
+ .object-cover {
2025
+ object-fit: cover;
2026
+ }
2027
+ .object-fill {
2028
+ object-fit: fill;
2029
+ }
2030
+ .p-0 {
2031
+ padding: 0px;
2032
+ }
2033
+ .p-0\.5 {
2034
+ padding: calc(var(--spacing) * 0.5);
2035
+ }
2036
+ .p-1 {
2037
+ padding: 0.25rem;
2038
+ }
2039
+ .p-1\.5 {
2040
+ padding: calc(var(--spacing) * 1.5);
2041
+ }
2042
+ .p-2 {
2043
+ padding: 0.5rem;
2044
+ }
2045
+ .p-3 {
2046
+ padding: 0.75rem;
2047
+ }
2048
+ .p-4 {
2049
+ padding: 1rem;
2050
+ }
2051
+ .p-5 {
2052
+ padding: 1.25rem;
2053
+ }
2054
+ .p-6 {
2055
+ padding: 1.5rem;
2056
+ }
2057
+ .p-8 {
2058
+ padding: 2rem;
2059
+ }
2060
+ .p-\[var\(--textarea-padding-lg\)\] {
2061
+ padding: var(--textarea-padding-lg);
2062
+ }
2063
+ .p-\[var\(--textarea-padding-md\)\] {
2064
+ padding: var(--textarea-padding-md);
2065
+ }
2066
+ .p-\[var\(--textarea-padding-sm\)\] {
2067
+ padding: var(--textarea-padding-sm);
2068
+ }
2069
+ .p-\[var\(--textarea-padding-xl\)\] {
2070
+ padding: var(--textarea-padding-xl);
2071
+ }
2072
+ .px-0 {
2073
+ padding-inline: 0px;
2074
+ }
2075
+ .px-1 {
2076
+ padding-inline: 0.25rem;
2077
+ }
2078
+ .px-1\.5 {
2079
+ padding-inline: calc(var(--spacing) * 1.5);
2080
+ }
2081
+ .px-2 {
2082
+ padding-inline: 0.5rem;
2083
+ }
2084
+ .px-2\.5 {
2085
+ padding-inline: calc(var(--spacing) * 2.5);
2086
+ }
2087
+ .px-3 {
2088
+ padding-inline: 0.75rem;
2089
+ }
2090
+ .px-4 {
2091
+ padding-inline: 1rem;
2092
+ }
2093
+ .px-5 {
2094
+ padding-inline: 1.25rem;
2095
+ }
2096
+ .px-6 {
2097
+ padding-inline: 1.5rem;
2098
+ }
2099
+ .px-8 {
2100
+ padding-inline: 2rem;
2101
+ }
2102
+ .px-10 {
2103
+ padding-inline: 2.5rem;
2104
+ }
2105
+ .px-\[var\(--button-padding-x-lg\)\] {
2106
+ padding-inline: var(--button-padding-x-lg);
2107
+ }
2108
+ .px-\[var\(--button-padding-x-md\)\] {
2109
+ padding-inline: var(--button-padding-x-md);
2110
+ }
2111
+ .px-\[var\(--button-padding-x-sm\)\] {
2112
+ padding-inline: var(--button-padding-x-sm);
2113
+ }
2114
+ .px-\[var\(--button-padding-x-xs\)\] {
2115
+ padding-inline: var(--button-padding-x-xs);
2116
+ }
2117
+ .py-0 {
2118
+ padding-block: 0px;
2119
+ }
2120
+ .py-0\.5 {
2121
+ padding-block: calc(var(--spacing) * 0.5);
2122
+ }
2123
+ .py-1 {
2124
+ padding-block: 0.25rem;
2125
+ }
2126
+ .py-1\.5 {
2127
+ padding-block: calc(var(--spacing) * 1.5);
2128
+ }
2129
+ .py-2 {
2130
+ padding-block: 0.5rem;
2131
+ }
2132
+ .py-2\.5 {
2133
+ padding-block: calc(var(--spacing) * 2.5);
2134
+ }
2135
+ .py-3 {
2136
+ padding-block: 0.75rem;
2137
+ }
2138
+ .py-4 {
2139
+ padding-block: 1rem;
2140
+ }
2141
+ .py-6 {
2142
+ padding-block: 1.5rem;
2143
+ }
2144
+ .py-8 {
2145
+ padding-block: 2rem;
2146
+ }
2147
+ .py-12 {
2148
+ padding-block: 3rem;
2149
+ }
2150
+ .py-16 {
2151
+ padding-block: calc(var(--spacing) * 16);
2152
+ }
2153
+ .pt-0 {
2154
+ padding-top: 0px;
2155
+ }
2156
+ .pt-2 {
2157
+ padding-top: 0.5rem;
2158
+ }
2159
+ .pt-3 {
2160
+ padding-top: 0.75rem;
2161
+ }
2162
+ .pt-4 {
2163
+ padding-top: 1rem;
2164
+ }
2165
+ .pt-6 {
2166
+ padding-top: 1.5rem;
2167
+ }
2168
+ .pt-20 {
2169
+ padding-top: calc(var(--spacing) * 20);
2170
+ }
2171
+ .pr-2 {
2172
+ padding-right: 0.5rem;
2173
+ }
2174
+ .pr-3 {
2175
+ padding-right: 0.75rem;
2176
+ }
2177
+ .pr-6 {
2178
+ padding-right: 1.5rem;
2179
+ }
2180
+ .pr-8 {
2181
+ padding-right: 2rem;
2182
+ }
2183
+ .pr-10 {
2184
+ padding-right: 2.5rem;
2185
+ }
2186
+ .pr-12 {
2187
+ padding-right: 3rem;
2188
+ }
2189
+ .pr-16 {
2190
+ padding-right: calc(var(--spacing) * 16);
2191
+ }
2192
+ .pr-20 {
2193
+ padding-right: calc(var(--spacing) * 20);
2194
+ }
2195
+ .pr-24 {
2196
+ padding-right: calc(var(--spacing) * 24);
2197
+ }
2198
+ .pb-0 {
2199
+ padding-bottom: 0px;
2200
+ }
2201
+ .pb-2 {
2202
+ padding-bottom: 0.5rem;
2203
+ }
2204
+ .pb-2\.5 {
2205
+ padding-bottom: calc(var(--spacing) * 2.5);
2206
+ }
2207
+ .pb-3 {
2208
+ padding-bottom: 0.75rem;
2209
+ }
2210
+ .pb-4 {
2211
+ padding-bottom: 1rem;
2212
+ }
2213
+ .pb-5 {
2214
+ padding-bottom: 1.25rem;
2215
+ }
2216
+ .pb-8 {
2217
+ padding-bottom: 2rem;
2218
+ }
2219
+ .pl-1 {
2220
+ padding-left: 0.25rem;
2221
+ }
2222
+ .pl-8 {
2223
+ padding-left: 2rem;
2224
+ }
2225
+ .pl-10 {
2226
+ padding-left: 2.5rem;
2227
+ }
2228
+ .pl-14 {
2229
+ padding-left: calc(var(--spacing) * 14);
2230
+ }
2231
+ .pl-16 {
2232
+ padding-left: calc(var(--spacing) * 16);
2233
+ }
2234
+ .pl-20 {
2235
+ padding-left: calc(var(--spacing) * 20);
2236
+ }
2237
+ .pl-24 {
2238
+ padding-left: calc(var(--spacing) * 24);
2239
+ }
2240
+ .pl-28 {
2241
+ padding-left: calc(var(--spacing) * 28);
2242
+ }
2243
+ .pl-36 {
2244
+ padding-left: calc(var(--spacing) * 36);
2245
+ }
2246
+ .text-center {
2247
+ text-align: center;
2248
+ }
2249
+ .text-left {
2250
+ text-align: left;
2251
+ }
2252
+ .text-right {
2253
+ text-align: right;
2254
+ }
2255
+ .font-mono {
2256
+ font-family: ui-monospace, 'SF Mono', monospace;
2257
+ }
2258
+ .font-sans {
2259
+ font-family: ui-sans-serif, system-ui, sans-serif;
2260
+ }
2261
+ .text-2xl {
2262
+ font-size: var(--text-2xl);
2263
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
2264
+ }
2265
+ .text-3xl {
2266
+ font-size: var(--text-3xl);
2267
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
2268
+ }
2269
+ .text-4xl {
2270
+ font-size: var(--text-4xl);
2271
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
2272
+ }
2273
+ .text-base {
2274
+ font-size: 0.9rem;
2275
+ line-height: var(--tw-leading, var(--text-base--line-height));
2276
+ }
2277
+ .text-lg {
2278
+ font-size: 1.125rem;
2279
+ line-height: var(--tw-leading, var(--text-lg--line-height));
2280
+ }
2281
+ .text-sm {
2282
+ font-size: 0.875rem;
2283
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2284
+ }
2285
+ .text-xl {
2286
+ font-size: var(--text-xl);
2287
+ line-height: var(--tw-leading, var(--text-xl--line-height));
2288
+ }
2289
+ .text-xs {
2290
+ font-size: 0.75rem;
2291
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2292
+ }
2293
+ .text-\[9px\] {
2294
+ font-size: 9px;
2295
+ }
2296
+ .text-\[10px\] {
2297
+ font-size: 10px;
2298
+ }
2299
+ .leading-none {
2300
+ --tw-leading: 1;
2301
+ line-height: 1;
2302
+ }
2303
+ .font-bold {
2304
+ --tw-font-weight: 700;
2305
+ font-weight: 700;
2306
+ }
2307
+ .font-medium {
2308
+ --tw-font-weight: 500;
2309
+ font-weight: 500;
2310
+ }
2311
+ .font-semibold {
2312
+ --tw-font-weight: 600;
2313
+ font-weight: 600;
2314
+ }
2315
+ .tracking-tight {
2316
+ --tw-tracking: var(--tracking-tight);
2317
+ letter-spacing: var(--tracking-tight);
2318
+ }
2319
+ .tracking-wider {
2320
+ --tw-tracking: var(--tracking-wider);
2321
+ letter-spacing: var(--tracking-wider);
2322
+ }
2323
+ .tracking-widest {
2324
+ --tw-tracking: var(--tracking-widest);
2325
+ letter-spacing: var(--tracking-widest);
2326
+ }
2327
+ .text-ellipsis {
2328
+ text-overflow: ellipsis;
2329
+ }
2330
+ .whitespace-nowrap {
2331
+ white-space: nowrap;
2332
+ }
2333
+ .text-accent {
2334
+ color: oklch(0.8 0.1737 67);
2335
+ }
2336
+ .text-accent-foreground {
2337
+ color: oklch(15% 0 0);
2338
+ }
2339
+ .text-accent-foreground\/50 {
2340
+ color: color-mix(in oklab, oklch(15% 0 0) 50%, transparent);
2341
+ }
2342
+ .text-background {
2343
+ color: oklch(100% 0 0);
2344
+ }
2345
+ .text-blue-500 {
2346
+ color: var(--color-blue-500);
2347
+ }
2348
+ .text-blue-600 {
2349
+ color: var(--color-blue-600);
2350
+ }
2351
+ .text-blue-700 {
2352
+ color: var(--color-blue-700);
2353
+ }
2354
+ .text-cyan-500 {
2355
+ color: var(--color-cyan-500);
2356
+ }
2357
+ .text-error {
2358
+ color: oklch(65% 0.2 25);
2359
+ }
2360
+ .text-error-foreground {
2361
+ color: oklch(100% 0 0);
2362
+ }
2363
+ .text-error-foreground\/50 {
2364
+ color: color-mix(in oklab, oklch(100% 0 0) 50%, transparent);
2365
+ }
2366
+ .text-gray-400 {
2367
+ color: oklch(71% 0 0);
2368
+ }
2369
+ .text-gray-500 {
2370
+ color: oklch(55% 0 0);
2371
+ }
2372
+ .text-gray-600 {
2373
+ color: oklch(45% 0 0);
2374
+ }
2375
+ .text-gray-700 {
2376
+ color: oklch(35% 0 0);
2377
+ }
2378
+ .text-green-500 {
2379
+ color: var(--color-green-500);
2380
+ }
2381
+ .text-info {
2382
+ color: oklch(60% 0.19 255);
2383
+ }
2384
+ .text-info-foreground {
2385
+ color: oklch(100% 0 0);
2386
+ }
2387
+ .text-info-foreground\/50 {
2388
+ color: color-mix(in oklab, oklch(100% 0 0) 50%, transparent);
2389
+ }
2390
+ .text-orange-500 {
2391
+ color: var(--color-orange-500);
2392
+ }
2393
+ .text-pink-500 {
2394
+ color: var(--color-pink-500);
2395
+ }
2396
+ .text-primary {
2397
+ color: oklch(0.6029 0.15 239.2065);
2398
+ }
2399
+ .text-primary-foreground {
2400
+ color: oklch(100% 0 0);
2401
+ }
2402
+ .text-primary-foreground\/50 {
2403
+ color: color-mix(in oklab, oklch(100% 0 0) 50%, transparent);
2404
+ }
2405
+ .text-purple-500 {
2406
+ color: var(--color-purple-500);
2407
+ }
2408
+ .text-red-500 {
2409
+ color: var(--color-red-500);
2410
+ }
2411
+ .text-red-600 {
2412
+ color: var(--color-red-600);
2413
+ }
2414
+ .text-secondary {
2415
+ color: oklch(50% 0.05 240);
2416
+ }
2417
+ .text-secondary-foreground {
2418
+ color: oklch(100% 0 0);
2419
+ }
2420
+ .text-secondary-foreground\/50 {
2421
+ color: color-mix(in oklab, oklch(100% 0 0) 50%, transparent);
2422
+ }
2423
+ .text-success {
2424
+ color: oklch(0.7 0.2 145);
2425
+ }
2426
+ .text-success-foreground {
2427
+ color: oklch(100% 0 0);
2428
+ }
2429
+ .text-success-foreground\/50 {
2430
+ color: color-mix(in oklab, oklch(100% 0 0) 50%, transparent);
2431
+ }
2432
+ .text-text-muted {
2433
+ color: oklch(60% 0 0);
2434
+ }
2435
+ .text-text-primary {
2436
+ color: oklch(15% 0 0);
2437
+ }
2438
+ .text-text-secondary {
2439
+ color: oklch(45% 0 0);
2440
+ }
2441
+ .text-warning {
2442
+ color: oklch(75% 0.15 85);
2443
+ }
2444
+ .text-warning-foreground {
2445
+ color: oklch(15% 0 0);
2446
+ }
2447
+ .text-warning-foreground\/50 {
2448
+ color: color-mix(in oklab, oklch(15% 0 0) 50%, transparent);
2449
+ }
2450
+ .text-white {
2451
+ color: oklch(100% 0 0);
2452
+ }
2453
+ .text-white\/80 {
2454
+ color: color-mix(in oklab, oklch(100% 0 0) 80%, transparent);
2455
+ }
2456
+ .text-yellow-500 {
2457
+ color: var(--color-yellow-500);
2458
+ }
2459
+ .capitalize {
2460
+ text-transform: capitalize;
2461
+ }
2462
+ .lowercase {
2463
+ text-transform: lowercase;
2464
+ }
2465
+ .uppercase {
2466
+ text-transform: uppercase;
2467
+ }
2468
+ .italic {
2469
+ font-style: italic;
2470
+ }
2471
+ .line-through {
2472
+ text-decoration-line: line-through;
2473
+ }
2474
+ .underline {
2475
+ text-decoration-line: underline;
2476
+ }
2477
+ .opacity-0 {
2478
+ opacity: 0%;
2479
+ }
2480
+ .opacity-20 {
2481
+ opacity: 20%;
2482
+ }
2483
+ .opacity-50 {
2484
+ opacity: 50%;
2485
+ }
2486
+ .opacity-60 {
2487
+ opacity: 60%;
2488
+ }
2489
+ .opacity-70 {
2490
+ opacity: 70%;
2491
+ }
2492
+ .opacity-90 {
2493
+ opacity: 90%;
2494
+ }
2495
+ .opacity-100 {
2496
+ opacity: 100%;
2497
+ }
2498
+ .shadow {
2499
+ --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));
2500
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2501
+ }
2502
+ .shadow-lg {
2503
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2504
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2505
+ }
2506
+ .shadow-md {
2507
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2508
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2509
+ }
2510
+ .shadow-sm {
2511
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2512
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2513
+ }
2514
+ .ring {
2515
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2516
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2517
+ }
2518
+ .outline-hidden {
2519
+ --tw-outline-style: none;
2520
+ outline-style: none;
2521
+ @media (forced-colors: active) {
2522
+ outline: 2px solid transparent;
2523
+ outline-offset: 2px;
2524
+ }
2525
+ }
2526
+ .outline {
2527
+ outline-style: var(--tw-outline-style);
2528
+ outline-width: 1px;
2529
+ }
2530
+ .blur {
2531
+ --tw-blur: blur(8px);
2532
+ 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,);
2533
+ }
2534
+ .filter {
2535
+ 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,);
2536
+ }
2537
+ .backdrop-blur-md {
2538
+ --tw-backdrop-blur: blur(var(--blur-md));
2539
+ -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,);
2540
+ 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,);
2541
+ }
2542
+ .backdrop-blur-sm {
2543
+ --tw-backdrop-blur: blur(var(--blur-sm));
2544
+ -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,);
2545
+ 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,);
2546
+ }
2547
+ .transition {
2548
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
2549
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2550
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2551
+ }
2552
+ .transition-\[grid-template-rows\] {
2553
+ transition-property: grid-template-rows;
2554
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2555
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2556
+ }
2557
+ .transition-all {
2558
+ transition-property: all;
2559
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2560
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2561
+ }
2562
+ .transition-colors {
2563
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2564
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2565
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2566
+ }
2567
+ .transition-opacity {
2568
+ transition-property: opacity;
2569
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2570
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2571
+ }
2572
+ .transition-shadow {
2573
+ transition-property: box-shadow;
2574
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2575
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2576
+ }
2577
+ .transition-transform {
2578
+ transition-property: transform, translate, scale, rotate;
2579
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2580
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2581
+ }
2582
+ .duration-150 {
2583
+ --tw-duration: 150ms;
2584
+ transition-duration: 150ms;
2585
+ }
2586
+ .duration-200 {
2587
+ --tw-duration: 200ms;
2588
+ transition-duration: 200ms;
2589
+ }
2590
+ .duration-300 {
2591
+ --tw-duration: 300ms;
2592
+ transition-duration: 300ms;
2593
+ }
2594
+ .duration-500 {
2595
+ --tw-duration: 500ms;
2596
+ transition-duration: 500ms;
2597
+ }
2598
+ .ease-in-out {
2599
+ --tw-ease: var(--ease-in-out);
2600
+ transition-timing-function: var(--ease-in-out);
2601
+ }
2602
+ .ease-out {
2603
+ --tw-ease: var(--ease-out);
2604
+ transition-timing-function: var(--ease-out);
2605
+ }
2606
+ .outline-none {
2607
+ --tw-outline-style: none;
2608
+ outline-style: none;
2609
+ }
2610
+ .select-none {
2611
+ -webkit-user-select: none;
2612
+ user-select: none;
2613
+ }
2614
+ .group-hover\:opacity-100 {
2615
+ &:is(:where(.group):hover *) {
2616
+ @media (hover: hover) {
2617
+ opacity: 100%;
2618
+ }
2619
+ }
2620
+ }
2621
+ .peer-checked\:translate-x-3 {
2622
+ &:is(:where(.peer):checked ~ *) {
2623
+ --tw-translate-x: 0.75rem;
2624
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2625
+ }
2626
+ }
2627
+ .peer-checked\:translate-x-4 {
2628
+ &:is(:where(.peer):checked ~ *) {
2629
+ --tw-translate-x: 1rem;
2630
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2631
+ }
2632
+ }
2633
+ .peer-checked\:translate-x-5 {
2634
+ &:is(:where(.peer):checked ~ *) {
2635
+ --tw-translate-x: 1.25rem;
2636
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2637
+ }
2638
+ }
2639
+ .peer-checked\:translate-x-6 {
2640
+ &:is(:where(.peer):checked ~ *) {
2641
+ --tw-translate-x: 1.5rem;
2642
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2643
+ }
2644
+ }
2645
+ .peer-checked\:bg-accent {
2646
+ &:is(:where(.peer):checked ~ *) {
2647
+ background-color: oklch(0.8 0.1737 67);
2648
+ }
2649
+ }
2650
+ .peer-checked\:bg-error {
2651
+ &:is(:where(.peer):checked ~ *) {
2652
+ background-color: oklch(65% 0.2 25);
2653
+ }
2654
+ }
2655
+ .peer-checked\:bg-info {
2656
+ &:is(:where(.peer):checked ~ *) {
2657
+ background-color: oklch(60% 0.19 255);
2658
+ }
2659
+ }
2660
+ .peer-checked\:bg-primary {
2661
+ &:is(:where(.peer):checked ~ *) {
2662
+ background-color: oklch(0.6029 0.15 239.2065);
2663
+ }
2664
+ }
2665
+ .peer-checked\:bg-secondary {
2666
+ &:is(:where(.peer):checked ~ *) {
2667
+ background-color: oklch(50% 0.05 240);
2668
+ }
2669
+ }
2670
+ .peer-checked\:bg-success {
2671
+ &:is(:where(.peer):checked ~ *) {
2672
+ background-color: oklch(0.7 0.2 145);
2673
+ }
2674
+ }
2675
+ .peer-checked\:bg-warning {
2676
+ &:is(:where(.peer):checked ~ *) {
2677
+ background-color: oklch(75% 0.15 85);
2678
+ }
2679
+ }
2680
+ .peer-disabled\:cursor-not-allowed {
2681
+ &:is(:where(.peer):disabled ~ *) {
2682
+ cursor: not-allowed;
2683
+ }
2684
+ }
2685
+ .peer-disabled\:opacity-50 {
2686
+ &:is(:where(.peer):disabled ~ *) {
2687
+ opacity: 50%;
2688
+ }
2689
+ }
2690
+ .placeholder\:text-text-muted {
2691
+ &::placeholder {
2692
+ color: oklch(60% 0 0);
2693
+ }
2694
+ }
2695
+ .last\:border-0 {
2696
+ &:last-child {
2697
+ border-style: var(--tw-border-style);
2698
+ border-width: 0px;
2699
+ }
2700
+ }
2701
+ .last\:border-r-0 {
2702
+ &:last-child {
2703
+ border-right-style: var(--tw-border-style);
2704
+ border-right-width: 0px;
2705
+ }
2706
+ }
2707
+ .last\:border-b-0 {
2708
+ &:last-child {
2709
+ border-bottom-style: var(--tw-border-style);
2710
+ border-bottom-width: 0px;
2711
+ }
2712
+ }
2713
+ .checked\:border-accent {
2714
+ &:checked {
2715
+ border-color: oklch(0.8 0.1737 67);
2716
+ }
2717
+ }
2718
+ .checked\:border-error {
2719
+ &:checked {
2720
+ border-color: oklch(65% 0.2 25);
2721
+ }
2722
+ }
2723
+ .checked\:border-info {
2724
+ &:checked {
2725
+ border-color: oklch(60% 0.19 255);
2726
+ }
2727
+ }
2728
+ .checked\:border-primary {
2729
+ &:checked {
2730
+ border-color: oklch(0.6029 0.15 239.2065);
2731
+ }
2732
+ }
2733
+ .checked\:border-secondary {
2734
+ &:checked {
2735
+ border-color: oklch(50% 0.05 240);
2736
+ }
2737
+ }
2738
+ .checked\:border-success {
2739
+ &:checked {
2740
+ border-color: oklch(0.7 0.2 145);
2741
+ }
2742
+ }
2743
+ .checked\:border-warning {
2744
+ &:checked {
2745
+ border-color: oklch(75% 0.15 85);
2746
+ }
2747
+ }
2748
+ .checked\:shadow-\[inset_0_0_0_2px_var\(--color-background\)\,inset_0_0_0_13px_var\(--color-accent\)\] {
2749
+ &:checked {
2750
+ --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-background)), inset 0 0 0 13px var(--tw-shadow-color, var(--color-accent));
2751
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2752
+ }
2753
+ }
2754
+ .checked\:shadow-\[inset_0_0_0_2px_var\(--color-background\)\,inset_0_0_0_13px_var\(--color-error\)\] {
2755
+ &:checked {
2756
+ --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-background)), inset 0 0 0 13px var(--tw-shadow-color, var(--color-error));
2757
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2758
+ }
2759
+ }
2760
+ .checked\:shadow-\[inset_0_0_0_2px_var\(--color-background\)\,inset_0_0_0_13px_var\(--color-info\)\] {
2761
+ &:checked {
2762
+ --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-background)), inset 0 0 0 13px var(--tw-shadow-color, var(--color-info));
2763
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2764
+ }
2765
+ }
2766
+ .checked\:shadow-\[inset_0_0_0_2px_var\(--color-background\)\,inset_0_0_0_13px_var\(--color-primary\)\] {
2767
+ &:checked {
2768
+ --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-background)), inset 0 0 0 13px var(--tw-shadow-color, var(--color-primary));
2769
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2770
+ }
2771
+ }
2772
+ .checked\:shadow-\[inset_0_0_0_2px_var\(--color-background\)\,inset_0_0_0_13px_var\(--color-secondary\)\] {
2773
+ &:checked {
2774
+ --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-background)), inset 0 0 0 13px var(--tw-shadow-color, var(--color-secondary));
2775
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2776
+ }
2777
+ }
2778
+ .checked\:shadow-\[inset_0_0_0_2px_var\(--color-background\)\,inset_0_0_0_13px_var\(--color-success\)\] {
2779
+ &:checked {
2780
+ --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-background)), inset 0 0 0 13px var(--tw-shadow-color, var(--color-success));
2781
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2782
+ }
2783
+ }
2784
+ .checked\:shadow-\[inset_0_0_0_2px_var\(--color-background\)\,inset_0_0_0_13px_var\(--color-warning\)\] {
2785
+ &:checked {
2786
+ --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-background)), inset 0 0 0 13px var(--tw-shadow-color, var(--color-warning));
2787
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2788
+ }
2789
+ }
2790
+ .read-only\:cursor-default {
2791
+ &:read-only {
2792
+ cursor: default;
2793
+ }
2794
+ }
2795
+ .read-only\:bg-surface {
2796
+ &:read-only {
2797
+ background-color: oklch(96% 0 0);
2798
+ }
2799
+ }
2800
+ .hover\:scale-105 {
2801
+ &:hover {
2802
+ @media (hover: hover) {
2803
+ --tw-scale-x: 105%;
2804
+ --tw-scale-y: 105%;
2805
+ --tw-scale-z: 105%;
2806
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2807
+ }
2808
+ }
2809
+ }
2810
+ .hover\:scale-110 {
2811
+ &:hover {
2812
+ @media (hover: hover) {
2813
+ --tw-scale-x: 110%;
2814
+ --tw-scale-y: 110%;
2815
+ --tw-scale-z: 110%;
2816
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2817
+ }
2818
+ }
2819
+ }
2820
+ .hover\:border-accent {
2821
+ &:hover {
2822
+ @media (hover: hover) {
2823
+ border-color: oklch(0.8 0.1737 67);
2824
+ }
2825
+ }
2826
+ }
2827
+ .hover\:border-border\/30 {
2828
+ &:hover {
2829
+ @media (hover: hover) {
2830
+ border-color: color-mix(in oklab, oklch(93% 0 0) 30%, transparent);
2831
+ }
2832
+ }
2833
+ }
2834
+ .hover\:border-error {
2835
+ &:hover {
2836
+ @media (hover: hover) {
2837
+ border-color: oklch(65% 0.2 25);
2838
+ }
2839
+ }
2840
+ }
2841
+ .hover\:border-info {
2842
+ &:hover {
2843
+ @media (hover: hover) {
2844
+ border-color: oklch(60% 0.19 255);
2845
+ }
2846
+ }
2847
+ }
2848
+ .hover\:border-primary {
2849
+ &:hover {
2850
+ @media (hover: hover) {
2851
+ border-color: oklch(0.6029 0.15 239.2065);
2852
+ }
2853
+ }
2854
+ }
2855
+ .hover\:border-primary\/50 {
2856
+ &:hover {
2857
+ @media (hover: hover) {
2858
+ border-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 50%, transparent);
2859
+ }
2860
+ }
2861
+ }
2862
+ .hover\:border-secondary {
2863
+ &:hover {
2864
+ @media (hover: hover) {
2865
+ border-color: oklch(50% 0.05 240);
2866
+ }
2867
+ }
2868
+ }
2869
+ .hover\:border-success {
2870
+ &:hover {
2871
+ @media (hover: hover) {
2872
+ border-color: oklch(0.7 0.2 145);
2873
+ }
2874
+ }
2875
+ }
2876
+ .hover\:border-text-primary {
2877
+ &:hover {
2878
+ @media (hover: hover) {
2879
+ border-color: oklch(15% 0 0);
2880
+ }
2881
+ }
2882
+ }
2883
+ .hover\:border-warning {
2884
+ &:hover {
2885
+ @media (hover: hover) {
2886
+ border-color: oklch(75% 0.15 85);
2887
+ }
2888
+ }
2889
+ }
2890
+ .hover\:bg-accent\/5 {
2891
+ &:hover {
2892
+ @media (hover: hover) {
2893
+ background-color: color-mix(in oklab, oklch(0.8 0.1737 67) 5%, transparent);
2894
+ }
2895
+ }
2896
+ }
2897
+ .hover\:bg-accent\/10 {
2898
+ &:hover {
2899
+ @media (hover: hover) {
2900
+ background-color: color-mix(in oklab, oklch(0.8 0.1737 67) 10%, transparent);
2901
+ }
2902
+ }
2903
+ }
2904
+ .hover\:bg-accent\/20 {
2905
+ &:hover {
2906
+ @media (hover: hover) {
2907
+ background-color: color-mix(in oklab, oklch(0.8 0.1737 67) 20%, transparent);
2908
+ }
2909
+ }
2910
+ }
2911
+ .hover\:bg-accent\/90 {
2912
+ &:hover {
2913
+ @media (hover: hover) {
2914
+ background-color: color-mix(in oklab, oklch(0.8 0.1737 67) 90%, transparent);
2915
+ }
2916
+ }
2917
+ }
2918
+ .hover\:bg-background {
2919
+ &:hover {
2920
+ @media (hover: hover) {
2921
+ background-color: oklch(100% 0 0);
2922
+ }
2923
+ }
2924
+ }
2925
+ .hover\:bg-border\/80 {
2926
+ &:hover {
2927
+ @media (hover: hover) {
2928
+ background-color: color-mix(in oklab, oklch(93% 0 0) 80%, transparent);
2929
+ }
2930
+ }
2931
+ }
2932
+ .hover\:bg-error\/5 {
2933
+ &:hover {
2934
+ @media (hover: hover) {
2935
+ background-color: color-mix(in oklab, oklch(65% 0.2 25) 5%, transparent);
2936
+ }
2937
+ }
2938
+ }
2939
+ .hover\:bg-error\/10 {
2940
+ &:hover {
2941
+ @media (hover: hover) {
2942
+ background-color: color-mix(in oklab, oklch(65% 0.2 25) 10%, transparent);
2943
+ }
2944
+ }
2945
+ }
2946
+ .hover\:bg-error\/20 {
2947
+ &:hover {
2948
+ @media (hover: hover) {
2949
+ background-color: color-mix(in oklab, oklch(65% 0.2 25) 20%, transparent);
2950
+ }
2951
+ }
2952
+ }
2953
+ .hover\:bg-error\/90 {
2954
+ &:hover {
2955
+ @media (hover: hover) {
2956
+ background-color: color-mix(in oklab, oklch(65% 0.2 25) 90%, transparent);
2957
+ }
2958
+ }
2959
+ }
2960
+ .hover\:bg-gray-50 {
2961
+ &:hover {
2962
+ @media (hover: hover) {
2963
+ background-color: oklch(98% 0 0);
2964
+ }
2965
+ }
2966
+ }
2967
+ .hover\:bg-gray-100 {
2968
+ &:hover {
2969
+ @media (hover: hover) {
2970
+ background-color: oklch(96% 0 0);
2971
+ }
2972
+ }
2973
+ }
2974
+ .hover\:bg-gray-200 {
2975
+ &:hover {
2976
+ @media (hover: hover) {
2977
+ background-color: oklch(92% 0 0);
2978
+ }
2979
+ }
2980
+ }
2981
+ .hover\:bg-info\/5 {
2982
+ &:hover {
2983
+ @media (hover: hover) {
2984
+ background-color: color-mix(in oklab, oklch(60% 0.19 255) 5%, transparent);
2985
+ }
2986
+ }
2987
+ }
2988
+ .hover\:bg-info\/10 {
2989
+ &:hover {
2990
+ @media (hover: hover) {
2991
+ background-color: color-mix(in oklab, oklch(60% 0.19 255) 10%, transparent);
2992
+ }
2993
+ }
2994
+ }
2995
+ .hover\:bg-info\/20 {
2996
+ &:hover {
2997
+ @media (hover: hover) {
2998
+ background-color: color-mix(in oklab, oklch(60% 0.19 255) 20%, transparent);
2999
+ }
3000
+ }
3001
+ }
3002
+ .hover\:bg-info\/90 {
3003
+ &:hover {
3004
+ @media (hover: hover) {
3005
+ background-color: color-mix(in oklab, oklch(60% 0.19 255) 90%, transparent);
3006
+ }
3007
+ }
3008
+ }
3009
+ .hover\:bg-primary {
3010
+ &:hover {
3011
+ @media (hover: hover) {
3012
+ background-color: oklch(0.6029 0.15 239.2065);
3013
+ }
3014
+ }
3015
+ }
3016
+ .hover\:bg-primary\/5 {
3017
+ &:hover {
3018
+ @media (hover: hover) {
3019
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 5%, transparent);
3020
+ }
3021
+ }
3022
+ }
3023
+ .hover\:bg-primary\/10 {
3024
+ &:hover {
3025
+ @media (hover: hover) {
3026
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 10%, transparent);
3027
+ }
3028
+ }
3029
+ }
3030
+ .hover\:bg-primary\/20 {
3031
+ &:hover {
3032
+ @media (hover: hover) {
3033
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 20%, transparent);
3034
+ }
3035
+ }
3036
+ }
3037
+ .hover\:bg-primary\/90 {
3038
+ &:hover {
3039
+ @media (hover: hover) {
3040
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 90%, transparent);
3041
+ }
3042
+ }
3043
+ }
3044
+ .hover\:bg-secondary\/5 {
3045
+ &:hover {
3046
+ @media (hover: hover) {
3047
+ background-color: color-mix(in oklab, oklch(50% 0.05 240) 5%, transparent);
3048
+ }
3049
+ }
3050
+ }
3051
+ .hover\:bg-secondary\/10 {
3052
+ &:hover {
3053
+ @media (hover: hover) {
3054
+ background-color: color-mix(in oklab, oklch(50% 0.05 240) 10%, transparent);
3055
+ }
3056
+ }
3057
+ }
3058
+ .hover\:bg-secondary\/20 {
3059
+ &:hover {
3060
+ @media (hover: hover) {
3061
+ background-color: color-mix(in oklab, oklch(50% 0.05 240) 20%, transparent);
3062
+ }
3063
+ }
3064
+ }
3065
+ .hover\:bg-secondary\/90 {
3066
+ &:hover {
3067
+ @media (hover: hover) {
3068
+ background-color: color-mix(in oklab, oklch(50% 0.05 240) 90%, transparent);
3069
+ }
3070
+ }
3071
+ }
3072
+ .hover\:bg-success\/5 {
3073
+ &:hover {
3074
+ @media (hover: hover) {
3075
+ background-color: color-mix(in oklab, oklch(0.7 0.2 145) 5%, transparent);
3076
+ }
3077
+ }
3078
+ }
3079
+ .hover\:bg-success\/10 {
3080
+ &:hover {
3081
+ @media (hover: hover) {
3082
+ background-color: color-mix(in oklab, oklch(0.7 0.2 145) 10%, transparent);
3083
+ }
3084
+ }
3085
+ }
3086
+ .hover\:bg-success\/20 {
3087
+ &:hover {
3088
+ @media (hover: hover) {
3089
+ background-color: color-mix(in oklab, oklch(0.7 0.2 145) 20%, transparent);
3090
+ }
3091
+ }
3092
+ }
3093
+ .hover\:bg-success\/90 {
3094
+ &:hover {
3095
+ @media (hover: hover) {
3096
+ background-color: color-mix(in oklab, oklch(0.7 0.2 145) 90%, transparent);
3097
+ }
3098
+ }
3099
+ }
3100
+ .hover\:bg-surface {
3101
+ &:hover {
3102
+ @media (hover: hover) {
3103
+ background-color: oklch(96% 0 0);
3104
+ }
3105
+ }
3106
+ }
3107
+ .hover\:bg-surface\/50 {
3108
+ &:hover {
3109
+ @media (hover: hover) {
3110
+ background-color: color-mix(in oklab, oklch(96% 0 0) 50%, transparent);
3111
+ }
3112
+ }
3113
+ }
3114
+ .hover\:bg-surface\/70 {
3115
+ &:hover {
3116
+ @media (hover: hover) {
3117
+ background-color: color-mix(in oklab, oklch(96% 0 0) 70%, transparent);
3118
+ }
3119
+ }
3120
+ }
3121
+ .hover\:bg-surface\/80 {
3122
+ &:hover {
3123
+ @media (hover: hover) {
3124
+ background-color: color-mix(in oklab, oklch(96% 0 0) 80%, transparent);
3125
+ }
3126
+ }
3127
+ }
3128
+ .hover\:bg-transparent {
3129
+ &:hover {
3130
+ @media (hover: hover) {
3131
+ background-color: transparent;
3132
+ }
3133
+ }
3134
+ }
3135
+ .hover\:bg-warning\/5 {
3136
+ &:hover {
3137
+ @media (hover: hover) {
3138
+ background-color: color-mix(in oklab, oklch(75% 0.15 85) 5%, transparent);
3139
+ }
3140
+ }
3141
+ }
3142
+ .hover\:bg-warning\/10 {
3143
+ &:hover {
3144
+ @media (hover: hover) {
3145
+ background-color: color-mix(in oklab, oklch(75% 0.15 85) 10%, transparent);
3146
+ }
3147
+ }
3148
+ }
3149
+ .hover\:bg-warning\/20 {
3150
+ &:hover {
3151
+ @media (hover: hover) {
3152
+ background-color: color-mix(in oklab, oklch(75% 0.15 85) 20%, transparent);
3153
+ }
3154
+ }
3155
+ }
3156
+ .hover\:bg-warning\/90 {
3157
+ &:hover {
3158
+ @media (hover: hover) {
3159
+ background-color: color-mix(in oklab, oklch(75% 0.15 85) 90%, transparent);
3160
+ }
3161
+ }
3162
+ }
3163
+ .hover\:text-accent {
3164
+ &:hover {
3165
+ @media (hover: hover) {
3166
+ color: oklch(0.8 0.1737 67);
3167
+ }
3168
+ }
3169
+ }
3170
+ .hover\:text-error {
3171
+ &:hover {
3172
+ @media (hover: hover) {
3173
+ color: oklch(65% 0.2 25);
3174
+ }
3175
+ }
3176
+ }
3177
+ .hover\:text-error\/80 {
3178
+ &:hover {
3179
+ @media (hover: hover) {
3180
+ color: color-mix(in oklab, oklch(65% 0.2 25) 80%, transparent);
3181
+ }
3182
+ }
3183
+ }
3184
+ .hover\:text-info {
3185
+ &:hover {
3186
+ @media (hover: hover) {
3187
+ color: oklch(60% 0.19 255);
3188
+ }
3189
+ }
3190
+ }
3191
+ .hover\:text-primary {
3192
+ &:hover {
3193
+ @media (hover: hover) {
3194
+ color: oklch(0.6029 0.15 239.2065);
3195
+ }
3196
+ }
3197
+ }
3198
+ .hover\:text-secondary {
3199
+ &:hover {
3200
+ @media (hover: hover) {
3201
+ color: oklch(50% 0.05 240);
3202
+ }
3203
+ }
3204
+ }
3205
+ .hover\:text-success {
3206
+ &:hover {
3207
+ @media (hover: hover) {
3208
+ color: oklch(0.7 0.2 145);
3209
+ }
3210
+ }
3211
+ }
3212
+ .hover\:text-text-primary {
3213
+ &:hover {
3214
+ @media (hover: hover) {
3215
+ color: oklch(15% 0 0);
3216
+ }
3217
+ }
3218
+ }
3219
+ .hover\:text-text-primary\/80 {
3220
+ &:hover {
3221
+ @media (hover: hover) {
3222
+ color: color-mix(in oklab, oklch(15% 0 0) 80%, transparent);
3223
+ }
3224
+ }
3225
+ }
3226
+ .hover\:text-warning {
3227
+ &:hover {
3228
+ @media (hover: hover) {
3229
+ color: oklch(75% 0.15 85);
3230
+ }
3231
+ }
3232
+ }
3233
+ .hover\:text-white {
3234
+ &:hover {
3235
+ @media (hover: hover) {
3236
+ color: oklch(100% 0 0);
3237
+ }
3238
+ }
3239
+ }
3240
+ .hover\:no-underline {
3241
+ &:hover {
3242
+ @media (hover: hover) {
3243
+ text-decoration-line: none;
3244
+ }
3245
+ }
3246
+ }
3247
+ .hover\:underline {
3248
+ &:hover {
3249
+ @media (hover: hover) {
3250
+ text-decoration-line: underline;
3251
+ }
3252
+ }
3253
+ }
3254
+ .hover\:opacity-80 {
3255
+ &:hover {
3256
+ @media (hover: hover) {
3257
+ opacity: 80%;
3258
+ }
3259
+ }
3260
+ }
3261
+ .hover\:opacity-100 {
3262
+ &:hover {
3263
+ @media (hover: hover) {
3264
+ opacity: 100%;
3265
+ }
3266
+ }
3267
+ }
3268
+ .hover\:shadow-lg {
3269
+ &:hover {
3270
+ @media (hover: hover) {
3271
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3272
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3273
+ }
3274
+ }
3275
+ }
3276
+ .hover\:shadow-md {
3277
+ &:hover {
3278
+ @media (hover: hover) {
3279
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3280
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3281
+ }
3282
+ }
3283
+ }
3284
+ .hover\:brightness-110 {
3285
+ &:hover {
3286
+ @media (hover: hover) {
3287
+ --tw-brightness: brightness(110%);
3288
+ 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,);
3289
+ }
3290
+ }
3291
+ }
3292
+ .focus\:\!border-error {
3293
+ &:focus {
3294
+ border-color: oklch(65% 0.2 25) !important;
3295
+ }
3296
+ }
3297
+ .focus\:\!border-info {
3298
+ &:focus {
3299
+ border-color: oklch(60% 0.19 255) !important;
3300
+ }
3301
+ }
3302
+ .focus\:\!border-success {
3303
+ &:focus {
3304
+ border-color: oklch(0.7 0.2 145) !important;
3305
+ }
3306
+ }
3307
+ .focus\:\!border-warning {
3308
+ &:focus {
3309
+ border-color: oklch(75% 0.15 85) !important;
3310
+ }
3311
+ }
3312
+ .focus\:border-error {
3313
+ &:focus {
3314
+ border-color: oklch(65% 0.2 25);
3315
+ }
3316
+ }
3317
+ .focus\:border-info {
3318
+ &:focus {
3319
+ border-color: oklch(60% 0.19 255);
3320
+ }
3321
+ }
3322
+ .focus\:border-primary {
3323
+ &:focus {
3324
+ border-color: oklch(0.6029 0.15 239.2065);
3325
+ }
3326
+ }
3327
+ .focus\:border-success {
3328
+ &:focus {
3329
+ border-color: oklch(0.7 0.2 145);
3330
+ }
3331
+ }
3332
+ .focus\:border-warning {
3333
+ &:focus {
3334
+ border-color: oklch(75% 0.15 85);
3335
+ }
3336
+ }
3337
+ .focus\:ring-2 {
3338
+ &:focus {
3339
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3340
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3341
+ }
3342
+ }
3343
+ .focus\:ring-primary {
3344
+ &:focus {
3345
+ --tw-ring-color: oklch(0.6029 0.15 239.2065);
3346
+ }
3347
+ }
3348
+ .focus\:ring-primary\/20 {
3349
+ &:focus {
3350
+ --tw-ring-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 20%, transparent);
3351
+ }
3352
+ }
3353
+ .focus\:ring-offset-2 {
3354
+ &:focus {
3355
+ --tw-ring-offset-width: 2px;
3356
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3357
+ }
3358
+ }
3359
+ .focus\:outline-hidden {
3360
+ &:focus {
3361
+ --tw-outline-style: none;
3362
+ outline-style: none;
3363
+ @media (forced-colors: active) {
3364
+ outline: 2px solid transparent;
3365
+ outline-offset: 2px;
3366
+ }
3367
+ }
3368
+ }
3369
+ .focus\:outline-none {
3370
+ &:focus {
3371
+ --tw-outline-style: none;
3372
+ outline-style: none;
3373
+ }
3374
+ }
3375
+ .active\:scale-100 {
3376
+ &:active {
3377
+ --tw-scale-x: 100%;
3378
+ --tw-scale-y: 100%;
3379
+ --tw-scale-z: 100%;
3380
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3381
+ }
3382
+ }
3383
+ .disabled\:pointer-events-none {
3384
+ &:disabled {
3385
+ pointer-events: none;
3386
+ }
3387
+ }
3388
+ .disabled\:cursor-not-allowed {
3389
+ &:disabled {
3390
+ cursor: not-allowed;
3391
+ }
3392
+ }
3393
+ .disabled\:opacity-30 {
3394
+ &:disabled {
3395
+ opacity: 30%;
3396
+ }
3397
+ }
3398
+ .disabled\:opacity-50 {
3399
+ &:disabled {
3400
+ opacity: 50%;
3401
+ }
3402
+ }
3403
+ .disabled\:hover\:border-border {
3404
+ &:disabled {
3405
+ &:hover {
3406
+ @media (hover: hover) {
3407
+ border-color: oklch(93% 0 0);
3408
+ }
3409
+ }
3410
+ }
3411
+ }
3412
+ .disabled\:hover\:bg-background {
3413
+ &:disabled {
3414
+ &:hover {
3415
+ @media (hover: hover) {
3416
+ background-color: oklch(100% 0 0);
3417
+ }
3418
+ }
3419
+ }
3420
+ }
3421
+ .disabled\:hover\:text-text-muted {
3422
+ &:disabled {
3423
+ &:hover {
3424
+ @media (hover: hover) {
3425
+ color: oklch(60% 0 0);
3426
+ }
3427
+ }
3428
+ }
3429
+ }
3430
+ .data-\[disabled\=true\]\:pointer-events-none {
3431
+ &[data-disabled="true"] {
3432
+ pointer-events: none;
3433
+ }
3434
+ }
3435
+ .data-\[disabled\=true\]\:opacity-50 {
3436
+ &[data-disabled="true"] {
3437
+ opacity: 50%;
3438
+ }
3439
+ }
3440
+ .data-\[selected\=true\]\:bg-primary\/10 {
3441
+ &[data-selected="true"] {
3442
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 10%, transparent);
3443
+ }
3444
+ }
3445
+ .data-\[selected\=true\]\:text-primary {
3446
+ &[data-selected="true"] {
3447
+ color: oklch(0.6029 0.15 239.2065);
3448
+ }
3449
+ }
3450
+ .sm\:max-w-lg {
3451
+ @media (width >= 40rem) {
3452
+ max-width: var(--container-lg);
3453
+ }
3454
+ }
3455
+ .sm\:max-w-md {
3456
+ @media (width >= 40rem) {
3457
+ max-width: var(--container-md);
3458
+ }
3459
+ }
3460
+ .sm\:max-w-sm {
3461
+ @media (width >= 40rem) {
3462
+ max-width: var(--container-sm);
3463
+ }
3464
+ }
3465
+ .sm\:max-w-xs {
3466
+ @media (width >= 40rem) {
3467
+ max-width: var(--container-xs);
3468
+ }
3469
+ }
3470
+ .sm\:grid-cols-2 {
3471
+ @media (width >= 40rem) {
3472
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3473
+ }
3474
+ }
3475
+ .sm\:flex-row {
3476
+ @media (width >= 40rem) {
3477
+ flex-direction: row;
3478
+ }
3479
+ }
3480
+ .sm\:justify-end {
3481
+ @media (width >= 40rem) {
3482
+ justify-content: flex-end;
3483
+ }
3484
+ }
3485
+ .md\:grid-cols-2 {
3486
+ @media (width >= 48rem) {
3487
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3488
+ }
3489
+ }
3490
+ .md\:grid-cols-3 {
3491
+ @media (width >= 48rem) {
3492
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3493
+ }
3494
+ }
3495
+ .md\:grid-cols-4 {
3496
+ @media (width >= 48rem) {
3497
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3498
+ }
3499
+ }
3500
+ .lg\:grid-cols-2 {
3501
+ @media (width >= 64rem) {
3502
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3503
+ }
3504
+ }
3505
+ .lg\:grid-cols-3 {
3506
+ @media (width >= 64rem) {
3507
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3508
+ }
3509
+ }
3510
+ .lg\:grid-cols-4 {
3511
+ @media (width >= 64rem) {
3512
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3513
+ }
3514
+ }
3515
+ .lg\:grid-cols-5 {
3516
+ @media (width >= 64rem) {
3517
+ grid-template-columns: repeat(5, minmax(0, 1fr));
3518
+ }
3519
+ }
3520
+ .lg\:grid-cols-6 {
3521
+ @media (width >= 64rem) {
3522
+ grid-template-columns: repeat(6, minmax(0, 1fr));
3523
+ }
3524
+ }
3525
+ .xl\:grid-cols-3 {
3526
+ @media (width >= 80rem) {
3527
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3528
+ }
3529
+ }
3530
+ .\[\&_\.react-datepicker\]\:\!flex {
3531
+ & .react-datepicker {
3532
+ display: flex !important;
3533
+ }
3534
+ }
3535
+ .\[\&_\.react-datepicker\]\:\!gap-0 {
3536
+ & .react-datepicker {
3537
+ gap: 0px !important;
3538
+ }
3539
+ }
3540
+ .\[\&_\.react-datepicker\]\:\!border-border {
3541
+ & .react-datepicker {
3542
+ border-color: oklch(93% 0 0) !important;
3543
+ }
3544
+ }
3545
+ .\[\&_\.react-datepicker\]\:\!bg-background {
3546
+ & .react-datepicker {
3547
+ background-color: oklch(100% 0 0) !important;
3548
+ }
3549
+ }
3550
+ .\[\&_\.react-datepicker\]\:\!text-text-primary {
3551
+ & .react-datepicker {
3552
+ color: oklch(15% 0 0) !important;
3553
+ }
3554
+ }
3555
+ .\[\&_\.react-datepicker__current-month\]\:\!hidden {
3556
+ & .react-datepicker current-month {
3557
+ display: none !important;
3558
+ }
3559
+ }
3560
+ .\[\&_\.react-datepicker__day\]\:hover\:\!bg-surface {
3561
+ & .react-datepicker day {
3562
+ &:hover {
3563
+ @media (hover: hover) {
3564
+ background-color: oklch(96% 0 0) !important;
3565
+ }
3566
+ }
3567
+ }
3568
+ }
3569
+ .\[\&_\.react-datepicker__day--in-range\]\:\!bg-primary\/10 {
3570
+ & .react-datepicker day--in-range {
3571
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 10%, transparent) !important;
3572
+ }
3573
+ }
3574
+ .\[\&_\.react-datepicker__day--in-selecting-range\]\:\!bg-primary\/30 {
3575
+ & .react-datepicker day--in-selecting-range {
3576
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 30%, transparent) !important;
3577
+ }
3578
+ }
3579
+ .\[\&_\.react-datepicker__day--keyboard-selected\]\:\!bg-primary\/50 {
3580
+ & .react-datepicker day--keyboard-selected {
3581
+ background-color: color-mix(in oklab, oklch(0.6029 0.15 239.2065) 50%, transparent) !important;
3582
+ }
3583
+ }
3584
+ .\[\&_\.react-datepicker__day--selected\]\:\!bg-primary {
3585
+ & .react-datepicker day--selected {
3586
+ background-color: oklch(0.6029 0.15 239.2065) !important;
3587
+ }
3588
+ }
3589
+ .\[\&_\.react-datepicker__day-name\]\:\!text-text-muted {
3590
+ & .react-datepicker day-name {
3591
+ color: oklch(60% 0 0) !important;
3592
+ }
3593
+ }
3594
+ .\[\&_\.react-datepicker__header\]\:\!border-none {
3595
+ & .react-datepicker header {
3596
+ --tw-border-style: none !important;
3597
+ border-style: none !important;
3598
+ }
3599
+ }
3600
+ .\[\&_\.react-datepicker__header\]\:\!bg-transparent {
3601
+ & .react-datepicker header {
3602
+ background-color: transparent !important;
3603
+ }
3604
+ }
3605
+ .\[\&_\.react-datepicker__header\]\:\!p-0 {
3606
+ & .react-datepicker header {
3607
+ padding: 0px !important;
3608
+ }
3609
+ }
3610
+ .\[\&_\.react-datepicker__month-container\]\:\!flex {
3611
+ & .react-datepicker month-container {
3612
+ display: flex !important;
3613
+ }
3614
+ }
3615
+ .\[\&_\.react-datepicker__month-container\]\:\!flex-col {
3616
+ & .react-datepicker month-container {
3617
+ flex-direction: column !important;
3618
+ }
3619
+ }
3620
+ .\[\&_\.react-datepicker__navigation\]\:\!hidden {
3621
+ & .react-datepicker navigation {
3622
+ display: none !important;
3623
+ }
3624
+ }
3625
+ .\[\&_\.react-datepicker__time-container\]\:\!border-border {
3626
+ & .react-datepicker time-container {
3627
+ border-color: oklch(93% 0 0) !important;
3628
+ }
3629
+ }
3630
+ .\[\&_\.react-datepicker__time-list\]\:\!bg-background {
3631
+ & .react-datepicker time-list {
3632
+ background-color: oklch(100% 0 0) !important;
3633
+ }
3634
+ }
3635
+ .\[\&_\.react-datepicker__time-list-item\]\:hover\:\!bg-surface {
3636
+ & .react-datepicker time-list-item {
3637
+ &:hover {
3638
+ @media (hover: hover) {
3639
+ background-color: oklch(96% 0 0) !important;
3640
+ }
3641
+ }
3642
+ }
3643
+ }
3644
+ .\[\&_\.react-datepicker__time-list-item--selected\]\:\!bg-primary {
3645
+ & .react-datepicker time-list-item--selected {
3646
+ background-color: oklch(0.6029 0.15 239.2065) !important;
3647
+ }
3648
+ }
3649
+ .\[\&_\.react-datepicker__time-list-item--selected\]\:\!text-white {
3650
+ & .react-datepicker time-list-item--selected {
3651
+ color: oklch(100% 0 0) !important;
3652
+ }
3653
+ }
3654
+ .\[\&_\[cmdk-group-heading\]\]\:px-1\.5 {
3655
+ & [cmdk-group-heading] {
3656
+ padding-inline: calc(var(--spacing) * 1.5);
3657
+ }
3658
+ }
3659
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 {
3660
+ & [cmdk-group-heading] {
3661
+ padding-inline: 0.5rem;
3662
+ }
3663
+ }
3664
+ .\[\&_\[cmdk-group-heading\]\]\:px-3 {
3665
+ & [cmdk-group-heading] {
3666
+ padding-inline: 0.75rem;
3667
+ }
3668
+ }
3669
+ .\[\&_\[cmdk-group-heading\]\]\:py-1 {
3670
+ & [cmdk-group-heading] {
3671
+ padding-block: 0.25rem;
3672
+ }
3673
+ }
3674
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
3675
+ & [cmdk-group-heading] {
3676
+ padding-block: calc(var(--spacing) * 1.5);
3677
+ }
3678
+ }
3679
+ .\[\&_\[cmdk-group-heading\]\]\:py-2 {
3680
+ & [cmdk-group-heading] {
3681
+ padding-block: 0.5rem;
3682
+ }
3683
+ }
3684
+ .\[\&_\[cmdk-group-heading\]\]\:text-sm {
3685
+ & [cmdk-group-heading] {
3686
+ font-size: 0.875rem;
3687
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3688
+ }
3689
+ }
3690
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs {
3691
+ & [cmdk-group-heading] {
3692
+ font-size: 0.75rem;
3693
+ line-height: var(--tw-leading, var(--text-xs--line-height));
3694
+ }
3695
+ }
3696
+ .\[\&_\[cmdk-group-heading\]\]\:text-\[10px\] {
3697
+ & [cmdk-group-heading] {
3698
+ font-size: 10px;
3699
+ }
3700
+ }
3701
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium {
3702
+ & [cmdk-group-heading] {
3703
+ --tw-font-weight: 500;
3704
+ font-weight: 500;
3705
+ }
3706
+ }
3707
+ .\[\&_\[cmdk-group-heading\]\]\:text-text-muted {
3708
+ & [cmdk-group-heading] {
3709
+ color: oklch(60% 0 0);
3710
+ }
3711
+ }
3712
+ .\[\&_\[cmdk-group\]\]\:px-2 {
3713
+ & [cmdk-group] {
3714
+ padding-inline: 0.5rem;
3715
+ }
3716
+ }
3717
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
3718
+ & [cmdk-group]:not([hidden]) ~[cmdk-group] {
3719
+ padding-top: 0px;
3720
+ }
3721
+ }
3722
+ .\[\&_svg\]\:pointer-events-none {
3723
+ & svg {
3724
+ pointer-events: none;
3725
+ }
3726
+ }
3727
+ .\[\&_svg\]\:size-3\.5 {
3728
+ & svg {
3729
+ width: calc(var(--spacing) * 3.5);
3730
+ height: calc(var(--spacing) * 3.5);
3731
+ }
3732
+ }
3733
+ .\[\&_svg\]\:size-4 {
3734
+ & svg {
3735
+ width: 1rem;
3736
+ height: 1rem;
3737
+ }
3738
+ }
3739
+ .\[\&_svg\]\:size-5 {
3740
+ & svg {
3741
+ width: 1.25rem;
3742
+ height: 1.25rem;
3743
+ }
3744
+ }
3745
+ .\[\&_svg\]\:shrink-0 {
3746
+ & svg {
3747
+ flex-shrink: 0;
3748
+ }
3749
+ }
3750
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
3751
+ & svg:not([class*='size-']) {
3752
+ width: 0.75rem;
3753
+ height: 0.75rem;
3754
+ }
3755
+ }
3756
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
3757
+ & svg:not([class*='size-']) {
3758
+ width: calc(var(--spacing) * 3.5);
3759
+ height: calc(var(--spacing) * 3.5);
3760
+ }
3761
+ }
3762
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
3763
+ & svg:not([class*='size-']) {
3764
+ width: 1rem;
3765
+ height: 1rem;
3766
+ }
3767
+ }
3768
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 {
3769
+ & svg:not([class*='size-']) {
3770
+ width: 1.25rem;
3771
+ height: 1.25rem;
3772
+ }
3773
+ }
3774
+ .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-text-muted {
3775
+ & svg:not([class*='text-']) {
3776
+ color: oklch(60% 0 0);
3777
+ }
3778
+ }
3779
+ .\[\&\>\*\]\:flex-1 {
3780
+ &>* {
3781
+ flex: 1;
3782
+ }
3783
+ }
3784
+ .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none {
3785
+ &>*:not(:first-child) {
3786
+ border-top-left-radius: 0px;
3787
+ border-top-right-radius: 0px;
3788
+ }
3789
+ }
3790
+ .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none {
3791
+ &>*:not(:first-child) {
3792
+ border-top-left-radius: 0px;
3793
+ border-bottom-left-radius: 0px;
3794
+ }
3795
+ }
3796
+ .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none {
3797
+ &>*:not(:last-child) {
3798
+ border-top-right-radius: 0px;
3799
+ border-bottom-right-radius: 0px;
3800
+ }
3801
+ }
3802
+ .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none {
3803
+ &>*:not(:last-child) {
3804
+ border-bottom-right-radius: 0px;
3805
+ border-bottom-left-radius: 0px;
3806
+ }
3807
+ }
3808
+ .\[\&\>\*\:not\(\:last-child\)\]\:border-r-0 {
3809
+ &>*:not(:last-child) {
3810
+ border-right-style: var(--tw-border-style);
3811
+ border-right-width: 0px;
3812
+ }
3813
+ }
3814
+ .\[\&\>\*\:not\(\:last-child\)\]\:border-b-0 {
3815
+ &>*:not(:last-child) {
3816
+ border-bottom-style: var(--tw-border-style);
3817
+ border-bottom-width: 0px;
3818
+ }
3819
+ }
3820
+ }
211
3821
  .dark {
212
- /* === BRAND COLORS (DARK) === */
213
3822
  --color-primary: oklch(65% 0.25 255);
214
3823
  --color-primary-hover: oklch(70% 0.27 255);
215
3824
  --color-primary-active: oklch(75% 0.29 255);
216
-
217
3825
  --color-secondary: oklch(60% 0.15 30);
218
3826
  --color-secondary-hover: oklch(65% 0.17 30);
219
3827
  --color-secondary-active: oklch(70% 0.19 30);
220
-
221
3828
  --color-accent: oklch(70% 0.22 310);
222
3829
  --color-accent-hover: oklch(75% 0.24 310);
223
3830
  --color-accent-active: oklch(80% 0.26 310);
224
-
225
- /* === SEMANTIC COLORS (DARK) === */
226
3831
  --color-success: oklch(65% 0.2 145);
227
3832
  --color-success-hover: oklch(70% 0.22 145);
228
3833
  --color-success-active: oklch(75% 0.24 145);
229
-
230
3834
  --color-error: oklch(65% 0.2 25);
231
3835
  --color-error-hover: oklch(75% 0.2 25);
232
3836
  --color-error-active: oklch(80% 0.2 25);
233
-
234
3837
  --color-warning: oklch(75% 0.15 85);
235
3838
  --color-warning-hover: oklch(80% 0.17 85);
236
3839
  --color-warning-active: oklch(85% 0.19 85);
237
-
238
3840
  --color-info: oklch(65% 0.19 255);
239
3841
  --color-info-hover: oklch(70% 0.21 255);
240
3842
  --color-info-active: oklch(75% 0.23 255);
241
-
242
- /* === BACKGROUND & SURFACE (DARK) === */
243
3843
  --color-background: oklch(15% 0 0);
244
3844
  --color-background-secondary: oklch(18% 0 0);
245
3845
  --color-surface: oklch(20% 0 0);
246
3846
  --color-border: oklch(30% 0 0);
247
3847
  --color-border-primary: oklch(35% 0 0);
248
-
249
- /* === TEXT COLORS (DARK) === */
250
3848
  --color-text-primary: oklch(95% 0 0);
251
3849
  --color-text-secondary: oklch(70% 0 0);
252
3850
  --color-text-muted: oklch(55% 0 0);
253
-
254
- /* === INPUT (DARK) === */
255
3851
  --color-input-border: oklch(30% 0 0);
256
3852
  --color-input-border-focus: oklch(65% 0.25 255);
257
3853
  --color-input-border-error: oklch(65% 0.25 25);
@@ -259,34 +3855,27 @@
259
3855
  --color-input-text: oklch(95% 0 0);
260
3856
  --color-input-placeholder: oklch(55% 0 0);
261
3857
  }
262
-
263
3858
  html,
264
3859
  body {
265
3860
  overscroll-behavior: none;
266
3861
  }
267
-
268
- /* Select */
269
3862
  @layer components {
270
3863
  .custom-select .ant-select-selection-overflow {
271
3864
  flex-wrap: nowrap !important;
272
3865
  overflow: hidden;
273
3866
  text-overflow: ellipsis;
274
3867
  }
275
-
276
3868
  .ant-select {
277
3869
  height: 40px !important;
278
3870
  }
279
-
280
3871
  .ant-select-selection-wrap {
281
3872
  margin: auto;
282
3873
  }
283
-
284
3874
  .ant-select-disabled .ant-select-selector {
285
3875
  background-color: var(--secondary-foreground) !important;
286
3876
  opacity: 0.7 !important;
287
3877
  }
288
3878
  }
289
-
290
3879
  .pagination {
291
3880
  display: flex;
292
3881
  gap: 2px;
@@ -296,21 +3885,15 @@ body {
296
3885
  bottom: 20px;
297
3886
  z-index: 100;
298
3887
  }
299
-
300
- /* React DatePicker Theme Overrides */
301
-
302
3888
  .react-datepicker-wrapper {
303
3889
  display: block;
304
3890
  }
305
-
306
3891
  .react-datepicker__input-container {
307
3892
  display: block;
308
3893
  }
309
-
310
3894
  .react-datepicker-popper {
311
3895
  z-index: var(--z-popover) !important;
312
3896
  }
313
-
314
3897
  .react-datepicker {
315
3898
  font-family: var(--font-sans) !important;
316
3899
  background-color: var(--color-white) !important;
@@ -318,7 +3901,6 @@ body {
318
3901
  border-radius: var(--radius-md) !important;
319
3902
  box-shadow: var(--shadow-lg) !important;
320
3903
  }
321
-
322
3904
  .react-datepicker__header {
323
3905
  background-color: var(--color-surface) !important;
324
3906
  border-top-left-radius: var(--radius-md) !important;
@@ -326,7 +3908,6 @@ body {
326
3908
  padding: 0 !important;
327
3909
  border-top-right-radius: var(--radius-md) !important;
328
3910
  }
329
-
330
3911
  .react-datepicker__current-month,
331
3912
  .react-datepicker-time__header,
332
3913
  .react-datepicker-year-header {
@@ -334,7 +3915,6 @@ body {
334
3915
  font-weight: var(--font-weight-semibold) !important;
335
3916
  font-size: var(--font-size-base) !important;
336
3917
  }
337
-
338
3918
  .react-datepicker__day-name,
339
3919
  .react-datepicker__day,
340
3920
  .react-datepicker__time-name {
@@ -345,14 +3925,12 @@ body {
345
3925
  margin: 0.166rem !important;
346
3926
  border-radius: var(--radius-sm) !important;
347
3927
  }
348
-
349
3928
  .react-datepicker__day:hover,
350
3929
  .react-datepicker__month-text:hover,
351
3930
  .react-datepicker__quarter-text:hover,
352
3931
  .react-datepicker__year-text:hover {
353
3932
  background-color: var(--color-gray-100) !important;
354
3933
  }
355
-
356
3934
  .react-datepicker__day--selected,
357
3935
  .react-datepicker__day--in-selecting-range,
358
3936
  .react-datepicker__day--in-range,
@@ -368,7 +3946,6 @@ body {
368
3946
  background-color: var(--color-primary) !important;
369
3947
  color: var(--color-primary-foreground) !important;
370
3948
  }
371
-
372
3949
  .react-datepicker__day--selected:hover,
373
3950
  .react-datepicker__day--in-selecting-range:hover,
374
3951
  .react-datepicker__day--in-range:hover,
@@ -383,7 +3960,6 @@ body {
383
3960
  .react-datepicker__year-text--in-range:hover {
384
3961
  background-color: var(--color-primary-hover) !important;
385
3962
  }
386
-
387
3963
  .react-datepicker__day--keyboard-selected,
388
3964
  .react-datepicker__month-text--keyboard-selected,
389
3965
  .react-datepicker__quarter-text--keyboard-selected,
@@ -391,7 +3967,6 @@ body {
391
3967
  background-color: var(--color-primary-hover) !important;
392
3968
  color: var(--color-primary-foreground) !important;
393
3969
  }
394
-
395
3970
  .react-datepicker__day--disabled,
396
3971
  .react-datepicker__month-text--disabled,
397
3972
  .react-datepicker__quarter-text--disabled,
@@ -399,48 +3974,38 @@ body {
399
3974
  color: var(--color-gray-400) !important;
400
3975
  cursor: not-allowed !important;
401
3976
  }
402
-
403
3977
  .react-datepicker__day--outside-month {
404
3978
  color: var(--color-gray-400) !important;
405
3979
  }
406
-
407
3980
  .react-datepicker__navigation {
408
3981
  top: 0.65rem !important;
409
3982
  }
410
-
411
3983
  .react-datepicker__navigation-icon::before {
412
3984
  border-color: var(--color-gray-600) !important;
413
3985
  }
414
-
415
3986
  .react-datepicker__navigation:hover *::before {
416
3987
  border-color: var(--color-gray-900) !important;
417
3988
  }
418
-
419
3989
  .react-datepicker__current-month {
420
3990
  display: none;
421
3991
  }
422
-
423
3992
  .react-datepicker__time-container {
424
3993
  border-left: 1px solid var(--color-gray-200) !important;
425
3994
  }
426
-
427
3995
  .react-datepicker__time-container .react-datepicker__time {
428
3996
  background-color: var(--color-white) !important;
429
3997
  }
430
-
431
3998
  .react-datepicker__time-container
432
3999
  .react-datepicker__time
433
4000
  .react-datepicker__time-box {
434
4001
  width: 100% !important;
435
4002
  }
436
-
437
4003
  .react-datepicker__time-container
438
4004
  .react-datepicker__time
439
4005
  .react-datepicker__time-box
440
4006
  ul.react-datepicker__time-list {
441
4007
  padding: 0 !important;
442
4008
  }
443
-
444
4009
  .react-datepicker__time-container
445
4010
  .react-datepicker__time
446
4011
  .react-datepicker__time-box
@@ -449,7 +4014,6 @@ body {
449
4014
  color: var(--color-gray-700) !important;
450
4015
  padding: 0.5rem !important;
451
4016
  }
452
-
453
4017
  .react-datepicker__time-container
454
4018
  .react-datepicker__time
455
4019
  .react-datepicker__time-box
@@ -457,7 +4021,6 @@ body {
457
4021
  li.react-datepicker__time-list-item:hover {
458
4022
  background-color: var(--color-gray-100) !important;
459
4023
  }
460
-
461
4024
  .react-datepicker__time-container
462
4025
  .react-datepicker__time
463
4026
  .react-datepicker__time-box
@@ -466,26 +4029,22 @@ body {
466
4029
  background-color: var(--color-primary) !important;
467
4030
  color: var(--color-primary-foreground) !important;
468
4031
  }
469
-
470
4032
  .react-datepicker__day--in-selecting-range:not(
471
4033
  .react-datepicker__day--in-range
472
4034
  ) {
473
4035
  background-color: var(--color-gray-200) !important;
474
4036
  }
475
-
476
4037
  .react-datepicker__month-text,
477
4038
  .react-datepicker__quarter-text,
478
4039
  .react-datepicker__year-text {
479
4040
  padding: 0.5rem !important;
480
4041
  border-radius: var(--radius-sm) !important;
481
4042
  }
482
-
483
4043
  .react-datepicker__year-read-view--down-arrow,
484
4044
  .react-datepicker__month-read-view--down-arrow,
485
4045
  .react-datepicker__month-year-read-view--down-arrow {
486
4046
  border-top-color: var(--color-gray-600) !important;
487
4047
  }
488
-
489
4048
  .react-datepicker__year-dropdown,
490
4049
  .react-datepicker__month-dropdown,
491
4050
  .react-datepicker__month-year-dropdown {
@@ -493,82 +4052,66 @@ body {
493
4052
  border: 1px solid var(--color-gray-200) !important;
494
4053
  border-radius: var(--radius-md) !important;
495
4054
  }
496
-
497
4055
  .react-datepicker__year-option,
498
4056
  .react-datepicker__month-option,
499
4057
  .react-datepicker__month-year-option {
500
4058
  color: var(--color-gray-700) !important;
501
4059
  padding: 0.5rem !important;
502
4060
  }
503
-
504
4061
  .react-datepicker__year-option:hover,
505
4062
  .react-datepicker__month-option:hover,
506
4063
  .react-datepicker__month-year-option:hover {
507
4064
  background-color: var(--color-gray-100) !important;
508
4065
  }
509
-
510
4066
  .react-datepicker__year-option--selected,
511
4067
  .react-datepicker__month-option--selected,
512
4068
  .react-datepicker__month-year-option--selected {
513
4069
  background-color: var(--color-primary) !important;
514
4070
  color: var(--color-primary-foreground) !important;
515
4071
  }
516
-
517
- /* Dark mode overrides for DatePicker */
518
4072
  .dark .react-datepicker {
519
4073
  background-color: var(--color-surface) !important;
520
4074
  }
521
-
522
4075
  .dark .react-datepicker__header {
523
4076
  background-color: var(--color-background-secondary) !important;
524
4077
  }
525
-
526
4078
  .dark .react-datepicker__current-month,
527
4079
  .dark .react-datepicker-time__header,
528
4080
  .dark .react-datepicker-year-header {
529
4081
  color: var(--color-text-primary) !important;
530
4082
  }
531
-
532
4083
  .dark .react-datepicker__day-name,
533
4084
  .dark .react-datepicker__day,
534
4085
  .dark .react-datepicker__time-name {
535
4086
  color: var(--color-text-secondary) !important;
536
4087
  }
537
-
538
4088
  .dark .react-datepicker__day:hover,
539
4089
  .dark .react-datepicker__month-text:hover,
540
4090
  .dark .react-datepicker__quarter-text:hover,
541
4091
  .dark .react-datepicker__year-text:hover {
542
4092
  background-color: var(--color-background-secondary) !important;
543
4093
  }
544
-
545
4094
  .dark .react-datepicker__day--disabled,
546
4095
  .dark .react-datepicker__month-text--disabled,
547
4096
  .dark .react-datepicker__quarter-text--disabled,
548
4097
  .dark .react-datepicker__year-text--disabled {
549
4098
  color: var(--color-text-muted) !important;
550
4099
  }
551
-
552
4100
  .dark .react-datepicker__day--outside-month {
553
4101
  color: var(--color-text-muted) !important;
554
4102
  }
555
-
556
4103
  .dark .react-datepicker__navigation-icon::before {
557
4104
  border-color: var(--color-text-secondary) !important;
558
4105
  }
559
-
560
4106
  .dark .react-datepicker__navigation:hover *::before {
561
4107
  border-color: var(--color-text-primary) !important;
562
4108
  }
563
-
564
4109
  .dark .react-datepicker__time-container {
565
4110
  border-left: 1px solid var(--color-border) !important;
566
4111
  }
567
-
568
4112
  .dark .react-datepicker__time-container .react-datepicker__time {
569
4113
  background-color: var(--color-surface) !important;
570
4114
  }
571
-
572
4115
  .dark
573
4116
  .react-datepicker__time-container
574
4117
  .react-datepicker__time
@@ -577,7 +4120,6 @@ body {
577
4120
  li.react-datepicker__time-list-item {
578
4121
  color: var(--color-text-secondary) !important;
579
4122
  }
580
-
581
4123
  .dark
582
4124
  .react-datepicker__time-container
583
4125
  .react-datepicker__time
@@ -586,39 +4128,33 @@ body {
586
4128
  li.react-datepicker__time-list-item:hover {
587
4129
  background-color: var(--color-background-secondary) !important;
588
4130
  }
589
-
590
4131
  .dark
591
4132
  .react-datepicker__day--in-selecting-range:not(
592
4133
  .react-datepicker__day--in-range
593
4134
  ) {
594
4135
  background-color: var(--color-background-secondary) !important;
595
4136
  }
596
-
597
4137
  .dark .react-datepicker__year-read-view--down-arrow,
598
4138
  .dark .react-datepicker__month-read-view--down-arrow,
599
4139
  .dark .react-datepicker__month-year-read-view--down-arrow {
600
4140
  border-top-color: var(--color-text-secondary) !important;
601
4141
  }
602
-
603
4142
  .dark .react-datepicker__year-dropdown,
604
4143
  .dark .react-datepicker__month-dropdown,
605
4144
  .dark .react-datepicker__month-year-dropdown {
606
4145
  background-color: var(--color-surface) !important;
607
4146
  border: 1px solid var(--color-border) !important;
608
4147
  }
609
-
610
4148
  .dark .react-datepicker__year-option,
611
4149
  .dark .react-datepicker__month-option,
612
4150
  .dark .react-datepicker__month-year-option {
613
4151
  color: var(--color-text-secondary) !important;
614
4152
  }
615
-
616
4153
  .dark .react-datepicker__year-option:hover,
617
4154
  .dark .react-datepicker__month-option:hover,
618
4155
  .dark .react-datepicker__month-year-option:hover {
619
4156
  background-color: var(--color-background-secondary) !important;
620
4157
  }
621
-
622
4158
  @keyframes shimmer {
623
4159
  0% {
624
4160
  background-position: 0 0;
@@ -627,7 +4163,385 @@ body {
627
4163
  background-position: 2rem 0;
628
4164
  }
629
4165
  }
630
-
631
4166
  .progress-shimmer {
632
4167
  animation: shimmer 1s linear infinite;
633
4168
  }
4169
+ @property --tw-border-spacing-x {
4170
+ syntax: "<length>";
4171
+ inherits: false;
4172
+ initial-value: 0;
4173
+ }
4174
+ @property --tw-border-spacing-y {
4175
+ syntax: "<length>";
4176
+ inherits: false;
4177
+ initial-value: 0;
4178
+ }
4179
+ @property --tw-translate-x {
4180
+ syntax: "*";
4181
+ inherits: false;
4182
+ initial-value: 0;
4183
+ }
4184
+ @property --tw-translate-y {
4185
+ syntax: "*";
4186
+ inherits: false;
4187
+ initial-value: 0;
4188
+ }
4189
+ @property --tw-translate-z {
4190
+ syntax: "*";
4191
+ inherits: false;
4192
+ initial-value: 0;
4193
+ }
4194
+ @property --tw-rotate-x {
4195
+ syntax: "*";
4196
+ inherits: false;
4197
+ }
4198
+ @property --tw-rotate-y {
4199
+ syntax: "*";
4200
+ inherits: false;
4201
+ }
4202
+ @property --tw-rotate-z {
4203
+ syntax: "*";
4204
+ inherits: false;
4205
+ }
4206
+ @property --tw-skew-x {
4207
+ syntax: "*";
4208
+ inherits: false;
4209
+ }
4210
+ @property --tw-skew-y {
4211
+ syntax: "*";
4212
+ inherits: false;
4213
+ }
4214
+ @property --tw-space-y-reverse {
4215
+ syntax: "*";
4216
+ inherits: false;
4217
+ initial-value: 0;
4218
+ }
4219
+ @property --tw-divide-y-reverse {
4220
+ syntax: "*";
4221
+ inherits: false;
4222
+ initial-value: 0;
4223
+ }
4224
+ @property --tw-border-style {
4225
+ syntax: "*";
4226
+ inherits: false;
4227
+ initial-value: solid;
4228
+ }
4229
+ @property --tw-gradient-position {
4230
+ syntax: "*";
4231
+ inherits: false;
4232
+ }
4233
+ @property --tw-gradient-from {
4234
+ syntax: "<color>";
4235
+ inherits: false;
4236
+ initial-value: #0000;
4237
+ }
4238
+ @property --tw-gradient-via {
4239
+ syntax: "<color>";
4240
+ inherits: false;
4241
+ initial-value: #0000;
4242
+ }
4243
+ @property --tw-gradient-to {
4244
+ syntax: "<color>";
4245
+ inherits: false;
4246
+ initial-value: #0000;
4247
+ }
4248
+ @property --tw-gradient-stops {
4249
+ syntax: "*";
4250
+ inherits: false;
4251
+ }
4252
+ @property --tw-gradient-via-stops {
4253
+ syntax: "*";
4254
+ inherits: false;
4255
+ }
4256
+ @property --tw-gradient-from-position {
4257
+ syntax: "<length-percentage>";
4258
+ inherits: false;
4259
+ initial-value: 0%;
4260
+ }
4261
+ @property --tw-gradient-via-position {
4262
+ syntax: "<length-percentage>";
4263
+ inherits: false;
4264
+ initial-value: 50%;
4265
+ }
4266
+ @property --tw-gradient-to-position {
4267
+ syntax: "<length-percentage>";
4268
+ inherits: false;
4269
+ initial-value: 100%;
4270
+ }
4271
+ @property --tw-leading {
4272
+ syntax: "*";
4273
+ inherits: false;
4274
+ }
4275
+ @property --tw-font-weight {
4276
+ syntax: "*";
4277
+ inherits: false;
4278
+ }
4279
+ @property --tw-tracking {
4280
+ syntax: "*";
4281
+ inherits: false;
4282
+ }
4283
+ @property --tw-shadow {
4284
+ syntax: "*";
4285
+ inherits: false;
4286
+ initial-value: 0 0 #0000;
4287
+ }
4288
+ @property --tw-shadow-color {
4289
+ syntax: "*";
4290
+ inherits: false;
4291
+ }
4292
+ @property --tw-shadow-alpha {
4293
+ syntax: "<percentage>";
4294
+ inherits: false;
4295
+ initial-value: 100%;
4296
+ }
4297
+ @property --tw-inset-shadow {
4298
+ syntax: "*";
4299
+ inherits: false;
4300
+ initial-value: 0 0 #0000;
4301
+ }
4302
+ @property --tw-inset-shadow-color {
4303
+ syntax: "*";
4304
+ inherits: false;
4305
+ }
4306
+ @property --tw-inset-shadow-alpha {
4307
+ syntax: "<percentage>";
4308
+ inherits: false;
4309
+ initial-value: 100%;
4310
+ }
4311
+ @property --tw-ring-color {
4312
+ syntax: "*";
4313
+ inherits: false;
4314
+ }
4315
+ @property --tw-ring-shadow {
4316
+ syntax: "*";
4317
+ inherits: false;
4318
+ initial-value: 0 0 #0000;
4319
+ }
4320
+ @property --tw-inset-ring-color {
4321
+ syntax: "*";
4322
+ inherits: false;
4323
+ }
4324
+ @property --tw-inset-ring-shadow {
4325
+ syntax: "*";
4326
+ inherits: false;
4327
+ initial-value: 0 0 #0000;
4328
+ }
4329
+ @property --tw-ring-inset {
4330
+ syntax: "*";
4331
+ inherits: false;
4332
+ }
4333
+ @property --tw-ring-offset-width {
4334
+ syntax: "<length>";
4335
+ inherits: false;
4336
+ initial-value: 0px;
4337
+ }
4338
+ @property --tw-ring-offset-color {
4339
+ syntax: "*";
4340
+ inherits: false;
4341
+ initial-value: #fff;
4342
+ }
4343
+ @property --tw-ring-offset-shadow {
4344
+ syntax: "*";
4345
+ inherits: false;
4346
+ initial-value: 0 0 #0000;
4347
+ }
4348
+ @property --tw-outline-style {
4349
+ syntax: "*";
4350
+ inherits: false;
4351
+ initial-value: solid;
4352
+ }
4353
+ @property --tw-blur {
4354
+ syntax: "*";
4355
+ inherits: false;
4356
+ }
4357
+ @property --tw-brightness {
4358
+ syntax: "*";
4359
+ inherits: false;
4360
+ }
4361
+ @property --tw-contrast {
4362
+ syntax: "*";
4363
+ inherits: false;
4364
+ }
4365
+ @property --tw-grayscale {
4366
+ syntax: "*";
4367
+ inherits: false;
4368
+ }
4369
+ @property --tw-hue-rotate {
4370
+ syntax: "*";
4371
+ inherits: false;
4372
+ }
4373
+ @property --tw-invert {
4374
+ syntax: "*";
4375
+ inherits: false;
4376
+ }
4377
+ @property --tw-opacity {
4378
+ syntax: "*";
4379
+ inherits: false;
4380
+ }
4381
+ @property --tw-saturate {
4382
+ syntax: "*";
4383
+ inherits: false;
4384
+ }
4385
+ @property --tw-sepia {
4386
+ syntax: "*";
4387
+ inherits: false;
4388
+ }
4389
+ @property --tw-drop-shadow {
4390
+ syntax: "*";
4391
+ inherits: false;
4392
+ }
4393
+ @property --tw-drop-shadow-color {
4394
+ syntax: "*";
4395
+ inherits: false;
4396
+ }
4397
+ @property --tw-drop-shadow-alpha {
4398
+ syntax: "<percentage>";
4399
+ inherits: false;
4400
+ initial-value: 100%;
4401
+ }
4402
+ @property --tw-drop-shadow-size {
4403
+ syntax: "*";
4404
+ inherits: false;
4405
+ }
4406
+ @property --tw-backdrop-blur {
4407
+ syntax: "*";
4408
+ inherits: false;
4409
+ }
4410
+ @property --tw-backdrop-brightness {
4411
+ syntax: "*";
4412
+ inherits: false;
4413
+ }
4414
+ @property --tw-backdrop-contrast {
4415
+ syntax: "*";
4416
+ inherits: false;
4417
+ }
4418
+ @property --tw-backdrop-grayscale {
4419
+ syntax: "*";
4420
+ inherits: false;
4421
+ }
4422
+ @property --tw-backdrop-hue-rotate {
4423
+ syntax: "*";
4424
+ inherits: false;
4425
+ }
4426
+ @property --tw-backdrop-invert {
4427
+ syntax: "*";
4428
+ inherits: false;
4429
+ }
4430
+ @property --tw-backdrop-opacity {
4431
+ syntax: "*";
4432
+ inherits: false;
4433
+ }
4434
+ @property --tw-backdrop-saturate {
4435
+ syntax: "*";
4436
+ inherits: false;
4437
+ }
4438
+ @property --tw-backdrop-sepia {
4439
+ syntax: "*";
4440
+ inherits: false;
4441
+ }
4442
+ @property --tw-duration {
4443
+ syntax: "*";
4444
+ inherits: false;
4445
+ }
4446
+ @property --tw-ease {
4447
+ syntax: "*";
4448
+ inherits: false;
4449
+ }
4450
+ @property --tw-scale-x {
4451
+ syntax: "*";
4452
+ inherits: false;
4453
+ initial-value: 1;
4454
+ }
4455
+ @property --tw-scale-y {
4456
+ syntax: "*";
4457
+ inherits: false;
4458
+ initial-value: 1;
4459
+ }
4460
+ @property --tw-scale-z {
4461
+ syntax: "*";
4462
+ inherits: false;
4463
+ initial-value: 1;
4464
+ }
4465
+ @keyframes spin {
4466
+ to {
4467
+ transform: rotate(360deg);
4468
+ }
4469
+ }
4470
+ @keyframes pulse {
4471
+ 50% {
4472
+ opacity: 0.5;
4473
+ }
4474
+ }
4475
+ @layer properties {
4476
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4477
+ *, ::before, ::after, ::backdrop {
4478
+ --tw-border-spacing-x: 0;
4479
+ --tw-border-spacing-y: 0;
4480
+ --tw-translate-x: 0;
4481
+ --tw-translate-y: 0;
4482
+ --tw-translate-z: 0;
4483
+ --tw-rotate-x: initial;
4484
+ --tw-rotate-y: initial;
4485
+ --tw-rotate-z: initial;
4486
+ --tw-skew-x: initial;
4487
+ --tw-skew-y: initial;
4488
+ --tw-space-y-reverse: 0;
4489
+ --tw-divide-y-reverse: 0;
4490
+ --tw-border-style: solid;
4491
+ --tw-gradient-position: initial;
4492
+ --tw-gradient-from: #0000;
4493
+ --tw-gradient-via: #0000;
4494
+ --tw-gradient-to: #0000;
4495
+ --tw-gradient-stops: initial;
4496
+ --tw-gradient-via-stops: initial;
4497
+ --tw-gradient-from-position: 0%;
4498
+ --tw-gradient-via-position: 50%;
4499
+ --tw-gradient-to-position: 100%;
4500
+ --tw-leading: initial;
4501
+ --tw-font-weight: initial;
4502
+ --tw-tracking: initial;
4503
+ --tw-shadow: 0 0 #0000;
4504
+ --tw-shadow-color: initial;
4505
+ --tw-shadow-alpha: 100%;
4506
+ --tw-inset-shadow: 0 0 #0000;
4507
+ --tw-inset-shadow-color: initial;
4508
+ --tw-inset-shadow-alpha: 100%;
4509
+ --tw-ring-color: initial;
4510
+ --tw-ring-shadow: 0 0 #0000;
4511
+ --tw-inset-ring-color: initial;
4512
+ --tw-inset-ring-shadow: 0 0 #0000;
4513
+ --tw-ring-inset: initial;
4514
+ --tw-ring-offset-width: 0px;
4515
+ --tw-ring-offset-color: #fff;
4516
+ --tw-ring-offset-shadow: 0 0 #0000;
4517
+ --tw-outline-style: solid;
4518
+ --tw-blur: initial;
4519
+ --tw-brightness: initial;
4520
+ --tw-contrast: initial;
4521
+ --tw-grayscale: initial;
4522
+ --tw-hue-rotate: initial;
4523
+ --tw-invert: initial;
4524
+ --tw-opacity: initial;
4525
+ --tw-saturate: initial;
4526
+ --tw-sepia: initial;
4527
+ --tw-drop-shadow: initial;
4528
+ --tw-drop-shadow-color: initial;
4529
+ --tw-drop-shadow-alpha: 100%;
4530
+ --tw-drop-shadow-size: initial;
4531
+ --tw-backdrop-blur: initial;
4532
+ --tw-backdrop-brightness: initial;
4533
+ --tw-backdrop-contrast: initial;
4534
+ --tw-backdrop-grayscale: initial;
4535
+ --tw-backdrop-hue-rotate: initial;
4536
+ --tw-backdrop-invert: initial;
4537
+ --tw-backdrop-opacity: initial;
4538
+ --tw-backdrop-saturate: initial;
4539
+ --tw-backdrop-sepia: initial;
4540
+ --tw-duration: initial;
4541
+ --tw-ease: initial;
4542
+ --tw-scale-x: 1;
4543
+ --tw-scale-y: 1;
4544
+ --tw-scale-z: 1;
4545
+ }
4546
+ }
4547
+ }