@julseb-lib/react 0.1.47 → 0.1.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +369 -311
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +5 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.js +213 -155
- package/dist/index.js.map +1 -1
- package/dist/types/components-props.d.cts +4 -2
- package/dist/types/components-props.d.ts +4 -2
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -177,27 +177,27 @@ __export(index_exports, {
|
|
|
177
177
|
Tooltip: () => Tooltip,
|
|
178
178
|
URL_REGEX: () => URL_REGEX,
|
|
179
179
|
Wrapper: () => Wrapper,
|
|
180
|
-
addDay: () =>
|
|
181
|
-
addMonth: () =>
|
|
182
|
-
addYear: () =>
|
|
183
|
-
calculateAverage: () =>
|
|
184
|
-
calculateTotalSum: () =>
|
|
185
|
-
capitalize: () =>
|
|
180
|
+
addDay: () => import_utils149.addDay,
|
|
181
|
+
addMonth: () => import_utils149.addMonth,
|
|
182
|
+
addYear: () => import_utils149.addYear,
|
|
183
|
+
calculateAverage: () => import_utils149.calculateAverage,
|
|
184
|
+
calculateTotalSum: () => import_utils149.calculateTotalSum,
|
|
185
|
+
capitalize: () => import_utils149.capitalize,
|
|
186
186
|
clsx: () => clsx,
|
|
187
|
-
convertDate: () =>
|
|
188
|
-
convertDateShort: () =>
|
|
189
|
-
convertPrice: () =>
|
|
190
|
-
convertToEmail: () =>
|
|
191
|
-
convertYoutube: () =>
|
|
192
|
-
deleteDuplicates: () =>
|
|
187
|
+
convertDate: () => import_utils149.convertDate,
|
|
188
|
+
convertDateShort: () => import_utils149.convertDateShort,
|
|
189
|
+
convertPrice: () => import_utils149.convertPrice,
|
|
190
|
+
convertToEmail: () => import_utils149.convertToEmail,
|
|
191
|
+
convertYoutube: () => import_utils149.convertYoutube,
|
|
192
|
+
deleteDuplicates: () => import_utils149.deleteDuplicates,
|
|
193
193
|
designTokens: () => designTokens,
|
|
194
|
-
detectLanguage: () =>
|
|
195
|
-
disableScroll: () =>
|
|
196
|
-
emailRegex: () =>
|
|
197
|
-
enableScroll: () =>
|
|
198
|
-
filterObject: () =>
|
|
199
|
-
formatDate: () =>
|
|
200
|
-
formatHour: () =>
|
|
194
|
+
detectLanguage: () => import_utils149.detectLanguage,
|
|
195
|
+
disableScroll: () => import_utils149.disableScroll,
|
|
196
|
+
emailRegex: () => import_utils149.emailRegex,
|
|
197
|
+
enableScroll: () => import_utils149.enableScroll,
|
|
198
|
+
filterObject: () => import_utils149.filterObject,
|
|
199
|
+
formatDate: () => import_utils149.formatDate,
|
|
200
|
+
formatHour: () => import_utils149.formatHour,
|
|
201
201
|
genAlignContent: () => genAlignContent,
|
|
202
202
|
genAlignItems: () => genAlignItems,
|
|
203
203
|
genBgAllColors: () => genBgAllColors,
|
|
@@ -232,43 +232,43 @@ __export(index_exports, {
|
|
|
232
232
|
genTextColorHover: () => genTextColorHover,
|
|
233
233
|
genTextColorShort: () => genTextColorShort,
|
|
234
234
|
genVAlign: () => genVAlign,
|
|
235
|
-
generateNumbers: () =>
|
|
236
|
-
getFirstName: () =>
|
|
237
|
-
getInitials: () =>
|
|
238
|
-
getLastName: () =>
|
|
239
|
-
getNextDay: () =>
|
|
240
|
-
getPercentage: () =>
|
|
241
|
-
getRandom: () =>
|
|
242
|
-
getRandomAvatar: () =>
|
|
243
|
-
getRandomDate: () =>
|
|
244
|
-
getRandomNumber: () =>
|
|
245
|
-
getRandomString: () =>
|
|
246
|
-
getRandomTime: () =>
|
|
247
|
-
getTimeNow: () =>
|
|
248
|
-
getToday: () =>
|
|
249
|
-
getTomorrow: () =>
|
|
250
|
-
getYesterday: () =>
|
|
251
|
-
hexToRgb: () =>
|
|
235
|
+
generateNumbers: () => import_utils149.generateNumbers,
|
|
236
|
+
getFirstName: () => import_utils149.getFirstName,
|
|
237
|
+
getInitials: () => import_utils149.getInitials,
|
|
238
|
+
getLastName: () => import_utils149.getLastName,
|
|
239
|
+
getNextDay: () => import_utils149.getNextDay,
|
|
240
|
+
getPercentage: () => import_utils149.getPercentage,
|
|
241
|
+
getRandom: () => import_utils149.getRandom,
|
|
242
|
+
getRandomAvatar: () => import_utils149.getRandomAvatar,
|
|
243
|
+
getRandomDate: () => import_utils149.getRandomDate,
|
|
244
|
+
getRandomNumber: () => import_utils149.getRandomNumber,
|
|
245
|
+
getRandomString: () => import_utils149.getRandomString,
|
|
246
|
+
getRandomTime: () => import_utils149.getRandomTime,
|
|
247
|
+
getTimeNow: () => import_utils149.getTimeNow,
|
|
248
|
+
getToday: () => import_utils149.getToday,
|
|
249
|
+
getTomorrow: () => import_utils149.getTomorrow,
|
|
250
|
+
getYesterday: () => import_utils149.getYesterday,
|
|
251
|
+
hexToRgb: () => import_utils149.hexToRgb,
|
|
252
252
|
libMarkdownEditorOptions: () => libMarkdownEditorOptions,
|
|
253
253
|
libOptionsMarkdown: () => libOptionsMarkdown,
|
|
254
254
|
linkifyText: () => linkifyText,
|
|
255
|
-
passwordRegex: () =>
|
|
256
|
-
rgbToHex: () =>
|
|
257
|
-
scrollToTop: () =>
|
|
258
|
-
slugify: () =>
|
|
259
|
-
sortByFrequency: () =>
|
|
260
|
-
stringifyPx: () =>
|
|
261
|
-
toCamelCase: () =>
|
|
262
|
-
toConstantCase: () =>
|
|
263
|
-
toDotCase: () =>
|
|
264
|
-
toKebabCase: () =>
|
|
265
|
-
toPascalCase: () =>
|
|
266
|
-
toPathCase: () =>
|
|
267
|
-
toSentenceCase: () =>
|
|
268
|
-
toSnakeCase: () =>
|
|
269
|
-
toTitleCase: () =>
|
|
255
|
+
passwordRegex: () => import_utils149.passwordRegex,
|
|
256
|
+
rgbToHex: () => import_utils149.rgbToHex,
|
|
257
|
+
scrollToTop: () => import_utils149.scrollToTop,
|
|
258
|
+
slugify: () => import_utils149.slugify,
|
|
259
|
+
sortByFrequency: () => import_utils149.sortByFrequency,
|
|
260
|
+
stringifyPx: () => import_utils149.stringifyPx,
|
|
261
|
+
toCamelCase: () => import_utils149.toCamelCase,
|
|
262
|
+
toConstantCase: () => import_utils149.toConstantCase,
|
|
263
|
+
toDotCase: () => import_utils149.toDotCase,
|
|
264
|
+
toKebabCase: () => import_utils149.toKebabCase,
|
|
265
|
+
toPascalCase: () => import_utils149.toPascalCase,
|
|
266
|
+
toPathCase: () => import_utils149.toPathCase,
|
|
267
|
+
toSentenceCase: () => import_utils149.toSentenceCase,
|
|
268
|
+
toSnakeCase: () => import_utils149.toSnakeCase,
|
|
269
|
+
toTitleCase: () => import_utils149.toTitleCase,
|
|
270
270
|
toast: () => toast,
|
|
271
|
-
unslugify: () =>
|
|
271
|
+
unslugify: () => import_utils149.unslugify,
|
|
272
272
|
useClickOutside: () => useClickOutside,
|
|
273
273
|
useCopyToClipboard: () => useCopyToClipboard,
|
|
274
274
|
useDebounce: () => useDebounce,
|
|
@@ -285,7 +285,7 @@ __export(index_exports, {
|
|
|
285
285
|
usePagination: () => usePagination,
|
|
286
286
|
useTouchScreen: () => useTouchScreen,
|
|
287
287
|
useTranslation: () => useTranslation,
|
|
288
|
-
uuid: () =>
|
|
288
|
+
uuid: () => import_utils149.uuid
|
|
289
289
|
});
|
|
290
290
|
module.exports = __toCommonJS(index_exports);
|
|
291
291
|
|
|
@@ -312,7 +312,7 @@ function styleInject(css, { insertAt } = {}) {
|
|
|
312
312
|
}
|
|
313
313
|
|
|
314
314
|
// src/lib/index.css
|
|
315
|
-
styleInject('@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";\n/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans: var(--font-lato);\n --font-mono: monospace;\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-red-900: oklch(39.6% 0.141 25.723);\n --color-red-950: oklch(25.8% 0.092 26.042);\n --color-orange-50: oklch(98% 0.016 73.684);\n --color-orange-100: oklch(95.4% 0.038 75.164);\n --color-orange-200: oklch(90.1% 0.076 70.697);\n --color-orange-300: oklch(83.7% 0.128 66.29);\n --color-orange-400: oklch(75% 0.183 55.934);\n --color-orange-500: oklch(70.5% 0.213 47.604);\n --color-orange-600: oklch(64.6% 0.222 41.116);\n --color-orange-700: oklch(55.3% 0.195 38.402);\n --color-orange-800: oklch(47% 0.157 37.304);\n --color-orange-900: oklch(40.8% 0.123 38.172);\n --color-orange-950: oklch(26.6% 0.079 36.259);\n --color-amber-50: oklch(98.7% 0.022 95.277);\n --color-amber-100: oklch(96.2% 0.059 95.617);\n --color-amber-200: oklch(92.4% 0.12 95.746);\n --color-amber-300: oklch(87.9% 0.169 91.605);\n --color-amber-400: oklch(82.8% 0.189 84.429);\n --color-amber-500: oklch(76.9% 0.188 70.08);\n --color-amber-600: oklch(66.6% 0.179 58.318);\n --color-amber-700: oklch(55.5% 0.163 48.998);\n --color-amber-800: oklch(47.3% 0.137 46.201);\n --color-amber-900: oklch(41.4% 0.112 45.904);\n --color-amber-950: oklch(27.9% 0.077 45.635);\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-200: oklch(94.5% 0.129 101.54);\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-yellow-700: oklch(55.4% 0.135 66.442);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-yellow-900: oklch(42.1% 0.095 57.708);\n --color-yellow-950: oklch(28.6% 0.066 53.813);\n --color-lime-50: oklch(98.6% 0.031 120.757);\n --color-lime-100: oklch(96.7% 0.067 122.328);\n --color-lime-200: oklch(93.8% 0.127 124.321);\n --color-lime-300: oklch(89.7% 0.196 126.665);\n --color-lime-400: oklch(84.1% 0.238 128.85);\n --color-lime-500: oklch(76.8% 0.233 130.85);\n --color-lime-600: oklch(64.8% 0.2 131.684);\n --color-lime-700: oklch(53.2% 0.157 131.589);\n --color-lime-800: oklch(45.3% 0.124 130.933);\n --color-lime-900: oklch(40.5% 0.101 131.063);\n --color-lime-950: oklch(27.4% 0.072 132.109);\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-green-950: oklch(26.6% 0.065 152.934);\n --color-emerald-50: oklch(97.9% 0.021 166.113);\n --color-emerald-100: oklch(95% 0.052 163.051);\n --color-emerald-200: oklch(90.5% 0.093 164.15);\n --color-emerald-300: oklch(84.5% 0.143 164.978);\n --color-emerald-400: oklch(76.5% 0.177 163.223);\n --color-emerald-500: oklch(69.6% 0.17 162.48);\n --color-emerald-600: oklch(59.6% 0.145 163.225);\n --color-emerald-700: oklch(50.8% 0.118 165.612);\n --color-emerald-800: oklch(43.2% 0.095 166.913);\n --color-emerald-900: oklch(37.8% 0.077 168.94);\n --color-emerald-950: oklch(26.2% 0.051 172.552);\n --color-teal-50: oklch(98.4% 0.014 180.72);\n --color-teal-100: oklch(95.3% 0.051 180.801);\n --color-teal-200: oklch(91% 0.096 180.426);\n --color-teal-300: oklch(85.5% 0.138 181.071);\n --color-teal-400: oklch(77.7% 0.152 181.912);\n --color-teal-500: oklch(70.4% 0.14 182.503);\n --color-teal-600: oklch(60% 0.118 184.704);\n --color-teal-700: oklch(51.1% 0.096 186.391);\n --color-teal-800: oklch(43.7% 0.078 188.216);\n --color-teal-900: oklch(38.6% 0.063 188.416);\n --color-teal-950: oklch(27.7% 0.046 192.524);\n --color-cyan-50: oklch(98.4% 0.019 200.873);\n --color-cyan-100: oklch(95.6% 0.045 203.388);\n --color-cyan-200: oklch(91.7% 0.08 205.041);\n --color-cyan-300: oklch(86.5% 0.127 207.078);\n --color-cyan-400: oklch(78.9% 0.154 211.53);\n --color-cyan-500: oklch(71.5% 0.143 215.221);\n --color-cyan-600: oklch(60.9% 0.126 221.723);\n --color-cyan-700: oklch(52% 0.105 223.128);\n --color-cyan-800: oklch(45% 0.085 224.283);\n --color-cyan-900: oklch(39.8% 0.07 227.392);\n --color-cyan-950: oklch(30.2% 0.056 229.695);\n --color-sky-50: oklch(97.7% 0.013 236.62);\n --color-sky-100: oklch(95.1% 0.026 236.824);\n --color-sky-200: oklch(90.1% 0.058 230.902);\n --color-sky-300: oklch(82.8% 0.111 230.318);\n --color-sky-400: oklch(74.6% 0.16 232.661);\n --color-sky-500: oklch(68.5% 0.169 237.323);\n --color-sky-600: oklch(58.8% 0.158 241.966);\n --color-sky-700: oklch(50% 0.134 242.749);\n --color-sky-800: oklch(44.3% 0.11 240.79);\n --color-sky-900: oklch(39.1% 0.09 240.876);\n --color-sky-950: oklch(29.3% 0.066 243.157);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-blue-950: oklch(28.2% 0.091 267.935);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-200: oklch(87% 0.065 274.039);\n --color-indigo-300: oklch(78.5% 0.115 274.713);\n --color-indigo-400: oklch(67.3% 0.182 276.935);\n --color-indigo-500: oklch(58.5% 0.233 277.117);\n --color-indigo-600: oklch(51.1% 0.262 276.966);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-indigo-800: oklch(39.8% 0.195 277.366);\n --color-indigo-900: oklch(35.9% 0.144 278.697);\n --color-indigo-950: oklch(25.7% 0.09 281.288);\n --color-violet-50: oklch(96.9% 0.016 293.756);\n --color-violet-100: oklch(94.3% 0.029 294.588);\n --color-violet-200: oklch(89.4% 0.057 293.283);\n --color-violet-300: oklch(81.1% 0.111 293.571);\n --color-violet-400: oklch(70.2% 0.183 293.541);\n --color-violet-500: oklch(60.6% 0.25 292.717);\n --color-violet-600: oklch(54.1% 0.281 293.009);\n --color-violet-700: oklch(49.1% 0.27 292.581);\n --color-violet-800: oklch(43.2% 0.232 292.759);\n --color-violet-900: oklch(38% 0.189 293.745);\n --color-violet-950: oklch(28.3% 0.141 291.089);\n --color-purple-50: oklch(97.7% 0.014 308.299);\n --color-purple-100: oklch(94.6% 0.033 307.174);\n --color-purple-200: oklch(90.2% 0.063 306.703);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-purple-400: oklch(71.4% 0.203 305.504);\n --color-purple-500: oklch(62.7% 0.265 303.9);\n --color-purple-600: oklch(55.8% 0.288 302.321);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-800: oklch(43.8% 0.218 303.724);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-purple-950: oklch(29.1% 0.149 302.717);\n --color-fuchsia-50: oklch(97.7% 0.017 320.058);\n --color-fuchsia-100: oklch(95.2% 0.037 318.852);\n --color-fuchsia-200: oklch(90.3% 0.076 319.62);\n --color-fuchsia-300: oklch(83.3% 0.145 321.434);\n --color-fuchsia-400: oklch(74% 0.238 322.16);\n --color-fuchsia-500: oklch(66.7% 0.295 322.15);\n --color-fuchsia-600: oklch(59.1% 0.293 322.896);\n --color-fuchsia-700: oklch(51.8% 0.253 323.949);\n --color-fuchsia-800: oklch(45.2% 0.211 324.591);\n --color-fuchsia-900: oklch(40.1% 0.17 325.612);\n --color-fuchsia-950: oklch(29.3% 0.136 325.661);\n --color-pink-50: oklch(97.1% 0.014 343.198);\n --color-pink-100: oklch(94.8% 0.028 342.258);\n --color-pink-200: oklch(89.9% 0.061 343.231);\n --color-pink-300: oklch(82.3% 0.12 346.018);\n --color-pink-400: oklch(71.8% 0.202 349.761);\n --color-pink-500: oklch(65.6% 0.241 354.308);\n --color-pink-600: oklch(59.2% 0.249 0.584);\n --color-pink-700: oklch(52.5% 0.223 3.958);\n --color-pink-800: oklch(45.9% 0.187 3.815);\n --color-pink-900: oklch(40.8% 0.153 2.432);\n --color-pink-950: oklch(28.4% 0.109 3.907);\n --color-rose-50: oklch(96.9% 0.015 12.422);\n --color-rose-100: oklch(94.1% 0.03 12.58);\n --color-rose-200: oklch(89.2% 0.058 10.001);\n --color-rose-300: oklch(81% 0.117 11.638);\n --color-rose-400: oklch(71.2% 0.194 13.428);\n --color-rose-500: oklch(64.5% 0.246 16.439);\n --color-rose-600: oklch(58.6% 0.253 17.585);\n --color-rose-700: oklch(51.4% 0.222 16.935);\n --color-rose-800: oklch(45.5% 0.188 13.697);\n --color-rose-900: oklch(41% 0.159 10.272);\n --color-rose-950: oklch(27.1% 0.105 12.094);\n --color-slate-50: oklch(98.4% 0.003 247.858);\n --color-slate-100: oklch(96.8% 0.007 247.896);\n --color-slate-200: oklch(92.9% 0.013 255.508);\n --color-slate-300: oklch(86.9% 0.022 252.894);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --color-slate-500: oklch(55.4% 0.046 257.417);\n --color-slate-600: oklch(44.6% 0.043 257.281);\n --color-slate-700: oklch(37.2% 0.044 257.287);\n --color-slate-800: oklch(27.9% 0.041 260.031);\n --color-slate-900: oklch(20.8% 0.042 265.755);\n --color-slate-950: oklch(12.9% 0.042 264.695);\n --color-gray-50: var(--color-neutral-50);\n --color-gray-100: var(--color-neutral-100);\n --color-gray-200: var(--color-neutral-200);\n --color-gray-300: var(--color-neutral-300);\n --color-gray-400: var(--color-neutral-400);\n --color-gray-500: var(--color-neutral-500);\n --color-gray-600: var(--color-neutral-600);\n --color-gray-700: var(--color-neutral-700);\n --color-gray-800: var(--color-neutral-800);\n --color-gray-900: var(--color-neutral-900);\n --color-gray-950: var(--color-neutral-950);\n --color-zinc-50: oklch(98.5% 0 0);\n --color-zinc-100: oklch(96.7% 0.001 286.375);\n --color-zinc-200: oklch(92% 0.004 286.32);\n --color-zinc-300: oklch(87.1% 0.006 286.286);\n --color-zinc-400: oklch(70.5% 0.015 286.067);\n --color-zinc-500: oklch(55.2% 0.016 285.938);\n --color-zinc-600: oklch(44.2% 0.017 285.786);\n --color-zinc-700: oklch(37% 0.013 285.805);\n --color-zinc-800: oklch(27.4% 0.006 286.033);\n --color-zinc-900: oklch(21% 0.006 285.885);\n --color-zinc-950: oklch(14.1% 0.005 285.823);\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-300: oklch(87% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-600: oklch(43.9% 0 0);\n --color-neutral-700: oklch(37.1% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-stone-50: oklch(98.5% 0.001 106.423);\n --color-stone-100: oklch(97% 0.001 106.424);\n --color-stone-200: oklch(92.3% 0.003 48.717);\n --color-stone-300: oklch(86.9% 0.005 56.366);\n --color-stone-400: oklch(70.9% 0.01 56.259);\n --color-stone-500: oklch(55.3% 0.013 58.071);\n --color-stone-600: oklch(44.4% 0.011 73.639);\n --color-stone-700: oklch(37.4% 0.01 67.558);\n --color-stone-800: oklch(26.8% 0.007 34.298);\n --color-stone-900: oklch(21.6% 0.006 56.043);\n --color-stone-950: oklch(14.7% 0.004 49.25);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-3xs: 16rem;\n --container-2xs: 18rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\n --container-5xl: 64rem;\n --container-6xl: 72rem;\n --container-7xl: 80rem;\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --font-weight-thin: 100;\n --font-weight-extralight: 200;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n --font-weight-black: 900;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-normal: 1.5;\n --leading-relaxed: 1.625;\n --leading-loose: 2;\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --shadow-2xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow-xs: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n --shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);\n --shadow-md: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);\n --shadow-lg: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3);\n --shadow-xl: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);\n --shadow-2xl: 0px 10px 14px 8px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.3);\n --ease-in: cubic-bezier(0.4, 0, 1, 1);\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --blur-3xl: 64px;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.06);\n --color-primary-50: var(--color-blue-50);\n --color-primary-100: var(--color-blue-100);\n --color-primary-200: var(--color-blue-200);\n --color-primary-300: var(--color-blue-300);\n --color-primary-400: var(--color-blue-400);\n --color-primary-500: var(--color-blue-500);\n --color-primary-600: var(--color-blue-600);\n --color-primary-700: var(--color-blue-700);\n --color-primary-800: var(--color-blue-800);\n --color-primary-900: var(--color-blue-900);\n --color-primary-950: var(--color-blue-950);\n --color-secondary-50: var(--color-cyan-50);\n --color-secondary-100: var(--color-cyan-100);\n --color-secondary-200: var(--color-cyan-200);\n --color-secondary-300: var(--color-cyan-300);\n --color-secondary-400: var(--color-cyan-400);\n --color-secondary-500: var(--color-cyan-500);\n --color-secondary-600: var(--color-cyan-600);\n --color-secondary-700: var(--color-cyan-700);\n --color-secondary-800: var(--color-cyan-800);\n --color-secondary-900: var(--color-cyan-900);\n --color-secondary-950: var(--color-cyan-950);\n --color-success-50: var(--color-green-50);\n --color-success-100: var(--color-green-100);\n --color-success-200: var(--color-green-200);\n --color-success-300: var(--color-green-300);\n --color-success-400: var(--color-green-400);\n --color-success-500: var(--color-green-500);\n --color-success-600: var(--color-green-600);\n --color-success-700: var(--color-green-700);\n --color-success-800: var(--color-green-800);\n --color-success-900: var(--color-green-900);\n --color-success-950: var(--color-green-950);\n --color-danger-50: var(--color-red-50);\n --color-danger-100: var(--color-red-100);\n --color-danger-200: var(--color-red-200);\n --color-danger-300: var(--color-red-300);\n --color-danger-400: var(--color-red-400);\n --color-danger-500: var(--color-red-500);\n --color-danger-600: var(--color-red-600);\n --color-danger-700: var(--color-red-700);\n --color-danger-800: var(--color-red-800);\n --color-danger-900: var(--color-red-900);\n --color-danger-950: var(--color-red-950);\n --color-warning-50: var(--color-amber-50);\n --color-warning-100: var(--color-amber-100);\n --color-warning-200: var(--color-amber-200);\n --color-warning-300: var(--color-amber-300);\n --color-warning-400: var(--color-amber-400);\n --color-warning-500: var(--color-amber-500);\n --color-warning-600: var(--color-amber-600);\n --color-warning-700: var(--color-amber-700);\n --color-warning-800: var(--color-amber-800);\n --color-warning-900: var(--color-amber-900);\n --color-warning-950: var(--color-amber-950);\n --color-background: var(--color-white);\n --color-font: var(--color-black);\n --color-overlay-black-50: rgba(0, 0, 0, 0.5);\n --color-overlay-black-80: rgba(0, 0, 0, 0.8);\n --color-overlay-white-50: rgba(255, 255, 255, 0.5);\n --color-overlay-white-80: rgba(255, 255, 255, 0.8);\n --color-overlay-gradient-black:\n linear-gradient(\n \n 180deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(0, 0, 0, 0.56) 100% );\n --color-overlay-gradient-white:\n linear-gradient(\n \n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.35) 100% );\n --spacer-2xs: 4px;\n --spacer-xs: 8px;\n --spacer-sm: 12px;\n --spacer-md: 16px;\n --spacer-lg: 24px;\n --spacer-xl: 32px;\n --spacer-2xl: 48px;\n --main-default: 600px;\n --main-large: 800px;\n --main-form: 400px;\n --main-full: 100%;\n --aside-default: 250px;\n --aside-small: 200px;\n --shadow-none: none;\n --animate-cubic-bezier: cubic-bezier(0.5, 0, 0.5, 1);\n --transition-short: all 200ms ease;\n --transition-long: all 500ms ease;\n --transition-bezier: all 500ms cubic-bezier(0.25, 0.75, 0, 0.66);\n --text-display-h1: 5rem;\n --text-display-h2: 4rem;\n --text-display-h3: 3.5rem;\n --text-display-h4: 3rem;\n --text-display-h5: 2.5rem;\n --text-h1: 2.5rem;\n --text-h2: 2rem;\n --text-h3: 1.8rem;\n --text-h4: 1.5rem;\n --text-h5: 1.3rem;\n --text-h6: 1.1rem;\n --text-body: 1rem;\n --text-small: 0.875rem;\n }\n}\n@layer base {\n *,\n ::after,\n ::before,\n ::backdrop,\n ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html,\n :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n 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");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b,\n strong {\n font-weight: bolder;\n }\n code,\n kbd,\n samp,\n pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol,\n ul,\n menu {\n list-style: none;\n }\n img,\n svg,\n video,\n canvas,\n audio,\n iframe,\n embed,\n object {\n display: block;\n vertical-align: middle;\n }\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n button,\n input,\n select,\n optgroup,\n textarea,\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::-moz-placeholder {\n opacity: 1;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::-moz-placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit,\n ::-webkit-datetime-edit-year-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-hour-field,\n ::-webkit-datetime-edit-minute-field,\n ::-webkit-datetime-edit-second-field,\n ::-webkit-datetime-edit-millisecond-field,\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button,\n input:where([type=button], [type=reset], [type=submit]),\n ::file-selector-button {\n -webkit-appearance: button;\n -moz-appearance: button;\n appearance: button;\n }\n ::-webkit-inner-spin-button,\n ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=until-found])) {\n display: none !important;\n }\n}\n@layer utilities {\n .\\@container {\n container-type: inline-size;\n }\n .\\@container-normal {\n container-type: normal;\n }\n .pointer-events-auto {\n pointer-events: auto;\n }\n .pointer-events-none {\n pointer-events: none;\n }\n .collapse {\n visibility: collapse;\n }\n .invisible {\n visibility: hidden;\n }\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .not-sr-only {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n }\n .\\!relative {\n position: relative !important;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .static {\n position: static;\n }\n .sticky {\n position: sticky;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .-top-8 {\n top: calc(var(--spacing) * -8);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-1 {\n top: calc(var(--spacing) * 1);\n }\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n .top-4 {\n top: calc(var(--spacing) * 4);\n }\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .top-12 {\n top: calc(var(--spacing) * 12);\n }\n .top-\\[-56px\\] {\n top: -56px;\n }\n .top-\\[-70\\%\\] {\n top: -70%;\n }\n .top-\\[40px\\] {\n top: 40px;\n }\n .top-\\[50\\%\\] {\n top: 50%;\n }\n .top-\\[56px\\] {\n top: 56px;\n }\n .top-\\[calc\\(\\(160px\\+56px\\)\\*-1\\)\\] {\n top: calc((160px + 56px) * -1);\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-2xl\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-2xl));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-2xs\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-2xs));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-lg\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-lg));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-md\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-md));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-sm\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-sm));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-xl\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-xl));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-xs\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-xs));\n }\n .-right-\\[80\\%\\] {\n right: calc(80% * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-2xl\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-2xl)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-2xs\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-2xs)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-lg\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-lg)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-md\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-md)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-sm\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-sm)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-xl\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-xl)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-xs\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-xs)) * -1);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n .right-5 {\n right: calc(var(--spacing) * 5);\n }\n .right-\\[-70\\%\\] {\n right: -70%;\n }\n .right-\\[-100\\%\\] {\n right: -100%;\n }\n .right-\\[calc\\(var\\(--drawer-max-width\\)\\*-1\\)\\] {\n right: calc(var(--drawer-max-width) * -1);\n }\n .\\!bottom-0 {\n bottom: calc(var(--spacing) * 0) !important;\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-1 {\n bottom: calc(var(--spacing) * 1);\n }\n .bottom-5 {\n bottom: calc(var(--spacing) * 5);\n }\n .bottom-\\[40px\\] {\n bottom: 40px;\n }\n .bottom-\\[calc\\(-100\\%-0px\\)\\)\\] {\n bottom: calc(-100% - 0px);\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-2xl\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-2xl));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-2xs\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-2xs));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-lg\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-lg));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-md\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-md));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-sm\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-sm));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-xl\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-xl));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-xs\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-xs));\n }\n .\\!left-0 {\n left: calc(var(--spacing) * 0) !important;\n }\n .-left-\\[86\\%\\] {\n left: calc(86% * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-2xl\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-2xl)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-2xs\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-2xs)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-lg\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-lg)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-md\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-md)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-sm\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-sm)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-xl\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-xl)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-xs\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-xs)) * -1);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-2 {\n left: calc(var(--spacing) * 2);\n }\n .left-\\[-70\\%\\] {\n left: -70%;\n }\n .left-\\[-100\\%\\] {\n left: -100%;\n }\n .left-\\[50\\%\\] {\n left: 50%;\n }\n .left-\\[250px\\] {\n left: 250px;\n }\n .left-\\[calc\\(var\\(--drawer-max-width\\)\\*-1\\)\\] {\n left: calc(var(--drawer-max-width) * -1);\n }\n .isolate {\n isolation: isolate;\n }\n .isolation-auto {\n isolation: auto;\n }\n .z-0 {\n z-index: 0;\n }\n .z-10 {\n z-index: 10;\n }\n .z-20 {\n z-index: 20;\n }\n .z-40 {\n z-index: 40;\n }\n .z-996 {\n z-index: 996;\n }\n .z-999 {\n z-index: 999;\n }\n .container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n }\n .m-26 {\n margin: calc(var(--spacing) * 26);\n }\n .m-32 {\n margin: calc(var(--spacing) * 32);\n }\n .m-40 {\n margin: calc(var(--spacing) * 40);\n }\n .m-64 {\n margin: calc(var(--spacing) * 64);\n }\n .m-101 {\n margin: calc(var(--spacing) * 101);\n }\n .m-104\\.5 {\n margin: calc(var(--spacing) * 104.5);\n }\n .m-178 {\n margin: calc(var(--spacing) * 178);\n }\n .m-246 {\n margin: calc(var(--spacing) * 246);\n }\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .mt-12 {\n margin-top: calc(var(--spacing) * 12);\n }\n .mr-6 {\n margin-right: calc(var(--spacing) * 6);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .box-border {\n box-sizing: border-box;\n }\n .box-content {\n box-sizing: content-box;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .flow-root {\n display: flow-root;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .inline-grid {\n display: inline-grid;\n }\n .list-item {\n display: list-item;\n }\n .table {\n display: table;\n }\n .table-cell {\n display: table-cell;\n }\n .field-sizing-content {\n field-sizing: content;\n }\n .field-sizing-fixed {\n field-sizing: fixed;\n }\n .size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-8 {\n width: calc(var(--spacing) * 8);\n height: calc(var(--spacing) * 8);\n }\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n .size-12 {\n width: calc(var(--spacing) * 12);\n height: calc(var(--spacing) * 12);\n }\n .size-16 {\n width: calc(var(--spacing) * 16);\n height: calc(var(--spacing) * 16);\n }\n .size-25 {\n width: calc(var(--spacing) * 25);\n height: calc(var(--spacing) * 25);\n }\n .h-0\\.5 {\n height: calc(var(--spacing) * 0.5);\n }\n .h-1 {\n height: calc(var(--spacing) * 1);\n }\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-\\[1px\\] {\n height: 1px;\n }\n .h-\\[15vw\\] {\n height: 15vw;\n }\n .h-\\[21px\\] {\n height: 21px;\n }\n .h-\\[90svh\\] {\n height: 90svh;\n }\n .h-\\[100px\\] {\n height: 100px;\n }\n .h-\\[100vh\\] {\n height: 100vh;\n }\n .h-\\[150px\\] {\n height: 150px;\n }\n .h-\\[300px\\] {\n height: 300px;\n }\n .h-\\[calc\\(100svh-56px\\)\\] {\n height: calc(100svh - 56px);\n }\n .h-fit {\n height: -moz-fit-content;\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .h-screen {\n height: 100vh;\n }\n .h-svh {\n height: 100svh;\n }\n .max-h-0 {\n max-height: calc(var(--spacing) * 0);\n }\n .max-h-80 {\n max-height: calc(var(--spacing) * 80);\n }\n .max-h-\\[160px\\] {\n max-height: 160px;\n }\n .max-h-\\[300px\\] {\n max-height: 300px;\n }\n .min-h-\\[80px\\] {\n min-height: 80px;\n }\n .min-h-\\[150px\\] {\n min-height: 150px;\n }\n .min-h-auto {\n min-height: auto;\n }\n .min-h-dvh {\n min-height: 100dvh;\n }\n .min-h-dvw {\n min-height: 100dvw;\n }\n .min-h-fit {\n min-height: -moz-fit-content;\n min-height: fit-content;\n }\n .min-h-full {\n min-height: 100%;\n }\n .min-h-lh {\n min-height: 1lh;\n }\n .min-h-lvh {\n min-height: 100lvh;\n }\n .min-h-lvw {\n min-height: 100lvw;\n }\n .min-h-max {\n min-height: -moz-max-content;\n min-height: max-content;\n }\n .min-h-min {\n min-height: -moz-min-content;\n min-height: min-content;\n }\n .min-h-px {\n min-height: 1px;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .min-h-svh {\n min-height: 100svh;\n }\n .min-h-svw {\n min-height: 100svw;\n }\n .w-\\(--aside-default\\) {\n width: var(--aside-default);\n }\n .w-\\(--aside-small\\) {\n width: var(--aside-small);\n }\n .w-\\(--main-default\\) {\n width: var(--main-default);\n }\n .w-\\(--main-form\\) {\n width: var(--main-form);\n }\n .w-\\(--main-full\\) {\n width: var(--main-full);\n }\n .w-\\(--main-large\\) {\n width: var(--main-large);\n }\n .w-0\\.5 {\n width: calc(var(--spacing) * 0.5);\n }\n .w-2xl {\n width: var(--container-2xl);\n }\n .w-2xs {\n width: var(--container-2xs);\n }\n .w-3xl {\n width: var(--container-3xl);\n }\n .w-3xs {\n width: var(--container-3xs);\n }\n .w-4xl {\n width: var(--container-4xl);\n }\n .w-5xl {\n width: var(--container-5xl);\n }\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n .w-6xl {\n width: var(--container-6xl);\n }\n .w-7xl {\n width: var(--container-7xl);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n .w-18 {\n width: calc(var(--spacing) * 18);\n }\n .w-\\[1px\\] {\n width: 1px;\n }\n .w-\\[70\\%\\] {\n width: 70%;\n }\n .w-\\[81px\\] {\n width: 81px;\n }\n .w-\\[90\\%\\] {\n width: 90%;\n }\n .w-\\[100\\%\\] {\n width: 100%;\n }\n .w-\\[100px\\] {\n width: 100px;\n }\n .w-\\[200px\\] {\n width: 200px;\n }\n .w-\\[250px\\] {\n width: 250px;\n }\n .w-\\[calc\\(2ch\\+20px\\)\\] {\n width: calc(2ch + 20px);\n }\n .w-\\[calc\\(100\\%-16px\\)\\] {\n width: calc(100% - 16px);\n }\n .w-\\[calc\\(100\\%-250px\\)\\] {\n width: calc(100% - 250px);\n }\n .w-fit {\n width: -moz-fit-content;\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .w-lg {\n width: var(--container-lg);\n }\n .w-md {\n width: var(--container-md);\n }\n .w-screen {\n width: 100vw;\n }\n .w-sm {\n width: var(--container-sm);\n }\n .w-xl {\n width: var(--container-xl);\n }\n .w-xs {\n width: var(--container-xs);\n }\n .max-w-\\(--drawer-max-width\\) {\n max-width: var(--drawer-max-width);\n }\n .max-w-\\(--form-max-width\\) {\n max-width: var(--form-max-width);\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-2xs {\n max-width: var(--container-2xs);\n }\n .max-w-3xl {\n max-width: var(--container-3xl);\n }\n .max-w-3xs {\n max-width: var(--container-3xs);\n }\n .max-w-4xl {\n max-width: var(--container-4xl);\n }\n .max-w-5xl {\n max-width: var(--container-5xl);\n }\n .max-w-6xl {\n max-width: var(--container-6xl);\n }\n .max-w-7xl {\n max-width: var(--container-7xl);\n }\n .max-w-\\[70\\%\\] {\n max-width: 70%;\n }\n .max-w-\\[90\\%\\] {\n max-width: 90%;\n }\n .max-w-\\[400px\\] {\n max-width: 400px;\n }\n .max-w-\\[800px\\] {\n max-width: 800px;\n }\n .max-w-\\[unset\\] {\n max-width: unset;\n }\n .max-w-dvh {\n max-width: 100dvh;\n }\n .max-w-dvw {\n max-width: 100dvw;\n }\n .max-w-fit {\n max-width: -moz-fit-content;\n max-width: fit-content;\n }\n .max-w-full {\n max-width: 100%;\n }\n .max-w-lg {\n max-width: var(--container-lg);\n }\n .max-w-lvh {\n max-width: 100lvh;\n }\n .max-w-lvw {\n max-width: 100lvw;\n }\n .max-w-max {\n max-width: -moz-max-content;\n max-width: max-content;\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-min {\n max-width: -moz-min-content;\n max-width: min-content;\n }\n .max-w-none {\n max-width: none;\n }\n .max-w-px {\n max-width: 1px;\n }\n .max-w-screen {\n max-width: 100vw;\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-svh {\n max-width: 100svh;\n }\n .max-w-svw {\n max-width: 100svw;\n }\n .max-w-xl {\n max-width: var(--container-xl);\n }\n .max-w-xs {\n max-width: var(--container-xs);\n }\n .min-w-2 {\n min-width: calc(var(--spacing) * 2);\n }\n .min-w-6 {\n min-width: calc(var(--spacing) * 6);\n }\n .min-w-\\[80px\\] {\n min-width: 80px;\n }\n .min-w-\\[150px\\] {\n min-width: 150px;\n }\n .min-w-\\[300px\\] {\n min-width: 300px;\n }\n .min-w-\\[calc\\(3ch\\+16px\\)\\] {\n min-width: calc(3ch + 16px);\n }\n .shrink {\n flex-shrink: 1;\n }\n .shrink-0 {\n flex-shrink: 0;\n }\n .grow {\n flex-grow: 1;\n }\n .grow-0 {\n flex-grow: 0;\n }\n .table-auto {\n table-layout: auto;\n }\n .table-fixed {\n table-layout: fixed;\n }\n .caption-bottom {\n caption-side: bottom;\n }\n .caption-top {\n caption-side: top;\n }\n .border-collapse {\n border-collapse: collapse;\n }\n .border-separate {\n border-collapse: separate;\n }\n .border-spacing-0 {\n --tw-border-spacing-x: calc(var(--spacing) * 0);\n --tw-border-spacing-y: calc(var(--spacing) * 0);\n border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);\n }\n .translate-1\\/2 {\n --tw-translate-x: calc(1/2 * 100%);\n --tw-translate-y: calc(1/2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-1\\/3 {\n --tw-translate-x: calc(1/3 * 100%);\n --tw-translate-y: calc(1/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-1\\/4 {\n --tw-translate-x: calc(1/4 * 100%);\n --tw-translate-y: calc(1/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-1\\/5 {\n --tw-translate-x: calc(1/5 * 100%);\n --tw-translate-y: calc(1/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-1\\/6 {\n --tw-translate-x: calc(1/6 * 100%);\n --tw-translate-y: calc(1/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-1\\/12 {\n --tw-translate-x: calc(1/12 * 100%);\n --tw-translate-y: calc(1/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-2\\/3 {\n --tw-translate-x: calc(2/3 * 100%);\n --tw-translate-y: calc(2/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-2\\/4 {\n --tw-translate-x: calc(2/4 * 100%);\n --tw-translate-y: calc(2/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-2\\/5 {\n --tw-translate-x: calc(2/5 * 100%);\n --tw-translate-y: calc(2/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-2\\/6 {\n --tw-translate-x: calc(2/6 * 100%);\n --tw-translate-y: calc(2/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-2\\/12 {\n --tw-translate-x: calc(2/12 * 100%);\n --tw-translate-y: calc(2/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-3\\/4 {\n --tw-translate-x: calc(3/4 * 100%);\n --tw-translate-y: calc(3/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-3\\/5 {\n --tw-translate-x: calc(3/5 * 100%);\n --tw-translate-y: calc(3/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-3\\/6 {\n --tw-translate-x: calc(3/6 * 100%);\n --tw-translate-y: calc(3/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-3\\/12 {\n --tw-translate-x: calc(3/12 * 100%);\n --tw-translate-y: calc(3/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-4\\/5 {\n --tw-translate-x: calc(4/5 * 100%);\n --tw-translate-y: calc(4/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-4\\/6 {\n --tw-translate-x: calc(4/6 * 100%);\n --tw-translate-y: calc(4/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-4\\/12 {\n --tw-translate-x: calc(4/12 * 100%);\n --tw-translate-y: calc(4/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-5\\/6 {\n --tw-translate-x: calc(5/6 * 100%);\n --tw-translate-y: calc(5/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-5\\/12 {\n --tw-translate-x: calc(5/12 * 100%);\n --tw-translate-y: calc(5/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-6\\/12 {\n --tw-translate-x: calc(6/12 * 100%);\n --tw-translate-y: calc(6/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-7\\/12 {\n --tw-translate-x: calc(7/12 * 100%);\n --tw-translate-y: calc(7/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-8\\/12 {\n --tw-translate-x: calc(8/12 * 100%);\n --tw-translate-y: calc(8/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-9\\/12 {\n --tw-translate-x: calc(9/12 * 100%);\n --tw-translate-y: calc(9/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-10\\/12 {\n --tw-translate-x: calc(10/12 * 100%);\n --tw-translate-y: calc(10/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-11\\/12 {\n --tw-translate-x: calc(11/12 * 100%);\n --tw-translate-y: calc(11/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-full {\n --tw-translate-x: 100%;\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-6 {\n --tw-translate-x: calc(var(--spacing) * -6);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-\\[50\\%\\] {\n --tw-translate-x: calc(50% * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/2 {\n --tw-translate-x: calc(1/2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/3 {\n --tw-translate-x: calc(1/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/4 {\n --tw-translate-x: calc(1/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/5 {\n --tw-translate-x: calc(1/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/6 {\n --tw-translate-x: calc(1/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/12 {\n --tw-translate-x: calc(1/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2 {\n --tw-translate-x: calc(var(--spacing) * 2);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2\\/3 {\n --tw-translate-x: calc(2/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2\\/4 {\n --tw-translate-x: calc(2/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2\\/5 {\n --tw-translate-x: calc(2/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2\\/6 {\n --tw-translate-x: calc(2/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2\\/12 {\n --tw-translate-x: calc(2/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-3\\/4 {\n --tw-translate-x: calc(3/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-3\\/5 {\n --tw-translate-x: calc(3/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-3\\/6 {\n --tw-translate-x: calc(3/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-3\\/12 {\n --tw-translate-x: calc(3/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-4\\/5 {\n --tw-translate-x: calc(4/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-4\\/6 {\n --tw-translate-x: calc(4/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-4\\/12 {\n --tw-translate-x: calc(4/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-5\\/6 {\n --tw-translate-x: calc(5/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-5\\/12 {\n --tw-translate-x: calc(5/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-6\\/12 {\n --tw-translate-x: calc(6/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-7\\/12 {\n --tw-translate-x: calc(7/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-8\\/12 {\n --tw-translate-x: calc(8/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-9\\/12 {\n --tw-translate-x: calc(9/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-10\\/12 {\n --tw-translate-x: calc(10/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-11\\/12 {\n --tw-translate-x: calc(11/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-full {\n --tw-translate-x: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-2 {\n --tw-translate-y: calc(var(--spacing) * -2);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-\\[50\\%\\] {\n --tw-translate-y: calc(50% * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/2 {\n --tw-translate-y: calc(1/2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/3 {\n --tw-translate-y: calc(1/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/4 {\n --tw-translate-y: calc(1/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/5 {\n --tw-translate-y: calc(1/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/6 {\n --tw-translate-y: calc(1/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/12 {\n --tw-translate-y: calc(1/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2\\/3 {\n --tw-translate-y: calc(2/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2\\/4 {\n --tw-translate-y: calc(2/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2\\/5 {\n --tw-translate-y: calc(2/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2\\/6 {\n --tw-translate-y: calc(2/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2\\/12 {\n --tw-translate-y: calc(2/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-3\\/4 {\n --tw-translate-y: calc(3/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-3\\/5 {\n --tw-translate-y: calc(3/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-3\\/6 {\n --tw-translate-y: calc(3/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-3\\/12 {\n --tw-translate-y: calc(3/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-4\\/5 {\n --tw-translate-y: calc(4/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-4\\/6 {\n --tw-translate-y: calc(4/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-4\\/12 {\n --tw-translate-y: calc(4/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-5\\/6 {\n --tw-translate-y: calc(5/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-5\\/12 {\n --tw-translate-y: calc(5/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-6\\/12 {\n --tw-translate-y: calc(6/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-7\\/12 {\n --tw-translate-y: calc(7/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-8\\/12 {\n --tw-translate-y: calc(8/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-9\\/12 {\n --tw-translate-y: calc(9/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-10\\/12 {\n --tw-translate-y: calc(10/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-11\\/12 {\n --tw-translate-y: calc(11/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[1px\\] {\n --tw-translate-y: 1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-full {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-3d {\n translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);\n }\n .translate-none {\n translate: none;\n }\n .scale-3d {\n scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);\n }\n .scale-none {\n scale: none;\n }\n .-rotate-90 {\n rotate: calc(90deg * -1);\n }\n .rotate-none {\n rotate: none;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .animate-\\[loader-pulse_1200ms_linear_infinite_100ms\\] {\n animation: loader-pulse 1200ms linear infinite 100ms;\n }\n .animate-\\[loader-pulse_1200ms_linear_infinite_300ms\\] {\n animation: loader-pulse 1200ms linear infinite 300ms;\n }\n .animate-\\[loader-pulse_1200ms_linear_infinite_500ms\\] {\n animation: loader-pulse 1200ms linear infinite 500ms;\n }\n .animate-\\[spin_1200ms_linear_infinite\\] {\n animation: spin 1200ms linear infinite;\n }\n .animate-\\[spin_1200ms_var\\(--animate-cubic-bezier\\)_infinite_var\\(--spinner-delay\\)\\] {\n animation: spin 1200ms var(--animate-cubic-bezier) infinite var(--spinner-delay);\n }\n .animate-none {\n animation: none;\n }\n .animate-pulse {\n animation: var(--animate-pulse);\n }\n .cursor-grab {\n cursor: grab;\n }\n .cursor-grab\\! {\n cursor: grab !important;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .resize {\n resize: both;\n }\n .resize-none {\n resize: none;\n }\n .resize-y {\n resize: vertical;\n }\n .snap-always {\n scroll-snap-stop: always;\n }\n .snap-normal {\n scroll-snap-stop: normal;\n }\n .list-inside {\n list-style-position: inside;\n }\n .list-outside {\n list-style-position: outside;\n }\n .list-decimal {\n list-style-type: decimal;\n }\n .list-disc {\n list-style-type: disc;\n }\n .list-image-none {\n list-style-image: none;\n }\n .\\[appearance\\:textfield\\] {\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n }\n .appearance-auto {\n -webkit-appearance: auto;\n -moz-appearance: auto;\n appearance: auto;\n }\n .appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n .grid-flow-col {\n grid-auto-flow: column;\n }\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n .grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n .grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n .grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n .grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n }\n .grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n }\n .grid-cols-9 {\n grid-template-columns: repeat(9, minmax(0, 1fr));\n }\n .grid-cols-10 {\n grid-template-columns: repeat(10, minmax(0, 1fr));\n }\n .grid-cols-11 {\n grid-template-columns: repeat(11, minmax(0, 1fr));\n }\n .grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n }\n .grid-cols-\\[1fr_2px_1fr\\] {\n grid-template-columns: 1fr 2px 1fr;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-col-reverse {\n flex-direction: column-reverse;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-row-reverse {\n flex-direction: row-reverse;\n }\n .flex-nowrap {\n flex-wrap: nowrap;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .flex-wrap-reverse {\n flex-wrap: wrap-reverse;\n }\n .content-around {\n align-content: space-around;\n }\n .content-baseline {\n align-content: baseline;\n }\n .content-between {\n align-content: space-between;\n }\n .content-center {\n align-content: center;\n }\n .content-end {\n align-content: flex-end;\n }\n .content-evenly {\n align-content: space-evenly;\n }\n .content-normal {\n align-content: normal;\n }\n .content-start {\n align-content: flex-start;\n }\n .content-stretch {\n align-content: stretch;\n }\n .items-baseline {\n align-items: baseline;\n }\n .items-baseline-last {\n align-items: last baseline;\n }\n .items-center {\n align-items: center;\n }\n .items-center-safe {\n align-items: safe center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-end-safe {\n align-items: safe flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .items-stretch {\n align-items: stretch;\n }\n .justify-around {\n justify-content: space-around;\n }\n .justify-baseline {\n justify-content: baseline;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-center-safe {\n justify-content: safe center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .justify-end-safe {\n justify-content: safe flex-end;\n }\n .justify-evenly {\n justify-content: space-evenly;\n }\n .justify-normal {\n justify-content: normal;\n }\n .justify-start {\n justify-content: flex-start;\n }\n .justify-stretch {\n justify-content: stretch;\n }\n .justify-items-center {\n justify-items: center;\n }\n .justify-items-center-safe {\n justify-items: safe center;\n }\n .justify-items-end {\n justify-items: end;\n }\n .justify-items-end-safe {\n justify-items: safe end;\n }\n .justify-items-normal {\n justify-items: normal;\n }\n .justify-items-start {\n justify-items: start;\n }\n .justify-items-stretch {\n justify-items: stretch;\n }\n .gap-0\\.5 {\n gap: calc(var(--spacing) * 0.5);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n .gap-x-1 {\n -moz-column-gap: calc(var(--spacing) * 1);\n column-gap: calc(var(--spacing) * 1);\n }\n .gap-x-2 {\n -moz-column-gap: calc(var(--spacing) * 2);\n column-gap: calc(var(--spacing) * 2);\n }\n .gap-x-3 {\n -moz-column-gap: calc(var(--spacing) * 3);\n column-gap: calc(var(--spacing) * 3);\n }\n .gap-x-4 {\n -moz-column-gap: calc(var(--spacing) * 4);\n column-gap: calc(var(--spacing) * 4);\n }\n .gap-x-5 {\n -moz-column-gap: calc(var(--spacing) * 5);\n column-gap: calc(var(--spacing) * 5);\n }\n .gap-x-8 {\n -moz-column-gap: calc(var(--spacing) * 8);\n column-gap: calc(var(--spacing) * 8);\n }\n .gap-x-12 {\n -moz-column-gap: calc(var(--spacing) * 12);\n column-gap: calc(var(--spacing) * 12);\n }\n .gap-y-1 {\n row-gap: calc(var(--spacing) * 1);\n }\n .gap-y-2 {\n row-gap: calc(var(--spacing) * 2);\n }\n .gap-y-3 {\n row-gap: calc(var(--spacing) * 3);\n }\n .gap-y-4 {\n row-gap: calc(var(--spacing) * 4);\n }\n .gap-y-5 {\n row-gap: calc(var(--spacing) * 5);\n }\n .gap-y-8 {\n row-gap: calc(var(--spacing) * 8);\n }\n .gap-y-12 {\n row-gap: calc(var(--spacing) * 12);\n }\n .divide-background {\n :where(& > :not(:last-child)) {\n border-color: var(--color-background);\n }\n }\n .self-start {\n align-self: flex-start;\n }\n .justify-self-start {\n justify-self: flex-start;\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .\\!overflow-hidden {\n overflow: hidden !important;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-x-scroll {\n overflow-x: scroll;\n }\n .overflow-y-scroll {\n overflow-y: scroll;\n }\n .scroll-auto {\n scroll-behavior: auto;\n }\n .scroll-smooth {\n scroll-behavior: smooth;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-2xl {\n border-radius: var(--radius-2xl);\n }\n .rounded-3xl {\n border-radius: var(--radius-3xl);\n }\n .rounded-4xl {\n border-radius: var(--radius-4xl);\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n .rounded-xl {\n border-radius: var(--radius-xl);\n }\n .rounded-xs {\n border-radius: var(--radius-xs);\n }\n .rounded-l-2xl {\n border-top-left-radius: var(--radius-2xl);\n border-bottom-left-radius: var(--radius-2xl);\n }\n .rounded-l-md {\n border-top-left-radius: var(--radius-md);\n border-bottom-left-radius: var(--radius-md);\n }\n .rounded-r-md {\n border-top-right-radius: var(--radius-md);\n border-bottom-right-radius: var(--radius-md);\n }\n .rounded-tr-2xl {\n border-top-right-radius: var(--radius-2xl);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-1 {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-3 {\n border-style: var(--tw-border-style);\n border-width: 3px;\n }\n .border-4 {\n border-style: var(--tw-border-style);\n border-width: 4px;\n }\n .border-5 {\n border-style: var(--tw-border-style);\n border-width: 5px;\n }\n .border-6 {\n border-style: var(--tw-border-style);\n border-width: 6px;\n }\n .border-7 {\n border-style: var(--tw-border-style);\n border-width: 7px;\n }\n .border-8 {\n border-style: var(--tw-border-style);\n border-width: 8px;\n }\n .border-9 {\n border-style: var(--tw-border-style);\n border-width: 9px;\n }\n .border-10 {\n border-style: var(--tw-border-style);\n border-width: 10px;\n }\n .border-11 {\n border-style: var(--tw-border-style);\n border-width: 11px;\n }\n .border-12 {\n border-style: var(--tw-border-style);\n border-width: 12px;\n }\n .border-13 {\n border-style: var(--tw-border-style);\n border-width: 13px;\n }\n .border-14 {\n border-style: var(--tw-border-style);\n border-width: 14px;\n }\n .border-15 {\n border-style: var(--tw-border-style);\n border-width: 15px;\n }\n .border-16 {\n border-style: var(--tw-border-style);\n border-width: 16px;\n }\n .border-17 {\n border-style: var(--tw-border-style);\n border-width: 17px;\n }\n .border-18 {\n border-style: var(--tw-border-style);\n border-width: 18px;\n }\n .border-19 {\n border-style: var(--tw-border-style);\n border-width: 19px;\n }\n .border-20 {\n border-style: var(--tw-border-style);\n border-width: 20px;\n }\n .border-x-0 {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 0px;\n }\n .border-x-2 {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 2px;\n }\n .border-x-4 {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 4px;\n }\n .border-x-8 {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 8px;\n }\n .border-y-0 {\n border-block-style: var(--tw-border-style);\n border-block-width: 0px;\n }\n .border-y-2 {\n border-block-style: var(--tw-border-style);\n border-block-width: 2px;\n }\n .border-y-4 {\n border-block-style: var(--tw-border-style);\n border-block-width: 4px;\n }\n .border-y-8 {\n border-block-style: var(--tw-border-style);\n border-block-width: 8px;\n }\n .border-s-0 {\n border-inline-start-style: var(--tw-border-style);\n border-inline-start-width: 0px;\n }\n .border-s-1 {\n border-inline-start-style: var(--tw-border-style);\n border-inline-start-width: 1px;\n }\n .border-s-2 {\n border-inline-start-style: var(--tw-border-style);\n border-inline-start-width: 2px;\n }\n .border-s-4 {\n border-inline-start-style: var(--tw-border-style);\n border-inline-start-width: 4px;\n }\n .border-s-8 {\n border-inline-start-style: var(--tw-border-style);\n border-inline-start-width: 8px;\n }\n .border-e-0 {\n border-inline-end-style: var(--tw-border-style);\n border-inline-end-width: 0px;\n }\n .border-e-1 {\n border-inline-end-style: var(--tw-border-style);\n border-inline-end-width: 1px;\n }\n .border-e-2 {\n border-inline-end-style: var(--tw-border-style);\n border-inline-end-width: 2px;\n }\n .border-e-4 {\n border-inline-end-style: var(--tw-border-style);\n border-inline-end-width: 4px;\n }\n .border-e-8 {\n border-inline-end-style: var(--tw-border-style);\n border-inline-end-width: 8px;\n }\n .border-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0px;\n }\n .border-t-2 {\n border-top-style: var(--tw-border-style);\n border-top-width: 2px;\n }\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n .border-t-8 {\n border-top-style: var(--tw-border-style);\n border-top-width: 8px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-r-1 {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .border-r-2 {\n border-right-style: var(--tw-border-style);\n border-right-width: 2px;\n }\n .border-r-4 {\n border-right-style: var(--tw-border-style);\n border-right-width: 4px;\n }\n .border-r-8 {\n border-right-style: var(--tw-border-style);\n border-right-width: 8px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-b-3 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 3px;\n }\n .border-b-4 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 4px;\n }\n .border-b-8 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 8px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-l-2 {\n border-left-style: var(--tw-border-style);\n border-left-width: 2px;\n }\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n .border-l-8 {\n border-left-style: var(--tw-border-style);\n border-left-width: 8px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-dotted {\n --tw-border-style: dotted;\n border-style: dotted;\n }\n .border-double {\n --tw-border-style: double;\n border-style: double;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-background {\n border-color: var(--color-background);\n }\n .border-black {\n border-color: var(--color-black);\n }\n .border-current {\n border-color: currentcolor;\n }\n .border-danger-50 {\n border-color: var(--color-danger-50);\n }\n .border-danger-100 {\n border-color: var(--color-danger-100);\n }\n .border-danger-200 {\n border-color: var(--color-danger-200);\n }\n .border-danger-300 {\n border-color: var(--color-danger-300);\n }\n .border-danger-400 {\n border-color: var(--color-danger-400);\n }\n .border-danger-500 {\n border-color: var(--color-danger-500);\n }\n .border-danger-600 {\n border-color: var(--color-danger-600);\n }\n .border-danger-700 {\n border-color: var(--color-danger-700);\n }\n .border-danger-800 {\n border-color: var(--color-danger-800);\n }\n .border-danger-900 {\n border-color: var(--color-danger-900);\n }\n .border-danger-950 {\n border-color: var(--color-danger-950);\n }\n .border-font {\n border-color: var(--color-font);\n }\n .border-gray-50 {\n border-color: var(--color-gray-50);\n }\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n .border-gray-600 {\n border-color: var(--color-gray-600);\n }\n .border-gray-700 {\n border-color: var(--color-gray-700);\n }\n .border-gray-800 {\n border-color: var(--color-gray-800);\n }\n .border-gray-900 {\n border-color: var(--color-gray-900);\n }\n .border-gray-950 {\n border-color: var(--color-gray-950);\n }\n .border-primary-50 {\n border-color: var(--color-primary-50);\n }\n .border-primary-100 {\n border-color: var(--color-primary-100);\n }\n .border-primary-200 {\n border-color: var(--color-primary-200);\n }\n .border-primary-300 {\n border-color: var(--color-primary-300);\n }\n .border-primary-400 {\n border-color: var(--color-primary-400);\n }\n .border-primary-500 {\n border-color: var(--color-primary-500);\n }\n .border-primary-600 {\n border-color: var(--color-primary-600);\n }\n .border-primary-700 {\n border-color: var(--color-primary-700);\n }\n .border-primary-800 {\n border-color: var(--color-primary-800);\n }\n .border-primary-900 {\n border-color: var(--color-primary-900);\n }\n .border-primary-950 {\n border-color: var(--color-primary-950);\n }\n .border-secondary-50 {\n border-color: var(--color-secondary-50);\n }\n .border-secondary-100 {\n border-color: var(--color-secondary-100);\n }\n .border-secondary-200 {\n border-color: var(--color-secondary-200);\n }\n .border-secondary-300 {\n border-color: var(--color-secondary-300);\n }\n .border-secondary-400 {\n border-color: var(--color-secondary-400);\n }\n .border-secondary-500 {\n border-color: var(--color-secondary-500);\n }\n .border-secondary-600 {\n border-color: var(--color-secondary-600);\n }\n .border-secondary-700 {\n border-color: var(--color-secondary-700);\n }\n .border-secondary-800 {\n border-color: var(--color-secondary-800);\n }\n .border-secondary-900 {\n border-color: var(--color-secondary-900);\n }\n .border-secondary-950 {\n border-color: var(--color-secondary-950);\n }\n .border-success-50 {\n border-color: var(--color-success-50);\n }\n .border-success-100 {\n border-color: var(--color-success-100);\n }\n .border-success-200 {\n border-color: var(--color-success-200);\n }\n .border-success-300 {\n border-color: var(--color-success-300);\n }\n .border-success-400 {\n border-color: var(--color-success-400);\n }\n .border-success-500 {\n border-color: var(--color-success-500);\n }\n .border-success-600 {\n border-color: var(--color-success-600);\n }\n .border-success-700 {\n border-color: var(--color-success-700);\n }\n .border-success-800 {\n border-color: var(--color-success-800);\n }\n .border-success-900 {\n border-color: var(--color-success-900);\n }\n .border-success-950 {\n border-color: var(--color-success-950);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-warning-50 {\n border-color: var(--color-warning-50);\n }\n .border-warning-100 {\n border-color: var(--color-warning-100);\n }\n .border-warning-200 {\n border-color: var(--color-warning-200);\n }\n .border-warning-300 {\n border-color: var(--color-warning-300);\n }\n .border-warning-400 {\n border-color: var(--color-warning-400);\n }\n .border-warning-500 {\n border-color: var(--color-warning-500);\n }\n .border-warning-600 {\n border-color: var(--color-warning-600);\n }\n .border-warning-700 {\n border-color: var(--color-warning-700);\n }\n .border-warning-800 {\n border-color: var(--color-warning-800);\n }\n .border-warning-900 {\n border-color: var(--color-warning-900);\n }\n .border-warning-950 {\n border-color: var(--color-warning-950);\n }\n .border-white {\n border-color: var(--color-white);\n }\n .border-x-background {\n border-inline-color: var(--color-background);\n }\n .border-y-background {\n border-block-color: var(--color-background);\n }\n .border-s-background {\n border-inline-start-color: var(--color-background);\n }\n .border-s-gray-200 {\n border-inline-start-color: var(--color-gray-200);\n }\n .border-e-background {\n border-inline-end-color: var(--color-background);\n }\n .border-e-gray-200 {\n border-inline-end-color: var(--color-gray-200);\n }\n .border-t-background {\n border-top-color: var(--color-background);\n }\n .border-r-background {\n border-right-color: var(--color-background);\n }\n .border-r-gray-200 {\n border-right-color: var(--color-gray-200);\n }\n .border-b-background {\n border-bottom-color: var(--color-background);\n }\n .border-b-black {\n border-bottom-color: var(--color-black);\n }\n .border-b-current {\n border-bottom-color: currentcolor;\n }\n .border-b-danger-50 {\n border-bottom-color: var(--color-danger-50);\n }\n .border-b-danger-100 {\n border-bottom-color: var(--color-danger-100);\n }\n .border-b-danger-200 {\n border-bottom-color: var(--color-danger-200);\n }\n .border-b-danger-300 {\n border-bottom-color: var(--color-danger-300);\n }\n .border-b-danger-400 {\n border-bottom-color: var(--color-danger-400);\n }\n .border-b-danger-500 {\n border-bottom-color: var(--color-danger-500);\n }\n .border-b-danger-600 {\n border-bottom-color: var(--color-danger-600);\n }\n .border-b-danger-700 {\n border-bottom-color: var(--color-danger-700);\n }\n .border-b-danger-800 {\n border-bottom-color: var(--color-danger-800);\n }\n .border-b-danger-900 {\n border-bottom-color: var(--color-danger-900);\n }\n .border-b-danger-950 {\n border-bottom-color: var(--color-danger-950);\n }\n .border-b-font {\n border-bottom-color: var(--color-font);\n }\n .border-b-gray-50 {\n border-bottom-color: var(--color-gray-50);\n }\n .border-b-gray-100 {\n border-bottom-color: var(--color-gray-100);\n }\n .border-b-gray-200 {\n border-bottom-color: var(--color-gray-200);\n }\n .border-b-gray-300 {\n border-bottom-color: var(--color-gray-300);\n }\n .border-b-gray-400 {\n border-bottom-color: var(--color-gray-400);\n }\n .border-b-gray-500 {\n border-bottom-color: var(--color-gray-500);\n }\n .border-b-gray-600 {\n border-bottom-color: var(--color-gray-600);\n }\n .border-b-gray-700 {\n border-bottom-color: var(--color-gray-700);\n }\n .border-b-gray-800 {\n border-bottom-color: var(--color-gray-800);\n }\n .border-b-gray-900 {\n border-bottom-color: var(--color-gray-900);\n }\n .border-b-gray-950 {\n border-bottom-color: var(--color-gray-950);\n }\n .border-b-primary-50 {\n border-bottom-color: var(--color-primary-50);\n }\n .border-b-primary-100 {\n border-bottom-color: var(--color-primary-100);\n }\n .border-b-primary-200 {\n border-bottom-color: var(--color-primary-200);\n }\n .border-b-primary-300 {\n border-bottom-color: var(--color-primary-300);\n }\n .border-b-primary-400 {\n border-bottom-color: var(--color-primary-400);\n }\n .border-b-primary-500 {\n border-bottom-color: var(--color-primary-500);\n }\n .border-b-primary-600 {\n border-bottom-color: var(--color-primary-600);\n }\n .border-b-primary-700 {\n border-bottom-color: var(--color-primary-700);\n }\n .border-b-primary-800 {\n border-bottom-color: var(--color-primary-800);\n }\n .border-b-primary-900 {\n border-bottom-color: var(--color-primary-900);\n }\n .border-b-primary-950 {\n border-bottom-color: var(--color-primary-950);\n }\n .border-b-secondary-50 {\n border-bottom-color: var(--color-secondary-50);\n }\n .border-b-secondary-100 {\n border-bottom-color: var(--color-secondary-100);\n }\n .border-b-secondary-200 {\n border-bottom-color: var(--color-secondary-200);\n }\n .border-b-secondary-300 {\n border-bottom-color: var(--color-secondary-300);\n }\n .border-b-secondary-400 {\n border-bottom-color: var(--color-secondary-400);\n }\n .border-b-secondary-500 {\n border-bottom-color: var(--color-secondary-500);\n }\n .border-b-secondary-600 {\n border-bottom-color: var(--color-secondary-600);\n }\n .border-b-secondary-700 {\n border-bottom-color: var(--color-secondary-700);\n }\n .border-b-secondary-800 {\n border-bottom-color: var(--color-secondary-800);\n }\n .border-b-secondary-900 {\n border-bottom-color: var(--color-secondary-900);\n }\n .border-b-secondary-950 {\n border-bottom-color: var(--color-secondary-950);\n }\n .border-b-success-50 {\n border-bottom-color: var(--color-success-50);\n }\n .border-b-success-100 {\n border-bottom-color: var(--color-success-100);\n }\n .border-b-success-200 {\n border-bottom-color: var(--color-success-200);\n }\n .border-b-success-300 {\n border-bottom-color: var(--color-success-300);\n }\n .border-b-success-400 {\n border-bottom-color: var(--color-success-400);\n }\n .border-b-success-500 {\n border-bottom-color: var(--color-success-500);\n }\n .border-b-success-600 {\n border-bottom-color: var(--color-success-600);\n }\n .border-b-success-700 {\n border-bottom-color: var(--color-success-700);\n }\n .border-b-success-800 {\n border-bottom-color: var(--color-success-800);\n }\n .border-b-success-900 {\n border-bottom-color: var(--color-success-900);\n }\n .border-b-success-950 {\n border-bottom-color: var(--color-success-950);\n }\n .border-b-transparent {\n border-bottom-color: transparent;\n }\n .border-b-warning-50 {\n border-bottom-color: var(--color-warning-50);\n }\n .border-b-warning-100 {\n border-bottom-color: var(--color-warning-100);\n }\n .border-b-warning-200 {\n border-bottom-color: var(--color-warning-200);\n }\n .border-b-warning-300 {\n border-bottom-color: var(--color-warning-300);\n }\n .border-b-warning-400 {\n border-bottom-color: var(--color-warning-400);\n }\n .border-b-warning-500 {\n border-bottom-color: var(--color-warning-500);\n }\n .border-b-warning-600 {\n border-bottom-color: var(--color-warning-600);\n }\n .border-b-warning-700 {\n border-bottom-color: var(--color-warning-700);\n }\n .border-b-warning-800 {\n border-bottom-color: var(--color-warning-800);\n }\n .border-b-warning-900 {\n border-bottom-color: var(--color-warning-900);\n }\n .border-b-warning-950 {\n border-bottom-color: var(--color-warning-950);\n }\n .border-b-white {\n border-bottom-color: var(--color-white);\n }\n .border-l-background {\n border-left-color: var(--color-background);\n }\n .\\!bg-danger-500 {\n background-color: var(--color-danger-500) !important;\n }\n .\\!bg-gray-500 {\n background-color: var(--color-gray-500) !important;\n }\n .\\!bg-primary-500 {\n background-color: var(--color-primary-500) !important;\n }\n .\\!bg-success-500 {\n background-color: var(--color-success-500) !important;\n }\n .\\!bg-warning-500 {\n background-color: var(--color-warning-500) !important;\n }\n .bg-\\[\\#282c34\\] {\n background-color: #282c34;\n }\n .bg-amber-200 {\n background-color: var(--color-amber-200);\n }\n .bg-background {\n background-color: var(--color-background);\n }\n .bg-black {\n background-color: var(--color-black);\n }\n .bg-blue-500 {\n background-color: var(--color-blue-500);\n }\n .bg-current {\n background-color: currentcolor;\n }\n .bg-danger-50 {\n background-color: var(--color-danger-50);\n }\n .bg-danger-100 {\n background-color: var(--color-danger-100);\n }\n .bg-danger-200 {\n background-color: var(--color-danger-200);\n }\n .bg-danger-300 {\n background-color: var(--color-danger-300);\n }\n .bg-danger-400 {\n background-color: var(--color-danger-400);\n }\n .bg-danger-500 {\n background-color: var(--color-danger-500);\n }\n .bg-danger-600 {\n background-color: var(--color-danger-600);\n }\n .bg-danger-700 {\n background-color: var(--color-danger-700);\n }\n .bg-danger-800 {\n background-color: var(--color-danger-800);\n }\n .bg-danger-900 {\n background-color: var(--color-danger-900);\n }\n .bg-danger-950 {\n background-color: var(--color-danger-950);\n }\n .bg-font {\n background-color: var(--color-font);\n }\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n .bg-gray-400 {\n background-color: var(--color-gray-400);\n }\n .bg-gray-500 {\n background-color: var(--color-gray-500);\n }\n .bg-gray-600 {\n background-color: var(--color-gray-600);\n }\n .bg-gray-700 {\n background-color: var(--color-gray-700);\n }\n .bg-gray-800 {\n background-color: var(--color-gray-800);\n }\n .bg-gray-900 {\n background-color: var(--color-gray-900);\n }\n .bg-gray-950 {\n background-color: var(--color-gray-950);\n }\n .bg-overlay-black-50 {\n background-color: var(--color-overlay-black-50);\n }\n .bg-overlay-black-80 {\n background-color: var(--color-overlay-black-80);\n }\n .bg-overlay-gradient-black {\n background-color: var(--color-overlay-gradient-black);\n }\n .bg-overlay-gradient-white {\n background-color: var(--color-overlay-gradient-white);\n }\n .bg-overlay-white-50 {\n background-color: var(--color-overlay-white-50);\n }\n .bg-overlay-white-80 {\n background-color: var(--color-overlay-white-80);\n }\n .bg-primary-50 {\n background-color: var(--color-primary-50);\n }\n .bg-primary-100 {\n background-color: var(--color-primary-100);\n }\n .bg-primary-200 {\n background-color: var(--color-primary-200);\n }\n .bg-primary-300 {\n background-color: var(--color-primary-300);\n }\n .bg-primary-400 {\n background-color: var(--color-primary-400);\n }\n .bg-primary-500 {\n background-color: var(--color-primary-500);\n }\n .bg-primary-600 {\n background-color: var(--color-primary-600);\n }\n .bg-primary-700 {\n background-color: var(--color-primary-700);\n }\n .bg-primary-800 {\n background-color: var(--color-primary-800);\n }\n .bg-primary-900 {\n background-color: var(--color-primary-900);\n }\n .bg-primary-950 {\n background-color: var(--color-primary-950);\n }\n .bg-secondary-50 {\n background-color: var(--color-secondary-50);\n }\n .bg-secondary-100 {\n background-color: var(--color-secondary-100);\n }\n .bg-secondary-200 {\n background-color: var(--color-secondary-200);\n }\n .bg-secondary-300 {\n background-color: var(--color-secondary-300);\n }\n .bg-secondary-400 {\n background-color: var(--color-secondary-400);\n }\n .bg-secondary-500 {\n background-color: var(--color-secondary-500);\n }\n .bg-secondary-600 {\n background-color: var(--color-secondary-600);\n }\n .bg-secondary-700 {\n background-color: var(--color-secondary-700);\n }\n .bg-secondary-800 {\n background-color: var(--color-secondary-800);\n }\n .bg-secondary-900 {\n background-color: var(--color-secondary-900);\n }\n .bg-secondary-950 {\n background-color: var(--color-secondary-950);\n }\n .bg-success-50 {\n background-color: var(--color-success-50);\n }\n .bg-success-100 {\n background-color: var(--color-success-100);\n }\n .bg-success-200 {\n background-color: var(--color-success-200);\n }\n .bg-success-300 {\n background-color: var(--color-success-300);\n }\n .bg-success-400 {\n background-color: var(--color-success-400);\n }\n .bg-success-500 {\n background-color: var(--color-success-500);\n }\n .bg-success-600 {\n background-color: var(--color-success-600);\n }\n .bg-success-700 {\n background-color: var(--color-success-700);\n }\n .bg-success-800 {\n background-color: var(--color-success-800);\n }\n .bg-success-900 {\n background-color: var(--color-success-900);\n }\n .bg-success-950 {\n background-color: var(--color-success-950);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-warning-50 {\n background-color: var(--color-warning-50);\n }\n .bg-warning-100 {\n background-color: var(--color-warning-100);\n }\n .bg-warning-200 {\n background-color: var(--color-warning-200);\n }\n .bg-warning-300 {\n background-color: var(--color-warning-300);\n }\n .bg-warning-400 {\n background-color: var(--color-warning-400);\n }\n .bg-warning-500 {\n background-color: var(--color-warning-500);\n }\n .bg-warning-600 {\n background-color: var(--color-warning-600);\n }\n .bg-warning-700 {\n background-color: var(--color-warning-700);\n }\n .bg-warning-800 {\n background-color: var(--color-warning-800);\n }\n .bg-warning-900 {\n background-color: var(--color-warning-900);\n }\n .bg-warning-950 {\n background-color: var(--color-warning-950);\n }\n .bg-white {\n background-color: var(--color-white);\n }\n .bg-yellow-200 {\n background-color: var(--color-yellow-200);\n }\n .via-none {\n --tw-gradient-via-stops: initial;\n }\n .from-font {\n --tw-gradient-from: var(--color-font);\n --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));\n }\n .mask-none {\n -webkit-mask-image: none;\n mask-image: none;\n }\n .box-decoration-clone {\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n }\n .box-decoration-slice {\n -webkit-box-decoration-break: slice;\n box-decoration-break: slice;\n }\n .mask-type-alpha {\n mask-type: alpha;\n }\n .mask-type-luminance {\n mask-type: luminance;\n }\n .object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n }\n .object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n }\n .object-fill {\n -o-object-fit: fill;\n object-fit: fill;\n }\n .object-none {\n -o-object-fit: none;\n object-fit: none;\n }\n .object-scale-down {\n -o-object-fit: scale-down;\n object-fit: scale-down;\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .p-12 {\n padding: calc(var(--spacing) * 12);\n }\n .px-0 {\n padding-inline: calc(var(--spacing) * 0);\n }\n .px-1 {\n padding-inline: calc(var(--spacing) * 1);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-\\[5\\%\\] {\n padding-inline: 5%;\n }\n .py-0 {\n padding-block: calc(var(--spacing) * 0);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n .py-12 {\n padding-block: calc(var(--spacing) * 12);\n }\n .ps-4 {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n .ps-8 {\n padding-inline-start: calc(var(--spacing) * 8);\n }\n .pt-\\(--spacer-2xl\\) {\n padding-top: var(--spacer-2xl);\n }\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .text-center {\n text-align: center;\n }\n .text-end {\n text-align: end;\n }\n .text-justify {\n text-align: justify;\n }\n .text-left {\n text-align: left;\n }\n .text-right {\n text-align: right;\n }\n .text-start {\n text-align: start;\n }\n .align-baseline {\n vertical-align: baseline;\n }\n .align-bottom {\n vertical-align: bottom;\n }\n .align-middle {\n vertical-align: middle;\n }\n .align-sub {\n vertical-align: sub;\n }\n .align-super {\n vertical-align: super;\n }\n .align-text-bottom {\n vertical-align: text-bottom;\n }\n .align-text-top {\n vertical-align: text-top;\n }\n .align-top {\n vertical-align: top;\n }\n .font-mono {\n font-family: var(--font-mono);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-\\(length\\:--font-size-small\\) {\n font-size: var(--font-size-small);\n }\n .text-\\(length\\:--text-body\\) {\n font-size: var(--text-body);\n }\n .text-\\(length\\:--text-display-h1\\) {\n font-size: var(--text-display-h1);\n }\n .text-\\(length\\:--text-display-h2\\) {\n font-size: var(--text-display-h2);\n }\n .text-\\(length\\:--text-display-h3\\) {\n font-size: var(--text-display-h3);\n }\n .text-\\(length\\:--text-display-h4\\) {\n font-size: var(--text-display-h4);\n }\n .text-\\(length\\:--text-display-h5\\) {\n font-size: var(--text-display-h5);\n }\n .text-\\(length\\:--text-h1\\) {\n font-size: var(--text-h1);\n }\n .text-\\(length\\:--text-h2\\) {\n font-size: var(--text-h2);\n }\n .text-\\(length\\:--text-h3\\) {\n font-size: var(--text-h3);\n }\n .text-\\(length\\:--text-h4\\) {\n font-size: var(--text-h4);\n }\n .text-\\(length\\:--text-h5\\) {\n font-size: var(--text-h5);\n }\n .text-\\(length\\:--text-h6\\) {\n font-size: var(--text-h6);\n }\n .text-\\(length\\:--text-small\\) {\n font-size: var(--text-small);\n }\n .leading-3 {\n --tw-leading: calc(var(--spacing) * 3);\n line-height: calc(var(--spacing) * 3);\n }\n .leading-4 {\n --tw-leading: calc(var(--spacing) * 4);\n line-height: calc(var(--spacing) * 4);\n }\n .leading-5 {\n --tw-leading: calc(var(--spacing) * 5);\n line-height: calc(var(--spacing) * 5);\n }\n .leading-6 {\n --tw-leading: calc(var(--spacing) * 6);\n line-height: calc(var(--spacing) * 6);\n }\n .leading-7 {\n --tw-leading: calc(var(--spacing) * 7);\n line-height: calc(var(--spacing) * 7);\n }\n .leading-8 {\n --tw-leading: calc(var(--spacing) * 8);\n line-height: calc(var(--spacing) * 8);\n }\n .leading-9 {\n --tw-leading: calc(var(--spacing) * 9);\n line-height: calc(var(--spacing) * 9);\n }\n .leading-10 {\n --tw-leading: calc(var(--spacing) * 10);\n line-height: calc(var(--spacing) * 10);\n }\n .leading-loose {\n --tw-leading: var(--leading-loose);\n line-height: var(--leading-loose);\n }\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n .leading-normal {\n --tw-leading: var(--leading-normal);\n line-height: var(--leading-normal);\n }\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n .font-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-extrabold {\n --tw-font-weight: var(--font-weight-extrabold);\n font-weight: var(--font-weight-extrabold);\n }\n .font-extralight {\n --tw-font-weight: var(--font-weight-extralight);\n font-weight: var(--font-weight-extralight);\n }\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .font-thin {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n .overflow-ellipsis {\n text-overflow: ellipsis;\n }\n .text-clip {\n text-overflow: clip;\n }\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .text-background {\n color: var(--color-background);\n }\n .text-black {\n color: var(--color-black);\n }\n .text-blue-500 {\n color: var(--color-blue-500);\n }\n .text-current {\n color: currentcolor;\n }\n .text-danger-50 {\n color: var(--color-danger-50);\n }\n .text-danger-100 {\n color: var(--color-danger-100);\n }\n .text-danger-200 {\n color: var(--color-danger-200);\n }\n .text-danger-300 {\n color: var(--color-danger-300);\n }\n .text-danger-400 {\n color: var(--color-danger-400);\n }\n .text-danger-500 {\n color: var(--color-danger-500);\n }\n .text-danger-600 {\n color: var(--color-danger-600);\n }\n .text-danger-700 {\n color: var(--color-danger-700);\n }\n .text-danger-800 {\n color: var(--color-danger-800);\n }\n .text-danger-900 {\n color: var(--color-danger-900);\n }\n .text-danger-950 {\n color: var(--color-danger-950);\n }\n .text-font {\n color: var(--color-font);\n }\n .text-gray-50 {\n color: var(--color-gray-50);\n }\n .text-gray-100 {\n color: var(--color-gray-100);\n }\n .text-gray-200 {\n color: var(--color-gray-200);\n }\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n .text-gray-800 {\n color: var(--color-gray-800);\n }\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n .text-gray-950 {\n color: var(--color-gray-950);\n }\n .text-primary-50 {\n color: var(--color-primary-50);\n }\n .text-primary-100 {\n color: var(--color-primary-100);\n }\n .text-primary-200 {\n color: var(--color-primary-200);\n }\n .text-primary-300 {\n color: var(--color-primary-300);\n }\n .text-primary-400 {\n color: var(--color-primary-400);\n }\n .text-primary-500 {\n color: var(--color-primary-500);\n }\n .text-primary-600 {\n color: var(--color-primary-600);\n }\n .text-primary-700 {\n color: var(--color-primary-700);\n }\n .text-primary-800 {\n color: var(--color-primary-800);\n }\n .text-primary-900 {\n color: var(--color-primary-900);\n }\n .text-primary-950 {\n color: var(--color-primary-950);\n }\n .text-secondary-50 {\n color: var(--color-secondary-50);\n }\n .text-secondary-100 {\n color: var(--color-secondary-100);\n }\n .text-secondary-200 {\n color: var(--color-secondary-200);\n }\n .text-secondary-300 {\n color: var(--color-secondary-300);\n }\n .text-secondary-400 {\n color: var(--color-secondary-400);\n }\n .text-secondary-500 {\n color: var(--color-secondary-500);\n }\n .text-secondary-600 {\n color: var(--color-secondary-600);\n }\n .text-secondary-700 {\n color: var(--color-secondary-700);\n }\n .text-secondary-800 {\n color: var(--color-secondary-800);\n }\n .text-secondary-900 {\n color: var(--color-secondary-900);\n }\n .text-secondary-950 {\n color: var(--color-secondary-950);\n }\n .text-success-50 {\n color: var(--color-success-50);\n }\n .text-success-100 {\n color: var(--color-success-100);\n }\n .text-success-200 {\n color: var(--color-success-200);\n }\n .text-success-300 {\n color: var(--color-success-300);\n }\n .text-success-400 {\n color: var(--color-success-400);\n }\n .text-success-500 {\n color: var(--color-success-500);\n }\n .text-success-600 {\n color: var(--color-success-600);\n }\n .text-success-700 {\n color: var(--color-success-700);\n }\n .text-success-800 {\n color: var(--color-success-800);\n }\n .text-success-900 {\n color: var(--color-success-900);\n }\n .text-success-950 {\n color: var(--color-success-950);\n }\n .text-transparent {\n color: transparent;\n }\n .text-warning-50 {\n color: var(--color-warning-50);\n }\n .text-warning-100 {\n color: var(--color-warning-100);\n }\n .text-warning-200 {\n color: var(--color-warning-200);\n }\n .text-warning-300 {\n color: var(--color-warning-300);\n }\n .text-warning-400 {\n color: var(--color-warning-400);\n }\n .text-warning-500 {\n color: var(--color-warning-500);\n }\n .text-warning-600 {\n color: var(--color-warning-600);\n }\n .text-warning-700 {\n color: var(--color-warning-700);\n }\n .text-warning-800 {\n color: var(--color-warning-800);\n }\n .text-warning-900 {\n color: var(--color-warning-900);\n }\n .text-warning-950 {\n color: var(--color-warning-950);\n }\n .text-white {\n color: var(--color-white);\n }\n .capitalize {\n text-transform: capitalize;\n }\n .lowercase {\n text-transform: lowercase;\n }\n .normal-case {\n text-transform: none;\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .not-italic {\n font-style: normal;\n }\n .diagonal-fractions {\n --tw-numeric-fraction: diagonal-fractions;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .lining-nums {\n --tw-numeric-figure: lining-nums;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .oldstyle-nums {\n --tw-numeric-figure: oldstyle-nums;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .ordinal {\n --tw-ordinal: ordinal;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .proportional-nums {\n --tw-numeric-spacing: proportional-nums;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .slashed-zero {\n --tw-slashed-zero: slashed-zero;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .stacked-fractions {\n --tw-numeric-fraction: stacked-fractions;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .tabular-nums {\n --tw-numeric-spacing: tabular-nums;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .normal-nums {\n font-variant-numeric: normal;\n }\n .no-underline {\n text-decoration-line: none;\n }\n .overline {\n text-decoration-line: overline;\n }\n .underline {\n text-decoration-line: underline;\n }\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .subpixel-antialiased {\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .opacity-100 {\n opacity: 100%;\n }\n .shadow {\n --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));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-2xl {\n --tw-shadow: 0px 10px 14px 8px var(--tw-shadow-color, rgba(0, 0, 0, 0.2)), 0px 4px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.3));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-2xs {\n --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-inner {\n --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.06));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-lg {\n --tw-shadow: 0px 6px 10px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)), 0px 2px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.3));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-md {\n --tw-shadow: 0px 4px 8px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)), 0px 1px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.3));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-sm {\n --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.3)), 0px 2px 6px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-xl {\n --tw-shadow: 0px 8px 12px 6px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)), 0px 4px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.3));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-xs {\n --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.3)), 0px 1px 3px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring-0 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring-1 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring-4 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring-8 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-amber-50 {\n --tw-shadow-color: oklch(98.7% 0.022 95.277);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-100 {\n --tw-shadow-color: oklch(96.2% 0.059 95.617);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-200 {\n --tw-shadow-color: oklch(92.4% 0.12 95.746);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-300 {\n --tw-shadow-color: oklch(87.9% 0.169 91.605);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-400 {\n --tw-shadow-color: oklch(82.8% 0.189 84.429);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-500 {\n --tw-shadow-color: oklch(76.9% 0.188 70.08);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-600 {\n --tw-shadow-color: oklch(66.6% 0.179 58.318);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-700 {\n --tw-shadow-color: oklch(55.5% 0.163 48.998);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-800 {\n --tw-shadow-color: oklch(47.3% 0.137 46.201);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-900 {\n --tw-shadow-color: oklch(41.4% 0.112 45.904);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-950 {\n --tw-shadow-color: oklch(27.9% 0.077 45.635);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-background {\n --tw-shadow-color: #fff;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-background) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-black {\n --tw-shadow-color: #000;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-50 {\n --tw-shadow-color: oklch(97% 0.014 254.604);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-100 {\n --tw-shadow-color: oklch(93.2% 0.032 255.585);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-200 {\n --tw-shadow-color: oklch(88.2% 0.059 254.128);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-300 {\n --tw-shadow-color: oklch(80.9% 0.105 251.813);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-400 {\n --tw-shadow-color: oklch(70.7% 0.165 254.624);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-500 {\n --tw-shadow-color: oklch(62.3% 0.214 259.815);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-600 {\n --tw-shadow-color: oklch(54.6% 0.245 262.881);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-700 {\n --tw-shadow-color: oklch(48.8% 0.243 264.376);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-800 {\n --tw-shadow-color: oklch(42.4% 0.199 265.638);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-900 {\n --tw-shadow-color: oklch(37.9% 0.146 265.522);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-950 {\n --tw-shadow-color: oklch(28.2% 0.091 267.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-current {\n --tw-shadow-color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, currentcolor var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-50 {\n --tw-shadow-color: oklch(98.4% 0.019 200.873);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-100 {\n --tw-shadow-color: oklch(95.6% 0.045 203.388);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-200 {\n --tw-shadow-color: oklch(91.7% 0.08 205.041);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-300 {\n --tw-shadow-color: oklch(86.5% 0.127 207.078);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-400 {\n --tw-shadow-color: oklch(78.9% 0.154 211.53);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-500 {\n --tw-shadow-color: oklch(71.5% 0.143 215.221);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-600 {\n --tw-shadow-color: oklch(60.9% 0.126 221.723);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-700 {\n --tw-shadow-color: oklch(52% 0.105 223.128);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-800 {\n --tw-shadow-color: oklch(45% 0.085 224.283);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-900 {\n --tw-shadow-color: oklch(39.8% 0.07 227.392);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-950 {\n --tw-shadow-color: oklch(30.2% 0.056 229.695);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-50 {\n --tw-shadow-color: oklch(97.9% 0.021 166.113);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-100 {\n --tw-shadow-color: oklch(95% 0.052 163.051);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-200 {\n --tw-shadow-color: oklch(90.5% 0.093 164.15);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-300 {\n --tw-shadow-color: oklch(84.5% 0.143 164.978);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-400 {\n --tw-shadow-color: oklch(76.5% 0.177 163.223);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-500 {\n --tw-shadow-color: oklch(69.6% 0.17 162.48);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-600 {\n --tw-shadow-color: oklch(59.6% 0.145 163.225);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-700 {\n --tw-shadow-color: oklch(50.8% 0.118 165.612);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-800 {\n --tw-shadow-color: oklch(43.2% 0.095 166.913);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-900 {\n --tw-shadow-color: oklch(37.8% 0.077 168.94);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-950 {\n --tw-shadow-color: oklch(26.2% 0.051 172.552);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-50 {\n --tw-shadow-color: oklch(97.7% 0.017 320.058);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-100 {\n --tw-shadow-color: oklch(95.2% 0.037 318.852);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-200 {\n --tw-shadow-color: oklch(90.3% 0.076 319.62);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-300 {\n --tw-shadow-color: oklch(83.3% 0.145 321.434);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-400 {\n --tw-shadow-color: oklch(74% 0.238 322.16);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-500 {\n --tw-shadow-color: oklch(66.7% 0.295 322.15);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-600 {\n --tw-shadow-color: oklch(59.1% 0.293 322.896);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-700 {\n --tw-shadow-color: oklch(51.8% 0.253 323.949);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-800 {\n --tw-shadow-color: oklch(45.2% 0.211 324.591);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-900 {\n --tw-shadow-color: oklch(40.1% 0.17 325.612);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-950 {\n --tw-shadow-color: oklch(29.3% 0.136 325.661);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-50 {\n --tw-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-100 {\n --tw-shadow-color: oklch(97% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-200 {\n --tw-shadow-color: oklch(92.2% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-300 {\n --tw-shadow-color: oklch(87% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-400 {\n --tw-shadow-color: oklch(70.8% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-500 {\n --tw-shadow-color: oklch(55.6% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-600 {\n --tw-shadow-color: oklch(43.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-700 {\n --tw-shadow-color: oklch(37.1% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-800 {\n --tw-shadow-color: oklch(26.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-900 {\n --tw-shadow-color: oklch(20.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-950 {\n --tw-shadow-color: oklch(14.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-50 {\n --tw-shadow-color: oklch(98.2% 0.018 155.826);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-100 {\n --tw-shadow-color: oklch(96.2% 0.044 156.743);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-200 {\n --tw-shadow-color: oklch(92.5% 0.084 155.995);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-300 {\n --tw-shadow-color: oklch(87.1% 0.15 154.449);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-400 {\n --tw-shadow-color: oklch(79.2% 0.209 151.711);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-500 {\n --tw-shadow-color: oklch(72.3% 0.219 149.579);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-600 {\n --tw-shadow-color: oklch(62.7% 0.194 149.214);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-700 {\n --tw-shadow-color: oklch(52.7% 0.154 150.069);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-800 {\n --tw-shadow-color: oklch(44.8% 0.119 151.328);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-900 {\n --tw-shadow-color: oklch(39.3% 0.095 152.535);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-950 {\n --tw-shadow-color: oklch(26.6% 0.065 152.934);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-50 {\n --tw-shadow-color: oklch(96.2% 0.018 272.314);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-100 {\n --tw-shadow-color: oklch(93% 0.034 272.788);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-200 {\n --tw-shadow-color: oklch(87% 0.065 274.039);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-300 {\n --tw-shadow-color: oklch(78.5% 0.115 274.713);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-400 {\n --tw-shadow-color: oklch(67.3% 0.182 276.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-500 {\n --tw-shadow-color: oklch(58.5% 0.233 277.117);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-600 {\n --tw-shadow-color: oklch(51.1% 0.262 276.966);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-700 {\n --tw-shadow-color: oklch(45.7% 0.24 277.023);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-800 {\n --tw-shadow-color: oklch(39.8% 0.195 277.366);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-900 {\n --tw-shadow-color: oklch(35.9% 0.144 278.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-950 {\n --tw-shadow-color: oklch(25.7% 0.09 281.288);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-inherit {\n --tw-shadow-color: inherit;\n }\n .shadow-initial {\n --tw-shadow-color: initial;\n }\n .shadow-lime-50 {\n --tw-shadow-color: oklch(98.6% 0.031 120.757);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-100 {\n --tw-shadow-color: oklch(96.7% 0.067 122.328);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-200 {\n --tw-shadow-color: oklch(93.8% 0.127 124.321);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-300 {\n --tw-shadow-color: oklch(89.7% 0.196 126.665);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-400 {\n --tw-shadow-color: oklch(84.1% 0.238 128.85);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-500 {\n --tw-shadow-color: oklch(76.8% 0.233 130.85);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-600 {\n --tw-shadow-color: oklch(64.8% 0.2 131.684);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-700 {\n --tw-shadow-color: oklch(53.2% 0.157 131.589);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-800 {\n --tw-shadow-color: oklch(45.3% 0.124 130.933);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-900 {\n --tw-shadow-color: oklch(40.5% 0.101 131.063);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-950 {\n --tw-shadow-color: oklch(27.4% 0.072 132.109);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-50 {\n --tw-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-100 {\n --tw-shadow-color: oklch(97% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-200 {\n --tw-shadow-color: oklch(92.2% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-300 {\n --tw-shadow-color: oklch(87% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-400 {\n --tw-shadow-color: oklch(70.8% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-500 {\n --tw-shadow-color: oklch(55.6% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-600 {\n --tw-shadow-color: oklch(43.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-700 {\n --tw-shadow-color: oklch(37.1% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-800 {\n --tw-shadow-color: oklch(26.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-900 {\n --tw-shadow-color: oklch(20.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-950 {\n --tw-shadow-color: oklch(14.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-50 {\n --tw-shadow-color: oklch(98% 0.016 73.684);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-100 {\n --tw-shadow-color: oklch(95.4% 0.038 75.164);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-200 {\n --tw-shadow-color: oklch(90.1% 0.076 70.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-300 {\n --tw-shadow-color: oklch(83.7% 0.128 66.29);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-400 {\n --tw-shadow-color: oklch(75% 0.183 55.934);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-500 {\n --tw-shadow-color: oklch(70.5% 0.213 47.604);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-600 {\n --tw-shadow-color: oklch(64.6% 0.222 41.116);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-700 {\n --tw-shadow-color: oklch(55.3% 0.195 38.402);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-800 {\n --tw-shadow-color: oklch(47% 0.157 37.304);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-900 {\n --tw-shadow-color: oklch(40.8% 0.123 38.172);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-950 {\n --tw-shadow-color: oklch(26.6% 0.079 36.259);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-50 {\n --tw-shadow-color: oklch(97.1% 0.014 343.198);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-100 {\n --tw-shadow-color: oklch(94.8% 0.028 342.258);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-200 {\n --tw-shadow-color: oklch(89.9% 0.061 343.231);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-300 {\n --tw-shadow-color: oklch(82.3% 0.12 346.018);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-400 {\n --tw-shadow-color: oklch(71.8% 0.202 349.761);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-500 {\n --tw-shadow-color: oklch(65.6% 0.241 354.308);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-600 {\n --tw-shadow-color: oklch(59.2% 0.249 0.584);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-700 {\n --tw-shadow-color: oklch(52.5% 0.223 3.958);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-800 {\n --tw-shadow-color: oklch(45.9% 0.187 3.815);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-900 {\n --tw-shadow-color: oklch(40.8% 0.153 2.432);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-950 {\n --tw-shadow-color: oklch(28.4% 0.109 3.907);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-50 {\n --tw-shadow-color: oklch(97.7% 0.014 308.299);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-100 {\n --tw-shadow-color: oklch(94.6% 0.033 307.174);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-200 {\n --tw-shadow-color: oklch(90.2% 0.063 306.703);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-300 {\n --tw-shadow-color: oklch(82.7% 0.119 306.383);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-400 {\n --tw-shadow-color: oklch(71.4% 0.203 305.504);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-500 {\n --tw-shadow-color: oklch(62.7% 0.265 303.9);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-600 {\n --tw-shadow-color: oklch(55.8% 0.288 302.321);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-700 {\n --tw-shadow-color: oklch(49.6% 0.265 301.924);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-800 {\n --tw-shadow-color: oklch(43.8% 0.218 303.724);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-900 {\n --tw-shadow-color: oklch(38.1% 0.176 304.987);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-950 {\n --tw-shadow-color: oklch(29.1% 0.149 302.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-50 {\n --tw-shadow-color: oklch(97.1% 0.013 17.38);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-100 {\n --tw-shadow-color: oklch(93.6% 0.032 17.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-200 {\n --tw-shadow-color: oklch(88.5% 0.062 18.334);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-300 {\n --tw-shadow-color: oklch(80.8% 0.114 19.571);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-400 {\n --tw-shadow-color: oklch(70.4% 0.191 22.216);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-500 {\n --tw-shadow-color: oklch(63.7% 0.237 25.331);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-600 {\n --tw-shadow-color: oklch(57.7% 0.245 27.325);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-700 {\n --tw-shadow-color: oklch(50.5% 0.213 27.518);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-800 {\n --tw-shadow-color: oklch(44.4% 0.177 26.899);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-900 {\n --tw-shadow-color: oklch(39.6% 0.141 25.723);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-950 {\n --tw-shadow-color: oklch(25.8% 0.092 26.042);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-50 {\n --tw-shadow-color: oklch(96.9% 0.015 12.422);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-100 {\n --tw-shadow-color: oklch(94.1% 0.03 12.58);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-200 {\n --tw-shadow-color: oklch(89.2% 0.058 10.001);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-300 {\n --tw-shadow-color: oklch(81% 0.117 11.638);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-400 {\n --tw-shadow-color: oklch(71.2% 0.194 13.428);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-500 {\n --tw-shadow-color: oklch(64.5% 0.246 16.439);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-600 {\n --tw-shadow-color: oklch(58.6% 0.253 17.585);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-700 {\n --tw-shadow-color: oklch(51.4% 0.222 16.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-800 {\n --tw-shadow-color: oklch(45.5% 0.188 13.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-900 {\n --tw-shadow-color: oklch(41% 0.159 10.272);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-950 {\n --tw-shadow-color: oklch(27.1% 0.105 12.094);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-50 {\n --tw-shadow-color: oklch(97.7% 0.013 236.62);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-100 {\n --tw-shadow-color: oklch(95.1% 0.026 236.824);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-200 {\n --tw-shadow-color: oklch(90.1% 0.058 230.902);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-300 {\n --tw-shadow-color: oklch(82.8% 0.111 230.318);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-400 {\n --tw-shadow-color: oklch(74.6% 0.16 232.661);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-500 {\n --tw-shadow-color: oklch(68.5% 0.169 237.323);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-600 {\n --tw-shadow-color: oklch(58.8% 0.158 241.966);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-700 {\n --tw-shadow-color: oklch(50% 0.134 242.749);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-800 {\n --tw-shadow-color: oklch(44.3% 0.11 240.79);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-900 {\n --tw-shadow-color: oklch(39.1% 0.09 240.876);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-950 {\n --tw-shadow-color: oklch(29.3% 0.066 243.157);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-50 {\n --tw-shadow-color: oklch(98.4% 0.003 247.858);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-100 {\n --tw-shadow-color: oklch(96.8% 0.007 247.896);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-200 {\n --tw-shadow-color: oklch(92.9% 0.013 255.508);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-300 {\n --tw-shadow-color: oklch(86.9% 0.022 252.894);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-400 {\n --tw-shadow-color: oklch(70.4% 0.04 256.788);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-500 {\n --tw-shadow-color: oklch(55.4% 0.046 257.417);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-600 {\n --tw-shadow-color: oklch(44.6% 0.043 257.281);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-700 {\n --tw-shadow-color: oklch(37.2% 0.044 257.287);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-800 {\n --tw-shadow-color: oklch(27.9% 0.041 260.031);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-900 {\n --tw-shadow-color: oklch(20.8% 0.042 265.755);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-950 {\n --tw-shadow-color: oklch(12.9% 0.042 264.695);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-50 {\n --tw-shadow-color: oklch(98.5% 0.001 106.423);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-100 {\n --tw-shadow-color: oklch(97% 0.001 106.424);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-200 {\n --tw-shadow-color: oklch(92.3% 0.003 48.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-300 {\n --tw-shadow-color: oklch(86.9% 0.005 56.366);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-400 {\n --tw-shadow-color: oklch(70.9% 0.01 56.259);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-500 {\n --tw-shadow-color: oklch(55.3% 0.013 58.071);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-600 {\n --tw-shadow-color: oklch(44.4% 0.011 73.639);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-700 {\n --tw-shadow-color: oklch(37.4% 0.01 67.558);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-800 {\n --tw-shadow-color: oklch(26.8% 0.007 34.298);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-900 {\n --tw-shadow-color: oklch(21.6% 0.006 56.043);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-950 {\n --tw-shadow-color: oklch(14.7% 0.004 49.25);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-50 {\n --tw-shadow-color: oklch(98.4% 0.014 180.72);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-100 {\n --tw-shadow-color: oklch(95.3% 0.051 180.801);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-200 {\n --tw-shadow-color: oklch(91% 0.096 180.426);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-300 {\n --tw-shadow-color: oklch(85.5% 0.138 181.071);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-400 {\n --tw-shadow-color: oklch(77.7% 0.152 181.912);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-500 {\n --tw-shadow-color: oklch(70.4% 0.14 182.503);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-600 {\n --tw-shadow-color: oklch(60% 0.118 184.704);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-700 {\n --tw-shadow-color: oklch(51.1% 0.096 186.391);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-800 {\n --tw-shadow-color: oklch(43.7% 0.078 188.216);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-900 {\n --tw-shadow-color: oklch(38.6% 0.063 188.416);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-950 {\n --tw-shadow-color: oklch(27.7% 0.046 192.524);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-transparent {\n --tw-shadow-color: transparent;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-50 {\n --tw-shadow-color: oklch(96.9% 0.016 293.756);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-100 {\n --tw-shadow-color: oklch(94.3% 0.029 294.588);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-200 {\n --tw-shadow-color: oklch(89.4% 0.057 293.283);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-300 {\n --tw-shadow-color: oklch(81.1% 0.111 293.571);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-400 {\n --tw-shadow-color: oklch(70.2% 0.183 293.541);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-500 {\n --tw-shadow-color: oklch(60.6% 0.25 292.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-600 {\n --tw-shadow-color: oklch(54.1% 0.281 293.009);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-700 {\n --tw-shadow-color: oklch(49.1% 0.27 292.581);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-800 {\n --tw-shadow-color: oklch(43.2% 0.232 292.759);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-900 {\n --tw-shadow-color: oklch(38% 0.189 293.745);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-950 {\n --tw-shadow-color: oklch(28.3% 0.141 291.089);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-white {\n --tw-shadow-color: #fff;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-50 {\n --tw-shadow-color: oklch(98.7% 0.026 102.212);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-100 {\n --tw-shadow-color: oklch(97.3% 0.071 103.193);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-200 {\n --tw-shadow-color: oklch(94.5% 0.129 101.54);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-300 {\n --tw-shadow-color: oklch(90.5% 0.182 98.111);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-400 {\n --tw-shadow-color: oklch(85.2% 0.199 91.936);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-500 {\n --tw-shadow-color: oklch(79.5% 0.184 86.047);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-600 {\n --tw-shadow-color: oklch(68.1% 0.162 75.834);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-700 {\n --tw-shadow-color: oklch(55.4% 0.135 66.442);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-800 {\n --tw-shadow-color: oklch(47.6% 0.114 61.907);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-900 {\n --tw-shadow-color: oklch(42.1% 0.095 57.708);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-950 {\n --tw-shadow-color: oklch(28.6% 0.066 53.813);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-50 {\n --tw-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-100 {\n --tw-shadow-color: oklch(96.7% 0.001 286.375);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-200 {\n --tw-shadow-color: oklch(92% 0.004 286.32);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-300 {\n --tw-shadow-color: oklch(87.1% 0.006 286.286);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-400 {\n --tw-shadow-color: oklch(70.5% 0.015 286.067);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-500 {\n --tw-shadow-color: oklch(55.2% 0.016 285.938);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-600 {\n --tw-shadow-color: oklch(44.2% 0.017 285.786);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-700 {\n --tw-shadow-color: oklch(37% 0.013 285.805);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-800 {\n --tw-shadow-color: oklch(27.4% 0.006 286.033);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-900 {\n --tw-shadow-color: oklch(21% 0.006 285.885);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-950 {\n --tw-shadow-color: oklch(14.1% 0.005 285.823);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .ring-amber-50 {\n --tw-ring-color: var(--color-amber-50);\n }\n .ring-amber-100 {\n --tw-ring-color: var(--color-amber-100);\n }\n .ring-amber-200 {\n --tw-ring-color: var(--color-amber-200);\n }\n .ring-amber-300 {\n --tw-ring-color: var(--color-amber-300);\n }\n .ring-amber-400 {\n --tw-ring-color: var(--color-amber-400);\n }\n .ring-amber-500 {\n --tw-ring-color: var(--color-amber-500);\n }\n .ring-amber-600 {\n --tw-ring-color: var(--color-amber-600);\n }\n .ring-amber-700 {\n --tw-ring-color: var(--color-amber-700);\n }\n .ring-amber-800 {\n --tw-ring-color: var(--color-amber-800);\n }\n .ring-amber-900 {\n --tw-ring-color: var(--color-amber-900);\n }\n .ring-amber-950 {\n --tw-ring-color: var(--color-amber-950);\n }\n .ring-background {\n --tw-ring-color: var(--color-background);\n }\n .ring-black {\n --tw-ring-color: var(--color-black);\n }\n .ring-blue-50 {\n --tw-ring-color: var(--color-blue-50);\n }\n .ring-blue-100 {\n --tw-ring-color: var(--color-blue-100);\n }\n .ring-blue-200 {\n --tw-ring-color: var(--color-blue-200);\n }\n .ring-blue-300 {\n --tw-ring-color: var(--color-blue-300);\n }\n .ring-blue-400 {\n --tw-ring-color: var(--color-blue-400);\n }\n .ring-blue-500 {\n --tw-ring-color: var(--color-blue-500);\n }\n .ring-blue-600 {\n --tw-ring-color: var(--color-blue-600);\n }\n .ring-blue-700 {\n --tw-ring-color: var(--color-blue-700);\n }\n .ring-blue-800 {\n --tw-ring-color: var(--color-blue-800);\n }\n .ring-blue-900 {\n --tw-ring-color: var(--color-blue-900);\n }\n .ring-blue-950 {\n --tw-ring-color: var(--color-blue-950);\n }\n .ring-current {\n --tw-ring-color: currentcolor;\n }\n .ring-cyan-50 {\n --tw-ring-color: var(--color-cyan-50);\n }\n .ring-cyan-100 {\n --tw-ring-color: var(--color-cyan-100);\n }\n .ring-cyan-200 {\n --tw-ring-color: var(--color-cyan-200);\n }\n .ring-cyan-300 {\n --tw-ring-color: var(--color-cyan-300);\n }\n .ring-cyan-400 {\n --tw-ring-color: var(--color-cyan-400);\n }\n .ring-cyan-500 {\n --tw-ring-color: var(--color-cyan-500);\n }\n .ring-cyan-600 {\n --tw-ring-color: var(--color-cyan-600);\n }\n .ring-cyan-700 {\n --tw-ring-color: var(--color-cyan-700);\n }\n .ring-cyan-800 {\n --tw-ring-color: var(--color-cyan-800);\n }\n .ring-cyan-900 {\n --tw-ring-color: var(--color-cyan-900);\n }\n .ring-cyan-950 {\n --tw-ring-color: var(--color-cyan-950);\n }\n .ring-emerald-50 {\n --tw-ring-color: var(--color-emerald-50);\n }\n .ring-emerald-100 {\n --tw-ring-color: var(--color-emerald-100);\n }\n .ring-emerald-200 {\n --tw-ring-color: var(--color-emerald-200);\n }\n .ring-emerald-300 {\n --tw-ring-color: var(--color-emerald-300);\n }\n .ring-emerald-400 {\n --tw-ring-color: var(--color-emerald-400);\n }\n .ring-emerald-500 {\n --tw-ring-color: var(--color-emerald-500);\n }\n .ring-emerald-600 {\n --tw-ring-color: var(--color-emerald-600);\n }\n .ring-emerald-700 {\n --tw-ring-color: var(--color-emerald-700);\n }\n .ring-emerald-800 {\n --tw-ring-color: var(--color-emerald-800);\n }\n .ring-emerald-900 {\n --tw-ring-color: var(--color-emerald-900);\n }\n .ring-emerald-950 {\n --tw-ring-color: var(--color-emerald-950);\n }\n .ring-fuchsia-50 {\n --tw-ring-color: var(--color-fuchsia-50);\n }\n .ring-fuchsia-100 {\n --tw-ring-color: var(--color-fuchsia-100);\n }\n .ring-fuchsia-200 {\n --tw-ring-color: var(--color-fuchsia-200);\n }\n .ring-fuchsia-300 {\n --tw-ring-color: var(--color-fuchsia-300);\n }\n .ring-fuchsia-400 {\n --tw-ring-color: var(--color-fuchsia-400);\n }\n .ring-fuchsia-500 {\n --tw-ring-color: var(--color-fuchsia-500);\n }\n .ring-fuchsia-600 {\n --tw-ring-color: var(--color-fuchsia-600);\n }\n .ring-fuchsia-700 {\n --tw-ring-color: var(--color-fuchsia-700);\n }\n .ring-fuchsia-800 {\n --tw-ring-color: var(--color-fuchsia-800);\n }\n .ring-fuchsia-900 {\n --tw-ring-color: var(--color-fuchsia-900);\n }\n .ring-fuchsia-950 {\n --tw-ring-color: var(--color-fuchsia-950);\n }\n .ring-gray-50 {\n --tw-ring-color: var(--color-gray-50);\n }\n .ring-gray-100 {\n --tw-ring-color: var(--color-gray-100);\n }\n .ring-gray-200 {\n --tw-ring-color: var(--color-gray-200);\n }\n .ring-gray-300 {\n --tw-ring-color: var(--color-gray-300);\n }\n .ring-gray-400 {\n --tw-ring-color: var(--color-gray-400);\n }\n .ring-gray-500 {\n --tw-ring-color: var(--color-gray-500);\n }\n .ring-gray-600 {\n --tw-ring-color: var(--color-gray-600);\n }\n .ring-gray-700 {\n --tw-ring-color: var(--color-gray-700);\n }\n .ring-gray-800 {\n --tw-ring-color: var(--color-gray-800);\n }\n .ring-gray-900 {\n --tw-ring-color: var(--color-gray-900);\n }\n .ring-gray-950 {\n --tw-ring-color: var(--color-gray-950);\n }\n .ring-green-50 {\n --tw-ring-color: var(--color-green-50);\n }\n .ring-green-100 {\n --tw-ring-color: var(--color-green-100);\n }\n .ring-green-200 {\n --tw-ring-color: var(--color-green-200);\n }\n .ring-green-300 {\n --tw-ring-color: var(--color-green-300);\n }\n .ring-green-400 {\n --tw-ring-color: var(--color-green-400);\n }\n .ring-green-500 {\n --tw-ring-color: var(--color-green-500);\n }\n .ring-green-600 {\n --tw-ring-color: var(--color-green-600);\n }\n .ring-green-700 {\n --tw-ring-color: var(--color-green-700);\n }\n .ring-green-800 {\n --tw-ring-color: var(--color-green-800);\n }\n .ring-green-900 {\n --tw-ring-color: var(--color-green-900);\n }\n .ring-green-950 {\n --tw-ring-color: var(--color-green-950);\n }\n .ring-indigo-50 {\n --tw-ring-color: var(--color-indigo-50);\n }\n .ring-indigo-100 {\n --tw-ring-color: var(--color-indigo-100);\n }\n .ring-indigo-200 {\n --tw-ring-color: var(--color-indigo-200);\n }\n .ring-indigo-300 {\n --tw-ring-color: var(--color-indigo-300);\n }\n .ring-indigo-400 {\n --tw-ring-color: var(--color-indigo-400);\n }\n .ring-indigo-500 {\n --tw-ring-color: var(--color-indigo-500);\n }\n .ring-indigo-600 {\n --tw-ring-color: var(--color-indigo-600);\n }\n .ring-indigo-700 {\n --tw-ring-color: var(--color-indigo-700);\n }\n .ring-indigo-800 {\n --tw-ring-color: var(--color-indigo-800);\n }\n .ring-indigo-900 {\n --tw-ring-color: var(--color-indigo-900);\n }\n .ring-indigo-950 {\n --tw-ring-color: var(--color-indigo-950);\n }\n .ring-inherit {\n --tw-ring-color: inherit;\n }\n .ring-lime-50 {\n --tw-ring-color: var(--color-lime-50);\n }\n .ring-lime-100 {\n --tw-ring-color: var(--color-lime-100);\n }\n .ring-lime-200 {\n --tw-ring-color: var(--color-lime-200);\n }\n .ring-lime-300 {\n --tw-ring-color: var(--color-lime-300);\n }\n .ring-lime-400 {\n --tw-ring-color: var(--color-lime-400);\n }\n .ring-lime-500 {\n --tw-ring-color: var(--color-lime-500);\n }\n .ring-lime-600 {\n --tw-ring-color: var(--color-lime-600);\n }\n .ring-lime-700 {\n --tw-ring-color: var(--color-lime-700);\n }\n .ring-lime-800 {\n --tw-ring-color: var(--color-lime-800);\n }\n .ring-lime-900 {\n --tw-ring-color: var(--color-lime-900);\n }\n .ring-lime-950 {\n --tw-ring-color: var(--color-lime-950);\n }\n .ring-neutral-50 {\n --tw-ring-color: var(--color-neutral-50);\n }\n .ring-neutral-100 {\n --tw-ring-color: var(--color-neutral-100);\n }\n .ring-neutral-200 {\n --tw-ring-color: var(--color-neutral-200);\n }\n .ring-neutral-300 {\n --tw-ring-color: var(--color-neutral-300);\n }\n .ring-neutral-400 {\n --tw-ring-color: var(--color-neutral-400);\n }\n .ring-neutral-500 {\n --tw-ring-color: var(--color-neutral-500);\n }\n .ring-neutral-600 {\n --tw-ring-color: var(--color-neutral-600);\n }\n .ring-neutral-700 {\n --tw-ring-color: var(--color-neutral-700);\n }\n .ring-neutral-800 {\n --tw-ring-color: var(--color-neutral-800);\n }\n .ring-neutral-900 {\n --tw-ring-color: var(--color-neutral-900);\n }\n .ring-neutral-950 {\n --tw-ring-color: var(--color-neutral-950);\n }\n .ring-orange-50 {\n --tw-ring-color: var(--color-orange-50);\n }\n .ring-orange-100 {\n --tw-ring-color: var(--color-orange-100);\n }\n .ring-orange-200 {\n --tw-ring-color: var(--color-orange-200);\n }\n .ring-orange-300 {\n --tw-ring-color: var(--color-orange-300);\n }\n .ring-orange-400 {\n --tw-ring-color: var(--color-orange-400);\n }\n .ring-orange-500 {\n --tw-ring-color: var(--color-orange-500);\n }\n .ring-orange-600 {\n --tw-ring-color: var(--color-orange-600);\n }\n .ring-orange-700 {\n --tw-ring-color: var(--color-orange-700);\n }\n .ring-orange-800 {\n --tw-ring-color: var(--color-orange-800);\n }\n .ring-orange-900 {\n --tw-ring-color: var(--color-orange-900);\n }\n .ring-orange-950 {\n --tw-ring-color: var(--color-orange-950);\n }\n .ring-pink-50 {\n --tw-ring-color: var(--color-pink-50);\n }\n .ring-pink-100 {\n --tw-ring-color: var(--color-pink-100);\n }\n .ring-pink-200 {\n --tw-ring-color: var(--color-pink-200);\n }\n .ring-pink-300 {\n --tw-ring-color: var(--color-pink-300);\n }\n .ring-pink-400 {\n --tw-ring-color: var(--color-pink-400);\n }\n .ring-pink-500 {\n --tw-ring-color: var(--color-pink-500);\n }\n .ring-pink-600 {\n --tw-ring-color: var(--color-pink-600);\n }\n .ring-pink-700 {\n --tw-ring-color: var(--color-pink-700);\n }\n .ring-pink-800 {\n --tw-ring-color: var(--color-pink-800);\n }\n .ring-pink-900 {\n --tw-ring-color: var(--color-pink-900);\n }\n .ring-pink-950 {\n --tw-ring-color: var(--color-pink-950);\n }\n .ring-purple-50 {\n --tw-ring-color: var(--color-purple-50);\n }\n .ring-purple-100 {\n --tw-ring-color: var(--color-purple-100);\n }\n .ring-purple-200 {\n --tw-ring-color: var(--color-purple-200);\n }\n .ring-purple-300 {\n --tw-ring-color: var(--color-purple-300);\n }\n .ring-purple-400 {\n --tw-ring-color: var(--color-purple-400);\n }\n .ring-purple-500 {\n --tw-ring-color: var(--color-purple-500);\n }\n .ring-purple-600 {\n --tw-ring-color: var(--color-purple-600);\n }\n .ring-purple-700 {\n --tw-ring-color: var(--color-purple-700);\n }\n .ring-purple-800 {\n --tw-ring-color: var(--color-purple-800);\n }\n .ring-purple-900 {\n --tw-ring-color: var(--color-purple-900);\n }\n .ring-purple-950 {\n --tw-ring-color: var(--color-purple-950);\n }\n .ring-red-50 {\n --tw-ring-color: var(--color-red-50);\n }\n .ring-red-100 {\n --tw-ring-color: var(--color-red-100);\n }\n .ring-red-200 {\n --tw-ring-color: var(--color-red-200);\n }\n .ring-red-300 {\n --tw-ring-color: var(--color-red-300);\n }\n .ring-red-400 {\n --tw-ring-color: var(--color-red-400);\n }\n .ring-red-500 {\n --tw-ring-color: var(--color-red-500);\n }\n .ring-red-600 {\n --tw-ring-color: var(--color-red-600);\n }\n .ring-red-700 {\n --tw-ring-color: var(--color-red-700);\n }\n .ring-red-800 {\n --tw-ring-color: var(--color-red-800);\n }\n .ring-red-900 {\n --tw-ring-color: var(--color-red-900);\n }\n .ring-red-950 {\n --tw-ring-color: var(--color-red-950);\n }\n .ring-rose-50 {\n --tw-ring-color: var(--color-rose-50);\n }\n .ring-rose-100 {\n --tw-ring-color: var(--color-rose-100);\n }\n .ring-rose-200 {\n --tw-ring-color: var(--color-rose-200);\n }\n .ring-rose-300 {\n --tw-ring-color: var(--color-rose-300);\n }\n .ring-rose-400 {\n --tw-ring-color: var(--color-rose-400);\n }\n .ring-rose-500 {\n --tw-ring-color: var(--color-rose-500);\n }\n .ring-rose-600 {\n --tw-ring-color: var(--color-rose-600);\n }\n .ring-rose-700 {\n --tw-ring-color: var(--color-rose-700);\n }\n .ring-rose-800 {\n --tw-ring-color: var(--color-rose-800);\n }\n .ring-rose-900 {\n --tw-ring-color: var(--color-rose-900);\n }\n .ring-rose-950 {\n --tw-ring-color: var(--color-rose-950);\n }\n .ring-sky-50 {\n --tw-ring-color: var(--color-sky-50);\n }\n .ring-sky-100 {\n --tw-ring-color: var(--color-sky-100);\n }\n .ring-sky-200 {\n --tw-ring-color: var(--color-sky-200);\n }\n .ring-sky-300 {\n --tw-ring-color: var(--color-sky-300);\n }\n .ring-sky-400 {\n --tw-ring-color: var(--color-sky-400);\n }\n .ring-sky-500 {\n --tw-ring-color: var(--color-sky-500);\n }\n .ring-sky-600 {\n --tw-ring-color: var(--color-sky-600);\n }\n .ring-sky-700 {\n --tw-ring-color: var(--color-sky-700);\n }\n .ring-sky-800 {\n --tw-ring-color: var(--color-sky-800);\n }\n .ring-sky-900 {\n --tw-ring-color: var(--color-sky-900);\n }\n .ring-sky-950 {\n --tw-ring-color: var(--color-sky-950);\n }\n .ring-slate-50 {\n --tw-ring-color: var(--color-slate-50);\n }\n .ring-slate-100 {\n --tw-ring-color: var(--color-slate-100);\n }\n .ring-slate-200 {\n --tw-ring-color: var(--color-slate-200);\n }\n .ring-slate-300 {\n --tw-ring-color: var(--color-slate-300);\n }\n .ring-slate-400 {\n --tw-ring-color: var(--color-slate-400);\n }\n .ring-slate-500 {\n --tw-ring-color: var(--color-slate-500);\n }\n .ring-slate-600 {\n --tw-ring-color: var(--color-slate-600);\n }\n .ring-slate-700 {\n --tw-ring-color: var(--color-slate-700);\n }\n .ring-slate-800 {\n --tw-ring-color: var(--color-slate-800);\n }\n .ring-slate-900 {\n --tw-ring-color: var(--color-slate-900);\n }\n .ring-slate-950 {\n --tw-ring-color: var(--color-slate-950);\n }\n .ring-stone-50 {\n --tw-ring-color: var(--color-stone-50);\n }\n .ring-stone-100 {\n --tw-ring-color: var(--color-stone-100);\n }\n .ring-stone-200 {\n --tw-ring-color: var(--color-stone-200);\n }\n .ring-stone-300 {\n --tw-ring-color: var(--color-stone-300);\n }\n .ring-stone-400 {\n --tw-ring-color: var(--color-stone-400);\n }\n .ring-stone-500 {\n --tw-ring-color: var(--color-stone-500);\n }\n .ring-stone-600 {\n --tw-ring-color: var(--color-stone-600);\n }\n .ring-stone-700 {\n --tw-ring-color: var(--color-stone-700);\n }\n .ring-stone-800 {\n --tw-ring-color: var(--color-stone-800);\n }\n .ring-stone-900 {\n --tw-ring-color: var(--color-stone-900);\n }\n .ring-stone-950 {\n --tw-ring-color: var(--color-stone-950);\n }\n .ring-teal-50 {\n --tw-ring-color: var(--color-teal-50);\n }\n .ring-teal-100 {\n --tw-ring-color: var(--color-teal-100);\n }\n .ring-teal-200 {\n --tw-ring-color: var(--color-teal-200);\n }\n .ring-teal-300 {\n --tw-ring-color: var(--color-teal-300);\n }\n .ring-teal-400 {\n --tw-ring-color: var(--color-teal-400);\n }\n .ring-teal-500 {\n --tw-ring-color: var(--color-teal-500);\n }\n .ring-teal-600 {\n --tw-ring-color: var(--color-teal-600);\n }\n .ring-teal-700 {\n --tw-ring-color: var(--color-teal-700);\n }\n .ring-teal-800 {\n --tw-ring-color: var(--color-teal-800);\n }\n .ring-teal-900 {\n --tw-ring-color: var(--color-teal-900);\n }\n .ring-teal-950 {\n --tw-ring-color: var(--color-teal-950);\n }\n .ring-transparent {\n --tw-ring-color: transparent;\n }\n .ring-violet-50 {\n --tw-ring-color: var(--color-violet-50);\n }\n .ring-violet-100 {\n --tw-ring-color: var(--color-violet-100);\n }\n .ring-violet-200 {\n --tw-ring-color: var(--color-violet-200);\n }\n .ring-violet-300 {\n --tw-ring-color: var(--color-violet-300);\n }\n .ring-violet-400 {\n --tw-ring-color: var(--color-violet-400);\n }\n .ring-violet-500 {\n --tw-ring-color: var(--color-violet-500);\n }\n .ring-violet-600 {\n --tw-ring-color: var(--color-violet-600);\n }\n .ring-violet-700 {\n --tw-ring-color: var(--color-violet-700);\n }\n .ring-violet-800 {\n --tw-ring-color: var(--color-violet-800);\n }\n .ring-violet-900 {\n --tw-ring-color: var(--color-violet-900);\n }\n .ring-violet-950 {\n --tw-ring-color: var(--color-violet-950);\n }\n .ring-white {\n --tw-ring-color: var(--color-white);\n }\n .ring-yellow-50 {\n --tw-ring-color: var(--color-yellow-50);\n }\n .ring-yellow-100 {\n --tw-ring-color: var(--color-yellow-100);\n }\n .ring-yellow-200 {\n --tw-ring-color: var(--color-yellow-200);\n }\n .ring-yellow-300 {\n --tw-ring-color: var(--color-yellow-300);\n }\n .ring-yellow-400 {\n --tw-ring-color: var(--color-yellow-400);\n }\n .ring-yellow-500 {\n --tw-ring-color: var(--color-yellow-500);\n }\n .ring-yellow-600 {\n --tw-ring-color: var(--color-yellow-600);\n }\n .ring-yellow-700 {\n --tw-ring-color: var(--color-yellow-700);\n }\n .ring-yellow-800 {\n --tw-ring-color: var(--color-yellow-800);\n }\n .ring-yellow-900 {\n --tw-ring-color: var(--color-yellow-900);\n }\n .ring-yellow-950 {\n --tw-ring-color: var(--color-yellow-950);\n }\n .ring-zinc-50 {\n --tw-ring-color: var(--color-zinc-50);\n }\n .ring-zinc-100 {\n --tw-ring-color: var(--color-zinc-100);\n }\n .ring-zinc-200 {\n --tw-ring-color: var(--color-zinc-200);\n }\n .ring-zinc-300 {\n --tw-ring-color: var(--color-zinc-300);\n }\n .ring-zinc-400 {\n --tw-ring-color: var(--color-zinc-400);\n }\n .ring-zinc-500 {\n --tw-ring-color: var(--color-zinc-500);\n }\n .ring-zinc-600 {\n --tw-ring-color: var(--color-zinc-600);\n }\n .ring-zinc-700 {\n --tw-ring-color: var(--color-zinc-700);\n }\n .ring-zinc-800 {\n --tw-ring-color: var(--color-zinc-800);\n }\n .ring-zinc-900 {\n --tw-ring-color: var(--color-zinc-900);\n }\n .ring-zinc-950 {\n --tw-ring-color: var(--color-zinc-950);\n }\n .ring-offset-0 {\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n .ring-offset-1 {\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n .ring-offset-2 {\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n .ring-offset-4 {\n --tw-ring-offset-width: 4px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n .ring-offset-8 {\n --tw-ring-offset-width: 8px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n .ring-offset-amber-50 {\n --tw-ring-offset-color: var(--color-amber-50);\n }\n .ring-offset-amber-100 {\n --tw-ring-offset-color: var(--color-amber-100);\n }\n .ring-offset-amber-200 {\n --tw-ring-offset-color: var(--color-amber-200);\n }\n .ring-offset-amber-300 {\n --tw-ring-offset-color: var(--color-amber-300);\n }\n .ring-offset-amber-400 {\n --tw-ring-offset-color: var(--color-amber-400);\n }\n .ring-offset-amber-500 {\n --tw-ring-offset-color: var(--color-amber-500);\n }\n .ring-offset-amber-600 {\n --tw-ring-offset-color: var(--color-amber-600);\n }\n .ring-offset-amber-700 {\n --tw-ring-offset-color: var(--color-amber-700);\n }\n .ring-offset-amber-800 {\n --tw-ring-offset-color: var(--color-amber-800);\n }\n .ring-offset-amber-900 {\n --tw-ring-offset-color: var(--color-amber-900);\n }\n .ring-offset-amber-950 {\n --tw-ring-offset-color: var(--color-amber-950);\n }\n .ring-offset-background {\n --tw-ring-offset-color: var(--color-background);\n }\n .ring-offset-black {\n --tw-ring-offset-color: var(--color-black);\n }\n .ring-offset-blue-50 {\n --tw-ring-offset-color: var(--color-blue-50);\n }\n .ring-offset-blue-100 {\n --tw-ring-offset-color: var(--color-blue-100);\n }\n .ring-offset-blue-200 {\n --tw-ring-offset-color: var(--color-blue-200);\n }\n .ring-offset-blue-300 {\n --tw-ring-offset-color: var(--color-blue-300);\n }\n .ring-offset-blue-400 {\n --tw-ring-offset-color: var(--color-blue-400);\n }\n .ring-offset-blue-500 {\n --tw-ring-offset-color: var(--color-blue-500);\n }\n .ring-offset-blue-600 {\n --tw-ring-offset-color: var(--color-blue-600);\n }\n .ring-offset-blue-700 {\n --tw-ring-offset-color: var(--color-blue-700);\n }\n .ring-offset-blue-800 {\n --tw-ring-offset-color: var(--color-blue-800);\n }\n .ring-offset-blue-900 {\n --tw-ring-offset-color: var(--color-blue-900);\n }\n .ring-offset-blue-950 {\n --tw-ring-offset-color: var(--color-blue-950);\n }\n .ring-offset-current {\n --tw-ring-offset-color: currentcolor;\n }\n .ring-offset-cyan-50 {\n --tw-ring-offset-color: var(--color-cyan-50);\n }\n .ring-offset-cyan-100 {\n --tw-ring-offset-color: var(--color-cyan-100);\n }\n .ring-offset-cyan-200 {\n --tw-ring-offset-color: var(--color-cyan-200);\n }\n .ring-offset-cyan-300 {\n --tw-ring-offset-color: var(--color-cyan-300);\n }\n .ring-offset-cyan-400 {\n --tw-ring-offset-color: var(--color-cyan-400);\n }\n .ring-offset-cyan-500 {\n --tw-ring-offset-color: var(--color-cyan-500);\n }\n .ring-offset-cyan-600 {\n --tw-ring-offset-color: var(--color-cyan-600);\n }\n .ring-offset-cyan-700 {\n --tw-ring-offset-color: var(--color-cyan-700);\n }\n .ring-offset-cyan-800 {\n --tw-ring-offset-color: var(--color-cyan-800);\n }\n .ring-offset-cyan-900 {\n --tw-ring-offset-color: var(--color-cyan-900);\n }\n .ring-offset-cyan-950 {\n --tw-ring-offset-color: var(--color-cyan-950);\n }\n .ring-offset-emerald-50 {\n --tw-ring-offset-color: var(--color-emerald-50);\n }\n .ring-offset-emerald-100 {\n --tw-ring-offset-color: var(--color-emerald-100);\n }\n .ring-offset-emerald-200 {\n --tw-ring-offset-color: var(--color-emerald-200);\n }\n .ring-offset-emerald-300 {\n --tw-ring-offset-color: var(--color-emerald-300);\n }\n .ring-offset-emerald-400 {\n --tw-ring-offset-color: var(--color-emerald-400);\n }\n .ring-offset-emerald-500 {\n --tw-ring-offset-color: var(--color-emerald-500);\n }\n .ring-offset-emerald-600 {\n --tw-ring-offset-color: var(--color-emerald-600);\n }\n .ring-offset-emerald-700 {\n --tw-ring-offset-color: var(--color-emerald-700);\n }\n .ring-offset-emerald-800 {\n --tw-ring-offset-color: var(--color-emerald-800);\n }\n .ring-offset-emerald-900 {\n --tw-ring-offset-color: var(--color-emerald-900);\n }\n .ring-offset-emerald-950 {\n --tw-ring-offset-color: var(--color-emerald-950);\n }\n .ring-offset-fuchsia-50 {\n --tw-ring-offset-color: var(--color-fuchsia-50);\n }\n .ring-offset-fuchsia-100 {\n --tw-ring-offset-color: var(--color-fuchsia-100);\n }\n .ring-offset-fuchsia-200 {\n --tw-ring-offset-color: var(--color-fuchsia-200);\n }\n .ring-offset-fuchsia-300 {\n --tw-ring-offset-color: var(--color-fuchsia-300);\n }\n .ring-offset-fuchsia-400 {\n --tw-ring-offset-color: var(--color-fuchsia-400);\n }\n .ring-offset-fuchsia-500 {\n --tw-ring-offset-color: var(--color-fuchsia-500);\n }\n .ring-offset-fuchsia-600 {\n --tw-ring-offset-color: var(--color-fuchsia-600);\n }\n .ring-offset-fuchsia-700 {\n --tw-ring-offset-color: var(--color-fuchsia-700);\n }\n .ring-offset-fuchsia-800 {\n --tw-ring-offset-color: var(--color-fuchsia-800);\n }\n .ring-offset-fuchsia-900 {\n --tw-ring-offset-color: var(--color-fuchsia-900);\n }\n .ring-offset-fuchsia-950 {\n --tw-ring-offset-color: var(--color-fuchsia-950);\n }\n .ring-offset-gray-50 {\n --tw-ring-offset-color: var(--color-gray-50);\n }\n .ring-offset-gray-100 {\n --tw-ring-offset-color: var(--color-gray-100);\n }\n .ring-offset-gray-200 {\n --tw-ring-offset-color: var(--color-gray-200);\n }\n .ring-offset-gray-300 {\n --tw-ring-offset-color: var(--color-gray-300);\n }\n .ring-offset-gray-400 {\n --tw-ring-offset-color: var(--color-gray-400);\n }\n .ring-offset-gray-500 {\n --tw-ring-offset-color: var(--color-gray-500);\n }\n .ring-offset-gray-600 {\n --tw-ring-offset-color: var(--color-gray-600);\n }\n .ring-offset-gray-700 {\n --tw-ring-offset-color: var(--color-gray-700);\n }\n .ring-offset-gray-800 {\n --tw-ring-offset-color: var(--color-gray-800);\n }\n .ring-offset-gray-900 {\n --tw-ring-offset-color: var(--color-gray-900);\n }\n .ring-offset-gray-950 {\n --tw-ring-offset-color: var(--color-gray-950);\n }\n .ring-offset-green-50 {\n --tw-ring-offset-color: var(--color-green-50);\n }\n .ring-offset-green-100 {\n --tw-ring-offset-color: var(--color-green-100);\n }\n .ring-offset-green-200 {\n --tw-ring-offset-color: var(--color-green-200);\n }\n .ring-offset-green-300 {\n --tw-ring-offset-color: var(--color-green-300);\n }\n .ring-offset-green-400 {\n --tw-ring-offset-color: var(--color-green-400);\n }\n .ring-offset-green-500 {\n --tw-ring-offset-color: var(--color-green-500);\n }\n .ring-offset-green-600 {\n --tw-ring-offset-color: var(--color-green-600);\n }\n .ring-offset-green-700 {\n --tw-ring-offset-color: var(--color-green-700);\n }\n .ring-offset-green-800 {\n --tw-ring-offset-color: var(--color-green-800);\n }\n .ring-offset-green-900 {\n --tw-ring-offset-color: var(--color-green-900);\n }\n .ring-offset-green-950 {\n --tw-ring-offset-color: var(--color-green-950);\n }\n .ring-offset-indigo-50 {\n --tw-ring-offset-color: var(--color-indigo-50);\n }\n .ring-offset-indigo-100 {\n --tw-ring-offset-color: var(--color-indigo-100);\n }\n .ring-offset-indigo-200 {\n --tw-ring-offset-color: var(--color-indigo-200);\n }\n .ring-offset-indigo-300 {\n --tw-ring-offset-color: var(--color-indigo-300);\n }\n .ring-offset-indigo-400 {\n --tw-ring-offset-color: var(--color-indigo-400);\n }\n .ring-offset-indigo-500 {\n --tw-ring-offset-color: var(--color-indigo-500);\n }\n .ring-offset-indigo-600 {\n --tw-ring-offset-color: var(--color-indigo-600);\n }\n .ring-offset-indigo-700 {\n --tw-ring-offset-color: var(--color-indigo-700);\n }\n .ring-offset-indigo-800 {\n --tw-ring-offset-color: var(--color-indigo-800);\n }\n .ring-offset-indigo-900 {\n --tw-ring-offset-color: var(--color-indigo-900);\n }\n .ring-offset-indigo-950 {\n --tw-ring-offset-color: var(--color-indigo-950);\n }\n .ring-offset-inherit {\n --tw-ring-offset-color: inherit;\n }\n .ring-offset-lime-50 {\n --tw-ring-offset-color: var(--color-lime-50);\n }\n .ring-offset-lime-100 {\n --tw-ring-offset-color: var(--color-lime-100);\n }\n .ring-offset-lime-200 {\n --tw-ring-offset-color: var(--color-lime-200);\n }\n .ring-offset-lime-300 {\n --tw-ring-offset-color: var(--color-lime-300);\n }\n .ring-offset-lime-400 {\n --tw-ring-offset-color: var(--color-lime-400);\n }\n .ring-offset-lime-500 {\n --tw-ring-offset-color: var(--color-lime-500);\n }\n .ring-offset-lime-600 {\n --tw-ring-offset-color: var(--color-lime-600);\n }\n .ring-offset-lime-700 {\n --tw-ring-offset-color: var(--color-lime-700);\n }\n .ring-offset-lime-800 {\n --tw-ring-offset-color: var(--color-lime-800);\n }\n .ring-offset-lime-900 {\n --tw-ring-offset-color: var(--color-lime-900);\n }\n .ring-offset-lime-950 {\n --tw-ring-offset-color: var(--color-lime-950);\n }\n .ring-offset-neutral-50 {\n --tw-ring-offset-color: var(--color-neutral-50);\n }\n .ring-offset-neutral-100 {\n --tw-ring-offset-color: var(--color-neutral-100);\n }\n .ring-offset-neutral-200 {\n --tw-ring-offset-color: var(--color-neutral-200);\n }\n .ring-offset-neutral-300 {\n --tw-ring-offset-color: var(--color-neutral-300);\n }\n .ring-offset-neutral-400 {\n --tw-ring-offset-color: var(--color-neutral-400);\n }\n .ring-offset-neutral-500 {\n --tw-ring-offset-color: var(--color-neutral-500);\n }\n .ring-offset-neutral-600 {\n --tw-ring-offset-color: var(--color-neutral-600);\n }\n .ring-offset-neutral-700 {\n --tw-ring-offset-color: var(--color-neutral-700);\n }\n .ring-offset-neutral-800 {\n --tw-ring-offset-color: var(--color-neutral-800);\n }\n .ring-offset-neutral-900 {\n --tw-ring-offset-color: var(--color-neutral-900);\n }\n .ring-offset-neutral-950 {\n --tw-ring-offset-color: var(--color-neutral-950);\n }\n .ring-offset-orange-50 {\n --tw-ring-offset-color: var(--color-orange-50);\n }\n .ring-offset-orange-100 {\n --tw-ring-offset-color: var(--color-orange-100);\n }\n .ring-offset-orange-200 {\n --tw-ring-offset-color: var(--color-orange-200);\n }\n .ring-offset-orange-300 {\n --tw-ring-offset-color: var(--color-orange-300);\n }\n .ring-offset-orange-400 {\n --tw-ring-offset-color: var(--color-orange-400);\n }\n .ring-offset-orange-500 {\n --tw-ring-offset-color: var(--color-orange-500);\n }\n .ring-offset-orange-600 {\n --tw-ring-offset-color: var(--color-orange-600);\n }\n .ring-offset-orange-700 {\n --tw-ring-offset-color: var(--color-orange-700);\n }\n .ring-offset-orange-800 {\n --tw-ring-offset-color: var(--color-orange-800);\n }\n .ring-offset-orange-900 {\n --tw-ring-offset-color: var(--color-orange-900);\n }\n .ring-offset-orange-950 {\n --tw-ring-offset-color: var(--color-orange-950);\n }\n .ring-offset-pink-50 {\n --tw-ring-offset-color: var(--color-pink-50);\n }\n .ring-offset-pink-100 {\n --tw-ring-offset-color: var(--color-pink-100);\n }\n .ring-offset-pink-200 {\n --tw-ring-offset-color: var(--color-pink-200);\n }\n .ring-offset-pink-300 {\n --tw-ring-offset-color: var(--color-pink-300);\n }\n .ring-offset-pink-400 {\n --tw-ring-offset-color: var(--color-pink-400);\n }\n .ring-offset-pink-500 {\n --tw-ring-offset-color: var(--color-pink-500);\n }\n .ring-offset-pink-600 {\n --tw-ring-offset-color: var(--color-pink-600);\n }\n .ring-offset-pink-700 {\n --tw-ring-offset-color: var(--color-pink-700);\n }\n .ring-offset-pink-800 {\n --tw-ring-offset-color: var(--color-pink-800);\n }\n .ring-offset-pink-900 {\n --tw-ring-offset-color: var(--color-pink-900);\n }\n .ring-offset-pink-950 {\n --tw-ring-offset-color: var(--color-pink-950);\n }\n .ring-offset-purple-50 {\n --tw-ring-offset-color: var(--color-purple-50);\n }\n .ring-offset-purple-100 {\n --tw-ring-offset-color: var(--color-purple-100);\n }\n .ring-offset-purple-200 {\n --tw-ring-offset-color: var(--color-purple-200);\n }\n .ring-offset-purple-300 {\n --tw-ring-offset-color: var(--color-purple-300);\n }\n .ring-offset-purple-400 {\n --tw-ring-offset-color: var(--color-purple-400);\n }\n .ring-offset-purple-500 {\n --tw-ring-offset-color: var(--color-purple-500);\n }\n .ring-offset-purple-600 {\n --tw-ring-offset-color: var(--color-purple-600);\n }\n .ring-offset-purple-700 {\n --tw-ring-offset-color: var(--color-purple-700);\n }\n .ring-offset-purple-800 {\n --tw-ring-offset-color: var(--color-purple-800);\n }\n .ring-offset-purple-900 {\n --tw-ring-offset-color: var(--color-purple-900);\n }\n .ring-offset-purple-950 {\n --tw-ring-offset-color: var(--color-purple-950);\n }\n .ring-offset-red-50 {\n --tw-ring-offset-color: var(--color-red-50);\n }\n .ring-offset-red-100 {\n --tw-ring-offset-color: var(--color-red-100);\n }\n .ring-offset-red-200 {\n --tw-ring-offset-color: var(--color-red-200);\n }\n .ring-offset-red-300 {\n --tw-ring-offset-color: var(--color-red-300);\n }\n .ring-offset-red-400 {\n --tw-ring-offset-color: var(--color-red-400);\n }\n .ring-offset-red-500 {\n --tw-ring-offset-color: var(--color-red-500);\n }\n .ring-offset-red-600 {\n --tw-ring-offset-color: var(--color-red-600);\n }\n .ring-offset-red-700 {\n --tw-ring-offset-color: var(--color-red-700);\n }\n .ring-offset-red-800 {\n --tw-ring-offset-color: var(--color-red-800);\n }\n .ring-offset-red-900 {\n --tw-ring-offset-color: var(--color-red-900);\n }\n .ring-offset-red-950 {\n --tw-ring-offset-color: var(--color-red-950);\n }\n .ring-offset-rose-50 {\n --tw-ring-offset-color: var(--color-rose-50);\n }\n .ring-offset-rose-100 {\n --tw-ring-offset-color: var(--color-rose-100);\n }\n .ring-offset-rose-200 {\n --tw-ring-offset-color: var(--color-rose-200);\n }\n .ring-offset-rose-300 {\n --tw-ring-offset-color: var(--color-rose-300);\n }\n .ring-offset-rose-400 {\n --tw-ring-offset-color: var(--color-rose-400);\n }\n .ring-offset-rose-500 {\n --tw-ring-offset-color: var(--color-rose-500);\n }\n .ring-offset-rose-600 {\n --tw-ring-offset-color: var(--color-rose-600);\n }\n .ring-offset-rose-700 {\n --tw-ring-offset-color: var(--color-rose-700);\n }\n .ring-offset-rose-800 {\n --tw-ring-offset-color: var(--color-rose-800);\n }\n .ring-offset-rose-900 {\n --tw-ring-offset-color: var(--color-rose-900);\n }\n .ring-offset-rose-950 {\n --tw-ring-offset-color: var(--color-rose-950);\n }\n .ring-offset-sky-50 {\n --tw-ring-offset-color: var(--color-sky-50);\n }\n .ring-offset-sky-100 {\n --tw-ring-offset-color: var(--color-sky-100);\n }\n .ring-offset-sky-200 {\n --tw-ring-offset-color: var(--color-sky-200);\n }\n .ring-offset-sky-300 {\n --tw-ring-offset-color: var(--color-sky-300);\n }\n .ring-offset-sky-400 {\n --tw-ring-offset-color: var(--color-sky-400);\n }\n .ring-offset-sky-500 {\n --tw-ring-offset-color: var(--color-sky-500);\n }\n .ring-offset-sky-600 {\n --tw-ring-offset-color: var(--color-sky-600);\n }\n .ring-offset-sky-700 {\n --tw-ring-offset-color: var(--color-sky-700);\n }\n .ring-offset-sky-800 {\n --tw-ring-offset-color: var(--color-sky-800);\n }\n .ring-offset-sky-900 {\n --tw-ring-offset-color: var(--color-sky-900);\n }\n .ring-offset-sky-950 {\n --tw-ring-offset-color: var(--color-sky-950);\n }\n .ring-offset-slate-50 {\n --tw-ring-offset-color: var(--color-slate-50);\n }\n .ring-offset-slate-100 {\n --tw-ring-offset-color: var(--color-slate-100);\n }\n .ring-offset-slate-200 {\n --tw-ring-offset-color: var(--color-slate-200);\n }\n .ring-offset-slate-300 {\n --tw-ring-offset-color: var(--color-slate-300);\n }\n .ring-offset-slate-400 {\n --tw-ring-offset-color: var(--color-slate-400);\n }\n .ring-offset-slate-500 {\n --tw-ring-offset-color: var(--color-slate-500);\n }\n .ring-offset-slate-600 {\n --tw-ring-offset-color: var(--color-slate-600);\n }\n .ring-offset-slate-700 {\n --tw-ring-offset-color: var(--color-slate-700);\n }\n .ring-offset-slate-800 {\n --tw-ring-offset-color: var(--color-slate-800);\n }\n .ring-offset-slate-900 {\n --tw-ring-offset-color: var(--color-slate-900);\n }\n .ring-offset-slate-950 {\n --tw-ring-offset-color: var(--color-slate-950);\n }\n .ring-offset-stone-50 {\n --tw-ring-offset-color: var(--color-stone-50);\n }\n .ring-offset-stone-100 {\n --tw-ring-offset-color: var(--color-stone-100);\n }\n .ring-offset-stone-200 {\n --tw-ring-offset-color: var(--color-stone-200);\n }\n .ring-offset-stone-300 {\n --tw-ring-offset-color: var(--color-stone-300);\n }\n .ring-offset-stone-400 {\n --tw-ring-offset-color: var(--color-stone-400);\n }\n .ring-offset-stone-500 {\n --tw-ring-offset-color: var(--color-stone-500);\n }\n .ring-offset-stone-600 {\n --tw-ring-offset-color: var(--color-stone-600);\n }\n .ring-offset-stone-700 {\n --tw-ring-offset-color: var(--color-stone-700);\n }\n .ring-offset-stone-800 {\n --tw-ring-offset-color: var(--color-stone-800);\n }\n .ring-offset-stone-900 {\n --tw-ring-offset-color: var(--color-stone-900);\n }\n .ring-offset-stone-950 {\n --tw-ring-offset-color: var(--color-stone-950);\n }\n .ring-offset-teal-50 {\n --tw-ring-offset-color: var(--color-teal-50);\n }\n .ring-offset-teal-100 {\n --tw-ring-offset-color: var(--color-teal-100);\n }\n .ring-offset-teal-200 {\n --tw-ring-offset-color: var(--color-teal-200);\n }\n .ring-offset-teal-300 {\n --tw-ring-offset-color: var(--color-teal-300);\n }\n .ring-offset-teal-400 {\n --tw-ring-offset-color: var(--color-teal-400);\n }\n .ring-offset-teal-500 {\n --tw-ring-offset-color: var(--color-teal-500);\n }\n .ring-offset-teal-600 {\n --tw-ring-offset-color: var(--color-teal-600);\n }\n .ring-offset-teal-700 {\n --tw-ring-offset-color: var(--color-teal-700);\n }\n .ring-offset-teal-800 {\n --tw-ring-offset-color: var(--color-teal-800);\n }\n .ring-offset-teal-900 {\n --tw-ring-offset-color: var(--color-teal-900);\n }\n .ring-offset-teal-950 {\n --tw-ring-offset-color: var(--color-teal-950);\n }\n .ring-offset-transparent {\n --tw-ring-offset-color: transparent;\n }\n .ring-offset-violet-50 {\n --tw-ring-offset-color: var(--color-violet-50);\n }\n .ring-offset-violet-100 {\n --tw-ring-offset-color: var(--color-violet-100);\n }\n .ring-offset-violet-200 {\n --tw-ring-offset-color: var(--color-violet-200);\n }\n .ring-offset-violet-300 {\n --tw-ring-offset-color: var(--color-violet-300);\n }\n .ring-offset-violet-400 {\n --tw-ring-offset-color: var(--color-violet-400);\n }\n .ring-offset-violet-500 {\n --tw-ring-offset-color: var(--color-violet-500);\n }\n .ring-offset-violet-600 {\n --tw-ring-offset-color: var(--color-violet-600);\n }\n .ring-offset-violet-700 {\n --tw-ring-offset-color: var(--color-violet-700);\n }\n .ring-offset-violet-800 {\n --tw-ring-offset-color: var(--color-violet-800);\n }\n .ring-offset-violet-900 {\n --tw-ring-offset-color: var(--color-violet-900);\n }\n .ring-offset-violet-950 {\n --tw-ring-offset-color: var(--color-violet-950);\n }\n .ring-offset-white {\n --tw-ring-offset-color: var(--color-white);\n }\n .ring-offset-yellow-50 {\n --tw-ring-offset-color: var(--color-yellow-50);\n }\n .ring-offset-yellow-100 {\n --tw-ring-offset-color: var(--color-yellow-100);\n }\n .ring-offset-yellow-200 {\n --tw-ring-offset-color: var(--color-yellow-200);\n }\n .ring-offset-yellow-300 {\n --tw-ring-offset-color: var(--color-yellow-300);\n }\n .ring-offset-yellow-400 {\n --tw-ring-offset-color: var(--color-yellow-400);\n }\n .ring-offset-yellow-500 {\n --tw-ring-offset-color: var(--color-yellow-500);\n }\n .ring-offset-yellow-600 {\n --tw-ring-offset-color: var(--color-yellow-600);\n }\n .ring-offset-yellow-700 {\n --tw-ring-offset-color: var(--color-yellow-700);\n }\n .ring-offset-yellow-800 {\n --tw-ring-offset-color: var(--color-yellow-800);\n }\n .ring-offset-yellow-900 {\n --tw-ring-offset-color: var(--color-yellow-900);\n }\n .ring-offset-yellow-950 {\n --tw-ring-offset-color: var(--color-yellow-950);\n }\n .ring-offset-zinc-50 {\n --tw-ring-offset-color: var(--color-zinc-50);\n }\n .ring-offset-zinc-100 {\n --tw-ring-offset-color: var(--color-zinc-100);\n }\n .ring-offset-zinc-200 {\n --tw-ring-offset-color: var(--color-zinc-200);\n }\n .ring-offset-zinc-300 {\n --tw-ring-offset-color: var(--color-zinc-300);\n }\n .ring-offset-zinc-400 {\n --tw-ring-offset-color: var(--color-zinc-400);\n }\n .ring-offset-zinc-500 {\n --tw-ring-offset-color: var(--color-zinc-500);\n }\n .ring-offset-zinc-600 {\n --tw-ring-offset-color: var(--color-zinc-600);\n }\n .ring-offset-zinc-700 {\n --tw-ring-offset-color: var(--color-zinc-700);\n }\n .ring-offset-zinc-800 {\n --tw-ring-offset-color: var(--color-zinc-800);\n }\n .ring-offset-zinc-900 {\n --tw-ring-offset-color: var(--color-zinc-900);\n }\n .ring-offset-zinc-950 {\n --tw-ring-offset-color: var(--color-zinc-950);\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .blur-3xl {\n --tw-blur: blur(var(--blur-3xl));\n 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,);\n }\n .brightness-90 {\n --tw-brightness: brightness(90%);\n 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,);\n }\n .brightness-95 {\n --tw-brightness: brightness(95%);\n 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,);\n }\n .brightness-105 {\n --tw-brightness: brightness(105%);\n 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,);\n }\n .brightness-110 {\n --tw-brightness: brightness(110%);\n 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,);\n }\n .grayscale {\n --tw-grayscale: grayscale(100%);\n 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,);\n }\n .invert {\n --tw-invert: invert(100%);\n 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,);\n }\n .sepia {\n --tw-sepia: sepia(100%);\n 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,);\n }\n .filter {\n 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,);\n }\n .backdrop-brightness-90 {\n --tw-backdrop-brightness: brightness(90%);\n -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,);\n 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,);\n }\n .backdrop-brightness-95 {\n --tw-backdrop-brightness: brightness(95%);\n -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,);\n 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,);\n }\n .backdrop-brightness-105 {\n --tw-backdrop-brightness: brightness(105%);\n -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,);\n 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,);\n }\n .backdrop-brightness-110 {\n --tw-backdrop-brightness: brightness(110%);\n -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,);\n 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,);\n }\n .transition {\n transition-property:\n color,\n background-color,\n border-color,\n outline-color,\n text-decoration-color,\n fill,\n stroke,\n --tw-gradient-from,\n --tw-gradient-via,\n --tw-gradient-to,\n opacity,\n box-shadow,\n transform,\n translate,\n scale,\n rotate,\n filter,\n -webkit-backdrop-filter,\n backdrop-filter,\n display,\n visibility,\n content-visibility,\n overlay,\n pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-\\(--transition-bezier\\) {\n transition-property: var(--transition-bezier);\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-\\(--transition-long\\) {\n transition-property: var(--transition-long);\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-\\(--transition-short\\) {\n transition-property: var(--transition-short);\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-transform {\n transition-property:\n transform,\n translate,\n scale,\n rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-none {\n transition-property: none;\n }\n .transition-discrete {\n transition-behavior: allow-discrete;\n }\n .transition-normal {\n transition-behavior: normal;\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .duration-300 {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n .duration-500 {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .forced-color-adjust-auto {\n forced-color-adjust: auto;\n }\n .forced-color-adjust-none {\n forced-color-adjust: none;\n }\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n .\\[--dot-delay\\:100ms\\] {\n --dot-delay: 100ms;\n }\n .\\[--dot-delay\\:300ms\\] {\n --dot-delay: 300ms;\n }\n .\\[--dot-delay\\:500ms\\] {\n --dot-delay: 500ms;\n }\n .\\[--spinner-delay\\:-150ms\\] {\n --spinner-delay: -150ms;\n }\n .\\[--spinner-delay\\:-300ms\\] {\n --spinner-delay: -300ms;\n }\n .\\[--spinner-delay\\:-450ms\\] {\n --spinner-delay: -450ms;\n }\n .backface-hidden {\n backface-visibility: hidden;\n }\n .backface-visible {\n backface-visibility: visible;\n }\n .text-shadow-2xs {\n text-shadow: 0px 1px 0px var(--tw-text-shadow-color, rgb(0 0 0 / 0.15));\n }\n .text-shadow-amber-50 {\n --tw-text-shadow-color: oklch(98.7% 0.022 95.277);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-100 {\n --tw-text-shadow-color: oklch(96.2% 0.059 95.617);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-200 {\n --tw-text-shadow-color: oklch(92.4% 0.12 95.746);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-300 {\n --tw-text-shadow-color: oklch(87.9% 0.169 91.605);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-400 {\n --tw-text-shadow-color: oklch(82.8% 0.189 84.429);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-500 {\n --tw-text-shadow-color: oklch(76.9% 0.188 70.08);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-600 {\n --tw-text-shadow-color: oklch(66.6% 0.179 58.318);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-700 {\n --tw-text-shadow-color: oklch(55.5% 0.163 48.998);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-800 {\n --tw-text-shadow-color: oklch(47.3% 0.137 46.201);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-900 {\n --tw-text-shadow-color: oklch(41.4% 0.112 45.904);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-950 {\n --tw-text-shadow-color: oklch(27.9% 0.077 45.635);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-background {\n --tw-text-shadow-color: #fff;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-background) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-black {\n --tw-text-shadow-color: #000;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-50 {\n --tw-text-shadow-color: oklch(97% 0.014 254.604);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-100 {\n --tw-text-shadow-color: oklch(93.2% 0.032 255.585);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-200 {\n --tw-text-shadow-color: oklch(88.2% 0.059 254.128);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-300 {\n --tw-text-shadow-color: oklch(80.9% 0.105 251.813);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-400 {\n --tw-text-shadow-color: oklch(70.7% 0.165 254.624);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-500 {\n --tw-text-shadow-color: oklch(62.3% 0.214 259.815);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-600 {\n --tw-text-shadow-color: oklch(54.6% 0.245 262.881);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-700 {\n --tw-text-shadow-color: oklch(48.8% 0.243 264.376);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-800 {\n --tw-text-shadow-color: oklch(42.4% 0.199 265.638);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-900 {\n --tw-text-shadow-color: oklch(37.9% 0.146 265.522);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-950 {\n --tw-text-shadow-color: oklch(28.2% 0.091 267.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-current {\n --tw-text-shadow-color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, currentcolor var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-50 {\n --tw-text-shadow-color: oklch(98.4% 0.019 200.873);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-100 {\n --tw-text-shadow-color: oklch(95.6% 0.045 203.388);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-200 {\n --tw-text-shadow-color: oklch(91.7% 0.08 205.041);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-300 {\n --tw-text-shadow-color: oklch(86.5% 0.127 207.078);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-400 {\n --tw-text-shadow-color: oklch(78.9% 0.154 211.53);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-500 {\n --tw-text-shadow-color: oklch(71.5% 0.143 215.221);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-600 {\n --tw-text-shadow-color: oklch(60.9% 0.126 221.723);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-700 {\n --tw-text-shadow-color: oklch(52% 0.105 223.128);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-800 {\n --tw-text-shadow-color: oklch(45% 0.085 224.283);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-900 {\n --tw-text-shadow-color: oklch(39.8% 0.07 227.392);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-950 {\n --tw-text-shadow-color: oklch(30.2% 0.056 229.695);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-50 {\n --tw-text-shadow-color: oklch(97.9% 0.021 166.113);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-100 {\n --tw-text-shadow-color: oklch(95% 0.052 163.051);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-200 {\n --tw-text-shadow-color: oklch(90.5% 0.093 164.15);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-300 {\n --tw-text-shadow-color: oklch(84.5% 0.143 164.978);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-400 {\n --tw-text-shadow-color: oklch(76.5% 0.177 163.223);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-500 {\n --tw-text-shadow-color: oklch(69.6% 0.17 162.48);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-600 {\n --tw-text-shadow-color: oklch(59.6% 0.145 163.225);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-700 {\n --tw-text-shadow-color: oklch(50.8% 0.118 165.612);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-800 {\n --tw-text-shadow-color: oklch(43.2% 0.095 166.913);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-900 {\n --tw-text-shadow-color: oklch(37.8% 0.077 168.94);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-950 {\n --tw-text-shadow-color: oklch(26.2% 0.051 172.552);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-50 {\n --tw-text-shadow-color: oklch(97.7% 0.017 320.058);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-100 {\n --tw-text-shadow-color: oklch(95.2% 0.037 318.852);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-200 {\n --tw-text-shadow-color: oklch(90.3% 0.076 319.62);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-300 {\n --tw-text-shadow-color: oklch(83.3% 0.145 321.434);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-400 {\n --tw-text-shadow-color: oklch(74% 0.238 322.16);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-500 {\n --tw-text-shadow-color: oklch(66.7% 0.295 322.15);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-600 {\n --tw-text-shadow-color: oklch(59.1% 0.293 322.896);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-700 {\n --tw-text-shadow-color: oklch(51.8% 0.253 323.949);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-800 {\n --tw-text-shadow-color: oklch(45.2% 0.211 324.591);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-900 {\n --tw-text-shadow-color: oklch(40.1% 0.17 325.612);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-950 {\n --tw-text-shadow-color: oklch(29.3% 0.136 325.661);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-50 {\n --tw-text-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-100 {\n --tw-text-shadow-color: oklch(97% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-200 {\n --tw-text-shadow-color: oklch(92.2% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-300 {\n --tw-text-shadow-color: oklch(87% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-400 {\n --tw-text-shadow-color: oklch(70.8% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-500 {\n --tw-text-shadow-color: oklch(55.6% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-600 {\n --tw-text-shadow-color: oklch(43.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-700 {\n --tw-text-shadow-color: oklch(37.1% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-800 {\n --tw-text-shadow-color: oklch(26.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-900 {\n --tw-text-shadow-color: oklch(20.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-950 {\n --tw-text-shadow-color: oklch(14.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-50 {\n --tw-text-shadow-color: oklch(98.2% 0.018 155.826);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-100 {\n --tw-text-shadow-color: oklch(96.2% 0.044 156.743);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-200 {\n --tw-text-shadow-color: oklch(92.5% 0.084 155.995);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-300 {\n --tw-text-shadow-color: oklch(87.1% 0.15 154.449);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-400 {\n --tw-text-shadow-color: oklch(79.2% 0.209 151.711);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-500 {\n --tw-text-shadow-color: oklch(72.3% 0.219 149.579);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-600 {\n --tw-text-shadow-color: oklch(62.7% 0.194 149.214);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-700 {\n --tw-text-shadow-color: oklch(52.7% 0.154 150.069);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-800 {\n --tw-text-shadow-color: oklch(44.8% 0.119 151.328);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-900 {\n --tw-text-shadow-color: oklch(39.3% 0.095 152.535);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-950 {\n --tw-text-shadow-color: oklch(26.6% 0.065 152.934);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-50 {\n --tw-text-shadow-color: oklch(96.2% 0.018 272.314);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-100 {\n --tw-text-shadow-color: oklch(93% 0.034 272.788);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-200 {\n --tw-text-shadow-color: oklch(87% 0.065 274.039);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-300 {\n --tw-text-shadow-color: oklch(78.5% 0.115 274.713);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-400 {\n --tw-text-shadow-color: oklch(67.3% 0.182 276.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-500 {\n --tw-text-shadow-color: oklch(58.5% 0.233 277.117);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-600 {\n --tw-text-shadow-color: oklch(51.1% 0.262 276.966);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-700 {\n --tw-text-shadow-color: oklch(45.7% 0.24 277.023);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-800 {\n --tw-text-shadow-color: oklch(39.8% 0.195 277.366);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-900 {\n --tw-text-shadow-color: oklch(35.9% 0.144 278.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-950 {\n --tw-text-shadow-color: oklch(25.7% 0.09 281.288);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-inherit {\n --tw-text-shadow-color: inherit;\n }\n .text-shadow-initial {\n --tw-text-shadow-color: initial;\n }\n .text-shadow-lg {\n text-shadow:\n 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)),\n 0px 3px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)),\n 0px 4px 8px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));\n }\n .text-shadow-lime-50 {\n --tw-text-shadow-color: oklch(98.6% 0.031 120.757);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-100 {\n --tw-text-shadow-color: oklch(96.7% 0.067 122.328);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-200 {\n --tw-text-shadow-color: oklch(93.8% 0.127 124.321);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-300 {\n --tw-text-shadow-color: oklch(89.7% 0.196 126.665);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-400 {\n --tw-text-shadow-color: oklch(84.1% 0.238 128.85);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-500 {\n --tw-text-shadow-color: oklch(76.8% 0.233 130.85);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-600 {\n --tw-text-shadow-color: oklch(64.8% 0.2 131.684);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-700 {\n --tw-text-shadow-color: oklch(53.2% 0.157 131.589);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-800 {\n --tw-text-shadow-color: oklch(45.3% 0.124 130.933);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-900 {\n --tw-text-shadow-color: oklch(40.5% 0.101 131.063);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-950 {\n --tw-text-shadow-color: oklch(27.4% 0.072 132.109);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-md {\n text-shadow:\n 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)),\n 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)),\n 0px 2px 4px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));\n }\n .text-shadow-neutral-50 {\n --tw-text-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-100 {\n --tw-text-shadow-color: oklch(97% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-200 {\n --tw-text-shadow-color: oklch(92.2% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-300 {\n --tw-text-shadow-color: oklch(87% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-400 {\n --tw-text-shadow-color: oklch(70.8% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-500 {\n --tw-text-shadow-color: oklch(55.6% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-600 {\n --tw-text-shadow-color: oklch(43.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-700 {\n --tw-text-shadow-color: oklch(37.1% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-800 {\n --tw-text-shadow-color: oklch(26.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-900 {\n --tw-text-shadow-color: oklch(20.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-950 {\n --tw-text-shadow-color: oklch(14.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-none {\n text-shadow: none;\n }\n .text-shadow-orange-50 {\n --tw-text-shadow-color: oklch(98% 0.016 73.684);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-100 {\n --tw-text-shadow-color: oklch(95.4% 0.038 75.164);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-200 {\n --tw-text-shadow-color: oklch(90.1% 0.076 70.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-300 {\n --tw-text-shadow-color: oklch(83.7% 0.128 66.29);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-400 {\n --tw-text-shadow-color: oklch(75% 0.183 55.934);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-500 {\n --tw-text-shadow-color: oklch(70.5% 0.213 47.604);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-600 {\n --tw-text-shadow-color: oklch(64.6% 0.222 41.116);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-700 {\n --tw-text-shadow-color: oklch(55.3% 0.195 38.402);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-800 {\n --tw-text-shadow-color: oklch(47% 0.157 37.304);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-900 {\n --tw-text-shadow-color: oklch(40.8% 0.123 38.172);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-950 {\n --tw-text-shadow-color: oklch(26.6% 0.079 36.259);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-50 {\n --tw-text-shadow-color: oklch(97.1% 0.014 343.198);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-100 {\n --tw-text-shadow-color: oklch(94.8% 0.028 342.258);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-200 {\n --tw-text-shadow-color: oklch(89.9% 0.061 343.231);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-300 {\n --tw-text-shadow-color: oklch(82.3% 0.12 346.018);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-400 {\n --tw-text-shadow-color: oklch(71.8% 0.202 349.761);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-500 {\n --tw-text-shadow-color: oklch(65.6% 0.241 354.308);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-600 {\n --tw-text-shadow-color: oklch(59.2% 0.249 0.584);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-700 {\n --tw-text-shadow-color: oklch(52.5% 0.223 3.958);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-800 {\n --tw-text-shadow-color: oklch(45.9% 0.187 3.815);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-900 {\n --tw-text-shadow-color: oklch(40.8% 0.153 2.432);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-950 {\n --tw-text-shadow-color: oklch(28.4% 0.109 3.907);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-50 {\n --tw-text-shadow-color: oklch(97.7% 0.014 308.299);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-100 {\n --tw-text-shadow-color: oklch(94.6% 0.033 307.174);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-200 {\n --tw-text-shadow-color: oklch(90.2% 0.063 306.703);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-300 {\n --tw-text-shadow-color: oklch(82.7% 0.119 306.383);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-400 {\n --tw-text-shadow-color: oklch(71.4% 0.203 305.504);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-500 {\n --tw-text-shadow-color: oklch(62.7% 0.265 303.9);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-600 {\n --tw-text-shadow-color: oklch(55.8% 0.288 302.321);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-700 {\n --tw-text-shadow-color: oklch(49.6% 0.265 301.924);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-800 {\n --tw-text-shadow-color: oklch(43.8% 0.218 303.724);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-900 {\n --tw-text-shadow-color: oklch(38.1% 0.176 304.987);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-950 {\n --tw-text-shadow-color: oklch(29.1% 0.149 302.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-50 {\n --tw-text-shadow-color: oklch(97.1% 0.013 17.38);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-100 {\n --tw-text-shadow-color: oklch(93.6% 0.032 17.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-200 {\n --tw-text-shadow-color: oklch(88.5% 0.062 18.334);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-300 {\n --tw-text-shadow-color: oklch(80.8% 0.114 19.571);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-400 {\n --tw-text-shadow-color: oklch(70.4% 0.191 22.216);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-500 {\n --tw-text-shadow-color: oklch(63.7% 0.237 25.331);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-600 {\n --tw-text-shadow-color: oklch(57.7% 0.245 27.325);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-700 {\n --tw-text-shadow-color: oklch(50.5% 0.213 27.518);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-800 {\n --tw-text-shadow-color: oklch(44.4% 0.177 26.899);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-900 {\n --tw-text-shadow-color: oklch(39.6% 0.141 25.723);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-950 {\n --tw-text-shadow-color: oklch(25.8% 0.092 26.042);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-50 {\n --tw-text-shadow-color: oklch(96.9% 0.015 12.422);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-100 {\n --tw-text-shadow-color: oklch(94.1% 0.03 12.58);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-200 {\n --tw-text-shadow-color: oklch(89.2% 0.058 10.001);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-300 {\n --tw-text-shadow-color: oklch(81% 0.117 11.638);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-400 {\n --tw-text-shadow-color: oklch(71.2% 0.194 13.428);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-500 {\n --tw-text-shadow-color: oklch(64.5% 0.246 16.439);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-600 {\n --tw-text-shadow-color: oklch(58.6% 0.253 17.585);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-700 {\n --tw-text-shadow-color: oklch(51.4% 0.222 16.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-800 {\n --tw-text-shadow-color: oklch(45.5% 0.188 13.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-900 {\n --tw-text-shadow-color: oklch(41% 0.159 10.272);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-950 {\n --tw-text-shadow-color: oklch(27.1% 0.105 12.094);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-50 {\n --tw-text-shadow-color: oklch(97.7% 0.013 236.62);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-100 {\n --tw-text-shadow-color: oklch(95.1% 0.026 236.824);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-200 {\n --tw-text-shadow-color: oklch(90.1% 0.058 230.902);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-300 {\n --tw-text-shadow-color: oklch(82.8% 0.111 230.318);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-400 {\n --tw-text-shadow-color: oklch(74.6% 0.16 232.661);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-500 {\n --tw-text-shadow-color: oklch(68.5% 0.169 237.323);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-600 {\n --tw-text-shadow-color: oklch(58.8% 0.158 241.966);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-700 {\n --tw-text-shadow-color: oklch(50% 0.134 242.749);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-800 {\n --tw-text-shadow-color: oklch(44.3% 0.11 240.79);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-900 {\n --tw-text-shadow-color: oklch(39.1% 0.09 240.876);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-950 {\n --tw-text-shadow-color: oklch(29.3% 0.066 243.157);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-50 {\n --tw-text-shadow-color: oklch(98.4% 0.003 247.858);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-100 {\n --tw-text-shadow-color: oklch(96.8% 0.007 247.896);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-200 {\n --tw-text-shadow-color: oklch(92.9% 0.013 255.508);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-300 {\n --tw-text-shadow-color: oklch(86.9% 0.022 252.894);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-400 {\n --tw-text-shadow-color: oklch(70.4% 0.04 256.788);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-500 {\n --tw-text-shadow-color: oklch(55.4% 0.046 257.417);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-600 {\n --tw-text-shadow-color: oklch(44.6% 0.043 257.281);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-700 {\n --tw-text-shadow-color: oklch(37.2% 0.044 257.287);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-800 {\n --tw-text-shadow-color: oklch(27.9% 0.041 260.031);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-900 {\n --tw-text-shadow-color: oklch(20.8% 0.042 265.755);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-950 {\n --tw-text-shadow-color: oklch(12.9% 0.042 264.695);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sm {\n text-shadow:\n 0px 1px 0px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)),\n 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)),\n 0px 2px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075));\n }\n .text-shadow-stone-50 {\n --tw-text-shadow-color: oklch(98.5% 0.001 106.423);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-100 {\n --tw-text-shadow-color: oklch(97% 0.001 106.424);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-200 {\n --tw-text-shadow-color: oklch(92.3% 0.003 48.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-300 {\n --tw-text-shadow-color: oklch(86.9% 0.005 56.366);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-400 {\n --tw-text-shadow-color: oklch(70.9% 0.01 56.259);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-500 {\n --tw-text-shadow-color: oklch(55.3% 0.013 58.071);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-600 {\n --tw-text-shadow-color: oklch(44.4% 0.011 73.639);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-700 {\n --tw-text-shadow-color: oklch(37.4% 0.01 67.558);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-800 {\n --tw-text-shadow-color: oklch(26.8% 0.007 34.298);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-900 {\n --tw-text-shadow-color: oklch(21.6% 0.006 56.043);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-950 {\n --tw-text-shadow-color: oklch(14.7% 0.004 49.25);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-50 {\n --tw-text-shadow-color: oklch(98.4% 0.014 180.72);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-100 {\n --tw-text-shadow-color: oklch(95.3% 0.051 180.801);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-200 {\n --tw-text-shadow-color: oklch(91% 0.096 180.426);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-300 {\n --tw-text-shadow-color: oklch(85.5% 0.138 181.071);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-400 {\n --tw-text-shadow-color: oklch(77.7% 0.152 181.912);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-500 {\n --tw-text-shadow-color: oklch(70.4% 0.14 182.503);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-600 {\n --tw-text-shadow-color: oklch(60% 0.118 184.704);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-700 {\n --tw-text-shadow-color: oklch(51.1% 0.096 186.391);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-800 {\n --tw-text-shadow-color: oklch(43.7% 0.078 188.216);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-900 {\n --tw-text-shadow-color: oklch(38.6% 0.063 188.416);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-950 {\n --tw-text-shadow-color: oklch(27.7% 0.046 192.524);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-transparent {\n --tw-text-shadow-color: transparent;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, transparent var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-50 {\n --tw-text-shadow-color: oklch(96.9% 0.016 293.756);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-100 {\n --tw-text-shadow-color: oklch(94.3% 0.029 294.588);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-200 {\n --tw-text-shadow-color: oklch(89.4% 0.057 293.283);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-300 {\n --tw-text-shadow-color: oklch(81.1% 0.111 293.571);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-400 {\n --tw-text-shadow-color: oklch(70.2% 0.183 293.541);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-500 {\n --tw-text-shadow-color: oklch(60.6% 0.25 292.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-600 {\n --tw-text-shadow-color: oklch(54.1% 0.281 293.009);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-700 {\n --tw-text-shadow-color: oklch(49.1% 0.27 292.581);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-800 {\n --tw-text-shadow-color: oklch(43.2% 0.232 292.759);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-900 {\n --tw-text-shadow-color: oklch(38% 0.189 293.745);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-950 {\n --tw-text-shadow-color: oklch(28.3% 0.141 291.089);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-white {\n --tw-text-shadow-color: #fff;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-xs {\n text-shadow: 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.2));\n }\n .text-shadow-yellow-50 {\n --tw-text-shadow-color: oklch(98.7% 0.026 102.212);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-100 {\n --tw-text-shadow-color: oklch(97.3% 0.071 103.193);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-200 {\n --tw-text-shadow-color: oklch(94.5% 0.129 101.54);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-300 {\n --tw-text-shadow-color: oklch(90.5% 0.182 98.111);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-400 {\n --tw-text-shadow-color: oklch(85.2% 0.199 91.936);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-500 {\n --tw-text-shadow-color: oklch(79.5% 0.184 86.047);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-600 {\n --tw-text-shadow-color: oklch(68.1% 0.162 75.834);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-700 {\n --tw-text-shadow-color: oklch(55.4% 0.135 66.442);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-800 {\n --tw-text-shadow-color: oklch(47.6% 0.114 61.907);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-900 {\n --tw-text-shadow-color: oklch(42.1% 0.095 57.708);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-950 {\n --tw-text-shadow-color: oklch(28.6% 0.066 53.813);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-50 {\n --tw-text-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-100 {\n --tw-text-shadow-color: oklch(96.7% 0.001 286.375);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-200 {\n --tw-text-shadow-color: oklch(92% 0.004 286.32);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-300 {\n --tw-text-shadow-color: oklch(87.1% 0.006 286.286);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-400 {\n --tw-text-shadow-color: oklch(70.5% 0.015 286.067);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-500 {\n --tw-text-shadow-color: oklch(55.2% 0.016 285.938);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-600 {\n --tw-text-shadow-color: oklch(44.2% 0.017 285.786);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-700 {\n --tw-text-shadow-color: oklch(37% 0.013 285.805);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-800 {\n --tw-text-shadow-color: oklch(27.4% 0.006 286.033);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-900 {\n --tw-text-shadow-color: oklch(21% 0.006 285.885);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-950 {\n --tw-text-shadow-color: oklch(14.1% 0.005 285.823);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .transform-3d {\n transform-style: preserve-3d;\n }\n .transform-flat {\n transform-style: flat;\n }\n .placeholder\\:text-gray-500 {\n &::-moz-placeholder {\n color: var(--color-gray-500);\n }\n &::placeholder {\n color: var(--color-gray-500);\n }\n }\n .before\\:absolute {\n &::before {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .before\\:-top-\\[200px\\] {\n &::before {\n content: var(--tw-content);\n top: calc(200px * -1);\n }\n }\n .before\\:top-0 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * 0);\n }\n }\n .before\\:-bottom-\\[200px\\] {\n &::before {\n content: var(--tw-content);\n bottom: calc(200px * -1);\n }\n }\n .before\\:left-0 {\n &::before {\n content: var(--tw-content);\n left: calc(var(--spacing) * 0);\n }\n }\n .before\\:left-\\[5\\%\\] {\n &::before {\n content: var(--tw-content);\n left: 5%;\n }\n }\n .before\\:h-2 {\n &::before {\n content: var(--tw-content);\n height: calc(var(--spacing) * 2);\n }\n }\n .before\\:h-\\[1px\\] {\n &::before {\n content: var(--tw-content);\n height: 1px;\n }\n }\n .before\\:h-full {\n &::before {\n content: var(--tw-content);\n height: 100%;\n }\n }\n .before\\:w-\\(--cursor-value\\) {\n &::before {\n content: var(--tw-content);\n width: var(--cursor-value);\n }\n }\n .before\\:w-\\(--meter-value\\) {\n &::before {\n content: var(--tw-content);\n width: var(--meter-value);\n }\n }\n .before\\:w-\\[90\\%\\] {\n &::before {\n content: var(--tw-content);\n width: 90%;\n }\n }\n .before\\:w-\\[100px\\] {\n &::before {\n content: var(--tw-content);\n width: 100px;\n }\n }\n .before\\:-skew-15 {\n &::before {\n content: var(--tw-content);\n --tw-skew-x: skewX(calc(15deg * -1));\n --tw-skew-y: skewY(calc(15deg * -1));\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n }\n .before\\:animate-\\[progress-bar_calc\\(var\\(--progress-speed\\)\\*50ms\\)_ease_forwards\\] {\n &::before {\n content: var(--tw-content);\n animation: progress-bar calc(var(--progress-speed) * 50ms) ease forwards;\n }\n }\n .before\\:animate-\\[shine_2000ms_ease-in-out_infinite\\] {\n &::before {\n content: var(--tw-content);\n animation: shine 2000ms ease-in-out infinite;\n }\n }\n .before\\:rounded-full {\n &::before {\n content: var(--tw-content);\n border-radius: calc(infinity * 1px);\n }\n }\n .before\\:bg-danger-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-danger-500);\n }\n }\n .before\\:bg-gray-200 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-gray-200);\n }\n }\n .before\\:bg-gray-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-gray-500);\n }\n }\n .before\\:bg-primary-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-primary-500);\n }\n }\n .before\\:bg-secondary-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-secondary-500);\n }\n }\n .before\\:bg-success-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-success-500);\n }\n }\n .before\\:bg-warning-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-warning-500);\n }\n }\n .before\\:bg-white {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-white);\n }\n }\n .before\\:opacity-70 {\n &::before {\n content: var(--tw-content);\n opacity: 70%;\n }\n }\n .before\\:blur-\\[20px\\] {\n &::before {\n content: var(--tw-content);\n --tw-blur: blur(20px);\n 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,);\n }\n }\n .before\\:transition-all {\n &::before {\n content: var(--tw-content);\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n }\n .before\\:duration-200 {\n &::before {\n content: var(--tw-content);\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .before\\:ease-in-out {\n &::before {\n content: var(--tw-content);\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n }\n .after\\:absolute {\n &::after {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .after\\:top-0\\.5 {\n &::after {\n content: var(--tw-content);\n top: calc(var(--spacing) * 0.5);\n }\n }\n .after\\:top-full {\n &::after {\n content: var(--tw-content);\n top: 100%;\n }\n }\n .after\\:right-1 {\n &::after {\n content: var(--tw-content);\n right: calc(var(--spacing) * 1);\n }\n }\n .after\\:left-0\\.5 {\n &::after {\n content: var(--tw-content);\n left: calc(var(--spacing) * 0.5);\n }\n }\n .after\\:left-1 {\n &::after {\n content: var(--tw-content);\n left: calc(var(--spacing) * 1);\n }\n }\n .after\\:left-1\\/2 {\n &::after {\n content: var(--tw-content);\n left: calc(1/2 * 100%);\n }\n }\n .after\\:size-2 {\n &::after {\n content: var(--tw-content);\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n }\n .after\\:-translate-x-1\\/2 {\n &::after {\n content: var(--tw-content);\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .after\\:rounded-full {\n &::after {\n content: var(--tw-content);\n border-radius: calc(infinity * 1px);\n }\n }\n .after\\:border-4 {\n &::after {\n content: var(--tw-content);\n border-style: var(--tw-border-style);\n border-width: 4px;\n }\n }\n .after\\:border-transparent {\n &::after {\n content: var(--tw-content);\n border-color: transparent;\n }\n }\n .after\\:border-t-overlay-black-80 {\n &::after {\n content: var(--tw-content);\n border-top-color: var(--color-overlay-black-80);\n }\n }\n .after\\:bg-danger-500 {\n &::after {\n content: var(--tw-content);\n background-color: var(--color-danger-500);\n }\n }\n .after\\:bg-gray-500 {\n &::after {\n content: var(--tw-content);\n background-color: var(--color-gray-500);\n }\n }\n .after\\:bg-primary-500 {\n &::after {\n content: var(--tw-content);\n background-color: var(--color-primary-500);\n }\n }\n .after\\:opacity-0 {\n &::after {\n content: var(--tw-content);\n opacity: 0%;\n }\n }\n .after\\:transition-all {\n &::after {\n content: var(--tw-content);\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n }\n .after\\:duration-200 {\n &::after {\n content: var(--tw-content);\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .after\\:ease-in-out {\n &::after {\n content: var(--tw-content);\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n }\n .focus-within\\:border-danger-500 {\n &:focus-within {\n border-color: var(--color-danger-500);\n }\n }\n .focus-within\\:border-primary-500 {\n &:focus-within {\n border-color: var(--color-primary-500);\n }\n }\n .focus-within\\:border-success-500 {\n &:focus-within {\n border-color: var(--color-success-500);\n }\n }\n .hover\\:scale-105 {\n &:hover {\n @media (hover: hover) {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n }\n .hover\\:border-danger-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-danger-300);\n }\n }\n }\n .hover\\:border-gray-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-gray-300);\n }\n }\n }\n .hover\\:border-primary-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-primary-300);\n }\n }\n }\n .hover\\:border-secondary-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-secondary-300);\n }\n }\n }\n .hover\\:border-success-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-success-300);\n }\n }\n }\n .hover\\:border-warning-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-warning-300);\n }\n }\n }\n .hover\\:bg-blue-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-300);\n }\n }\n }\n .hover\\:bg-danger-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-danger-300);\n }\n }\n }\n .hover\\:bg-danger-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-danger-500);\n }\n }\n }\n .hover\\:bg-gray-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-50);\n }\n }\n }\n .hover\\:bg-gray-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-300);\n }\n }\n }\n .hover\\:bg-gray-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-500);\n }\n }\n }\n .hover\\:bg-primary-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-primary-300);\n }\n }\n }\n .hover\\:bg-primary-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-primary-500);\n }\n }\n }\n .hover\\:bg-secondary-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-secondary-300);\n }\n }\n }\n .hover\\:bg-secondary-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-secondary-500);\n }\n }\n }\n .hover\\:bg-success-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-success-300);\n }\n }\n }\n .hover\\:bg-success-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-success-500);\n }\n }\n }\n .hover\\:bg-warning-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-warning-300);\n }\n }\n }\n .hover\\:bg-warning-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-warning-500);\n }\n }\n }\n .hover\\:text-danger-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-danger-300);\n }\n }\n }\n .hover\\:text-gray-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-300);\n }\n }\n }\n .hover\\:text-gray-500 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-500);\n }\n }\n }\n .hover\\:text-primary-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-primary-300);\n }\n }\n }\n .hover\\:text-secondary-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-secondary-300);\n }\n }\n }\n .hover\\:text-success-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-success-300);\n }\n }\n }\n .hover\\:text-warning-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-warning-300);\n }\n }\n }\n .hover\\:text-white {\n &:hover {\n @media (hover: hover) {\n color: var(--color-white);\n }\n }\n }\n .hover\\:opacity-70 {\n &:hover {\n @media (hover: hover) {\n opacity: 70%;\n }\n }\n }\n .focus\\:border-blue-200 {\n &:focus {\n border-color: var(--color-blue-200);\n }\n }\n .focus\\:border-danger-500 {\n &:focus {\n border-color: var(--color-danger-500);\n }\n }\n .focus\\:border-primary-500 {\n &:focus {\n border-color: var(--color-primary-500);\n }\n }\n .focus\\:border-success-500 {\n &:focus {\n border-color: var(--color-success-500);\n }\n }\n .focus\\:ring-1 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n }\n .focus\\:ring-danger-800 {\n &:focus {\n --tw-ring-color: var(--color-danger-800);\n }\n }\n .focus\\:ring-gray-500 {\n &:focus {\n --tw-ring-color: var(--color-gray-500);\n }\n }\n .focus\\:ring-gray-800 {\n &:focus {\n --tw-ring-color: var(--color-gray-800);\n }\n }\n .focus\\:ring-primary-800 {\n &:focus {\n --tw-ring-color: var(--color-primary-800);\n }\n }\n .focus\\:ring-secondary-800 {\n &:focus {\n --tw-ring-color: var(--color-secondary-800);\n }\n }\n .focus\\:ring-success-800 {\n &:focus {\n --tw-ring-color: var(--color-success-800);\n }\n }\n .focus\\:ring-warning-800 {\n &:focus {\n --tw-ring-color: var(--color-warning-800);\n }\n }\n .active\\:cursor-grabbing {\n &:active {\n cursor: grabbing;\n }\n }\n .active\\:border-danger-600 {\n &:active {\n border-color: var(--color-danger-600);\n }\n }\n .active\\:border-gray-100 {\n &:active {\n border-color: var(--color-gray-100);\n }\n }\n .active\\:border-gray-600 {\n &:active {\n border-color: var(--color-gray-600);\n }\n }\n .active\\:border-primary-600 {\n &:active {\n border-color: var(--color-primary-600);\n }\n }\n .active\\:border-secondary-600 {\n &:active {\n border-color: var(--color-secondary-600);\n }\n }\n .active\\:border-success-600 {\n &:active {\n border-color: var(--color-success-600);\n }\n }\n .active\\:border-warning-600 {\n &:active {\n border-color: var(--color-warning-600);\n }\n }\n .active\\:bg-blue-600 {\n &:active {\n background-color: var(--color-blue-600);\n }\n }\n .active\\:bg-danger-100 {\n &:active {\n background-color: var(--color-danger-100);\n }\n }\n .active\\:bg-danger-600 {\n &:active {\n background-color: var(--color-danger-600);\n }\n }\n .active\\:bg-gray-50 {\n &:active {\n background-color: var(--color-gray-50);\n }\n }\n .active\\:bg-gray-100 {\n &:active {\n background-color: var(--color-gray-100);\n }\n }\n .active\\:bg-gray-600 {\n &:active {\n background-color: var(--color-gray-600);\n }\n }\n .active\\:bg-primary-100 {\n &:active {\n background-color: var(--color-primary-100);\n }\n }\n .active\\:bg-primary-600 {\n &:active {\n background-color: var(--color-primary-600);\n }\n }\n .active\\:bg-secondary-100 {\n &:active {\n background-color: var(--color-secondary-100);\n }\n }\n .active\\:bg-secondary-600 {\n &:active {\n background-color: var(--color-secondary-600);\n }\n }\n .active\\:bg-success-100 {\n &:active {\n background-color: var(--color-success-100);\n }\n }\n .active\\:bg-success-600 {\n &:active {\n background-color: var(--color-success-600);\n }\n }\n .active\\:bg-warning-100 {\n &:active {\n background-color: var(--color-warning-100);\n }\n }\n .active\\:bg-warning-600 {\n &:active {\n background-color: var(--color-warning-600);\n }\n }\n .active\\:text-danger-600 {\n &:active {\n color: var(--color-danger-600);\n }\n }\n .active\\:text-gray-100 {\n &:active {\n color: var(--color-gray-100);\n }\n }\n .active\\:text-gray-600 {\n &:active {\n color: var(--color-gray-600);\n }\n }\n .active\\:text-primary-600 {\n &:active {\n color: var(--color-primary-600);\n }\n }\n .active\\:text-secondary-600 {\n &:active {\n color: var(--color-secondary-600);\n }\n }\n .active\\:text-success-600 {\n &:active {\n color: var(--color-success-600);\n }\n }\n .active\\:text-warning-600 {\n &:active {\n color: var(--color-warning-600);\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .disabled\\:border-gray-500 {\n &:disabled {\n border-color: var(--color-gray-500);\n }\n }\n .disabled\\:bg-gray-100 {\n &:disabled {\n background-color: var(--color-gray-100);\n }\n }\n .disabled\\:bg-gray-200 {\n &:disabled {\n background-color: var(--color-gray-200);\n }\n }\n .disabled\\:text-gray-500 {\n &:disabled {\n color: var(--color-gray-500);\n }\n }\n .disabled\\:hover\\:border-gray-500 {\n &:disabled {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-gray-500);\n }\n }\n }\n }\n .disabled\\:hover\\:bg-background {\n &:disabled {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-background);\n }\n }\n }\n }\n .disabled\\:hover\\:bg-gray-200 {\n &:disabled {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-200);\n }\n }\n }\n }\n .disabled\\:hover\\:text-gray-500 {\n &:disabled {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-500);\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:border-danger-500 {\n &:has(*:is(input:checked)) {\n border-color: var(--color-danger-500);\n }\n }\n .has-\\[input\\:checked\\]\\:border-gray-500 {\n &:has(*:is(input:checked)) {\n border-color: var(--color-gray-500);\n }\n }\n .has-\\[input\\:checked\\]\\:border-primary-500 {\n &:has(*:is(input:checked)) {\n border-color: var(--color-primary-500);\n }\n }\n .has-\\[input\\:checked\\]\\:bg-danger-500 {\n &:has(*:is(input:checked)) {\n background-color: var(--color-danger-500);\n }\n }\n .has-\\[input\\:checked\\]\\:bg-gray-200 {\n &:has(*:is(input:checked)) {\n background-color: var(--color-gray-200);\n }\n }\n .has-\\[input\\:checked\\]\\:bg-primary-500 {\n &:has(*:is(input:checked)) {\n background-color: var(--color-primary-500);\n }\n }\n .has-\\[input\\:checked\\]\\:text-gray-500 {\n &:has(*:is(input:checked)) {\n color: var(--color-gray-500);\n }\n }\n .has-\\[input\\:checked\\]\\:text-white {\n &:has(*:is(input:checked)) {\n color: var(--color-white);\n }\n }\n .has-\\[input\\:checked\\]\\:hover\\:bg-danger-300 {\n &:has(*:is(input:checked)) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-danger-300);\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:hover\\:bg-gray-200 {\n &:has(*:is(input:checked)) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-200);\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:hover\\:bg-primary-300 {\n &:has(*:is(input:checked)) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-primary-300);\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:active\\:bg-danger-600 {\n &:has(*:is(input:checked)) {\n &:active {\n background-color: var(--color-danger-600);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:active\\:bg-gray-200 {\n &:has(*:is(input:checked)) {\n &:active {\n background-color: var(--color-gray-200);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:active\\:bg-primary-600 {\n &:has(*:is(input:checked)) {\n &:active {\n background-color: var(--color-primary-600);\n }\n }\n }\n .has-\\[input\\:disabled\\]\\:cursor-not-allowed {\n &:has(*:is(input:disabled)) {\n cursor: not-allowed;\n }\n }\n .has-\\[input\\:disabled\\]\\:bg-gray-100 {\n &:has(*:is(input:disabled)) {\n background-color: var(--color-gray-100);\n }\n }\n .has-\\[input\\:disabled\\]\\:text-gray-500 {\n &:has(*:is(input:disabled)) {\n color: var(--color-gray-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-danger-500 {\n &:has(*:is(input:focus)) {\n border-color: var(--color-danger-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-primary-500 {\n &:has(*:is(input:focus)) {\n border-color: var(--color-primary-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-success-500 {\n &:has(*:is(input:focus)) {\n border-color: var(--color-success-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-b-danger-500 {\n &:has(*:is(input:focus)) {\n border-bottom-color: var(--color-danger-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-b-primary-500 {\n &:has(*:is(input:focus)) {\n border-bottom-color: var(--color-primary-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-b-success-500 {\n &:has(*:is(input:focus)) {\n border-bottom-color: var(--color-success-500);\n }\n }\n .has-\\[textarea\\:focus\\]\\:border-primary-500 {\n &:has(*:is(textarea:focus)) {\n border-color: var(--color-primary-500);\n }\n }\n .sm\\:visible {\n @media (width >= 40rem) {\n visibility: visible;\n }\n }\n .sm\\:max-w-\\(--aside-default\\) {\n @media (width >= 40rem) {\n max-width: var(--aside-default);\n }\n }\n .sm\\:max-w-\\(--aside-small\\) {\n @media (width >= 40rem) {\n max-width: var(--aside-small);\n }\n }\n .sm\\:max-w-\\(--main-default\\) {\n @media (width >= 40rem) {\n max-width: var(--main-default);\n }\n }\n .sm\\:max-w-\\(--main-form\\) {\n @media (width >= 40rem) {\n max-width: var(--main-form);\n }\n }\n .sm\\:max-w-\\(--main-large\\) {\n @media (width >= 40rem) {\n max-width: var(--main-large);\n }\n }\n .sm\\:flex-row {\n @media (width >= 40rem) {\n flex-direction: row;\n }\n }\n .sm\\:justify-center-safe {\n @media (width >= 40rem) {\n justify-content: safe center;\n }\n }\n .sm\\:py-8 {\n @media (width >= 40rem) {\n padding-block: calc(var(--spacing) * 8);\n }\n }\n .md\\:relative {\n @media (width >= 48rem) {\n position: relative;\n }\n }\n .md\\:top-\\[unset\\] {\n @media (width >= 48rem) {\n top: unset;\n }\n }\n .md\\:right-\\[unset\\] {\n @media (width >= 48rem) {\n right: unset;\n }\n }\n .md\\:left-\\[unset\\] {\n @media (width >= 48rem) {\n left: unset;\n }\n }\n .md\\:hidden {\n @media (width >= 48rem) {\n display: none;\n }\n }\n .md\\:h-\\[unset\\] {\n @media (width >= 48rem) {\n height: unset;\n }\n }\n .md\\:w-fit {\n @media (width >= 48rem) {\n width: -moz-fit-content;\n width: fit-content;\n }\n }\n .md\\:flex-row {\n @media (width >= 48rem) {\n flex-direction: row;\n }\n }\n .md\\:justify-between {\n @media (width >= 48rem) {\n justify-content: space-between;\n }\n }\n .md\\:justify-start {\n @media (width >= 48rem) {\n justify-content: flex-start;\n }\n }\n .md\\:px-0 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--spacing) * 0);\n }\n }\n .md\\:px-5 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--spacing) * 5);\n }\n }\n .md\\:py-0 {\n @media (width >= 48rem) {\n padding-block: calc(var(--spacing) * 0);\n }\n }\n .md\\:py-12 {\n @media (width >= 48rem) {\n padding-block: calc(var(--spacing) * 12);\n }\n }\n .lg\\:px-12 {\n @media (width >= 64rem) {\n padding-inline: calc(var(--spacing) * 12);\n }\n }\n .dark\\:bg-black {\n @media (prefers-color-scheme: dark) {\n background-color: var(--color-black);\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:border-danger-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n border-color: var(--color-danger-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:border-gray-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n border-color: var(--color-gray-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:border-primary-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n border-color: var(--color-primary-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:bg-danger-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n background-color: var(--color-danger-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:bg-gray-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n background-color: var(--color-gray-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:bg-primary-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n background-color: var(--color-primary-500);\n }\n }\n }\n .has-\\[\\:not\\(input\\:checked\\)\\]\\:\\[\\&_\\.checkbox\\>svg\\]\\:opacity-0 {\n &:has(*:is(:not(input:checked))) {\n & .checkbox > svg {\n opacity: 0%;\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\>svg\\]\\:opacity-100 {\n &:has(*:is(input:checked)) {\n & .checkbox > svg {\n opacity: 100%;\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.radio\\]\\:after\\:opacity-100 {\n &:has(*:is(input:checked)) {\n & .radio {\n &::after {\n content: var(--tw-content);\n opacity: 100%;\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:border-danger-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n border-color: var(--color-danger-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:border-gray-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n border-color: var(--color-gray-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:border-success-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n border-color: var(--color-success-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:bg-danger-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n background-color: var(--color-danger-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:bg-gray-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n background-color: var(--color-gray-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:bg-success-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n background-color: var(--color-success-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:after\\:left-2\\.5 {\n &:has(*:is(input:checked)) {\n & .toggle {\n &::after {\n content: var(--tw-content);\n left: calc(var(--spacing) * 2.5);\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:after\\:bg-white {\n &:has(*:is(input:checked)) {\n & .toggle {\n &::after {\n content: var(--tw-content);\n background-color: var(--color-white);\n }\n }\n }\n }\n .\\[\\&_\\.tooltip\\]\\:translate-x-\\[-50\\%\\] {\n & .tooltip {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .\\[\\&_\\.tooltip\\]\\:translate-y-\\[10px\\] {\n & .tooltip {\n --tw-translate-y: 10px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .\\[\\&_a\\]\\:font-black {\n & a {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n }\n .\\[\\&_a\\]\\:text-danger-500 {\n & a {\n color: var(--color-danger-500);\n }\n }\n .\\[\\&_a\\]\\:text-gray-500 {\n & a {\n color: var(--color-gray-500);\n }\n }\n .\\[\\&_a\\]\\:text-primary-500 {\n & a {\n color: var(--color-primary-500);\n }\n }\n .\\[\\&_a\\]\\:text-secondary-500 {\n & a {\n color: var(--color-secondary-500);\n }\n }\n .\\[\\&_a\\]\\:text-success-500 {\n & a {\n color: var(--color-success-500);\n }\n }\n .\\[\\&_a\\]\\:text-warning-500 {\n & a {\n color: var(--color-warning-500);\n }\n }\n .\\[\\&_a\\]\\:text-white {\n & a {\n color: var(--color-white);\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-danger-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-danger-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-gray-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-primary-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-primary-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-secondary-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-secondary-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-success-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-success-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-warning-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-warning-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-danger-600 {\n & a {\n &:active {\n color: var(--color-danger-600);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-gray-100 {\n & a {\n &:active {\n color: var(--color-gray-100);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-gray-600 {\n & a {\n &:active {\n color: var(--color-gray-600);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-primary-600 {\n & a {\n &:active {\n color: var(--color-primary-600);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-secondary-600 {\n & a {\n &:active {\n color: var(--color-secondary-600);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-success-600 {\n & a {\n &:active {\n color: var(--color-success-600);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-warning-600 {\n & a {\n &:active {\n color: var(--color-warning-600);\n }\n }\n }\n .\\[\\&_button\\]\\:font-black {\n & button {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n }\n .\\[\\&_button\\]\\:text-danger-500 {\n & button {\n color: var(--color-danger-500);\n }\n }\n .\\[\\&_button\\]\\:text-gray-500 {\n & button {\n color: var(--color-gray-500);\n }\n }\n .\\[\\&_button\\]\\:text-primary-500 {\n & button {\n color: var(--color-primary-500);\n }\n }\n .\\[\\&_button\\]\\:text-secondary-500 {\n & button {\n color: var(--color-secondary-500);\n }\n }\n .\\[\\&_button\\]\\:text-success-500 {\n & button {\n color: var(--color-success-500);\n }\n }\n .\\[\\&_button\\]\\:text-warning-500 {\n & button {\n color: var(--color-warning-500);\n }\n }\n .\\[\\&_button\\]\\:text-white {\n & button {\n color: var(--color-white);\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-danger-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-danger-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-gray-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-primary-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-primary-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-secondary-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-secondary-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-success-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-success-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-warning-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-warning-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-danger-600 {\n & button {\n &:active {\n color: var(--color-danger-600);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-gray-100 {\n & button {\n &:active {\n color: var(--color-gray-100);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-gray-600 {\n & button {\n &:active {\n color: var(--color-gray-600);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-primary-600 {\n & button {\n &:active {\n color: var(--color-primary-600);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-secondary-600 {\n & button {\n &:active {\n color: var(--color-secondary-600);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-success-600 {\n & button {\n &:active {\n color: var(--color-success-600);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-warning-600 {\n & button {\n &:active {\n color: var(--color-warning-600);\n }\n }\n }\n .\\[\\&_span\\]\\:size-2 {\n & span {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&_span\\]\\:border-3 {\n & span {\n border-style: var(--tw-border-style);\n border-width: 3px;\n }\n }\n .\\[\\&_tbody_tr\\]\\:border-b {\n & tbody tr {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n }\n .\\[\\&_tbody_tr\\]\\:border-b-gray-200 {\n & tbody tr {\n border-bottom-color: var(--color-gray-200);\n }\n }\n .\\[\\&_tbody_tr\\:nth-child\\(even\\)\\]\\:bg-gray-100 {\n & tbody tr:nth-child(even) {\n background-color: var(--color-gray-100);\n }\n }\n .\\[\\&_td\\]\\:overflow-x-scroll {\n & td {\n overflow-x: scroll;\n }\n }\n .\\[\\&_td\\]\\:border {\n & td {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n }\n .\\[\\&_td\\]\\:border-gray-200 {\n & td {\n border-color: var(--color-gray-200);\n }\n }\n .\\[\\&_td\\]\\:px-2 {\n & td {\n padding-inline: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&_td\\]\\:py-1 {\n & td {\n padding-block: calc(var(--spacing) * 1);\n }\n }\n .\\[\\&_td\\:last-child\\]\\:p-0 {\n & td:last-child {\n padding: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&_th\\]\\:overflow-x-scroll {\n & th {\n overflow-x: scroll;\n }\n }\n .\\[\\&_th\\]\\:px-2 {\n & th {\n padding-inline: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&_th\\]\\:py-1 {\n & th {\n padding-block: calc(var(--spacing) * 1);\n }\n }\n .\\[\\&_thead\\]\\:bg-primary-500 {\n & thead {\n background-color: var(--color-primary-500);\n }\n }\n .\\[\\&_thead\\]\\:font-bold {\n & thead {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n }\n .\\[\\&_thead\\]\\:text-white {\n & thead {\n color: var(--color-white);\n }\n }\n .\\[\\&_thead_th\\:not\\(\\:last-child\\)\\]\\:border-r {\n & thead th:not(:last-child) {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n }\n .\\[\\&_thead_th\\:not\\(\\:last-child\\)\\]\\:border-background {\n & thead th:not(:last-child) {\n border-color: var(--color-background);\n }\n }\n .\\[\\&\\&\\]\\:font-normal {\n && {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n }\n .\\[\\&\\.active\\]\\:border-b-primary-500 {\n &.active {\n border-bottom-color: var(--color-primary-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-danger-500 {\n &.active {\n background-color: var(--color-danger-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-gray-500 {\n &.active {\n background-color: var(--color-gray-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-primary-500 {\n &.active {\n background-color: var(--color-primary-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-secondary-500 {\n &.active {\n background-color: var(--color-secondary-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-success-500 {\n &.active {\n background-color: var(--color-success-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-warning-500 {\n &.active {\n background-color: var(--color-warning-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-white {\n &.active {\n background-color: var(--color-white);\n }\n }\n .\\[\\&\\.active\\]\\:font-black {\n &.active {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n }\n .\\[\\&\\.active\\]\\:text-white {\n &.active {\n color: var(--color-white);\n }\n }\n .\\[\\&\\.active\\]\\:opacity-100 {\n &.active {\n opacity: 100%;\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-danger-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-danger-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-gray-100 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-100);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-gray-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-primary-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-primary-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-secondary-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-secondary-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-success-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-success-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-warning-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-warning-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:opacity-70 {\n &.active {\n &:hover {\n @media (hover: hover) {\n opacity: 70%;\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-danger-600 {\n &.active {\n &:active {\n background-color: var(--color-danger-600);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-gray-100 {\n &.active {\n &:active {\n background-color: var(--color-gray-100);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-gray-600 {\n &.active {\n &:active {\n background-color: var(--color-gray-600);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-primary-600 {\n &.active {\n &:active {\n background-color: var(--color-primary-600);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-secondary-600 {\n &.active {\n &:active {\n background-color: var(--color-secondary-600);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-success-600 {\n &.active {\n &:active {\n background-color: var(--color-success-600);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-warning-600 {\n &.active {\n &:active {\n background-color: var(--color-warning-600);\n }\n }\n }\n .\\[\\&\\.open\\]\\:visible {\n &.open {\n visibility: visible;\n }\n }\n .\\[\\&\\.open\\]\\:top-\\[45\\%\\] {\n &.open {\n top: 45%;\n }\n }\n .\\[\\&\\.open\\]\\:right-0 {\n &.open {\n right: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&\\.open\\]\\:bottom-\\[45\\%\\] {\n &.open {\n bottom: 45%;\n }\n }\n .\\[\\&\\.open\\]\\:left-0 {\n &.open {\n left: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&\\.open\\]\\:z-20 {\n &.open {\n z-index: 20;\n }\n }\n .\\[\\&\\.open\\]\\:max-h-100 {\n &.open {\n max-height: calc(var(--spacing) * 100);\n }\n }\n .\\[\\&\\.open\\]\\:max-h-\\[179px\\] {\n &.open {\n max-height: 179px;\n }\n }\n .\\[\\&\\.open\\]\\:max-h-\\[300px\\] {\n &.open {\n max-height: 300px;\n }\n }\n .\\[\\&\\.open\\]\\:w-0 {\n &.open {\n width: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&\\.open\\]\\:-rotate-45 {\n &.open {\n rotate: calc(45deg * -1);\n }\n }\n .\\[\\&\\.open\\]\\:rotate-45 {\n &.open {\n rotate: 45deg;\n }\n }\n .\\[\\&\\.open\\]\\:rotate-180 {\n &.open {\n rotate: 180deg;\n }\n }\n .\\[\\&\\.open\\]\\:pt-2 {\n &.open {\n padding-top: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&\\.open\\]\\:pt-8 {\n &.open {\n padding-top: calc(var(--spacing) * 8);\n }\n }\n .\\[\\&\\.open\\]\\:opacity-100 {\n &.open {\n opacity: 100%;\n }\n }\n .\\[\\&\\.open\\]\\:shadow-sm {\n &.open {\n --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.3)), 0px 2px 6px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n }\n .\\[\\&\\.open\\]\\:transition-none {\n &.open {\n transition-property: none;\n }\n }\n .\\[\\&\\.readOnly\\]\\:cursor-default\\! {\n &.readOnly {\n cursor: default !important;\n }\n }\n .\\[\\&\\.visible\\]\\:z-20 {\n &.visible {\n z-index: 20;\n }\n }\n .\\[\\&\\.visible\\]\\:translate-x-0 {\n &.visible {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .\\[\\&\\.visible\\]\\:opacity-100 {\n &.visible {\n opacity: 100%;\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:absolute {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n position: absolute;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:top-\\[50\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n top: 50%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:top-\\[100\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n top: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:right-\\[100\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n right: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:bottom-\\[100\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n bottom: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:left-\\[50\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n left: 50%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:left-\\[100\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n left: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:translate-x-\\[-50\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:translate-y-\\[-50\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n --tw-translate-y: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-4 {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-style: var(--tw-border-style);\n border-width: 4px;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-transparent {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-color: transparent;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-t-\\(--color-overlay-black-80\\) {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-top-color: var(--color-overlay-black-80);\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-r-\\(--color-overlay-black-80\\) {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-right-color: var(--color-overlay-black-80);\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-b-\\(--color-overlay-black-80\\) {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-bottom-color: var(--color-overlay-black-80);\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-l-\\(--color-overlay-black-80\\) {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-left-color: var(--color-overlay-black-80);\n }\n }\n }\n .\\[\\&\\:\\:-moz-meter-bar\\]\\:border-none {\n &::-moz-meter-bar {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-moz-meter-bar\\]\\:bg-none {\n &::-moz-meter-bar {\n background-image: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:size-4 {\n &::-moz-range-thumb {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:cursor-pointer {\n &::-moz-range-thumb {\n cursor: pointer;\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:appearance-none {\n &::-moz-range-thumb {\n -moz-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:rounded-full {\n &::-moz-range-thumb {\n border-radius: calc(infinity * 1px);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:border-none {\n &::-moz-range-thumb {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:bg-danger-500 {\n &::-moz-range-thumb {\n background-color: var(--color-danger-500);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:bg-primary-500 {\n &::-moz-range-thumb {\n background-color: var(--color-primary-500);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:bg-success-500 {\n &::-moz-range-thumb {\n background-color: var(--color-success-500);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:bg-transparent {\n &::-moz-range-thumb {\n background-color: transparent;\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:ring-2 {\n &::-moz-range-thumb {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:ring-white {\n &::-moz-range-thumb {\n --tw-ring-color: var(--color-white);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:outline-none {\n &::-moz-range-thumb {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-track\\]\\:appearance-none {\n &::-moz-range-track {\n -moz-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-track\\]\\:border-none {\n &::-moz-range-track {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-track\\]\\:bg-transparent {\n &::-moz-range-track {\n background-color: transparent;\n }\n }\n .\\[\\&\\:\\:-moz-range-track\\]\\:outline-none {\n &::-moz-range-track {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:absolute {\n &::-webkit-calendar-picker-indicator {\n position: absolute;\n }\n }\n .\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:opacity-0 {\n &::-webkit-calendar-picker-indicator {\n opacity: 0%;\n }\n }\n .\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:m-0 {\n &::-webkit-inner-spin-button {\n margin: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none {\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-meter-bar\\]\\:border-none {\n &::-webkit-meter-bar {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-webkit-meter-bar\\]\\:bg-none {\n &::-webkit-meter-bar {\n background-image: none;\n }\n }\n .\\[\\&\\:\\:-webkit-meter-even-less-good-value\\]\\:bg-none {\n &::-webkit-meter-even-less-good-value {\n background-image: none;\n }\n }\n .\\[\\&\\:\\:-webkit-meter-optimum-value\\]\\:bg-none {\n &::-webkit-meter-optimum-value {\n background-image: none;\n }\n }\n .\\[\\&\\:\\:-webkit-meter-suboptimum-value\\]\\:bg-none {\n &::-webkit-meter-suboptimum-value {\n background-image: none;\n }\n }\n .\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none {\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-search-cancel-button\\]\\:hidden {\n &::-webkit-search-cancel-button {\n display: none;\n }\n }\n .\\[\\&\\:\\:-webkit-search-cancel-button\\]\\:appearance-none {\n &::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-search-decoration\\]\\:hidden {\n &::-webkit-search-decoration {\n display: none;\n }\n }\n .\\[\\&\\:\\:-webkit-search-decoration\\]\\:appearance-none {\n &::-webkit-search-decoration {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:relative {\n &::-webkit-slider-thumb {\n position: relative;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:z-20 {\n &::-webkit-slider-thumb {\n z-index: 20;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:size-4 {\n &::-webkit-slider-thumb {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:cursor-pointer {\n &::-webkit-slider-thumb {\n cursor: pointer;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:appearance-none {\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:rounded-full {\n &::-webkit-slider-thumb {\n border-radius: calc(infinity * 1px);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:border-none {\n &::-webkit-slider-thumb {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-danger-500 {\n &::-webkit-slider-thumb {\n background-color: var(--color-danger-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-primary-500 {\n &::-webkit-slider-thumb {\n background-color: var(--color-primary-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-success-500 {\n &::-webkit-slider-thumb {\n background-color: var(--color-success-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-transparent {\n &::-webkit-slider-thumb {\n background-color: transparent;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:ring-2 {\n &::-webkit-slider-thumb {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:ring-background {\n &::-webkit-slider-thumb {\n --tw-ring-color: var(--color-background);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:outline-none {\n &::-webkit-slider-thumb {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:h-full {\n &::-webkit-slider-track {\n height: 100%;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:appearance-none {\n &::-webkit-slider-track {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:border-none {\n &::-webkit-slider-track {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:bg-danger-500 {\n &::-webkit-slider-track {\n background-color: var(--color-danger-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:bg-primary-500 {\n &::-webkit-slider-track {\n background-color: var(--color-primary-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:bg-success-500 {\n &::-webkit-slider-track {\n background-color: var(--color-success-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:bg-transparent {\n &::-webkit-slider-track {\n background-color: transparent;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:outline-none {\n &::-webkit-slider-track {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:mr-2 {\n &::file-selector-button {\n margin-right: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:h-8 {\n &::file-selector-button {\n height: calc(var(--spacing) * 8);\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:cursor-pointer {\n &::file-selector-button {\n cursor: pointer;\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:bg-gray-200 {\n &::file-selector-button {\n background-color: var(--color-gray-200);\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:px-2 {\n &::file-selector-button {\n padding-inline: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:text-black {\n &::file-selector-button {\n color: var(--color-black);\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:transition-all {\n &::file-selector-button {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:duration-200 {\n &::file-selector-button {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:ease-in-out {\n &::file-selector-button {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n }\n .hover\\:\\[\\&\\:\\:file-selector-button\\]\\:bg-gray-300 {\n &:hover {\n @media (hover: hover) {\n &::file-selector-button {\n background-color: var(--color-gray-300);\n }\n }\n }\n }\n .\\[\\&\\:not\\(\\:last-child\\)\\]\\:border-b {\n &:not(:last-child) {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n }\n .\\[\\&\\:not\\(\\:last-child\\)\\]\\:border-b-gray-200 {\n &:not(:last-child) {\n border-bottom-color: var(--color-gray-200);\n }\n }\n .\\[\\&\\>\\*\\]\\:text-left {\n & > * {\n text-align: left;\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-1 {\n & > * {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-danger-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-danger-800);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-gray-500 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-gray-500);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-gray-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-gray-800);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-primary-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-primary-800);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-secondary-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-secondary-800);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-success-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-success-800);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-warning-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-warning-800);\n }\n }\n }\n .\\[\\&\\>a\\]\\:outline-none {\n & > a {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .\\[\\&\\>code\\]\\:rounded-xs {\n & > code {\n border-radius: var(--radius-xs);\n }\n }\n .\\[\\&\\>code\\]\\:bg-gray-50 {\n & > code {\n background-color: var(--color-gray-50);\n }\n }\n .\\[\\&\\>code\\]\\:p-1 {\n & > code {\n padding: calc(var(--spacing) * 1);\n }\n }\n .\\[\\&\\>code\\]\\:leading-8 {\n & > code {\n --tw-leading: calc(var(--spacing) * 8);\n line-height: calc(var(--spacing) * 8);\n }\n }\n .\\[\\&\\>code\\]\\:text-blue-500 {\n & > code {\n color: var(--color-blue-500);\n }\n }\n .\\[\\&\\>dd\\]\\:ps-4 {\n & > dd {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\>dd\\]\\:font-normal {\n & > dd {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n }\n .\\[\\&\\>dt\\]\\:font-bold {\n & > dt {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n }\n .\\[\\&\\>span\\]\\:h-1 {\n & > span {\n height: calc(var(--spacing) * 1);\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-danger-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-danger-300);\n }\n }\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-gray-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-gray-300);\n }\n }\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-primary-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-primary-300);\n }\n }\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-secondary-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-secondary-300);\n }\n }\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-success-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-success-300);\n }\n }\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-warning-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-warning-300);\n }\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-danger-600 {\n &:active {\n & > span {\n background-color: var(--color-danger-600);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-gray-100 {\n &:active {\n & > span {\n background-color: var(--color-gray-100);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-gray-600 {\n &:active {\n & > span {\n background-color: var(--color-gray-600);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-primary-600 {\n &:active {\n & > span {\n background-color: var(--color-primary-600);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-secondary-600 {\n &:active {\n & > span {\n background-color: var(--color-secondary-600);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-success-600 {\n &:active {\n & > span {\n background-color: var(--color-success-600);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-warning-600 {\n &:active {\n & > span {\n background-color: var(--color-warning-600);\n }\n }\n }\n}\n:root {\n --font-lato: "Lato", sans-serif;\n --font-sans: var(--font-lato);\n --font-mono: monospace;\n --color-primary-50: var(--color-blue-50);\n --color-primary-100: var(--color-blue-100);\n --color-primary-200: var(--color-blue-200);\n --color-primary-300: var(--color-blue-300);\n --color-primary-400: var(--color-blue-400);\n --color-primary-500: var(--color-blue-500);\n --color-primary-600: var(--color-blue-600);\n --color-primary-700: var(--color-blue-700);\n --color-primary-800: var(--color-blue-800);\n --color-primary-900: var(--color-blue-900);\n --color-primary-950: var(--color-blue-950);\n --color-secondary-50: var(--color-cyan-50);\n --color-secondary-100: var(--color-cyan-100);\n --color-secondary-200: var(--color-cyan-200);\n --color-secondary-300: var(--color-cyan-300);\n --color-secondary-400: var(--color-cyan-400);\n --color-secondary-500: var(--color-cyan-500);\n --color-secondary-600: var(--color-cyan-600);\n --color-secondary-700: var(--color-cyan-700);\n --color-secondary-800: var(--color-cyan-800);\n --color-secondary-900: var(--color-cyan-900);\n --color-secondary-950: var(--color-cyan-950);\n --color-success-50: var(--color-green-50);\n --color-success-100: var(--color-green-100);\n --color-success-200: var(--color-green-200);\n --color-success-300: var(--color-green-300);\n --color-success-400: var(--color-green-400);\n --color-success-500: var(--color-green-500);\n --color-success-600: var(--color-green-600);\n --color-success-700: var(--color-green-700);\n --color-success-800: var(--color-green-800);\n --color-success-900: var(--color-green-900);\n --color-success-950: var(--color-green-950);\n --color-danger-50: var(--color-red-50);\n --color-danger-100: var(--color-red-100);\n --color-danger-200: var(--color-red-200);\n --color-danger-300: var(--color-red-300);\n --color-danger-400: var(--color-red-400);\n --color-danger-500: var(--color-red-500);\n --color-danger-600: var(--color-red-600);\n --color-danger-700: var(--color-red-700);\n --color-danger-800: var(--color-red-800);\n --color-danger-900: var(--color-red-900);\n --color-danger-950: var(--color-red-950);\n --color-warning-50: var(--color-amber-50);\n --color-warning-100: var(--color-amber-100);\n --color-warning-200: var(--color-amber-200);\n --color-warning-300: var(--color-amber-300);\n --color-warning-400: var(--color-amber-400);\n --color-warning-500: var(--color-amber-500);\n --color-warning-600: var(--color-amber-600);\n --color-warning-700: var(--color-amber-700);\n --color-warning-800: var(--color-amber-800);\n --color-warning-900: var(--color-amber-900);\n --color-warning-950: var(--color-amber-950);\n --color-gray-50: var(--color-neutral-50);\n --color-gray-100: var(--color-neutral-100);\n --color-gray-200: var(--color-neutral-200);\n --color-gray-300: var(--color-neutral-300);\n --color-gray-400: var(--color-neutral-400);\n --color-gray-500: var(--color-neutral-500);\n --color-gray-600: var(--color-neutral-600);\n --color-gray-700: var(--color-neutral-700);\n --color-gray-800: var(--color-neutral-800);\n --color-gray-900: var(--color-neutral-900);\n --color-gray-950: var(--color-neutral-950);\n --color-background: var(--color-white);\n --color-font: var(--color-black);\n --font-weight-thin: 100;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --color-overlay-black-50: rgba(0, 0, 0, 0.5);\n --color-overlay-black-80: rgba(0, 0, 0, 0.8);\n --color-overlay-white-50: rgba(255, 255, 255, 0.5);\n --color-overlay-white-80: rgba(255, 255, 255, 0.8);\n --color-overlay-gradient-black:\n linear-gradient(\n \n 180deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(0, 0, 0, 0.56) 100% );\n --color-overlay-gradient-white:\n linear-gradient(\n \n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.35) 100% );\n --font-sans: var(--font-lato);\n --font-mono: monospace;\n --spacer-2xs: 4px;\n --spacer-xs: 8px;\n --spacer-sm: 12px;\n --spacer-md: 16px;\n --spacer-lg: 24px;\n --spacer-xl: 32px;\n --spacer-2xl: 48px;\n --main-default: 600px;\n --main-large: 800px;\n --main-form: 400px;\n --main-full: 100%;\n --aside-default: 250px;\n --aside-small: 200px;\n --shadow-2xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow-xs: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n --shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);\n --shadow-md: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);\n --shadow-lg: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3);\n --shadow-xl: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);\n --shadow-2xl: 0px 10px 14px 8px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.3);\n --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.06);\n --shadow-none: none;\n --animate-cubic-bezier: cubic-bezier(0.5, 0, 0.5, 1);\n --transition-short: all 200ms ease;\n --transition-long: all 500ms ease;\n --transition-bezier: all 500ms cubic-bezier(0.25, 0.75, 0, 0.66);\n --text-display-h1: 5rem;\n --text-display-h2: 4rem;\n --text-display-h3: 3.5rem;\n --text-display-h4: 3rem;\n --text-display-h5: 2.5rem;\n --text-h1: 2.5rem;\n --text-h2: 2rem;\n --text-h3: 1.8rem;\n --text-h4: 1.5rem;\n --text-h5: 1.3rem;\n --text-h6: 1.1rem;\n --text-body: 1rem;\n --text-small: 0.875rem;\n}\nhtml,\nbody {\n font-family: var(--font-sans);\n width: 100%;\n min-height: 100vh;\n background-color: var(--color-background);\n color: var(--color-font);\n max-width: 100dvw;\n line-height: var(--leading-normal);\n &.dark {\n --color-background: var(--color-black);\n --color-font: var(--color-white);\n }\n}\n.smooth {\n scroll-behavior: smooth;\n}\na,\nbutton {\n cursor: pointer;\n transition: var(--transition-short);\n &:disabled {\n cursor: not-allowed;\n }\n}\nimg,\nvideo,\niframe {\n max-width: 100%;\n}\n.no-scrollbar {\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n}\n.lato-thin {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-thin);\n font-style: normal;\n}\n.lato-light {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-light);\n font-style: normal;\n}\n.lato-regular {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-normal);\n font-style: normal;\n}\n.lato-bold {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-bold);\n font-style: normal;\n}\n.lato-black {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-black);\n font-style: normal;\n}\n.lato-thin-italic {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-thin);\n font-style: italic;\n}\n.lato-light-italic {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-light);\n font-style: italic;\n}\n.lato-regular-italic {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-normal);\n font-style: italic;\n}\n.lato-bold-italic {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-bold);\n font-style: italic;\n}\n.lato-black-italic {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-black);\n font-style: italic;\n}\n.text-primary {\n color: var(--color-primary-500);\n}\n.bg-primary {\n background-color: var(--color-primary-500);\n}\n.text-secondary {\n color: var(--color-secondary-500);\n}\n.bg-secondary {\n background-color: var(--color-secondary-500);\n}\n.text-success {\n color: var(--color-success-500);\n}\n.bg-success {\n background-color: var(--color-success-500);\n}\n.text-danger {\n color: var(--color-danger-500);\n}\n.bg-danger {\n background-color: var(--color-danger-500);\n}\n.text-warning {\n color: var(--color-warning-500);\n}\n.bg-warning {\n background-color: var(--color-warning-500);\n}\n.text-gray {\n color: var(--color-gray-500);\n}\n.bg-gray {\n background-color: var(--color-gray-500);\n}\n.text-white {\n color: var(--color-white);\n}\n.bg-white {\n background-color: var(--color-white);\n}\n.overlay-black-50 {\n background: var(--color-overlay-black-50);\n}\n.overlay-black-80 {\n background: var(--color-overlay-black-80);\n}\n.overlay-white-50 {\n background: var(--color-overlay-white-50);\n}\n.overlay-white-80 {\n background: var(--color-overlay-white-80);\n}\n.overlay-gradient-black {\n background: var(--color-overlay-gradient-black);\n}\n.overlay-gradient-white {\n background: var(--color-overlay-gradient-white);\n}\n@keyframes shine {\n from {\n left: -150px;\n }\n to {\n left: 106%;\n }\n}\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes loader-pulse {\n 0%, 100% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1);\n }\n}\n.Toastify__progress-bar--bg {\n background-color: transparent !important;\n}\n@keyframes progress-bar {\n 0% {\n width: 0;\n }\n 100% {\n width: var(--meter-value);\n }\n}\n@property --tw-border-spacing-x { syntax: "<length>"; inherits: false; initial-value: 0; }\n@property --tw-border-spacing-y { syntax: "<length>"; inherits: false; initial-value: 0; }\n@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-rotate-x { syntax: "*"; inherits: false; }\n@property --tw-rotate-y { syntax: "*"; inherits: false; }\n@property --tw-rotate-z { syntax: "*"; inherits: false; }\n@property --tw-skew-x { syntax: "*"; inherits: false; }\n@property --tw-skew-y { syntax: "*"; inherits: false; }\n@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }\n@property --tw-gradient-position { syntax: "*"; inherits: false; }\n@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-stops { syntax: "*"; inherits: false; }\n@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }\n@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }\n@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }\n@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-leading { syntax: "*"; inherits: false; }\n@property --tw-font-weight { syntax: "*"; inherits: false; }\n@property --tw-ordinal { syntax: "*"; inherits: false; }\n@property --tw-slashed-zero { syntax: "*"; inherits: false; }\n@property --tw-numeric-figure { syntax: "*"; inherits: false; }\n@property --tw-numeric-spacing { syntax: "*"; inherits: false; }\n@property --tw-numeric-fraction { syntax: "*"; inherits: false; }\n@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-ring-color { syntax: "*"; inherits: false; }\n@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-inset-ring-color { syntax: "*"; inherits: false; }\n@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-ring-inset { syntax: "*"; inherits: false; }\n@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }\n@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }\n@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }\n@property --tw-blur { syntax: "*"; inherits: false; }\n@property --tw-brightness { syntax: "*"; inherits: false; }\n@property --tw-contrast { syntax: "*"; inherits: false; }\n@property --tw-grayscale { syntax: "*"; inherits: false; }\n@property --tw-hue-rotate { syntax: "*"; inherits: false; }\n@property --tw-invert { syntax: "*"; inherits: false; }\n@property --tw-opacity { syntax: "*"; inherits: false; }\n@property --tw-saturate { syntax: "*"; inherits: false; }\n@property --tw-sepia { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }\n@property --tw-backdrop-blur { syntax: "*"; inherits: false; }\n@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }\n@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }\n@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }\n@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }\n@property --tw-backdrop-invert { syntax: "*"; inherits: false; }\n@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }\n@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }\n@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }\n@property --tw-duration { syntax: "*"; inherits: false; }\n@property --tw-ease { syntax: "*"; inherits: false; }\n@property --tw-text-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-text-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *,\n ::before,\n ::after,\n ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-ordinal: initial;\n --tw-slashed-zero: initial;\n --tw-numeric-figure: initial;\n --tw-numeric-spacing: initial;\n --tw-numeric-fraction: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-text-shadow-color: initial;\n --tw-text-shadow-alpha: 100%;\n --tw-content: "";\n }\n }\n}\n');
|
|
315
|
+
styleInject('@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";\n/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans: var(--font-lato);\n --font-mono: monospace;\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-red-900: oklch(39.6% 0.141 25.723);\n --color-red-950: oklch(25.8% 0.092 26.042);\n --color-orange-50: oklch(98% 0.016 73.684);\n --color-orange-100: oklch(95.4% 0.038 75.164);\n --color-orange-200: oklch(90.1% 0.076 70.697);\n --color-orange-300: oklch(83.7% 0.128 66.29);\n --color-orange-400: oklch(75% 0.183 55.934);\n --color-orange-500: oklch(70.5% 0.213 47.604);\n --color-orange-600: oklch(64.6% 0.222 41.116);\n --color-orange-700: oklch(55.3% 0.195 38.402);\n --color-orange-800: oklch(47% 0.157 37.304);\n --color-orange-900: oklch(40.8% 0.123 38.172);\n --color-orange-950: oklch(26.6% 0.079 36.259);\n --color-amber-50: oklch(98.7% 0.022 95.277);\n --color-amber-100: oklch(96.2% 0.059 95.617);\n --color-amber-200: oklch(92.4% 0.12 95.746);\n --color-amber-300: oklch(87.9% 0.169 91.605);\n --color-amber-400: oklch(82.8% 0.189 84.429);\n --color-amber-500: oklch(76.9% 0.188 70.08);\n --color-amber-600: oklch(66.6% 0.179 58.318);\n --color-amber-700: oklch(55.5% 0.163 48.998);\n --color-amber-800: oklch(47.3% 0.137 46.201);\n --color-amber-900: oklch(41.4% 0.112 45.904);\n --color-amber-950: oklch(27.9% 0.077 45.635);\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-200: oklch(94.5% 0.129 101.54);\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-yellow-700: oklch(55.4% 0.135 66.442);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-yellow-900: oklch(42.1% 0.095 57.708);\n --color-yellow-950: oklch(28.6% 0.066 53.813);\n --color-lime-50: oklch(98.6% 0.031 120.757);\n --color-lime-100: oklch(96.7% 0.067 122.328);\n --color-lime-200: oklch(93.8% 0.127 124.321);\n --color-lime-300: oklch(89.7% 0.196 126.665);\n --color-lime-400: oklch(84.1% 0.238 128.85);\n --color-lime-500: oklch(76.8% 0.233 130.85);\n --color-lime-600: oklch(64.8% 0.2 131.684);\n --color-lime-700: oklch(53.2% 0.157 131.589);\n --color-lime-800: oklch(45.3% 0.124 130.933);\n --color-lime-900: oklch(40.5% 0.101 131.063);\n --color-lime-950: oklch(27.4% 0.072 132.109);\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-green-950: oklch(26.6% 0.065 152.934);\n --color-emerald-50: oklch(97.9% 0.021 166.113);\n --color-emerald-100: oklch(95% 0.052 163.051);\n --color-emerald-200: oklch(90.5% 0.093 164.15);\n --color-emerald-300: oklch(84.5% 0.143 164.978);\n --color-emerald-400: oklch(76.5% 0.177 163.223);\n --color-emerald-500: oklch(69.6% 0.17 162.48);\n --color-emerald-600: oklch(59.6% 0.145 163.225);\n --color-emerald-700: oklch(50.8% 0.118 165.612);\n --color-emerald-800: oklch(43.2% 0.095 166.913);\n --color-emerald-900: oklch(37.8% 0.077 168.94);\n --color-emerald-950: oklch(26.2% 0.051 172.552);\n --color-teal-50: oklch(98.4% 0.014 180.72);\n --color-teal-100: oklch(95.3% 0.051 180.801);\n --color-teal-200: oklch(91% 0.096 180.426);\n --color-teal-300: oklch(85.5% 0.138 181.071);\n --color-teal-400: oklch(77.7% 0.152 181.912);\n --color-teal-500: oklch(70.4% 0.14 182.503);\n --color-teal-600: oklch(60% 0.118 184.704);\n --color-teal-700: oklch(51.1% 0.096 186.391);\n --color-teal-800: oklch(43.7% 0.078 188.216);\n --color-teal-900: oklch(38.6% 0.063 188.416);\n --color-teal-950: oklch(27.7% 0.046 192.524);\n --color-cyan-50: oklch(98.4% 0.019 200.873);\n --color-cyan-100: oklch(95.6% 0.045 203.388);\n --color-cyan-200: oklch(91.7% 0.08 205.041);\n --color-cyan-300: oklch(86.5% 0.127 207.078);\n --color-cyan-400: oklch(78.9% 0.154 211.53);\n --color-cyan-500: oklch(71.5% 0.143 215.221);\n --color-cyan-600: oklch(60.9% 0.126 221.723);\n --color-cyan-700: oklch(52% 0.105 223.128);\n --color-cyan-800: oklch(45% 0.085 224.283);\n --color-cyan-900: oklch(39.8% 0.07 227.392);\n --color-cyan-950: oklch(30.2% 0.056 229.695);\n --color-sky-50: oklch(97.7% 0.013 236.62);\n --color-sky-100: oklch(95.1% 0.026 236.824);\n --color-sky-200: oklch(90.1% 0.058 230.902);\n --color-sky-300: oklch(82.8% 0.111 230.318);\n --color-sky-400: oklch(74.6% 0.16 232.661);\n --color-sky-500: oklch(68.5% 0.169 237.323);\n --color-sky-600: oklch(58.8% 0.158 241.966);\n --color-sky-700: oklch(50% 0.134 242.749);\n --color-sky-800: oklch(44.3% 0.11 240.79);\n --color-sky-900: oklch(39.1% 0.09 240.876);\n --color-sky-950: oklch(29.3% 0.066 243.157);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-blue-950: oklch(28.2% 0.091 267.935);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-200: oklch(87% 0.065 274.039);\n --color-indigo-300: oklch(78.5% 0.115 274.713);\n --color-indigo-400: oklch(67.3% 0.182 276.935);\n --color-indigo-500: oklch(58.5% 0.233 277.117);\n --color-indigo-600: oklch(51.1% 0.262 276.966);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-indigo-800: oklch(39.8% 0.195 277.366);\n --color-indigo-900: oklch(35.9% 0.144 278.697);\n --color-indigo-950: oklch(25.7% 0.09 281.288);\n --color-violet-50: oklch(96.9% 0.016 293.756);\n --color-violet-100: oklch(94.3% 0.029 294.588);\n --color-violet-200: oklch(89.4% 0.057 293.283);\n --color-violet-300: oklch(81.1% 0.111 293.571);\n --color-violet-400: oklch(70.2% 0.183 293.541);\n --color-violet-500: oklch(60.6% 0.25 292.717);\n --color-violet-600: oklch(54.1% 0.281 293.009);\n --color-violet-700: oklch(49.1% 0.27 292.581);\n --color-violet-800: oklch(43.2% 0.232 292.759);\n --color-violet-900: oklch(38% 0.189 293.745);\n --color-violet-950: oklch(28.3% 0.141 291.089);\n --color-purple-50: oklch(97.7% 0.014 308.299);\n --color-purple-100: oklch(94.6% 0.033 307.174);\n --color-purple-200: oklch(90.2% 0.063 306.703);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-purple-400: oklch(71.4% 0.203 305.504);\n --color-purple-500: oklch(62.7% 0.265 303.9);\n --color-purple-600: oklch(55.8% 0.288 302.321);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-800: oklch(43.8% 0.218 303.724);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-purple-950: oklch(29.1% 0.149 302.717);\n --color-fuchsia-50: oklch(97.7% 0.017 320.058);\n --color-fuchsia-100: oklch(95.2% 0.037 318.852);\n --color-fuchsia-200: oklch(90.3% 0.076 319.62);\n --color-fuchsia-300: oklch(83.3% 0.145 321.434);\n --color-fuchsia-400: oklch(74% 0.238 322.16);\n --color-fuchsia-500: oklch(66.7% 0.295 322.15);\n --color-fuchsia-600: oklch(59.1% 0.293 322.896);\n --color-fuchsia-700: oklch(51.8% 0.253 323.949);\n --color-fuchsia-800: oklch(45.2% 0.211 324.591);\n --color-fuchsia-900: oklch(40.1% 0.17 325.612);\n --color-fuchsia-950: oklch(29.3% 0.136 325.661);\n --color-pink-50: oklch(97.1% 0.014 343.198);\n --color-pink-100: oklch(94.8% 0.028 342.258);\n --color-pink-200: oklch(89.9% 0.061 343.231);\n --color-pink-300: oklch(82.3% 0.12 346.018);\n --color-pink-400: oklch(71.8% 0.202 349.761);\n --color-pink-500: oklch(65.6% 0.241 354.308);\n --color-pink-600: oklch(59.2% 0.249 0.584);\n --color-pink-700: oklch(52.5% 0.223 3.958);\n --color-pink-800: oklch(45.9% 0.187 3.815);\n --color-pink-900: oklch(40.8% 0.153 2.432);\n --color-pink-950: oklch(28.4% 0.109 3.907);\n --color-rose-50: oklch(96.9% 0.015 12.422);\n --color-rose-100: oklch(94.1% 0.03 12.58);\n --color-rose-200: oklch(89.2% 0.058 10.001);\n --color-rose-300: oklch(81% 0.117 11.638);\n --color-rose-400: oklch(71.2% 0.194 13.428);\n --color-rose-500: oklch(64.5% 0.246 16.439);\n --color-rose-600: oklch(58.6% 0.253 17.585);\n --color-rose-700: oklch(51.4% 0.222 16.935);\n --color-rose-800: oklch(45.5% 0.188 13.697);\n --color-rose-900: oklch(41% 0.159 10.272);\n --color-rose-950: oklch(27.1% 0.105 12.094);\n --color-slate-50: oklch(98.4% 0.003 247.858);\n --color-slate-100: oklch(96.8% 0.007 247.896);\n --color-slate-200: oklch(92.9% 0.013 255.508);\n --color-slate-300: oklch(86.9% 0.022 252.894);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --color-slate-500: oklch(55.4% 0.046 257.417);\n --color-slate-600: oklch(44.6% 0.043 257.281);\n --color-slate-700: oklch(37.2% 0.044 257.287);\n --color-slate-800: oklch(27.9% 0.041 260.031);\n --color-slate-900: oklch(20.8% 0.042 265.755);\n --color-slate-950: oklch(12.9% 0.042 264.695);\n --color-gray-50: var(--color-neutral-50);\n --color-gray-100: var(--color-neutral-100);\n --color-gray-200: var(--color-neutral-200);\n --color-gray-300: var(--color-neutral-300);\n --color-gray-400: var(--color-neutral-400);\n --color-gray-500: var(--color-neutral-500);\n --color-gray-600: var(--color-neutral-600);\n --color-gray-700: var(--color-neutral-700);\n --color-gray-800: var(--color-neutral-800);\n --color-gray-900: var(--color-neutral-900);\n --color-gray-950: var(--color-neutral-950);\n --color-zinc-50: oklch(98.5% 0 0);\n --color-zinc-100: oklch(96.7% 0.001 286.375);\n --color-zinc-200: oklch(92% 0.004 286.32);\n --color-zinc-300: oklch(87.1% 0.006 286.286);\n --color-zinc-400: oklch(70.5% 0.015 286.067);\n --color-zinc-500: oklch(55.2% 0.016 285.938);\n --color-zinc-600: oklch(44.2% 0.017 285.786);\n --color-zinc-700: oklch(37% 0.013 285.805);\n --color-zinc-800: oklch(27.4% 0.006 286.033);\n --color-zinc-900: oklch(21% 0.006 285.885);\n --color-zinc-950: oklch(14.1% 0.005 285.823);\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-300: oklch(87% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-600: oklch(43.9% 0 0);\n --color-neutral-700: oklch(37.1% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-stone-50: oklch(98.5% 0.001 106.423);\n --color-stone-100: oklch(97% 0.001 106.424);\n --color-stone-200: oklch(92.3% 0.003 48.717);\n --color-stone-300: oklch(86.9% 0.005 56.366);\n --color-stone-400: oklch(70.9% 0.01 56.259);\n --color-stone-500: oklch(55.3% 0.013 58.071);\n --color-stone-600: oklch(44.4% 0.011 73.639);\n --color-stone-700: oklch(37.4% 0.01 67.558);\n --color-stone-800: oklch(26.8% 0.007 34.298);\n --color-stone-900: oklch(21.6% 0.006 56.043);\n --color-stone-950: oklch(14.7% 0.004 49.25);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-3xs: 16rem;\n --container-2xs: 18rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\n --container-5xl: 64rem;\n --container-6xl: 72rem;\n --container-7xl: 80rem;\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --font-weight-thin: 100;\n --font-weight-extralight: 200;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n --font-weight-black: 900;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-normal: 1.5;\n --leading-relaxed: 1.625;\n --leading-loose: 2;\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --shadow-2xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow-xs: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n --shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);\n --shadow-md: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);\n --shadow-lg: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3);\n --shadow-xl: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);\n --shadow-2xl: 0px 10px 14px 8px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.3);\n --ease-in: cubic-bezier(0.4, 0, 1, 1);\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --blur-3xl: 64px;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.06);\n --color-primary-50: var(--color-blue-50);\n --color-primary-100: var(--color-blue-100);\n --color-primary-200: var(--color-blue-200);\n --color-primary-300: var(--color-blue-300);\n --color-primary-400: var(--color-blue-400);\n --color-primary-500: var(--color-blue-500);\n --color-primary-600: var(--color-blue-600);\n --color-primary-700: var(--color-blue-700);\n --color-primary-800: var(--color-blue-800);\n --color-primary-900: var(--color-blue-900);\n --color-primary-950: var(--color-blue-950);\n --color-secondary-50: var(--color-cyan-50);\n --color-secondary-100: var(--color-cyan-100);\n --color-secondary-200: var(--color-cyan-200);\n --color-secondary-300: var(--color-cyan-300);\n --color-secondary-400: var(--color-cyan-400);\n --color-secondary-500: var(--color-cyan-500);\n --color-secondary-600: var(--color-cyan-600);\n --color-secondary-700: var(--color-cyan-700);\n --color-secondary-800: var(--color-cyan-800);\n --color-secondary-900: var(--color-cyan-900);\n --color-secondary-950: var(--color-cyan-950);\n --color-success-50: var(--color-green-50);\n --color-success-100: var(--color-green-100);\n --color-success-200: var(--color-green-200);\n --color-success-300: var(--color-green-300);\n --color-success-400: var(--color-green-400);\n --color-success-500: var(--color-green-500);\n --color-success-600: var(--color-green-600);\n --color-success-700: var(--color-green-700);\n --color-success-800: var(--color-green-800);\n --color-success-900: var(--color-green-900);\n --color-success-950: var(--color-green-950);\n --color-danger-50: var(--color-red-50);\n --color-danger-100: var(--color-red-100);\n --color-danger-200: var(--color-red-200);\n --color-danger-300: var(--color-red-300);\n --color-danger-400: var(--color-red-400);\n --color-danger-500: var(--color-red-500);\n --color-danger-600: var(--color-red-600);\n --color-danger-700: var(--color-red-700);\n --color-danger-800: var(--color-red-800);\n --color-danger-900: var(--color-red-900);\n --color-danger-950: var(--color-red-950);\n --color-warning-50: var(--color-amber-50);\n --color-warning-100: var(--color-amber-100);\n --color-warning-200: var(--color-amber-200);\n --color-warning-300: var(--color-amber-300);\n --color-warning-400: var(--color-amber-400);\n --color-warning-500: var(--color-amber-500);\n --color-warning-600: var(--color-amber-600);\n --color-warning-700: var(--color-amber-700);\n --color-warning-800: var(--color-amber-800);\n --color-warning-900: var(--color-amber-900);\n --color-warning-950: var(--color-amber-950);\n --color-background: var(--color-white);\n --color-font: var(--color-black);\n --color-overlay-black-50: rgba(0, 0, 0, 0.5);\n --color-overlay-black-80: rgba(0, 0, 0, 0.8);\n --color-overlay-white-50: rgba(255, 255, 255, 0.5);\n --color-overlay-white-80: rgba(255, 255, 255, 0.8);\n --color-overlay-gradient-black:\n linear-gradient(\n \n 180deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(0, 0, 0, 0.56) 100% );\n --color-overlay-gradient-white:\n linear-gradient(\n \n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.35) 100% );\n --spacer-2xs: 4px;\n --spacer-xs: 8px;\n --spacer-sm: 12px;\n --spacer-md: 16px;\n --spacer-lg: 24px;\n --spacer-xl: 32px;\n --spacer-2xl: 48px;\n --main-default: 600px;\n --main-large: 800px;\n --main-form: 400px;\n --main-full: 100%;\n --aside-default: 250px;\n --aside-small: 200px;\n --shadow-none: none;\n --animate-cubic-bezier: cubic-bezier(0.5, 0, 0.5, 1);\n --transition-short: all 200ms ease;\n --transition-long: all 500ms ease;\n --transition-bezier: all 500ms cubic-bezier(0.25, 0.75, 0, 0.66);\n --text-display-h1: 5rem;\n --text-display-h2: 4rem;\n --text-display-h3: 3.5rem;\n --text-display-h4: 3rem;\n --text-display-h5: 2.5rem;\n --text-h1: 2.5rem;\n --text-h2: 2rem;\n --text-h3: 1.8rem;\n --text-h4: 1.5rem;\n --text-h5: 1.3rem;\n --text-h6: 1.1rem;\n --text-body: 1rem;\n --text-small: 0.875rem;\n }\n}\n@layer base {\n *,\n ::after,\n ::before,\n ::backdrop,\n ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html,\n :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n 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");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b,\n strong {\n font-weight: bolder;\n }\n code,\n kbd,\n samp,\n pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol,\n ul,\n menu {\n list-style: none;\n }\n img,\n svg,\n video,\n canvas,\n audio,\n iframe,\n embed,\n object {\n display: block;\n vertical-align: middle;\n }\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n button,\n input,\n select,\n optgroup,\n textarea,\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::-moz-placeholder {\n opacity: 1;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::-moz-placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit,\n ::-webkit-datetime-edit-year-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-hour-field,\n ::-webkit-datetime-edit-minute-field,\n ::-webkit-datetime-edit-second-field,\n ::-webkit-datetime-edit-millisecond-field,\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button,\n input:where([type=button], [type=reset], [type=submit]),\n ::file-selector-button {\n -webkit-appearance: button;\n -moz-appearance: button;\n appearance: button;\n }\n ::-webkit-inner-spin-button,\n ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=until-found])) {\n display: none !important;\n }\n}\n@layer utilities {\n .\\@container {\n container-type: inline-size;\n }\n .\\@container-normal {\n container-type: normal;\n }\n .pointer-events-auto {\n pointer-events: auto;\n }\n .pointer-events-none {\n pointer-events: none;\n }\n .collapse {\n visibility: collapse;\n }\n .invisible {\n visibility: hidden;\n }\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .not-sr-only {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n }\n .\\!relative {\n position: relative !important;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .static {\n position: static;\n }\n .sticky {\n position: sticky;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .-top-8 {\n top: calc(var(--spacing) * -8);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-1 {\n top: calc(var(--spacing) * 1);\n }\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n .top-4 {\n top: calc(var(--spacing) * 4);\n }\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .top-12 {\n top: calc(var(--spacing) * 12);\n }\n .top-\\[-56px\\] {\n top: -56px;\n }\n .top-\\[-70\\%\\] {\n top: -70%;\n }\n .top-\\[40px\\] {\n top: 40px;\n }\n .top-\\[50\\%\\] {\n top: 50%;\n }\n .top-\\[56px\\] {\n top: 56px;\n }\n .top-\\[calc\\(\\(160px\\+56px\\)\\*-1\\)\\] {\n top: calc((160px + 56px) * -1);\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-2xl\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-2xl));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-2xs\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-2xs));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-lg\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-lg));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-md\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-md));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-sm\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-sm));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-xl\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-xl));\n }\n .top-\\[calc\\(-100\\%-var\\(--spacer-xs\\)\\)\\)\\] {\n top: calc(-100% - var(--spacer-xs));\n }\n .-right-\\[80\\%\\] {\n right: calc(80% * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-2xl\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-2xl)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-2xs\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-2xs)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-lg\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-lg)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-md\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-md)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-sm\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-sm)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-xl\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-xl)) * -1);\n }\n .-right-\\[calc\\(80\\%\\+var\\(--spacer-xs\\)\\)\\] {\n right: calc(calc(80% + var(--spacer-xs)) * -1);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n .right-5 {\n right: calc(var(--spacing) * 5);\n }\n .right-\\[-70\\%\\] {\n right: -70%;\n }\n .right-\\[-100\\%\\] {\n right: -100%;\n }\n .right-\\[calc\\(var\\(--drawer-max-width\\)\\*-1\\)\\] {\n right: calc(var(--drawer-max-width) * -1);\n }\n .\\!bottom-0 {\n bottom: calc(var(--spacing) * 0) !important;\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-1 {\n bottom: calc(var(--spacing) * 1);\n }\n .bottom-5 {\n bottom: calc(var(--spacing) * 5);\n }\n .bottom-\\[40px\\] {\n bottom: 40px;\n }\n .bottom-\\[calc\\(-100\\%-0px\\)\\)\\] {\n bottom: calc(-100% - 0px);\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-2xl\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-2xl));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-2xs\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-2xs));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-lg\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-lg));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-md\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-md));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-sm\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-sm));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-xl\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-xl));\n }\n .bottom-\\[calc\\(-100\\%-var\\(--spacer-xs\\)\\)\\)\\] {\n bottom: calc(-100% - var(--spacer-xs));\n }\n .\\!left-0 {\n left: calc(var(--spacing) * 0) !important;\n }\n .-left-\\[86\\%\\] {\n left: calc(86% * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-2xl\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-2xl)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-2xs\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-2xs)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-lg\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-lg)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-md\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-md)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-sm\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-sm)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-xl\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-xl)) * -1);\n }\n .-left-\\[calc\\(86\\%\\+var\\(--spacer-xs\\)\\)\\] {\n left: calc(calc(86% + var(--spacer-xs)) * -1);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-2 {\n left: calc(var(--spacing) * 2);\n }\n .left-\\[-70\\%\\] {\n left: -70%;\n }\n .left-\\[-100\\%\\] {\n left: -100%;\n }\n .left-\\[50\\%\\] {\n left: 50%;\n }\n .left-\\[250px\\] {\n left: 250px;\n }\n .left-\\[calc\\(var\\(--drawer-max-width\\)\\*-1\\)\\] {\n left: calc(var(--drawer-max-width) * -1);\n }\n .isolate {\n isolation: isolate;\n }\n .isolation-auto {\n isolation: auto;\n }\n .z-0 {\n z-index: 0;\n }\n .z-10 {\n z-index: 10;\n }\n .z-20 {\n z-index: 20;\n }\n .z-40 {\n z-index: 40;\n }\n .z-996 {\n z-index: 996;\n }\n .z-999 {\n z-index: 999;\n }\n .container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n }\n .m-26 {\n margin: calc(var(--spacing) * 26);\n }\n .m-32 {\n margin: calc(var(--spacing) * 32);\n }\n .m-40 {\n margin: calc(var(--spacing) * 40);\n }\n .m-64 {\n margin: calc(var(--spacing) * 64);\n }\n .m-101 {\n margin: calc(var(--spacing) * 101);\n }\n .m-104\\.5 {\n margin: calc(var(--spacing) * 104.5);\n }\n .m-178 {\n margin: calc(var(--spacing) * 178);\n }\n .m-246 {\n margin: calc(var(--spacing) * 246);\n }\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .mt-12 {\n margin-top: calc(var(--spacing) * 12);\n }\n .mr-6 {\n margin-right: calc(var(--spacing) * 6);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .box-border {\n box-sizing: border-box;\n }\n .box-content {\n box-sizing: content-box;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .flow-root {\n display: flow-root;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .inline-grid {\n display: inline-grid;\n }\n .list-item {\n display: list-item;\n }\n .table {\n display: table;\n }\n .table-cell {\n display: table-cell;\n }\n .field-sizing-content {\n field-sizing: content;\n }\n .field-sizing-fixed {\n field-sizing: fixed;\n }\n .size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-8 {\n width: calc(var(--spacing) * 8);\n height: calc(var(--spacing) * 8);\n }\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n .size-12 {\n width: calc(var(--spacing) * 12);\n height: calc(var(--spacing) * 12);\n }\n .size-16 {\n width: calc(var(--spacing) * 16);\n height: calc(var(--spacing) * 16);\n }\n .size-25 {\n width: calc(var(--spacing) * 25);\n height: calc(var(--spacing) * 25);\n }\n .h-0\\.5 {\n height: calc(var(--spacing) * 0.5);\n }\n .h-1 {\n height: calc(var(--spacing) * 1);\n }\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-\\[1px\\] {\n height: 1px;\n }\n .h-\\[15vw\\] {\n height: 15vw;\n }\n .h-\\[21px\\] {\n height: 21px;\n }\n .h-\\[90svh\\] {\n height: 90svh;\n }\n .h-\\[100px\\] {\n height: 100px;\n }\n .h-\\[100vh\\] {\n height: 100vh;\n }\n .h-\\[150px\\] {\n height: 150px;\n }\n .h-\\[300px\\] {\n height: 300px;\n }\n .h-\\[calc\\(100svh-56px\\)\\] {\n height: calc(100svh - 56px);\n }\n .h-fit {\n height: -moz-fit-content;\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .h-screen {\n height: 100vh;\n }\n .h-svh {\n height: 100svh;\n }\n .max-h-0 {\n max-height: calc(var(--spacing) * 0);\n }\n .max-h-80 {\n max-height: calc(var(--spacing) * 80);\n }\n .max-h-\\[160px\\] {\n max-height: 160px;\n }\n .max-h-\\[300px\\] {\n max-height: 300px;\n }\n .min-h-\\[80px\\] {\n min-height: 80px;\n }\n .min-h-\\[150px\\] {\n min-height: 150px;\n }\n .min-h-auto {\n min-height: auto;\n }\n .min-h-dvh {\n min-height: 100dvh;\n }\n .min-h-dvw {\n min-height: 100dvw;\n }\n .min-h-fit {\n min-height: -moz-fit-content;\n min-height: fit-content;\n }\n .min-h-full {\n min-height: 100%;\n }\n .min-h-lh {\n min-height: 1lh;\n }\n .min-h-lvh {\n min-height: 100lvh;\n }\n .min-h-lvw {\n min-height: 100lvw;\n }\n .min-h-max {\n min-height: -moz-max-content;\n min-height: max-content;\n }\n .min-h-min {\n min-height: -moz-min-content;\n min-height: min-content;\n }\n .min-h-px {\n min-height: 1px;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .min-h-svh {\n min-height: 100svh;\n }\n .min-h-svw {\n min-height: 100svw;\n }\n .w-\\(--aside-default\\) {\n width: var(--aside-default);\n }\n .w-\\(--aside-small\\) {\n width: var(--aside-small);\n }\n .w-\\(--main-default\\) {\n width: var(--main-default);\n }\n .w-\\(--main-form\\) {\n width: var(--main-form);\n }\n .w-\\(--main-full\\) {\n width: var(--main-full);\n }\n .w-\\(--main-large\\) {\n width: var(--main-large);\n }\n .w-0\\.5 {\n width: calc(var(--spacing) * 0.5);\n }\n .w-2xl {\n width: var(--container-2xl);\n }\n .w-2xs {\n width: var(--container-2xs);\n }\n .w-3xl {\n width: var(--container-3xl);\n }\n .w-3xs {\n width: var(--container-3xs);\n }\n .w-4xl {\n width: var(--container-4xl);\n }\n .w-5xl {\n width: var(--container-5xl);\n }\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n .w-6xl {\n width: var(--container-6xl);\n }\n .w-7xl {\n width: var(--container-7xl);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n .w-18 {\n width: calc(var(--spacing) * 18);\n }\n .w-\\[1px\\] {\n width: 1px;\n }\n .w-\\[70\\%\\] {\n width: 70%;\n }\n .w-\\[81px\\] {\n width: 81px;\n }\n .w-\\[90\\%\\] {\n width: 90%;\n }\n .w-\\[100\\%\\] {\n width: 100%;\n }\n .w-\\[100px\\] {\n width: 100px;\n }\n .w-\\[200px\\] {\n width: 200px;\n }\n .w-\\[250px\\] {\n width: 250px;\n }\n .w-\\[calc\\(2ch\\+20px\\)\\] {\n width: calc(2ch + 20px);\n }\n .w-\\[calc\\(100\\%-16px\\)\\] {\n width: calc(100% - 16px);\n }\n .w-\\[calc\\(100\\%-250px\\)\\] {\n width: calc(100% - 250px);\n }\n .w-fit {\n width: -moz-fit-content;\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .w-lg {\n width: var(--container-lg);\n }\n .w-md {\n width: var(--container-md);\n }\n .w-screen {\n width: 100vw;\n }\n .w-sm {\n width: var(--container-sm);\n }\n .w-xl {\n width: var(--container-xl);\n }\n .w-xs {\n width: var(--container-xs);\n }\n .max-w-\\(--drawer-max-width\\) {\n max-width: var(--drawer-max-width);\n }\n .max-w-\\(--form-max-width\\) {\n max-width: var(--form-max-width);\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-2xs {\n max-width: var(--container-2xs);\n }\n .max-w-3xl {\n max-width: var(--container-3xl);\n }\n .max-w-3xs {\n max-width: var(--container-3xs);\n }\n .max-w-4xl {\n max-width: var(--container-4xl);\n }\n .max-w-5xl {\n max-width: var(--container-5xl);\n }\n .max-w-6xl {\n max-width: var(--container-6xl);\n }\n .max-w-7xl {\n max-width: var(--container-7xl);\n }\n .max-w-\\[70\\%\\] {\n max-width: 70%;\n }\n .max-w-\\[90\\%\\] {\n max-width: 90%;\n }\n .max-w-\\[400px\\] {\n max-width: 400px;\n }\n .max-w-\\[800px\\] {\n max-width: 800px;\n }\n .max-w-\\[unset\\] {\n max-width: unset;\n }\n .max-w-dvh {\n max-width: 100dvh;\n }\n .max-w-dvw {\n max-width: 100dvw;\n }\n .max-w-fit {\n max-width: -moz-fit-content;\n max-width: fit-content;\n }\n .max-w-full {\n max-width: 100%;\n }\n .max-w-lg {\n max-width: var(--container-lg);\n }\n .max-w-lvh {\n max-width: 100lvh;\n }\n .max-w-lvw {\n max-width: 100lvw;\n }\n .max-w-max {\n max-width: -moz-max-content;\n max-width: max-content;\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-min {\n max-width: -moz-min-content;\n max-width: min-content;\n }\n .max-w-none {\n max-width: none;\n }\n .max-w-px {\n max-width: 1px;\n }\n .max-w-screen {\n max-width: 100vw;\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-svh {\n max-width: 100svh;\n }\n .max-w-svw {\n max-width: 100svw;\n }\n .max-w-xl {\n max-width: var(--container-xl);\n }\n .max-w-xs {\n max-width: var(--container-xs);\n }\n .min-w-2 {\n min-width: calc(var(--spacing) * 2);\n }\n .min-w-6 {\n min-width: calc(var(--spacing) * 6);\n }\n .min-w-\\[80px\\] {\n min-width: 80px;\n }\n .min-w-\\[150px\\] {\n min-width: 150px;\n }\n .min-w-\\[300px\\] {\n min-width: 300px;\n }\n .min-w-\\[calc\\(3ch\\+16px\\)\\] {\n min-width: calc(3ch + 16px);\n }\n .shrink {\n flex-shrink: 1;\n }\n .shrink-0 {\n flex-shrink: 0;\n }\n .grow {\n flex-grow: 1;\n }\n .grow-0 {\n flex-grow: 0;\n }\n .table-auto {\n table-layout: auto;\n }\n .table-fixed {\n table-layout: fixed;\n }\n .caption-bottom {\n caption-side: bottom;\n }\n .caption-top {\n caption-side: top;\n }\n .border-collapse {\n border-collapse: collapse;\n }\n .border-separate {\n border-collapse: separate;\n }\n .border-spacing-0 {\n --tw-border-spacing-x: calc(var(--spacing) * 0);\n --tw-border-spacing-y: calc(var(--spacing) * 0);\n border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);\n }\n .translate-1\\/2 {\n --tw-translate-x: calc(1/2 * 100%);\n --tw-translate-y: calc(1/2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-1\\/3 {\n --tw-translate-x: calc(1/3 * 100%);\n --tw-translate-y: calc(1/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-1\\/4 {\n --tw-translate-x: calc(1/4 * 100%);\n --tw-translate-y: calc(1/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-1\\/5 {\n --tw-translate-x: calc(1/5 * 100%);\n --tw-translate-y: calc(1/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-1\\/6 {\n --tw-translate-x: calc(1/6 * 100%);\n --tw-translate-y: calc(1/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-1\\/12 {\n --tw-translate-x: calc(1/12 * 100%);\n --tw-translate-y: calc(1/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-2\\/3 {\n --tw-translate-x: calc(2/3 * 100%);\n --tw-translate-y: calc(2/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-2\\/4 {\n --tw-translate-x: calc(2/4 * 100%);\n --tw-translate-y: calc(2/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-2\\/5 {\n --tw-translate-x: calc(2/5 * 100%);\n --tw-translate-y: calc(2/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-2\\/6 {\n --tw-translate-x: calc(2/6 * 100%);\n --tw-translate-y: calc(2/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-2\\/12 {\n --tw-translate-x: calc(2/12 * 100%);\n --tw-translate-y: calc(2/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-3\\/4 {\n --tw-translate-x: calc(3/4 * 100%);\n --tw-translate-y: calc(3/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-3\\/5 {\n --tw-translate-x: calc(3/5 * 100%);\n --tw-translate-y: calc(3/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-3\\/6 {\n --tw-translate-x: calc(3/6 * 100%);\n --tw-translate-y: calc(3/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-3\\/12 {\n --tw-translate-x: calc(3/12 * 100%);\n --tw-translate-y: calc(3/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-4\\/5 {\n --tw-translate-x: calc(4/5 * 100%);\n --tw-translate-y: calc(4/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-4\\/6 {\n --tw-translate-x: calc(4/6 * 100%);\n --tw-translate-y: calc(4/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-4\\/12 {\n --tw-translate-x: calc(4/12 * 100%);\n --tw-translate-y: calc(4/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-5\\/6 {\n --tw-translate-x: calc(5/6 * 100%);\n --tw-translate-y: calc(5/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-5\\/12 {\n --tw-translate-x: calc(5/12 * 100%);\n --tw-translate-y: calc(5/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-6\\/12 {\n --tw-translate-x: calc(6/12 * 100%);\n --tw-translate-y: calc(6/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-7\\/12 {\n --tw-translate-x: calc(7/12 * 100%);\n --tw-translate-y: calc(7/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-8\\/12 {\n --tw-translate-x: calc(8/12 * 100%);\n --tw-translate-y: calc(8/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-9\\/12 {\n --tw-translate-x: calc(9/12 * 100%);\n --tw-translate-y: calc(9/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-10\\/12 {\n --tw-translate-x: calc(10/12 * 100%);\n --tw-translate-y: calc(10/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-11\\/12 {\n --tw-translate-x: calc(11/12 * 100%);\n --tw-translate-y: calc(11/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-full {\n --tw-translate-x: 100%;\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-6 {\n --tw-translate-x: calc(var(--spacing) * -6);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-\\[50\\%\\] {\n --tw-translate-x: calc(50% * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/2 {\n --tw-translate-x: calc(1/2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/3 {\n --tw-translate-x: calc(1/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/4 {\n --tw-translate-x: calc(1/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/5 {\n --tw-translate-x: calc(1/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/6 {\n --tw-translate-x: calc(1/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-1\\/12 {\n --tw-translate-x: calc(1/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2 {\n --tw-translate-x: calc(var(--spacing) * 2);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2\\/3 {\n --tw-translate-x: calc(2/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2\\/4 {\n --tw-translate-x: calc(2/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2\\/5 {\n --tw-translate-x: calc(2/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2\\/6 {\n --tw-translate-x: calc(2/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-2\\/12 {\n --tw-translate-x: calc(2/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-3\\/4 {\n --tw-translate-x: calc(3/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-3\\/5 {\n --tw-translate-x: calc(3/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-3\\/6 {\n --tw-translate-x: calc(3/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-3\\/12 {\n --tw-translate-x: calc(3/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-4\\/5 {\n --tw-translate-x: calc(4/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-4\\/6 {\n --tw-translate-x: calc(4/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-4\\/12 {\n --tw-translate-x: calc(4/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-5\\/6 {\n --tw-translate-x: calc(5/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-5\\/12 {\n --tw-translate-x: calc(5/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-6\\/12 {\n --tw-translate-x: calc(6/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-7\\/12 {\n --tw-translate-x: calc(7/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-8\\/12 {\n --tw-translate-x: calc(8/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-9\\/12 {\n --tw-translate-x: calc(9/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-10\\/12 {\n --tw-translate-x: calc(10/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-11\\/12 {\n --tw-translate-x: calc(11/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-full {\n --tw-translate-x: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-2 {\n --tw-translate-y: calc(var(--spacing) * -2);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-\\[50\\%\\] {\n --tw-translate-y: calc(50% * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/2 {\n --tw-translate-y: calc(1/2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/3 {\n --tw-translate-y: calc(1/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/4 {\n --tw-translate-y: calc(1/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/5 {\n --tw-translate-y: calc(1/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/6 {\n --tw-translate-y: calc(1/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1\\/12 {\n --tw-translate-y: calc(1/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2\\/3 {\n --tw-translate-y: calc(2/3 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2\\/4 {\n --tw-translate-y: calc(2/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2\\/5 {\n --tw-translate-y: calc(2/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2\\/6 {\n --tw-translate-y: calc(2/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2\\/12 {\n --tw-translate-y: calc(2/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-3\\/4 {\n --tw-translate-y: calc(3/4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-3\\/5 {\n --tw-translate-y: calc(3/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-3\\/6 {\n --tw-translate-y: calc(3/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-3\\/12 {\n --tw-translate-y: calc(3/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-4\\/5 {\n --tw-translate-y: calc(4/5 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-4\\/6 {\n --tw-translate-y: calc(4/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-4\\/12 {\n --tw-translate-y: calc(4/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-5\\/6 {\n --tw-translate-y: calc(5/6 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-5\\/12 {\n --tw-translate-y: calc(5/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-6\\/12 {\n --tw-translate-y: calc(6/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-7\\/12 {\n --tw-translate-y: calc(7/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-8\\/12 {\n --tw-translate-y: calc(8/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-9\\/12 {\n --tw-translate-y: calc(9/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-10\\/12 {\n --tw-translate-y: calc(10/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-11\\/12 {\n --tw-translate-y: calc(11/12 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[1px\\] {\n --tw-translate-y: 1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-full {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-3d {\n translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);\n }\n .translate-none {\n translate: none;\n }\n .scale-3d {\n scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);\n }\n .scale-none {\n scale: none;\n }\n .-rotate-90 {\n rotate: calc(90deg * -1);\n }\n .rotate-none {\n rotate: none;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .animate-\\[loader-pulse_1200ms_linear_infinite_100ms\\] {\n animation: loader-pulse 1200ms linear infinite 100ms;\n }\n .animate-\\[loader-pulse_1200ms_linear_infinite_300ms\\] {\n animation: loader-pulse 1200ms linear infinite 300ms;\n }\n .animate-\\[loader-pulse_1200ms_linear_infinite_500ms\\] {\n animation: loader-pulse 1200ms linear infinite 500ms;\n }\n .animate-\\[spin_1200ms_linear_infinite\\] {\n animation: spin 1200ms linear infinite;\n }\n .animate-\\[spin_1200ms_var\\(--animate-cubic-bezier\\)_infinite_var\\(--spinner-delay\\)\\] {\n animation: spin 1200ms var(--animate-cubic-bezier) infinite var(--spinner-delay);\n }\n .animate-none {\n animation: none;\n }\n .animate-pulse {\n animation: var(--animate-pulse);\n }\n .cursor-grab {\n cursor: grab;\n }\n .cursor-grab\\! {\n cursor: grab !important;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .resize {\n resize: both;\n }\n .resize-none {\n resize: none;\n }\n .resize-y {\n resize: vertical;\n }\n .snap-always {\n scroll-snap-stop: always;\n }\n .snap-normal {\n scroll-snap-stop: normal;\n }\n .list-inside {\n list-style-position: inside;\n }\n .list-outside {\n list-style-position: outside;\n }\n .list-decimal {\n list-style-type: decimal;\n }\n .list-disc {\n list-style-type: disc;\n }\n .list-image-none {\n list-style-image: none;\n }\n .\\[appearance\\:textfield\\] {\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n }\n .appearance-auto {\n -webkit-appearance: auto;\n -moz-appearance: auto;\n appearance: auto;\n }\n .appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n .columns-\\(--col-num\\) {\n -moz-columns: var(--col-num);\n columns: var(--col-num);\n }\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n .grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n .grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n .grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n .grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n }\n .grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n }\n .grid-cols-9 {\n grid-template-columns: repeat(9, minmax(0, 1fr));\n }\n .grid-cols-10 {\n grid-template-columns: repeat(10, minmax(0, 1fr));\n }\n .grid-cols-11 {\n grid-template-columns: repeat(11, minmax(0, 1fr));\n }\n .grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n }\n .grid-cols-\\[1fr_2px_1fr\\] {\n grid-template-columns: 1fr 2px 1fr;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-col-reverse {\n flex-direction: column-reverse;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-row-reverse {\n flex-direction: row-reverse;\n }\n .flex-nowrap {\n flex-wrap: nowrap;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .flex-wrap-reverse {\n flex-wrap: wrap-reverse;\n }\n .content-around {\n align-content: space-around;\n }\n .content-baseline {\n align-content: baseline;\n }\n .content-between {\n align-content: space-between;\n }\n .content-center {\n align-content: center;\n }\n .content-end {\n align-content: flex-end;\n }\n .content-evenly {\n align-content: space-evenly;\n }\n .content-normal {\n align-content: normal;\n }\n .content-start {\n align-content: flex-start;\n }\n .content-stretch {\n align-content: stretch;\n }\n .items-baseline {\n align-items: baseline;\n }\n .items-baseline-last {\n align-items: last baseline;\n }\n .items-center {\n align-items: center;\n }\n .items-center-safe {\n align-items: safe center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-end-safe {\n align-items: safe flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .items-stretch {\n align-items: stretch;\n }\n .justify-around {\n justify-content: space-around;\n }\n .justify-baseline {\n justify-content: baseline;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-center-safe {\n justify-content: safe center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .justify-end-safe {\n justify-content: safe flex-end;\n }\n .justify-evenly {\n justify-content: space-evenly;\n }\n .justify-normal {\n justify-content: normal;\n }\n .justify-start {\n justify-content: flex-start;\n }\n .justify-stretch {\n justify-content: stretch;\n }\n .justify-items-center {\n justify-items: center;\n }\n .justify-items-center-safe {\n justify-items: safe center;\n }\n .justify-items-end {\n justify-items: end;\n }\n .justify-items-end-safe {\n justify-items: safe end;\n }\n .justify-items-normal {\n justify-items: normal;\n }\n .justify-items-start {\n justify-items: start;\n }\n .justify-items-stretch {\n justify-items: stretch;\n }\n .gap-0\\.5 {\n gap: calc(var(--spacing) * 0.5);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n .gap-x-1 {\n -moz-column-gap: calc(var(--spacing) * 1);\n column-gap: calc(var(--spacing) * 1);\n }\n .gap-x-2 {\n -moz-column-gap: calc(var(--spacing) * 2);\n column-gap: calc(var(--spacing) * 2);\n }\n .gap-x-3 {\n -moz-column-gap: calc(var(--spacing) * 3);\n column-gap: calc(var(--spacing) * 3);\n }\n .gap-x-4 {\n -moz-column-gap: calc(var(--spacing) * 4);\n column-gap: calc(var(--spacing) * 4);\n }\n .gap-x-5 {\n -moz-column-gap: calc(var(--spacing) * 5);\n column-gap: calc(var(--spacing) * 5);\n }\n .gap-x-8 {\n -moz-column-gap: calc(var(--spacing) * 8);\n column-gap: calc(var(--spacing) * 8);\n }\n .gap-x-12 {\n -moz-column-gap: calc(var(--spacing) * 12);\n column-gap: calc(var(--spacing) * 12);\n }\n .gap-y-1 {\n row-gap: calc(var(--spacing) * 1);\n }\n .gap-y-2 {\n row-gap: calc(var(--spacing) * 2);\n }\n .gap-y-3 {\n row-gap: calc(var(--spacing) * 3);\n }\n .gap-y-4 {\n row-gap: calc(var(--spacing) * 4);\n }\n .gap-y-5 {\n row-gap: calc(var(--spacing) * 5);\n }\n .gap-y-8 {\n row-gap: calc(var(--spacing) * 8);\n }\n .gap-y-12 {\n row-gap: calc(var(--spacing) * 12);\n }\n .divide-background {\n :where(& > :not(:last-child)) {\n border-color: var(--color-background);\n }\n }\n .self-start {\n align-self: flex-start;\n }\n .justify-self-start {\n justify-self: flex-start;\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .\\!overflow-hidden {\n overflow: hidden !important;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-x-scroll {\n overflow-x: scroll;\n }\n .overflow-y-scroll {\n overflow-y: scroll;\n }\n .scroll-auto {\n scroll-behavior: auto;\n }\n .scroll-smooth {\n scroll-behavior: smooth;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-2xl {\n border-radius: var(--radius-2xl);\n }\n .rounded-3xl {\n border-radius: var(--radius-3xl);\n }\n .rounded-4xl {\n border-radius: var(--radius-4xl);\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n .rounded-xl {\n border-radius: var(--radius-xl);\n }\n .rounded-xs {\n border-radius: var(--radius-xs);\n }\n .rounded-l-2xl {\n border-top-left-radius: var(--radius-2xl);\n border-bottom-left-radius: var(--radius-2xl);\n }\n .rounded-l-md {\n border-top-left-radius: var(--radius-md);\n border-bottom-left-radius: var(--radius-md);\n }\n .rounded-r-md {\n border-top-right-radius: var(--radius-md);\n border-bottom-right-radius: var(--radius-md);\n }\n .rounded-tr-2xl {\n border-top-right-radius: var(--radius-2xl);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-1 {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-3 {\n border-style: var(--tw-border-style);\n border-width: 3px;\n }\n .border-4 {\n border-style: var(--tw-border-style);\n border-width: 4px;\n }\n .border-5 {\n border-style: var(--tw-border-style);\n border-width: 5px;\n }\n .border-6 {\n border-style: var(--tw-border-style);\n border-width: 6px;\n }\n .border-7 {\n border-style: var(--tw-border-style);\n border-width: 7px;\n }\n .border-8 {\n border-style: var(--tw-border-style);\n border-width: 8px;\n }\n .border-9 {\n border-style: var(--tw-border-style);\n border-width: 9px;\n }\n .border-10 {\n border-style: var(--tw-border-style);\n border-width: 10px;\n }\n .border-11 {\n border-style: var(--tw-border-style);\n border-width: 11px;\n }\n .border-12 {\n border-style: var(--tw-border-style);\n border-width: 12px;\n }\n .border-13 {\n border-style: var(--tw-border-style);\n border-width: 13px;\n }\n .border-14 {\n border-style: var(--tw-border-style);\n border-width: 14px;\n }\n .border-15 {\n border-style: var(--tw-border-style);\n border-width: 15px;\n }\n .border-16 {\n border-style: var(--tw-border-style);\n border-width: 16px;\n }\n .border-17 {\n border-style: var(--tw-border-style);\n border-width: 17px;\n }\n .border-18 {\n border-style: var(--tw-border-style);\n border-width: 18px;\n }\n .border-19 {\n border-style: var(--tw-border-style);\n border-width: 19px;\n }\n .border-20 {\n border-style: var(--tw-border-style);\n border-width: 20px;\n }\n .border-x-0 {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 0px;\n }\n .border-x-2 {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 2px;\n }\n .border-x-4 {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 4px;\n }\n .border-x-8 {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 8px;\n }\n .border-y-0 {\n border-block-style: var(--tw-border-style);\n border-block-width: 0px;\n }\n .border-y-2 {\n border-block-style: var(--tw-border-style);\n border-block-width: 2px;\n }\n .border-y-4 {\n border-block-style: var(--tw-border-style);\n border-block-width: 4px;\n }\n .border-y-8 {\n border-block-style: var(--tw-border-style);\n border-block-width: 8px;\n }\n .border-s-0 {\n border-inline-start-style: var(--tw-border-style);\n border-inline-start-width: 0px;\n }\n .border-s-1 {\n border-inline-start-style: var(--tw-border-style);\n border-inline-start-width: 1px;\n }\n .border-s-2 {\n border-inline-start-style: var(--tw-border-style);\n border-inline-start-width: 2px;\n }\n .border-s-4 {\n border-inline-start-style: var(--tw-border-style);\n border-inline-start-width: 4px;\n }\n .border-s-8 {\n border-inline-start-style: var(--tw-border-style);\n border-inline-start-width: 8px;\n }\n .border-e-0 {\n border-inline-end-style: var(--tw-border-style);\n border-inline-end-width: 0px;\n }\n .border-e-1 {\n border-inline-end-style: var(--tw-border-style);\n border-inline-end-width: 1px;\n }\n .border-e-2 {\n border-inline-end-style: var(--tw-border-style);\n border-inline-end-width: 2px;\n }\n .border-e-4 {\n border-inline-end-style: var(--tw-border-style);\n border-inline-end-width: 4px;\n }\n .border-e-8 {\n border-inline-end-style: var(--tw-border-style);\n border-inline-end-width: 8px;\n }\n .border-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0px;\n }\n .border-t-2 {\n border-top-style: var(--tw-border-style);\n border-top-width: 2px;\n }\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n .border-t-8 {\n border-top-style: var(--tw-border-style);\n border-top-width: 8px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-r-1 {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .border-r-2 {\n border-right-style: var(--tw-border-style);\n border-right-width: 2px;\n }\n .border-r-4 {\n border-right-style: var(--tw-border-style);\n border-right-width: 4px;\n }\n .border-r-8 {\n border-right-style: var(--tw-border-style);\n border-right-width: 8px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-b-3 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 3px;\n }\n .border-b-4 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 4px;\n }\n .border-b-8 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 8px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-l-2 {\n border-left-style: var(--tw-border-style);\n border-left-width: 2px;\n }\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n .border-l-8 {\n border-left-style: var(--tw-border-style);\n border-left-width: 8px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-dotted {\n --tw-border-style: dotted;\n border-style: dotted;\n }\n .border-double {\n --tw-border-style: double;\n border-style: double;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-background {\n border-color: var(--color-background);\n }\n .border-black {\n border-color: var(--color-black);\n }\n .border-current {\n border-color: currentcolor;\n }\n .border-danger-50 {\n border-color: var(--color-danger-50);\n }\n .border-danger-100 {\n border-color: var(--color-danger-100);\n }\n .border-danger-200 {\n border-color: var(--color-danger-200);\n }\n .border-danger-300 {\n border-color: var(--color-danger-300);\n }\n .border-danger-400 {\n border-color: var(--color-danger-400);\n }\n .border-danger-500 {\n border-color: var(--color-danger-500);\n }\n .border-danger-600 {\n border-color: var(--color-danger-600);\n }\n .border-danger-700 {\n border-color: var(--color-danger-700);\n }\n .border-danger-800 {\n border-color: var(--color-danger-800);\n }\n .border-danger-900 {\n border-color: var(--color-danger-900);\n }\n .border-danger-950 {\n border-color: var(--color-danger-950);\n }\n .border-font {\n border-color: var(--color-font);\n }\n .border-gray-50 {\n border-color: var(--color-gray-50);\n }\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n .border-gray-600 {\n border-color: var(--color-gray-600);\n }\n .border-gray-700 {\n border-color: var(--color-gray-700);\n }\n .border-gray-800 {\n border-color: var(--color-gray-800);\n }\n .border-gray-900 {\n border-color: var(--color-gray-900);\n }\n .border-gray-950 {\n border-color: var(--color-gray-950);\n }\n .border-primary-50 {\n border-color: var(--color-primary-50);\n }\n .border-primary-100 {\n border-color: var(--color-primary-100);\n }\n .border-primary-200 {\n border-color: var(--color-primary-200);\n }\n .border-primary-300 {\n border-color: var(--color-primary-300);\n }\n .border-primary-400 {\n border-color: var(--color-primary-400);\n }\n .border-primary-500 {\n border-color: var(--color-primary-500);\n }\n .border-primary-600 {\n border-color: var(--color-primary-600);\n }\n .border-primary-700 {\n border-color: var(--color-primary-700);\n }\n .border-primary-800 {\n border-color: var(--color-primary-800);\n }\n .border-primary-900 {\n border-color: var(--color-primary-900);\n }\n .border-primary-950 {\n border-color: var(--color-primary-950);\n }\n .border-secondary-50 {\n border-color: var(--color-secondary-50);\n }\n .border-secondary-100 {\n border-color: var(--color-secondary-100);\n }\n .border-secondary-200 {\n border-color: var(--color-secondary-200);\n }\n .border-secondary-300 {\n border-color: var(--color-secondary-300);\n }\n .border-secondary-400 {\n border-color: var(--color-secondary-400);\n }\n .border-secondary-500 {\n border-color: var(--color-secondary-500);\n }\n .border-secondary-600 {\n border-color: var(--color-secondary-600);\n }\n .border-secondary-700 {\n border-color: var(--color-secondary-700);\n }\n .border-secondary-800 {\n border-color: var(--color-secondary-800);\n }\n .border-secondary-900 {\n border-color: var(--color-secondary-900);\n }\n .border-secondary-950 {\n border-color: var(--color-secondary-950);\n }\n .border-success-50 {\n border-color: var(--color-success-50);\n }\n .border-success-100 {\n border-color: var(--color-success-100);\n }\n .border-success-200 {\n border-color: var(--color-success-200);\n }\n .border-success-300 {\n border-color: var(--color-success-300);\n }\n .border-success-400 {\n border-color: var(--color-success-400);\n }\n .border-success-500 {\n border-color: var(--color-success-500);\n }\n .border-success-600 {\n border-color: var(--color-success-600);\n }\n .border-success-700 {\n border-color: var(--color-success-700);\n }\n .border-success-800 {\n border-color: var(--color-success-800);\n }\n .border-success-900 {\n border-color: var(--color-success-900);\n }\n .border-success-950 {\n border-color: var(--color-success-950);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-warning-50 {\n border-color: var(--color-warning-50);\n }\n .border-warning-100 {\n border-color: var(--color-warning-100);\n }\n .border-warning-200 {\n border-color: var(--color-warning-200);\n }\n .border-warning-300 {\n border-color: var(--color-warning-300);\n }\n .border-warning-400 {\n border-color: var(--color-warning-400);\n }\n .border-warning-500 {\n border-color: var(--color-warning-500);\n }\n .border-warning-600 {\n border-color: var(--color-warning-600);\n }\n .border-warning-700 {\n border-color: var(--color-warning-700);\n }\n .border-warning-800 {\n border-color: var(--color-warning-800);\n }\n .border-warning-900 {\n border-color: var(--color-warning-900);\n }\n .border-warning-950 {\n border-color: var(--color-warning-950);\n }\n .border-white {\n border-color: var(--color-white);\n }\n .border-x-background {\n border-inline-color: var(--color-background);\n }\n .border-y-background {\n border-block-color: var(--color-background);\n }\n .border-s-background {\n border-inline-start-color: var(--color-background);\n }\n .border-s-gray-200 {\n border-inline-start-color: var(--color-gray-200);\n }\n .border-e-background {\n border-inline-end-color: var(--color-background);\n }\n .border-e-gray-200 {\n border-inline-end-color: var(--color-gray-200);\n }\n .border-t-background {\n border-top-color: var(--color-background);\n }\n .border-r-background {\n border-right-color: var(--color-background);\n }\n .border-r-gray-200 {\n border-right-color: var(--color-gray-200);\n }\n .border-b-background {\n border-bottom-color: var(--color-background);\n }\n .border-b-black {\n border-bottom-color: var(--color-black);\n }\n .border-b-current {\n border-bottom-color: currentcolor;\n }\n .border-b-danger-50 {\n border-bottom-color: var(--color-danger-50);\n }\n .border-b-danger-100 {\n border-bottom-color: var(--color-danger-100);\n }\n .border-b-danger-200 {\n border-bottom-color: var(--color-danger-200);\n }\n .border-b-danger-300 {\n border-bottom-color: var(--color-danger-300);\n }\n .border-b-danger-400 {\n border-bottom-color: var(--color-danger-400);\n }\n .border-b-danger-500 {\n border-bottom-color: var(--color-danger-500);\n }\n .border-b-danger-600 {\n border-bottom-color: var(--color-danger-600);\n }\n .border-b-danger-700 {\n border-bottom-color: var(--color-danger-700);\n }\n .border-b-danger-800 {\n border-bottom-color: var(--color-danger-800);\n }\n .border-b-danger-900 {\n border-bottom-color: var(--color-danger-900);\n }\n .border-b-danger-950 {\n border-bottom-color: var(--color-danger-950);\n }\n .border-b-font {\n border-bottom-color: var(--color-font);\n }\n .border-b-gray-50 {\n border-bottom-color: var(--color-gray-50);\n }\n .border-b-gray-100 {\n border-bottom-color: var(--color-gray-100);\n }\n .border-b-gray-200 {\n border-bottom-color: var(--color-gray-200);\n }\n .border-b-gray-300 {\n border-bottom-color: var(--color-gray-300);\n }\n .border-b-gray-400 {\n border-bottom-color: var(--color-gray-400);\n }\n .border-b-gray-500 {\n border-bottom-color: var(--color-gray-500);\n }\n .border-b-gray-600 {\n border-bottom-color: var(--color-gray-600);\n }\n .border-b-gray-700 {\n border-bottom-color: var(--color-gray-700);\n }\n .border-b-gray-800 {\n border-bottom-color: var(--color-gray-800);\n }\n .border-b-gray-900 {\n border-bottom-color: var(--color-gray-900);\n }\n .border-b-gray-950 {\n border-bottom-color: var(--color-gray-950);\n }\n .border-b-primary-50 {\n border-bottom-color: var(--color-primary-50);\n }\n .border-b-primary-100 {\n border-bottom-color: var(--color-primary-100);\n }\n .border-b-primary-200 {\n border-bottom-color: var(--color-primary-200);\n }\n .border-b-primary-300 {\n border-bottom-color: var(--color-primary-300);\n }\n .border-b-primary-400 {\n border-bottom-color: var(--color-primary-400);\n }\n .border-b-primary-500 {\n border-bottom-color: var(--color-primary-500);\n }\n .border-b-primary-600 {\n border-bottom-color: var(--color-primary-600);\n }\n .border-b-primary-700 {\n border-bottom-color: var(--color-primary-700);\n }\n .border-b-primary-800 {\n border-bottom-color: var(--color-primary-800);\n }\n .border-b-primary-900 {\n border-bottom-color: var(--color-primary-900);\n }\n .border-b-primary-950 {\n border-bottom-color: var(--color-primary-950);\n }\n .border-b-secondary-50 {\n border-bottom-color: var(--color-secondary-50);\n }\n .border-b-secondary-100 {\n border-bottom-color: var(--color-secondary-100);\n }\n .border-b-secondary-200 {\n border-bottom-color: var(--color-secondary-200);\n }\n .border-b-secondary-300 {\n border-bottom-color: var(--color-secondary-300);\n }\n .border-b-secondary-400 {\n border-bottom-color: var(--color-secondary-400);\n }\n .border-b-secondary-500 {\n border-bottom-color: var(--color-secondary-500);\n }\n .border-b-secondary-600 {\n border-bottom-color: var(--color-secondary-600);\n }\n .border-b-secondary-700 {\n border-bottom-color: var(--color-secondary-700);\n }\n .border-b-secondary-800 {\n border-bottom-color: var(--color-secondary-800);\n }\n .border-b-secondary-900 {\n border-bottom-color: var(--color-secondary-900);\n }\n .border-b-secondary-950 {\n border-bottom-color: var(--color-secondary-950);\n }\n .border-b-success-50 {\n border-bottom-color: var(--color-success-50);\n }\n .border-b-success-100 {\n border-bottom-color: var(--color-success-100);\n }\n .border-b-success-200 {\n border-bottom-color: var(--color-success-200);\n }\n .border-b-success-300 {\n border-bottom-color: var(--color-success-300);\n }\n .border-b-success-400 {\n border-bottom-color: var(--color-success-400);\n }\n .border-b-success-500 {\n border-bottom-color: var(--color-success-500);\n }\n .border-b-success-600 {\n border-bottom-color: var(--color-success-600);\n }\n .border-b-success-700 {\n border-bottom-color: var(--color-success-700);\n }\n .border-b-success-800 {\n border-bottom-color: var(--color-success-800);\n }\n .border-b-success-900 {\n border-bottom-color: var(--color-success-900);\n }\n .border-b-success-950 {\n border-bottom-color: var(--color-success-950);\n }\n .border-b-transparent {\n border-bottom-color: transparent;\n }\n .border-b-warning-50 {\n border-bottom-color: var(--color-warning-50);\n }\n .border-b-warning-100 {\n border-bottom-color: var(--color-warning-100);\n }\n .border-b-warning-200 {\n border-bottom-color: var(--color-warning-200);\n }\n .border-b-warning-300 {\n border-bottom-color: var(--color-warning-300);\n }\n .border-b-warning-400 {\n border-bottom-color: var(--color-warning-400);\n }\n .border-b-warning-500 {\n border-bottom-color: var(--color-warning-500);\n }\n .border-b-warning-600 {\n border-bottom-color: var(--color-warning-600);\n }\n .border-b-warning-700 {\n border-bottom-color: var(--color-warning-700);\n }\n .border-b-warning-800 {\n border-bottom-color: var(--color-warning-800);\n }\n .border-b-warning-900 {\n border-bottom-color: var(--color-warning-900);\n }\n .border-b-warning-950 {\n border-bottom-color: var(--color-warning-950);\n }\n .border-b-white {\n border-bottom-color: var(--color-white);\n }\n .border-l-background {\n border-left-color: var(--color-background);\n }\n .\\!bg-danger-500 {\n background-color: var(--color-danger-500) !important;\n }\n .\\!bg-gray-500 {\n background-color: var(--color-gray-500) !important;\n }\n .\\!bg-primary-500 {\n background-color: var(--color-primary-500) !important;\n }\n .\\!bg-success-500 {\n background-color: var(--color-success-500) !important;\n }\n .\\!bg-warning-500 {\n background-color: var(--color-warning-500) !important;\n }\n .bg-\\[\\#282c34\\] {\n background-color: #282c34;\n }\n .bg-amber-200 {\n background-color: var(--color-amber-200);\n }\n .bg-background {\n background-color: var(--color-background);\n }\n .bg-black {\n background-color: var(--color-black);\n }\n .bg-blue-500 {\n background-color: var(--color-blue-500);\n }\n .bg-current {\n background-color: currentcolor;\n }\n .bg-danger-50 {\n background-color: var(--color-danger-50);\n }\n .bg-danger-100 {\n background-color: var(--color-danger-100);\n }\n .bg-danger-200 {\n background-color: var(--color-danger-200);\n }\n .bg-danger-300 {\n background-color: var(--color-danger-300);\n }\n .bg-danger-400 {\n background-color: var(--color-danger-400);\n }\n .bg-danger-500 {\n background-color: var(--color-danger-500);\n }\n .bg-danger-600 {\n background-color: var(--color-danger-600);\n }\n .bg-danger-700 {\n background-color: var(--color-danger-700);\n }\n .bg-danger-800 {\n background-color: var(--color-danger-800);\n }\n .bg-danger-900 {\n background-color: var(--color-danger-900);\n }\n .bg-danger-950 {\n background-color: var(--color-danger-950);\n }\n .bg-font {\n background-color: var(--color-font);\n }\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n .bg-gray-400 {\n background-color: var(--color-gray-400);\n }\n .bg-gray-500 {\n background-color: var(--color-gray-500);\n }\n .bg-gray-600 {\n background-color: var(--color-gray-600);\n }\n .bg-gray-700 {\n background-color: var(--color-gray-700);\n }\n .bg-gray-800 {\n background-color: var(--color-gray-800);\n }\n .bg-gray-900 {\n background-color: var(--color-gray-900);\n }\n .bg-gray-950 {\n background-color: var(--color-gray-950);\n }\n .bg-overlay-black-50 {\n background-color: var(--color-overlay-black-50);\n }\n .bg-overlay-black-80 {\n background-color: var(--color-overlay-black-80);\n }\n .bg-overlay-gradient-black {\n background-color: var(--color-overlay-gradient-black);\n }\n .bg-overlay-gradient-white {\n background-color: var(--color-overlay-gradient-white);\n }\n .bg-overlay-white-50 {\n background-color: var(--color-overlay-white-50);\n }\n .bg-overlay-white-80 {\n background-color: var(--color-overlay-white-80);\n }\n .bg-primary-50 {\n background-color: var(--color-primary-50);\n }\n .bg-primary-100 {\n background-color: var(--color-primary-100);\n }\n .bg-primary-200 {\n background-color: var(--color-primary-200);\n }\n .bg-primary-300 {\n background-color: var(--color-primary-300);\n }\n .bg-primary-400 {\n background-color: var(--color-primary-400);\n }\n .bg-primary-500 {\n background-color: var(--color-primary-500);\n }\n .bg-primary-600 {\n background-color: var(--color-primary-600);\n }\n .bg-primary-700 {\n background-color: var(--color-primary-700);\n }\n .bg-primary-800 {\n background-color: var(--color-primary-800);\n }\n .bg-primary-900 {\n background-color: var(--color-primary-900);\n }\n .bg-primary-950 {\n background-color: var(--color-primary-950);\n }\n .bg-secondary-50 {\n background-color: var(--color-secondary-50);\n }\n .bg-secondary-100 {\n background-color: var(--color-secondary-100);\n }\n .bg-secondary-200 {\n background-color: var(--color-secondary-200);\n }\n .bg-secondary-300 {\n background-color: var(--color-secondary-300);\n }\n .bg-secondary-400 {\n background-color: var(--color-secondary-400);\n }\n .bg-secondary-500 {\n background-color: var(--color-secondary-500);\n }\n .bg-secondary-600 {\n background-color: var(--color-secondary-600);\n }\n .bg-secondary-700 {\n background-color: var(--color-secondary-700);\n }\n .bg-secondary-800 {\n background-color: var(--color-secondary-800);\n }\n .bg-secondary-900 {\n background-color: var(--color-secondary-900);\n }\n .bg-secondary-950 {\n background-color: var(--color-secondary-950);\n }\n .bg-success-50 {\n background-color: var(--color-success-50);\n }\n .bg-success-100 {\n background-color: var(--color-success-100);\n }\n .bg-success-200 {\n background-color: var(--color-success-200);\n }\n .bg-success-300 {\n background-color: var(--color-success-300);\n }\n .bg-success-400 {\n background-color: var(--color-success-400);\n }\n .bg-success-500 {\n background-color: var(--color-success-500);\n }\n .bg-success-600 {\n background-color: var(--color-success-600);\n }\n .bg-success-700 {\n background-color: var(--color-success-700);\n }\n .bg-success-800 {\n background-color: var(--color-success-800);\n }\n .bg-success-900 {\n background-color: var(--color-success-900);\n }\n .bg-success-950 {\n background-color: var(--color-success-950);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-warning-50 {\n background-color: var(--color-warning-50);\n }\n .bg-warning-100 {\n background-color: var(--color-warning-100);\n }\n .bg-warning-200 {\n background-color: var(--color-warning-200);\n }\n .bg-warning-300 {\n background-color: var(--color-warning-300);\n }\n .bg-warning-400 {\n background-color: var(--color-warning-400);\n }\n .bg-warning-500 {\n background-color: var(--color-warning-500);\n }\n .bg-warning-600 {\n background-color: var(--color-warning-600);\n }\n .bg-warning-700 {\n background-color: var(--color-warning-700);\n }\n .bg-warning-800 {\n background-color: var(--color-warning-800);\n }\n .bg-warning-900 {\n background-color: var(--color-warning-900);\n }\n .bg-warning-950 {\n background-color: var(--color-warning-950);\n }\n .bg-white {\n background-color: var(--color-white);\n }\n .bg-yellow-200 {\n background-color: var(--color-yellow-200);\n }\n .via-none {\n --tw-gradient-via-stops: initial;\n }\n .from-font {\n --tw-gradient-from: var(--color-font);\n --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));\n }\n .mask-none {\n -webkit-mask-image: none;\n mask-image: none;\n }\n .box-decoration-clone {\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n }\n .box-decoration-slice {\n -webkit-box-decoration-break: slice;\n box-decoration-break: slice;\n }\n .mask-type-alpha {\n mask-type: alpha;\n }\n .mask-type-luminance {\n mask-type: luminance;\n }\n .object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n }\n .object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n }\n .object-fill {\n -o-object-fit: fill;\n object-fit: fill;\n }\n .object-none {\n -o-object-fit: none;\n object-fit: none;\n }\n .object-scale-down {\n -o-object-fit: scale-down;\n object-fit: scale-down;\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .p-12 {\n padding: calc(var(--spacing) * 12);\n }\n .px-0 {\n padding-inline: calc(var(--spacing) * 0);\n }\n .px-1 {\n padding-inline: calc(var(--spacing) * 1);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-\\[5\\%\\] {\n padding-inline: 5%;\n }\n .py-0 {\n padding-block: calc(var(--spacing) * 0);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n .py-12 {\n padding-block: calc(var(--spacing) * 12);\n }\n .ps-4 {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n .ps-8 {\n padding-inline-start: calc(var(--spacing) * 8);\n }\n .pt-\\(--spacer-2xl\\) {\n padding-top: var(--spacer-2xl);\n }\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .text-center {\n text-align: center;\n }\n .text-end {\n text-align: end;\n }\n .text-justify {\n text-align: justify;\n }\n .text-left {\n text-align: left;\n }\n .text-right {\n text-align: right;\n }\n .text-start {\n text-align: start;\n }\n .align-baseline {\n vertical-align: baseline;\n }\n .align-bottom {\n vertical-align: bottom;\n }\n .align-middle {\n vertical-align: middle;\n }\n .align-sub {\n vertical-align: sub;\n }\n .align-super {\n vertical-align: super;\n }\n .align-text-bottom {\n vertical-align: text-bottom;\n }\n .align-text-top {\n vertical-align: text-top;\n }\n .align-top {\n vertical-align: top;\n }\n .font-mono {\n font-family: var(--font-mono);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-\\(length\\:--font-size-small\\) {\n font-size: var(--font-size-small);\n }\n .text-\\(length\\:--text-body\\) {\n font-size: var(--text-body);\n }\n .text-\\(length\\:--text-display-h1\\) {\n font-size: var(--text-display-h1);\n }\n .text-\\(length\\:--text-display-h2\\) {\n font-size: var(--text-display-h2);\n }\n .text-\\(length\\:--text-display-h3\\) {\n font-size: var(--text-display-h3);\n }\n .text-\\(length\\:--text-display-h4\\) {\n font-size: var(--text-display-h4);\n }\n .text-\\(length\\:--text-display-h5\\) {\n font-size: var(--text-display-h5);\n }\n .text-\\(length\\:--text-h1\\) {\n font-size: var(--text-h1);\n }\n .text-\\(length\\:--text-h2\\) {\n font-size: var(--text-h2);\n }\n .text-\\(length\\:--text-h3\\) {\n font-size: var(--text-h3);\n }\n .text-\\(length\\:--text-h4\\) {\n font-size: var(--text-h4);\n }\n .text-\\(length\\:--text-h5\\) {\n font-size: var(--text-h5);\n }\n .text-\\(length\\:--text-h6\\) {\n font-size: var(--text-h6);\n }\n .text-\\(length\\:--text-small\\) {\n font-size: var(--text-small);\n }\n .leading-3 {\n --tw-leading: calc(var(--spacing) * 3);\n line-height: calc(var(--spacing) * 3);\n }\n .leading-4 {\n --tw-leading: calc(var(--spacing) * 4);\n line-height: calc(var(--spacing) * 4);\n }\n .leading-5 {\n --tw-leading: calc(var(--spacing) * 5);\n line-height: calc(var(--spacing) * 5);\n }\n .leading-6 {\n --tw-leading: calc(var(--spacing) * 6);\n line-height: calc(var(--spacing) * 6);\n }\n .leading-7 {\n --tw-leading: calc(var(--spacing) * 7);\n line-height: calc(var(--spacing) * 7);\n }\n .leading-8 {\n --tw-leading: calc(var(--spacing) * 8);\n line-height: calc(var(--spacing) * 8);\n }\n .leading-9 {\n --tw-leading: calc(var(--spacing) * 9);\n line-height: calc(var(--spacing) * 9);\n }\n .leading-10 {\n --tw-leading: calc(var(--spacing) * 10);\n line-height: calc(var(--spacing) * 10);\n }\n .leading-loose {\n --tw-leading: var(--leading-loose);\n line-height: var(--leading-loose);\n }\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n .leading-normal {\n --tw-leading: var(--leading-normal);\n line-height: var(--leading-normal);\n }\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n .font-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-extrabold {\n --tw-font-weight: var(--font-weight-extrabold);\n font-weight: var(--font-weight-extrabold);\n }\n .font-extralight {\n --tw-font-weight: var(--font-weight-extralight);\n font-weight: var(--font-weight-extralight);\n }\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .font-thin {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n .overflow-ellipsis {\n text-overflow: ellipsis;\n }\n .text-clip {\n text-overflow: clip;\n }\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .text-background {\n color: var(--color-background);\n }\n .text-black {\n color: var(--color-black);\n }\n .text-blue-500 {\n color: var(--color-blue-500);\n }\n .text-current {\n color: currentcolor;\n }\n .text-danger-50 {\n color: var(--color-danger-50);\n }\n .text-danger-100 {\n color: var(--color-danger-100);\n }\n .text-danger-200 {\n color: var(--color-danger-200);\n }\n .text-danger-300 {\n color: var(--color-danger-300);\n }\n .text-danger-400 {\n color: var(--color-danger-400);\n }\n .text-danger-500 {\n color: var(--color-danger-500);\n }\n .text-danger-600 {\n color: var(--color-danger-600);\n }\n .text-danger-700 {\n color: var(--color-danger-700);\n }\n .text-danger-800 {\n color: var(--color-danger-800);\n }\n .text-danger-900 {\n color: var(--color-danger-900);\n }\n .text-danger-950 {\n color: var(--color-danger-950);\n }\n .text-font {\n color: var(--color-font);\n }\n .text-gray-50 {\n color: var(--color-gray-50);\n }\n .text-gray-100 {\n color: var(--color-gray-100);\n }\n .text-gray-200 {\n color: var(--color-gray-200);\n }\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n .text-gray-800 {\n color: var(--color-gray-800);\n }\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n .text-gray-950 {\n color: var(--color-gray-950);\n }\n .text-primary-50 {\n color: var(--color-primary-50);\n }\n .text-primary-100 {\n color: var(--color-primary-100);\n }\n .text-primary-200 {\n color: var(--color-primary-200);\n }\n .text-primary-300 {\n color: var(--color-primary-300);\n }\n .text-primary-400 {\n color: var(--color-primary-400);\n }\n .text-primary-500 {\n color: var(--color-primary-500);\n }\n .text-primary-600 {\n color: var(--color-primary-600);\n }\n .text-primary-700 {\n color: var(--color-primary-700);\n }\n .text-primary-800 {\n color: var(--color-primary-800);\n }\n .text-primary-900 {\n color: var(--color-primary-900);\n }\n .text-primary-950 {\n color: var(--color-primary-950);\n }\n .text-secondary-50 {\n color: var(--color-secondary-50);\n }\n .text-secondary-100 {\n color: var(--color-secondary-100);\n }\n .text-secondary-200 {\n color: var(--color-secondary-200);\n }\n .text-secondary-300 {\n color: var(--color-secondary-300);\n }\n .text-secondary-400 {\n color: var(--color-secondary-400);\n }\n .text-secondary-500 {\n color: var(--color-secondary-500);\n }\n .text-secondary-600 {\n color: var(--color-secondary-600);\n }\n .text-secondary-700 {\n color: var(--color-secondary-700);\n }\n .text-secondary-800 {\n color: var(--color-secondary-800);\n }\n .text-secondary-900 {\n color: var(--color-secondary-900);\n }\n .text-secondary-950 {\n color: var(--color-secondary-950);\n }\n .text-success-50 {\n color: var(--color-success-50);\n }\n .text-success-100 {\n color: var(--color-success-100);\n }\n .text-success-200 {\n color: var(--color-success-200);\n }\n .text-success-300 {\n color: var(--color-success-300);\n }\n .text-success-400 {\n color: var(--color-success-400);\n }\n .text-success-500 {\n color: var(--color-success-500);\n }\n .text-success-600 {\n color: var(--color-success-600);\n }\n .text-success-700 {\n color: var(--color-success-700);\n }\n .text-success-800 {\n color: var(--color-success-800);\n }\n .text-success-900 {\n color: var(--color-success-900);\n }\n .text-success-950 {\n color: var(--color-success-950);\n }\n .text-transparent {\n color: transparent;\n }\n .text-warning-50 {\n color: var(--color-warning-50);\n }\n .text-warning-100 {\n color: var(--color-warning-100);\n }\n .text-warning-200 {\n color: var(--color-warning-200);\n }\n .text-warning-300 {\n color: var(--color-warning-300);\n }\n .text-warning-400 {\n color: var(--color-warning-400);\n }\n .text-warning-500 {\n color: var(--color-warning-500);\n }\n .text-warning-600 {\n color: var(--color-warning-600);\n }\n .text-warning-700 {\n color: var(--color-warning-700);\n }\n .text-warning-800 {\n color: var(--color-warning-800);\n }\n .text-warning-900 {\n color: var(--color-warning-900);\n }\n .text-warning-950 {\n color: var(--color-warning-950);\n }\n .text-white {\n color: var(--color-white);\n }\n .capitalize {\n text-transform: capitalize;\n }\n .lowercase {\n text-transform: lowercase;\n }\n .normal-case {\n text-transform: none;\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .not-italic {\n font-style: normal;\n }\n .diagonal-fractions {\n --tw-numeric-fraction: diagonal-fractions;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .lining-nums {\n --tw-numeric-figure: lining-nums;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .oldstyle-nums {\n --tw-numeric-figure: oldstyle-nums;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .ordinal {\n --tw-ordinal: ordinal;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .proportional-nums {\n --tw-numeric-spacing: proportional-nums;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .slashed-zero {\n --tw-slashed-zero: slashed-zero;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .stacked-fractions {\n --tw-numeric-fraction: stacked-fractions;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .tabular-nums {\n --tw-numeric-spacing: tabular-nums;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .normal-nums {\n font-variant-numeric: normal;\n }\n .no-underline {\n text-decoration-line: none;\n }\n .overline {\n text-decoration-line: overline;\n }\n .underline {\n text-decoration-line: underline;\n }\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .subpixel-antialiased {\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .opacity-100 {\n opacity: 100%;\n }\n .shadow {\n --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));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-2xl {\n --tw-shadow: 0px 10px 14px 8px var(--tw-shadow-color, rgba(0, 0, 0, 0.2)), 0px 4px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.3));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-2xs {\n --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-inner {\n --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.06));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-lg {\n --tw-shadow: 0px 6px 10px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)), 0px 2px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.3));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-md {\n --tw-shadow: 0px 4px 8px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)), 0px 1px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.3));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-sm {\n --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.3)), 0px 2px 6px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-xl {\n --tw-shadow: 0px 8px 12px 6px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)), 0px 4px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.3));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-xs {\n --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.3)), 0px 1px 3px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring-0 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring-1 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring-4 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .ring-8 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n .shadow-amber-50 {\n --tw-shadow-color: oklch(98.7% 0.022 95.277);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-100 {\n --tw-shadow-color: oklch(96.2% 0.059 95.617);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-200 {\n --tw-shadow-color: oklch(92.4% 0.12 95.746);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-300 {\n --tw-shadow-color: oklch(87.9% 0.169 91.605);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-400 {\n --tw-shadow-color: oklch(82.8% 0.189 84.429);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-500 {\n --tw-shadow-color: oklch(76.9% 0.188 70.08);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-600 {\n --tw-shadow-color: oklch(66.6% 0.179 58.318);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-700 {\n --tw-shadow-color: oklch(55.5% 0.163 48.998);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-800 {\n --tw-shadow-color: oklch(47.3% 0.137 46.201);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-900 {\n --tw-shadow-color: oklch(41.4% 0.112 45.904);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-amber-950 {\n --tw-shadow-color: oklch(27.9% 0.077 45.635);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-amber-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-background {\n --tw-shadow-color: #fff;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-background) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-black {\n --tw-shadow-color: #000;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-50 {\n --tw-shadow-color: oklch(97% 0.014 254.604);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-100 {\n --tw-shadow-color: oklch(93.2% 0.032 255.585);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-200 {\n --tw-shadow-color: oklch(88.2% 0.059 254.128);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-300 {\n --tw-shadow-color: oklch(80.9% 0.105 251.813);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-400 {\n --tw-shadow-color: oklch(70.7% 0.165 254.624);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-500 {\n --tw-shadow-color: oklch(62.3% 0.214 259.815);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-600 {\n --tw-shadow-color: oklch(54.6% 0.245 262.881);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-700 {\n --tw-shadow-color: oklch(48.8% 0.243 264.376);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-800 {\n --tw-shadow-color: oklch(42.4% 0.199 265.638);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-900 {\n --tw-shadow-color: oklch(37.9% 0.146 265.522);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-blue-950 {\n --tw-shadow-color: oklch(28.2% 0.091 267.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-blue-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-current {\n --tw-shadow-color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, currentcolor var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-50 {\n --tw-shadow-color: oklch(98.4% 0.019 200.873);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-100 {\n --tw-shadow-color: oklch(95.6% 0.045 203.388);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-200 {\n --tw-shadow-color: oklch(91.7% 0.08 205.041);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-300 {\n --tw-shadow-color: oklch(86.5% 0.127 207.078);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-400 {\n --tw-shadow-color: oklch(78.9% 0.154 211.53);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-500 {\n --tw-shadow-color: oklch(71.5% 0.143 215.221);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-600 {\n --tw-shadow-color: oklch(60.9% 0.126 221.723);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-700 {\n --tw-shadow-color: oklch(52% 0.105 223.128);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-800 {\n --tw-shadow-color: oklch(45% 0.085 224.283);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-900 {\n --tw-shadow-color: oklch(39.8% 0.07 227.392);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-cyan-950 {\n --tw-shadow-color: oklch(30.2% 0.056 229.695);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-cyan-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-50 {\n --tw-shadow-color: oklch(97.9% 0.021 166.113);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-100 {\n --tw-shadow-color: oklch(95% 0.052 163.051);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-200 {\n --tw-shadow-color: oklch(90.5% 0.093 164.15);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-300 {\n --tw-shadow-color: oklch(84.5% 0.143 164.978);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-400 {\n --tw-shadow-color: oklch(76.5% 0.177 163.223);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-500 {\n --tw-shadow-color: oklch(69.6% 0.17 162.48);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-600 {\n --tw-shadow-color: oklch(59.6% 0.145 163.225);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-700 {\n --tw-shadow-color: oklch(50.8% 0.118 165.612);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-800 {\n --tw-shadow-color: oklch(43.2% 0.095 166.913);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-900 {\n --tw-shadow-color: oklch(37.8% 0.077 168.94);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-emerald-950 {\n --tw-shadow-color: oklch(26.2% 0.051 172.552);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-emerald-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-50 {\n --tw-shadow-color: oklch(97.7% 0.017 320.058);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-100 {\n --tw-shadow-color: oklch(95.2% 0.037 318.852);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-200 {\n --tw-shadow-color: oklch(90.3% 0.076 319.62);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-300 {\n --tw-shadow-color: oklch(83.3% 0.145 321.434);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-400 {\n --tw-shadow-color: oklch(74% 0.238 322.16);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-500 {\n --tw-shadow-color: oklch(66.7% 0.295 322.15);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-600 {\n --tw-shadow-color: oklch(59.1% 0.293 322.896);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-700 {\n --tw-shadow-color: oklch(51.8% 0.253 323.949);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-800 {\n --tw-shadow-color: oklch(45.2% 0.211 324.591);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-900 {\n --tw-shadow-color: oklch(40.1% 0.17 325.612);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-fuchsia-950 {\n --tw-shadow-color: oklch(29.3% 0.136 325.661);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-50 {\n --tw-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-100 {\n --tw-shadow-color: oklch(97% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-200 {\n --tw-shadow-color: oklch(92.2% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-300 {\n --tw-shadow-color: oklch(87% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-400 {\n --tw-shadow-color: oklch(70.8% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-500 {\n --tw-shadow-color: oklch(55.6% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-600 {\n --tw-shadow-color: oklch(43.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-700 {\n --tw-shadow-color: oklch(37.1% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-800 {\n --tw-shadow-color: oklch(26.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-900 {\n --tw-shadow-color: oklch(20.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-gray-950 {\n --tw-shadow-color: oklch(14.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-gray-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-50 {\n --tw-shadow-color: oklch(98.2% 0.018 155.826);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-100 {\n --tw-shadow-color: oklch(96.2% 0.044 156.743);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-200 {\n --tw-shadow-color: oklch(92.5% 0.084 155.995);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-300 {\n --tw-shadow-color: oklch(87.1% 0.15 154.449);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-400 {\n --tw-shadow-color: oklch(79.2% 0.209 151.711);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-500 {\n --tw-shadow-color: oklch(72.3% 0.219 149.579);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-600 {\n --tw-shadow-color: oklch(62.7% 0.194 149.214);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-700 {\n --tw-shadow-color: oklch(52.7% 0.154 150.069);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-800 {\n --tw-shadow-color: oklch(44.8% 0.119 151.328);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-900 {\n --tw-shadow-color: oklch(39.3% 0.095 152.535);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-green-950 {\n --tw-shadow-color: oklch(26.6% 0.065 152.934);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-green-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-50 {\n --tw-shadow-color: oklch(96.2% 0.018 272.314);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-100 {\n --tw-shadow-color: oklch(93% 0.034 272.788);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-200 {\n --tw-shadow-color: oklch(87% 0.065 274.039);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-300 {\n --tw-shadow-color: oklch(78.5% 0.115 274.713);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-400 {\n --tw-shadow-color: oklch(67.3% 0.182 276.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-500 {\n --tw-shadow-color: oklch(58.5% 0.233 277.117);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-600 {\n --tw-shadow-color: oklch(51.1% 0.262 276.966);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-700 {\n --tw-shadow-color: oklch(45.7% 0.24 277.023);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-800 {\n --tw-shadow-color: oklch(39.8% 0.195 277.366);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-900 {\n --tw-shadow-color: oklch(35.9% 0.144 278.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-indigo-950 {\n --tw-shadow-color: oklch(25.7% 0.09 281.288);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-indigo-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-inherit {\n --tw-shadow-color: inherit;\n }\n .shadow-initial {\n --tw-shadow-color: initial;\n }\n .shadow-lime-50 {\n --tw-shadow-color: oklch(98.6% 0.031 120.757);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-100 {\n --tw-shadow-color: oklch(96.7% 0.067 122.328);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-200 {\n --tw-shadow-color: oklch(93.8% 0.127 124.321);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-300 {\n --tw-shadow-color: oklch(89.7% 0.196 126.665);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-400 {\n --tw-shadow-color: oklch(84.1% 0.238 128.85);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-500 {\n --tw-shadow-color: oklch(76.8% 0.233 130.85);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-600 {\n --tw-shadow-color: oklch(64.8% 0.2 131.684);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-700 {\n --tw-shadow-color: oklch(53.2% 0.157 131.589);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-800 {\n --tw-shadow-color: oklch(45.3% 0.124 130.933);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-900 {\n --tw-shadow-color: oklch(40.5% 0.101 131.063);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-lime-950 {\n --tw-shadow-color: oklch(27.4% 0.072 132.109);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-lime-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-50 {\n --tw-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-100 {\n --tw-shadow-color: oklch(97% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-200 {\n --tw-shadow-color: oklch(92.2% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-300 {\n --tw-shadow-color: oklch(87% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-400 {\n --tw-shadow-color: oklch(70.8% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-500 {\n --tw-shadow-color: oklch(55.6% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-600 {\n --tw-shadow-color: oklch(43.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-700 {\n --tw-shadow-color: oklch(37.1% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-800 {\n --tw-shadow-color: oklch(26.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-900 {\n --tw-shadow-color: oklch(20.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-neutral-950 {\n --tw-shadow-color: oklch(14.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-neutral-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-50 {\n --tw-shadow-color: oklch(98% 0.016 73.684);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-100 {\n --tw-shadow-color: oklch(95.4% 0.038 75.164);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-200 {\n --tw-shadow-color: oklch(90.1% 0.076 70.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-300 {\n --tw-shadow-color: oklch(83.7% 0.128 66.29);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-400 {\n --tw-shadow-color: oklch(75% 0.183 55.934);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-500 {\n --tw-shadow-color: oklch(70.5% 0.213 47.604);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-600 {\n --tw-shadow-color: oklch(64.6% 0.222 41.116);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-700 {\n --tw-shadow-color: oklch(55.3% 0.195 38.402);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-800 {\n --tw-shadow-color: oklch(47% 0.157 37.304);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-900 {\n --tw-shadow-color: oklch(40.8% 0.123 38.172);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-orange-950 {\n --tw-shadow-color: oklch(26.6% 0.079 36.259);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-orange-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-50 {\n --tw-shadow-color: oklch(97.1% 0.014 343.198);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-100 {\n --tw-shadow-color: oklch(94.8% 0.028 342.258);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-200 {\n --tw-shadow-color: oklch(89.9% 0.061 343.231);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-300 {\n --tw-shadow-color: oklch(82.3% 0.12 346.018);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-400 {\n --tw-shadow-color: oklch(71.8% 0.202 349.761);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-500 {\n --tw-shadow-color: oklch(65.6% 0.241 354.308);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-600 {\n --tw-shadow-color: oklch(59.2% 0.249 0.584);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-700 {\n --tw-shadow-color: oklch(52.5% 0.223 3.958);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-800 {\n --tw-shadow-color: oklch(45.9% 0.187 3.815);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-900 {\n --tw-shadow-color: oklch(40.8% 0.153 2.432);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-pink-950 {\n --tw-shadow-color: oklch(28.4% 0.109 3.907);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-pink-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-50 {\n --tw-shadow-color: oklch(97.7% 0.014 308.299);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-100 {\n --tw-shadow-color: oklch(94.6% 0.033 307.174);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-200 {\n --tw-shadow-color: oklch(90.2% 0.063 306.703);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-300 {\n --tw-shadow-color: oklch(82.7% 0.119 306.383);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-400 {\n --tw-shadow-color: oklch(71.4% 0.203 305.504);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-500 {\n --tw-shadow-color: oklch(62.7% 0.265 303.9);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-600 {\n --tw-shadow-color: oklch(55.8% 0.288 302.321);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-700 {\n --tw-shadow-color: oklch(49.6% 0.265 301.924);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-800 {\n --tw-shadow-color: oklch(43.8% 0.218 303.724);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-900 {\n --tw-shadow-color: oklch(38.1% 0.176 304.987);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-purple-950 {\n --tw-shadow-color: oklch(29.1% 0.149 302.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-purple-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-50 {\n --tw-shadow-color: oklch(97.1% 0.013 17.38);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-100 {\n --tw-shadow-color: oklch(93.6% 0.032 17.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-200 {\n --tw-shadow-color: oklch(88.5% 0.062 18.334);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-300 {\n --tw-shadow-color: oklch(80.8% 0.114 19.571);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-400 {\n --tw-shadow-color: oklch(70.4% 0.191 22.216);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-500 {\n --tw-shadow-color: oklch(63.7% 0.237 25.331);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-600 {\n --tw-shadow-color: oklch(57.7% 0.245 27.325);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-700 {\n --tw-shadow-color: oklch(50.5% 0.213 27.518);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-800 {\n --tw-shadow-color: oklch(44.4% 0.177 26.899);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-900 {\n --tw-shadow-color: oklch(39.6% 0.141 25.723);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-red-950 {\n --tw-shadow-color: oklch(25.8% 0.092 26.042);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-red-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-50 {\n --tw-shadow-color: oklch(96.9% 0.015 12.422);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-100 {\n --tw-shadow-color: oklch(94.1% 0.03 12.58);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-200 {\n --tw-shadow-color: oklch(89.2% 0.058 10.001);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-300 {\n --tw-shadow-color: oklch(81% 0.117 11.638);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-400 {\n --tw-shadow-color: oklch(71.2% 0.194 13.428);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-500 {\n --tw-shadow-color: oklch(64.5% 0.246 16.439);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-600 {\n --tw-shadow-color: oklch(58.6% 0.253 17.585);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-700 {\n --tw-shadow-color: oklch(51.4% 0.222 16.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-800 {\n --tw-shadow-color: oklch(45.5% 0.188 13.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-900 {\n --tw-shadow-color: oklch(41% 0.159 10.272);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-rose-950 {\n --tw-shadow-color: oklch(27.1% 0.105 12.094);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-rose-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-50 {\n --tw-shadow-color: oklch(97.7% 0.013 236.62);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-100 {\n --tw-shadow-color: oklch(95.1% 0.026 236.824);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-200 {\n --tw-shadow-color: oklch(90.1% 0.058 230.902);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-300 {\n --tw-shadow-color: oklch(82.8% 0.111 230.318);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-400 {\n --tw-shadow-color: oklch(74.6% 0.16 232.661);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-500 {\n --tw-shadow-color: oklch(68.5% 0.169 237.323);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-600 {\n --tw-shadow-color: oklch(58.8% 0.158 241.966);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-700 {\n --tw-shadow-color: oklch(50% 0.134 242.749);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-800 {\n --tw-shadow-color: oklch(44.3% 0.11 240.79);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-900 {\n --tw-shadow-color: oklch(39.1% 0.09 240.876);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-sky-950 {\n --tw-shadow-color: oklch(29.3% 0.066 243.157);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-sky-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-50 {\n --tw-shadow-color: oklch(98.4% 0.003 247.858);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-100 {\n --tw-shadow-color: oklch(96.8% 0.007 247.896);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-200 {\n --tw-shadow-color: oklch(92.9% 0.013 255.508);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-300 {\n --tw-shadow-color: oklch(86.9% 0.022 252.894);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-400 {\n --tw-shadow-color: oklch(70.4% 0.04 256.788);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-500 {\n --tw-shadow-color: oklch(55.4% 0.046 257.417);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-600 {\n --tw-shadow-color: oklch(44.6% 0.043 257.281);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-700 {\n --tw-shadow-color: oklch(37.2% 0.044 257.287);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-800 {\n --tw-shadow-color: oklch(27.9% 0.041 260.031);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-900 {\n --tw-shadow-color: oklch(20.8% 0.042 265.755);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-slate-950 {\n --tw-shadow-color: oklch(12.9% 0.042 264.695);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-slate-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-50 {\n --tw-shadow-color: oklch(98.5% 0.001 106.423);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-100 {\n --tw-shadow-color: oklch(97% 0.001 106.424);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-200 {\n --tw-shadow-color: oklch(92.3% 0.003 48.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-300 {\n --tw-shadow-color: oklch(86.9% 0.005 56.366);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-400 {\n --tw-shadow-color: oklch(70.9% 0.01 56.259);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-500 {\n --tw-shadow-color: oklch(55.3% 0.013 58.071);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-600 {\n --tw-shadow-color: oklch(44.4% 0.011 73.639);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-700 {\n --tw-shadow-color: oklch(37.4% 0.01 67.558);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-800 {\n --tw-shadow-color: oklch(26.8% 0.007 34.298);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-900 {\n --tw-shadow-color: oklch(21.6% 0.006 56.043);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-stone-950 {\n --tw-shadow-color: oklch(14.7% 0.004 49.25);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-stone-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-50 {\n --tw-shadow-color: oklch(98.4% 0.014 180.72);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-100 {\n --tw-shadow-color: oklch(95.3% 0.051 180.801);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-200 {\n --tw-shadow-color: oklch(91% 0.096 180.426);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-300 {\n --tw-shadow-color: oklch(85.5% 0.138 181.071);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-400 {\n --tw-shadow-color: oklch(77.7% 0.152 181.912);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-500 {\n --tw-shadow-color: oklch(70.4% 0.14 182.503);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-600 {\n --tw-shadow-color: oklch(60% 0.118 184.704);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-700 {\n --tw-shadow-color: oklch(51.1% 0.096 186.391);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-800 {\n --tw-shadow-color: oklch(43.7% 0.078 188.216);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-900 {\n --tw-shadow-color: oklch(38.6% 0.063 188.416);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-teal-950 {\n --tw-shadow-color: oklch(27.7% 0.046 192.524);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-teal-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-transparent {\n --tw-shadow-color: transparent;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-50 {\n --tw-shadow-color: oklch(96.9% 0.016 293.756);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-100 {\n --tw-shadow-color: oklch(94.3% 0.029 294.588);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-200 {\n --tw-shadow-color: oklch(89.4% 0.057 293.283);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-300 {\n --tw-shadow-color: oklch(81.1% 0.111 293.571);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-400 {\n --tw-shadow-color: oklch(70.2% 0.183 293.541);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-500 {\n --tw-shadow-color: oklch(60.6% 0.25 292.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-600 {\n --tw-shadow-color: oklch(54.1% 0.281 293.009);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-700 {\n --tw-shadow-color: oklch(49.1% 0.27 292.581);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-800 {\n --tw-shadow-color: oklch(43.2% 0.232 292.759);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-900 {\n --tw-shadow-color: oklch(38% 0.189 293.745);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-violet-950 {\n --tw-shadow-color: oklch(28.3% 0.141 291.089);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-violet-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-white {\n --tw-shadow-color: #fff;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-50 {\n --tw-shadow-color: oklch(98.7% 0.026 102.212);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-100 {\n --tw-shadow-color: oklch(97.3% 0.071 103.193);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-200 {\n --tw-shadow-color: oklch(94.5% 0.129 101.54);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-300 {\n --tw-shadow-color: oklch(90.5% 0.182 98.111);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-400 {\n --tw-shadow-color: oklch(85.2% 0.199 91.936);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-500 {\n --tw-shadow-color: oklch(79.5% 0.184 86.047);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-600 {\n --tw-shadow-color: oklch(68.1% 0.162 75.834);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-700 {\n --tw-shadow-color: oklch(55.4% 0.135 66.442);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-800 {\n --tw-shadow-color: oklch(47.6% 0.114 61.907);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-900 {\n --tw-shadow-color: oklch(42.1% 0.095 57.708);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-yellow-950 {\n --tw-shadow-color: oklch(28.6% 0.066 53.813);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-yellow-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-50 {\n --tw-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-50) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-100 {\n --tw-shadow-color: oklch(96.7% 0.001 286.375);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-100) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-200 {\n --tw-shadow-color: oklch(92% 0.004 286.32);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-200) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-300 {\n --tw-shadow-color: oklch(87.1% 0.006 286.286);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-300) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-400 {\n --tw-shadow-color: oklch(70.5% 0.015 286.067);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-400) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-500 {\n --tw-shadow-color: oklch(55.2% 0.016 285.938);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-500) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-600 {\n --tw-shadow-color: oklch(44.2% 0.017 285.786);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-600) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-700 {\n --tw-shadow-color: oklch(37% 0.013 285.805);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-700) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-800 {\n --tw-shadow-color: oklch(27.4% 0.006 286.033);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-800) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-900 {\n --tw-shadow-color: oklch(21% 0.006 285.885);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-900) var(--tw-shadow-alpha), transparent);\n }\n }\n .shadow-zinc-950 {\n --tw-shadow-color: oklch(14.1% 0.005 285.823);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-shadow-color: color-mix(in oklab, var(--color-zinc-950) var(--tw-shadow-alpha), transparent);\n }\n }\n .ring-amber-50 {\n --tw-ring-color: var(--color-amber-50);\n }\n .ring-amber-100 {\n --tw-ring-color: var(--color-amber-100);\n }\n .ring-amber-200 {\n --tw-ring-color: var(--color-amber-200);\n }\n .ring-amber-300 {\n --tw-ring-color: var(--color-amber-300);\n }\n .ring-amber-400 {\n --tw-ring-color: var(--color-amber-400);\n }\n .ring-amber-500 {\n --tw-ring-color: var(--color-amber-500);\n }\n .ring-amber-600 {\n --tw-ring-color: var(--color-amber-600);\n }\n .ring-amber-700 {\n --tw-ring-color: var(--color-amber-700);\n }\n .ring-amber-800 {\n --tw-ring-color: var(--color-amber-800);\n }\n .ring-amber-900 {\n --tw-ring-color: var(--color-amber-900);\n }\n .ring-amber-950 {\n --tw-ring-color: var(--color-amber-950);\n }\n .ring-background {\n --tw-ring-color: var(--color-background);\n }\n .ring-black {\n --tw-ring-color: var(--color-black);\n }\n .ring-blue-50 {\n --tw-ring-color: var(--color-blue-50);\n }\n .ring-blue-100 {\n --tw-ring-color: var(--color-blue-100);\n }\n .ring-blue-200 {\n --tw-ring-color: var(--color-blue-200);\n }\n .ring-blue-300 {\n --tw-ring-color: var(--color-blue-300);\n }\n .ring-blue-400 {\n --tw-ring-color: var(--color-blue-400);\n }\n .ring-blue-500 {\n --tw-ring-color: var(--color-blue-500);\n }\n .ring-blue-600 {\n --tw-ring-color: var(--color-blue-600);\n }\n .ring-blue-700 {\n --tw-ring-color: var(--color-blue-700);\n }\n .ring-blue-800 {\n --tw-ring-color: var(--color-blue-800);\n }\n .ring-blue-900 {\n --tw-ring-color: var(--color-blue-900);\n }\n .ring-blue-950 {\n --tw-ring-color: var(--color-blue-950);\n }\n .ring-current {\n --tw-ring-color: currentcolor;\n }\n .ring-cyan-50 {\n --tw-ring-color: var(--color-cyan-50);\n }\n .ring-cyan-100 {\n --tw-ring-color: var(--color-cyan-100);\n }\n .ring-cyan-200 {\n --tw-ring-color: var(--color-cyan-200);\n }\n .ring-cyan-300 {\n --tw-ring-color: var(--color-cyan-300);\n }\n .ring-cyan-400 {\n --tw-ring-color: var(--color-cyan-400);\n }\n .ring-cyan-500 {\n --tw-ring-color: var(--color-cyan-500);\n }\n .ring-cyan-600 {\n --tw-ring-color: var(--color-cyan-600);\n }\n .ring-cyan-700 {\n --tw-ring-color: var(--color-cyan-700);\n }\n .ring-cyan-800 {\n --tw-ring-color: var(--color-cyan-800);\n }\n .ring-cyan-900 {\n --tw-ring-color: var(--color-cyan-900);\n }\n .ring-cyan-950 {\n --tw-ring-color: var(--color-cyan-950);\n }\n .ring-emerald-50 {\n --tw-ring-color: var(--color-emerald-50);\n }\n .ring-emerald-100 {\n --tw-ring-color: var(--color-emerald-100);\n }\n .ring-emerald-200 {\n --tw-ring-color: var(--color-emerald-200);\n }\n .ring-emerald-300 {\n --tw-ring-color: var(--color-emerald-300);\n }\n .ring-emerald-400 {\n --tw-ring-color: var(--color-emerald-400);\n }\n .ring-emerald-500 {\n --tw-ring-color: var(--color-emerald-500);\n }\n .ring-emerald-600 {\n --tw-ring-color: var(--color-emerald-600);\n }\n .ring-emerald-700 {\n --tw-ring-color: var(--color-emerald-700);\n }\n .ring-emerald-800 {\n --tw-ring-color: var(--color-emerald-800);\n }\n .ring-emerald-900 {\n --tw-ring-color: var(--color-emerald-900);\n }\n .ring-emerald-950 {\n --tw-ring-color: var(--color-emerald-950);\n }\n .ring-fuchsia-50 {\n --tw-ring-color: var(--color-fuchsia-50);\n }\n .ring-fuchsia-100 {\n --tw-ring-color: var(--color-fuchsia-100);\n }\n .ring-fuchsia-200 {\n --tw-ring-color: var(--color-fuchsia-200);\n }\n .ring-fuchsia-300 {\n --tw-ring-color: var(--color-fuchsia-300);\n }\n .ring-fuchsia-400 {\n --tw-ring-color: var(--color-fuchsia-400);\n }\n .ring-fuchsia-500 {\n --tw-ring-color: var(--color-fuchsia-500);\n }\n .ring-fuchsia-600 {\n --tw-ring-color: var(--color-fuchsia-600);\n }\n .ring-fuchsia-700 {\n --tw-ring-color: var(--color-fuchsia-700);\n }\n .ring-fuchsia-800 {\n --tw-ring-color: var(--color-fuchsia-800);\n }\n .ring-fuchsia-900 {\n --tw-ring-color: var(--color-fuchsia-900);\n }\n .ring-fuchsia-950 {\n --tw-ring-color: var(--color-fuchsia-950);\n }\n .ring-gray-50 {\n --tw-ring-color: var(--color-gray-50);\n }\n .ring-gray-100 {\n --tw-ring-color: var(--color-gray-100);\n }\n .ring-gray-200 {\n --tw-ring-color: var(--color-gray-200);\n }\n .ring-gray-300 {\n --tw-ring-color: var(--color-gray-300);\n }\n .ring-gray-400 {\n --tw-ring-color: var(--color-gray-400);\n }\n .ring-gray-500 {\n --tw-ring-color: var(--color-gray-500);\n }\n .ring-gray-600 {\n --tw-ring-color: var(--color-gray-600);\n }\n .ring-gray-700 {\n --tw-ring-color: var(--color-gray-700);\n }\n .ring-gray-800 {\n --tw-ring-color: var(--color-gray-800);\n }\n .ring-gray-900 {\n --tw-ring-color: var(--color-gray-900);\n }\n .ring-gray-950 {\n --tw-ring-color: var(--color-gray-950);\n }\n .ring-green-50 {\n --tw-ring-color: var(--color-green-50);\n }\n .ring-green-100 {\n --tw-ring-color: var(--color-green-100);\n }\n .ring-green-200 {\n --tw-ring-color: var(--color-green-200);\n }\n .ring-green-300 {\n --tw-ring-color: var(--color-green-300);\n }\n .ring-green-400 {\n --tw-ring-color: var(--color-green-400);\n }\n .ring-green-500 {\n --tw-ring-color: var(--color-green-500);\n }\n .ring-green-600 {\n --tw-ring-color: var(--color-green-600);\n }\n .ring-green-700 {\n --tw-ring-color: var(--color-green-700);\n }\n .ring-green-800 {\n --tw-ring-color: var(--color-green-800);\n }\n .ring-green-900 {\n --tw-ring-color: var(--color-green-900);\n }\n .ring-green-950 {\n --tw-ring-color: var(--color-green-950);\n }\n .ring-indigo-50 {\n --tw-ring-color: var(--color-indigo-50);\n }\n .ring-indigo-100 {\n --tw-ring-color: var(--color-indigo-100);\n }\n .ring-indigo-200 {\n --tw-ring-color: var(--color-indigo-200);\n }\n .ring-indigo-300 {\n --tw-ring-color: var(--color-indigo-300);\n }\n .ring-indigo-400 {\n --tw-ring-color: var(--color-indigo-400);\n }\n .ring-indigo-500 {\n --tw-ring-color: var(--color-indigo-500);\n }\n .ring-indigo-600 {\n --tw-ring-color: var(--color-indigo-600);\n }\n .ring-indigo-700 {\n --tw-ring-color: var(--color-indigo-700);\n }\n .ring-indigo-800 {\n --tw-ring-color: var(--color-indigo-800);\n }\n .ring-indigo-900 {\n --tw-ring-color: var(--color-indigo-900);\n }\n .ring-indigo-950 {\n --tw-ring-color: var(--color-indigo-950);\n }\n .ring-inherit {\n --tw-ring-color: inherit;\n }\n .ring-lime-50 {\n --tw-ring-color: var(--color-lime-50);\n }\n .ring-lime-100 {\n --tw-ring-color: var(--color-lime-100);\n }\n .ring-lime-200 {\n --tw-ring-color: var(--color-lime-200);\n }\n .ring-lime-300 {\n --tw-ring-color: var(--color-lime-300);\n }\n .ring-lime-400 {\n --tw-ring-color: var(--color-lime-400);\n }\n .ring-lime-500 {\n --tw-ring-color: var(--color-lime-500);\n }\n .ring-lime-600 {\n --tw-ring-color: var(--color-lime-600);\n }\n .ring-lime-700 {\n --tw-ring-color: var(--color-lime-700);\n }\n .ring-lime-800 {\n --tw-ring-color: var(--color-lime-800);\n }\n .ring-lime-900 {\n --tw-ring-color: var(--color-lime-900);\n }\n .ring-lime-950 {\n --tw-ring-color: var(--color-lime-950);\n }\n .ring-neutral-50 {\n --tw-ring-color: var(--color-neutral-50);\n }\n .ring-neutral-100 {\n --tw-ring-color: var(--color-neutral-100);\n }\n .ring-neutral-200 {\n --tw-ring-color: var(--color-neutral-200);\n }\n .ring-neutral-300 {\n --tw-ring-color: var(--color-neutral-300);\n }\n .ring-neutral-400 {\n --tw-ring-color: var(--color-neutral-400);\n }\n .ring-neutral-500 {\n --tw-ring-color: var(--color-neutral-500);\n }\n .ring-neutral-600 {\n --tw-ring-color: var(--color-neutral-600);\n }\n .ring-neutral-700 {\n --tw-ring-color: var(--color-neutral-700);\n }\n .ring-neutral-800 {\n --tw-ring-color: var(--color-neutral-800);\n }\n .ring-neutral-900 {\n --tw-ring-color: var(--color-neutral-900);\n }\n .ring-neutral-950 {\n --tw-ring-color: var(--color-neutral-950);\n }\n .ring-orange-50 {\n --tw-ring-color: var(--color-orange-50);\n }\n .ring-orange-100 {\n --tw-ring-color: var(--color-orange-100);\n }\n .ring-orange-200 {\n --tw-ring-color: var(--color-orange-200);\n }\n .ring-orange-300 {\n --tw-ring-color: var(--color-orange-300);\n }\n .ring-orange-400 {\n --tw-ring-color: var(--color-orange-400);\n }\n .ring-orange-500 {\n --tw-ring-color: var(--color-orange-500);\n }\n .ring-orange-600 {\n --tw-ring-color: var(--color-orange-600);\n }\n .ring-orange-700 {\n --tw-ring-color: var(--color-orange-700);\n }\n .ring-orange-800 {\n --tw-ring-color: var(--color-orange-800);\n }\n .ring-orange-900 {\n --tw-ring-color: var(--color-orange-900);\n }\n .ring-orange-950 {\n --tw-ring-color: var(--color-orange-950);\n }\n .ring-pink-50 {\n --tw-ring-color: var(--color-pink-50);\n }\n .ring-pink-100 {\n --tw-ring-color: var(--color-pink-100);\n }\n .ring-pink-200 {\n --tw-ring-color: var(--color-pink-200);\n }\n .ring-pink-300 {\n --tw-ring-color: var(--color-pink-300);\n }\n .ring-pink-400 {\n --tw-ring-color: var(--color-pink-400);\n }\n .ring-pink-500 {\n --tw-ring-color: var(--color-pink-500);\n }\n .ring-pink-600 {\n --tw-ring-color: var(--color-pink-600);\n }\n .ring-pink-700 {\n --tw-ring-color: var(--color-pink-700);\n }\n .ring-pink-800 {\n --tw-ring-color: var(--color-pink-800);\n }\n .ring-pink-900 {\n --tw-ring-color: var(--color-pink-900);\n }\n .ring-pink-950 {\n --tw-ring-color: var(--color-pink-950);\n }\n .ring-purple-50 {\n --tw-ring-color: var(--color-purple-50);\n }\n .ring-purple-100 {\n --tw-ring-color: var(--color-purple-100);\n }\n .ring-purple-200 {\n --tw-ring-color: var(--color-purple-200);\n }\n .ring-purple-300 {\n --tw-ring-color: var(--color-purple-300);\n }\n .ring-purple-400 {\n --tw-ring-color: var(--color-purple-400);\n }\n .ring-purple-500 {\n --tw-ring-color: var(--color-purple-500);\n }\n .ring-purple-600 {\n --tw-ring-color: var(--color-purple-600);\n }\n .ring-purple-700 {\n --tw-ring-color: var(--color-purple-700);\n }\n .ring-purple-800 {\n --tw-ring-color: var(--color-purple-800);\n }\n .ring-purple-900 {\n --tw-ring-color: var(--color-purple-900);\n }\n .ring-purple-950 {\n --tw-ring-color: var(--color-purple-950);\n }\n .ring-red-50 {\n --tw-ring-color: var(--color-red-50);\n }\n .ring-red-100 {\n --tw-ring-color: var(--color-red-100);\n }\n .ring-red-200 {\n --tw-ring-color: var(--color-red-200);\n }\n .ring-red-300 {\n --tw-ring-color: var(--color-red-300);\n }\n .ring-red-400 {\n --tw-ring-color: var(--color-red-400);\n }\n .ring-red-500 {\n --tw-ring-color: var(--color-red-500);\n }\n .ring-red-600 {\n --tw-ring-color: var(--color-red-600);\n }\n .ring-red-700 {\n --tw-ring-color: var(--color-red-700);\n }\n .ring-red-800 {\n --tw-ring-color: var(--color-red-800);\n }\n .ring-red-900 {\n --tw-ring-color: var(--color-red-900);\n }\n .ring-red-950 {\n --tw-ring-color: var(--color-red-950);\n }\n .ring-rose-50 {\n --tw-ring-color: var(--color-rose-50);\n }\n .ring-rose-100 {\n --tw-ring-color: var(--color-rose-100);\n }\n .ring-rose-200 {\n --tw-ring-color: var(--color-rose-200);\n }\n .ring-rose-300 {\n --tw-ring-color: var(--color-rose-300);\n }\n .ring-rose-400 {\n --tw-ring-color: var(--color-rose-400);\n }\n .ring-rose-500 {\n --tw-ring-color: var(--color-rose-500);\n }\n .ring-rose-600 {\n --tw-ring-color: var(--color-rose-600);\n }\n .ring-rose-700 {\n --tw-ring-color: var(--color-rose-700);\n }\n .ring-rose-800 {\n --tw-ring-color: var(--color-rose-800);\n }\n .ring-rose-900 {\n --tw-ring-color: var(--color-rose-900);\n }\n .ring-rose-950 {\n --tw-ring-color: var(--color-rose-950);\n }\n .ring-sky-50 {\n --tw-ring-color: var(--color-sky-50);\n }\n .ring-sky-100 {\n --tw-ring-color: var(--color-sky-100);\n }\n .ring-sky-200 {\n --tw-ring-color: var(--color-sky-200);\n }\n .ring-sky-300 {\n --tw-ring-color: var(--color-sky-300);\n }\n .ring-sky-400 {\n --tw-ring-color: var(--color-sky-400);\n }\n .ring-sky-500 {\n --tw-ring-color: var(--color-sky-500);\n }\n .ring-sky-600 {\n --tw-ring-color: var(--color-sky-600);\n }\n .ring-sky-700 {\n --tw-ring-color: var(--color-sky-700);\n }\n .ring-sky-800 {\n --tw-ring-color: var(--color-sky-800);\n }\n .ring-sky-900 {\n --tw-ring-color: var(--color-sky-900);\n }\n .ring-sky-950 {\n --tw-ring-color: var(--color-sky-950);\n }\n .ring-slate-50 {\n --tw-ring-color: var(--color-slate-50);\n }\n .ring-slate-100 {\n --tw-ring-color: var(--color-slate-100);\n }\n .ring-slate-200 {\n --tw-ring-color: var(--color-slate-200);\n }\n .ring-slate-300 {\n --tw-ring-color: var(--color-slate-300);\n }\n .ring-slate-400 {\n --tw-ring-color: var(--color-slate-400);\n }\n .ring-slate-500 {\n --tw-ring-color: var(--color-slate-500);\n }\n .ring-slate-600 {\n --tw-ring-color: var(--color-slate-600);\n }\n .ring-slate-700 {\n --tw-ring-color: var(--color-slate-700);\n }\n .ring-slate-800 {\n --tw-ring-color: var(--color-slate-800);\n }\n .ring-slate-900 {\n --tw-ring-color: var(--color-slate-900);\n }\n .ring-slate-950 {\n --tw-ring-color: var(--color-slate-950);\n }\n .ring-stone-50 {\n --tw-ring-color: var(--color-stone-50);\n }\n .ring-stone-100 {\n --tw-ring-color: var(--color-stone-100);\n }\n .ring-stone-200 {\n --tw-ring-color: var(--color-stone-200);\n }\n .ring-stone-300 {\n --tw-ring-color: var(--color-stone-300);\n }\n .ring-stone-400 {\n --tw-ring-color: var(--color-stone-400);\n }\n .ring-stone-500 {\n --tw-ring-color: var(--color-stone-500);\n }\n .ring-stone-600 {\n --tw-ring-color: var(--color-stone-600);\n }\n .ring-stone-700 {\n --tw-ring-color: var(--color-stone-700);\n }\n .ring-stone-800 {\n --tw-ring-color: var(--color-stone-800);\n }\n .ring-stone-900 {\n --tw-ring-color: var(--color-stone-900);\n }\n .ring-stone-950 {\n --tw-ring-color: var(--color-stone-950);\n }\n .ring-teal-50 {\n --tw-ring-color: var(--color-teal-50);\n }\n .ring-teal-100 {\n --tw-ring-color: var(--color-teal-100);\n }\n .ring-teal-200 {\n --tw-ring-color: var(--color-teal-200);\n }\n .ring-teal-300 {\n --tw-ring-color: var(--color-teal-300);\n }\n .ring-teal-400 {\n --tw-ring-color: var(--color-teal-400);\n }\n .ring-teal-500 {\n --tw-ring-color: var(--color-teal-500);\n }\n .ring-teal-600 {\n --tw-ring-color: var(--color-teal-600);\n }\n .ring-teal-700 {\n --tw-ring-color: var(--color-teal-700);\n }\n .ring-teal-800 {\n --tw-ring-color: var(--color-teal-800);\n }\n .ring-teal-900 {\n --tw-ring-color: var(--color-teal-900);\n }\n .ring-teal-950 {\n --tw-ring-color: var(--color-teal-950);\n }\n .ring-transparent {\n --tw-ring-color: transparent;\n }\n .ring-violet-50 {\n --tw-ring-color: var(--color-violet-50);\n }\n .ring-violet-100 {\n --tw-ring-color: var(--color-violet-100);\n }\n .ring-violet-200 {\n --tw-ring-color: var(--color-violet-200);\n }\n .ring-violet-300 {\n --tw-ring-color: var(--color-violet-300);\n }\n .ring-violet-400 {\n --tw-ring-color: var(--color-violet-400);\n }\n .ring-violet-500 {\n --tw-ring-color: var(--color-violet-500);\n }\n .ring-violet-600 {\n --tw-ring-color: var(--color-violet-600);\n }\n .ring-violet-700 {\n --tw-ring-color: var(--color-violet-700);\n }\n .ring-violet-800 {\n --tw-ring-color: var(--color-violet-800);\n }\n .ring-violet-900 {\n --tw-ring-color: var(--color-violet-900);\n }\n .ring-violet-950 {\n --tw-ring-color: var(--color-violet-950);\n }\n .ring-white {\n --tw-ring-color: var(--color-white);\n }\n .ring-yellow-50 {\n --tw-ring-color: var(--color-yellow-50);\n }\n .ring-yellow-100 {\n --tw-ring-color: var(--color-yellow-100);\n }\n .ring-yellow-200 {\n --tw-ring-color: var(--color-yellow-200);\n }\n .ring-yellow-300 {\n --tw-ring-color: var(--color-yellow-300);\n }\n .ring-yellow-400 {\n --tw-ring-color: var(--color-yellow-400);\n }\n .ring-yellow-500 {\n --tw-ring-color: var(--color-yellow-500);\n }\n .ring-yellow-600 {\n --tw-ring-color: var(--color-yellow-600);\n }\n .ring-yellow-700 {\n --tw-ring-color: var(--color-yellow-700);\n }\n .ring-yellow-800 {\n --tw-ring-color: var(--color-yellow-800);\n }\n .ring-yellow-900 {\n --tw-ring-color: var(--color-yellow-900);\n }\n .ring-yellow-950 {\n --tw-ring-color: var(--color-yellow-950);\n }\n .ring-zinc-50 {\n --tw-ring-color: var(--color-zinc-50);\n }\n .ring-zinc-100 {\n --tw-ring-color: var(--color-zinc-100);\n }\n .ring-zinc-200 {\n --tw-ring-color: var(--color-zinc-200);\n }\n .ring-zinc-300 {\n --tw-ring-color: var(--color-zinc-300);\n }\n .ring-zinc-400 {\n --tw-ring-color: var(--color-zinc-400);\n }\n .ring-zinc-500 {\n --tw-ring-color: var(--color-zinc-500);\n }\n .ring-zinc-600 {\n --tw-ring-color: var(--color-zinc-600);\n }\n .ring-zinc-700 {\n --tw-ring-color: var(--color-zinc-700);\n }\n .ring-zinc-800 {\n --tw-ring-color: var(--color-zinc-800);\n }\n .ring-zinc-900 {\n --tw-ring-color: var(--color-zinc-900);\n }\n .ring-zinc-950 {\n --tw-ring-color: var(--color-zinc-950);\n }\n .ring-offset-0 {\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n .ring-offset-1 {\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n .ring-offset-2 {\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n .ring-offset-4 {\n --tw-ring-offset-width: 4px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n .ring-offset-8 {\n --tw-ring-offset-width: 8px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n .ring-offset-amber-50 {\n --tw-ring-offset-color: var(--color-amber-50);\n }\n .ring-offset-amber-100 {\n --tw-ring-offset-color: var(--color-amber-100);\n }\n .ring-offset-amber-200 {\n --tw-ring-offset-color: var(--color-amber-200);\n }\n .ring-offset-amber-300 {\n --tw-ring-offset-color: var(--color-amber-300);\n }\n .ring-offset-amber-400 {\n --tw-ring-offset-color: var(--color-amber-400);\n }\n .ring-offset-amber-500 {\n --tw-ring-offset-color: var(--color-amber-500);\n }\n .ring-offset-amber-600 {\n --tw-ring-offset-color: var(--color-amber-600);\n }\n .ring-offset-amber-700 {\n --tw-ring-offset-color: var(--color-amber-700);\n }\n .ring-offset-amber-800 {\n --tw-ring-offset-color: var(--color-amber-800);\n }\n .ring-offset-amber-900 {\n --tw-ring-offset-color: var(--color-amber-900);\n }\n .ring-offset-amber-950 {\n --tw-ring-offset-color: var(--color-amber-950);\n }\n .ring-offset-background {\n --tw-ring-offset-color: var(--color-background);\n }\n .ring-offset-black {\n --tw-ring-offset-color: var(--color-black);\n }\n .ring-offset-blue-50 {\n --tw-ring-offset-color: var(--color-blue-50);\n }\n .ring-offset-blue-100 {\n --tw-ring-offset-color: var(--color-blue-100);\n }\n .ring-offset-blue-200 {\n --tw-ring-offset-color: var(--color-blue-200);\n }\n .ring-offset-blue-300 {\n --tw-ring-offset-color: var(--color-blue-300);\n }\n .ring-offset-blue-400 {\n --tw-ring-offset-color: var(--color-blue-400);\n }\n .ring-offset-blue-500 {\n --tw-ring-offset-color: var(--color-blue-500);\n }\n .ring-offset-blue-600 {\n --tw-ring-offset-color: var(--color-blue-600);\n }\n .ring-offset-blue-700 {\n --tw-ring-offset-color: var(--color-blue-700);\n }\n .ring-offset-blue-800 {\n --tw-ring-offset-color: var(--color-blue-800);\n }\n .ring-offset-blue-900 {\n --tw-ring-offset-color: var(--color-blue-900);\n }\n .ring-offset-blue-950 {\n --tw-ring-offset-color: var(--color-blue-950);\n }\n .ring-offset-current {\n --tw-ring-offset-color: currentcolor;\n }\n .ring-offset-cyan-50 {\n --tw-ring-offset-color: var(--color-cyan-50);\n }\n .ring-offset-cyan-100 {\n --tw-ring-offset-color: var(--color-cyan-100);\n }\n .ring-offset-cyan-200 {\n --tw-ring-offset-color: var(--color-cyan-200);\n }\n .ring-offset-cyan-300 {\n --tw-ring-offset-color: var(--color-cyan-300);\n }\n .ring-offset-cyan-400 {\n --tw-ring-offset-color: var(--color-cyan-400);\n }\n .ring-offset-cyan-500 {\n --tw-ring-offset-color: var(--color-cyan-500);\n }\n .ring-offset-cyan-600 {\n --tw-ring-offset-color: var(--color-cyan-600);\n }\n .ring-offset-cyan-700 {\n --tw-ring-offset-color: var(--color-cyan-700);\n }\n .ring-offset-cyan-800 {\n --tw-ring-offset-color: var(--color-cyan-800);\n }\n .ring-offset-cyan-900 {\n --tw-ring-offset-color: var(--color-cyan-900);\n }\n .ring-offset-cyan-950 {\n --tw-ring-offset-color: var(--color-cyan-950);\n }\n .ring-offset-emerald-50 {\n --tw-ring-offset-color: var(--color-emerald-50);\n }\n .ring-offset-emerald-100 {\n --tw-ring-offset-color: var(--color-emerald-100);\n }\n .ring-offset-emerald-200 {\n --tw-ring-offset-color: var(--color-emerald-200);\n }\n .ring-offset-emerald-300 {\n --tw-ring-offset-color: var(--color-emerald-300);\n }\n .ring-offset-emerald-400 {\n --tw-ring-offset-color: var(--color-emerald-400);\n }\n .ring-offset-emerald-500 {\n --tw-ring-offset-color: var(--color-emerald-500);\n }\n .ring-offset-emerald-600 {\n --tw-ring-offset-color: var(--color-emerald-600);\n }\n .ring-offset-emerald-700 {\n --tw-ring-offset-color: var(--color-emerald-700);\n }\n .ring-offset-emerald-800 {\n --tw-ring-offset-color: var(--color-emerald-800);\n }\n .ring-offset-emerald-900 {\n --tw-ring-offset-color: var(--color-emerald-900);\n }\n .ring-offset-emerald-950 {\n --tw-ring-offset-color: var(--color-emerald-950);\n }\n .ring-offset-fuchsia-50 {\n --tw-ring-offset-color: var(--color-fuchsia-50);\n }\n .ring-offset-fuchsia-100 {\n --tw-ring-offset-color: var(--color-fuchsia-100);\n }\n .ring-offset-fuchsia-200 {\n --tw-ring-offset-color: var(--color-fuchsia-200);\n }\n .ring-offset-fuchsia-300 {\n --tw-ring-offset-color: var(--color-fuchsia-300);\n }\n .ring-offset-fuchsia-400 {\n --tw-ring-offset-color: var(--color-fuchsia-400);\n }\n .ring-offset-fuchsia-500 {\n --tw-ring-offset-color: var(--color-fuchsia-500);\n }\n .ring-offset-fuchsia-600 {\n --tw-ring-offset-color: var(--color-fuchsia-600);\n }\n .ring-offset-fuchsia-700 {\n --tw-ring-offset-color: var(--color-fuchsia-700);\n }\n .ring-offset-fuchsia-800 {\n --tw-ring-offset-color: var(--color-fuchsia-800);\n }\n .ring-offset-fuchsia-900 {\n --tw-ring-offset-color: var(--color-fuchsia-900);\n }\n .ring-offset-fuchsia-950 {\n --tw-ring-offset-color: var(--color-fuchsia-950);\n }\n .ring-offset-gray-50 {\n --tw-ring-offset-color: var(--color-gray-50);\n }\n .ring-offset-gray-100 {\n --tw-ring-offset-color: var(--color-gray-100);\n }\n .ring-offset-gray-200 {\n --tw-ring-offset-color: var(--color-gray-200);\n }\n .ring-offset-gray-300 {\n --tw-ring-offset-color: var(--color-gray-300);\n }\n .ring-offset-gray-400 {\n --tw-ring-offset-color: var(--color-gray-400);\n }\n .ring-offset-gray-500 {\n --tw-ring-offset-color: var(--color-gray-500);\n }\n .ring-offset-gray-600 {\n --tw-ring-offset-color: var(--color-gray-600);\n }\n .ring-offset-gray-700 {\n --tw-ring-offset-color: var(--color-gray-700);\n }\n .ring-offset-gray-800 {\n --tw-ring-offset-color: var(--color-gray-800);\n }\n .ring-offset-gray-900 {\n --tw-ring-offset-color: var(--color-gray-900);\n }\n .ring-offset-gray-950 {\n --tw-ring-offset-color: var(--color-gray-950);\n }\n .ring-offset-green-50 {\n --tw-ring-offset-color: var(--color-green-50);\n }\n .ring-offset-green-100 {\n --tw-ring-offset-color: var(--color-green-100);\n }\n .ring-offset-green-200 {\n --tw-ring-offset-color: var(--color-green-200);\n }\n .ring-offset-green-300 {\n --tw-ring-offset-color: var(--color-green-300);\n }\n .ring-offset-green-400 {\n --tw-ring-offset-color: var(--color-green-400);\n }\n .ring-offset-green-500 {\n --tw-ring-offset-color: var(--color-green-500);\n }\n .ring-offset-green-600 {\n --tw-ring-offset-color: var(--color-green-600);\n }\n .ring-offset-green-700 {\n --tw-ring-offset-color: var(--color-green-700);\n }\n .ring-offset-green-800 {\n --tw-ring-offset-color: var(--color-green-800);\n }\n .ring-offset-green-900 {\n --tw-ring-offset-color: var(--color-green-900);\n }\n .ring-offset-green-950 {\n --tw-ring-offset-color: var(--color-green-950);\n }\n .ring-offset-indigo-50 {\n --tw-ring-offset-color: var(--color-indigo-50);\n }\n .ring-offset-indigo-100 {\n --tw-ring-offset-color: var(--color-indigo-100);\n }\n .ring-offset-indigo-200 {\n --tw-ring-offset-color: var(--color-indigo-200);\n }\n .ring-offset-indigo-300 {\n --tw-ring-offset-color: var(--color-indigo-300);\n }\n .ring-offset-indigo-400 {\n --tw-ring-offset-color: var(--color-indigo-400);\n }\n .ring-offset-indigo-500 {\n --tw-ring-offset-color: var(--color-indigo-500);\n }\n .ring-offset-indigo-600 {\n --tw-ring-offset-color: var(--color-indigo-600);\n }\n .ring-offset-indigo-700 {\n --tw-ring-offset-color: var(--color-indigo-700);\n }\n .ring-offset-indigo-800 {\n --tw-ring-offset-color: var(--color-indigo-800);\n }\n .ring-offset-indigo-900 {\n --tw-ring-offset-color: var(--color-indigo-900);\n }\n .ring-offset-indigo-950 {\n --tw-ring-offset-color: var(--color-indigo-950);\n }\n .ring-offset-inherit {\n --tw-ring-offset-color: inherit;\n }\n .ring-offset-lime-50 {\n --tw-ring-offset-color: var(--color-lime-50);\n }\n .ring-offset-lime-100 {\n --tw-ring-offset-color: var(--color-lime-100);\n }\n .ring-offset-lime-200 {\n --tw-ring-offset-color: var(--color-lime-200);\n }\n .ring-offset-lime-300 {\n --tw-ring-offset-color: var(--color-lime-300);\n }\n .ring-offset-lime-400 {\n --tw-ring-offset-color: var(--color-lime-400);\n }\n .ring-offset-lime-500 {\n --tw-ring-offset-color: var(--color-lime-500);\n }\n .ring-offset-lime-600 {\n --tw-ring-offset-color: var(--color-lime-600);\n }\n .ring-offset-lime-700 {\n --tw-ring-offset-color: var(--color-lime-700);\n }\n .ring-offset-lime-800 {\n --tw-ring-offset-color: var(--color-lime-800);\n }\n .ring-offset-lime-900 {\n --tw-ring-offset-color: var(--color-lime-900);\n }\n .ring-offset-lime-950 {\n --tw-ring-offset-color: var(--color-lime-950);\n }\n .ring-offset-neutral-50 {\n --tw-ring-offset-color: var(--color-neutral-50);\n }\n .ring-offset-neutral-100 {\n --tw-ring-offset-color: var(--color-neutral-100);\n }\n .ring-offset-neutral-200 {\n --tw-ring-offset-color: var(--color-neutral-200);\n }\n .ring-offset-neutral-300 {\n --tw-ring-offset-color: var(--color-neutral-300);\n }\n .ring-offset-neutral-400 {\n --tw-ring-offset-color: var(--color-neutral-400);\n }\n .ring-offset-neutral-500 {\n --tw-ring-offset-color: var(--color-neutral-500);\n }\n .ring-offset-neutral-600 {\n --tw-ring-offset-color: var(--color-neutral-600);\n }\n .ring-offset-neutral-700 {\n --tw-ring-offset-color: var(--color-neutral-700);\n }\n .ring-offset-neutral-800 {\n --tw-ring-offset-color: var(--color-neutral-800);\n }\n .ring-offset-neutral-900 {\n --tw-ring-offset-color: var(--color-neutral-900);\n }\n .ring-offset-neutral-950 {\n --tw-ring-offset-color: var(--color-neutral-950);\n }\n .ring-offset-orange-50 {\n --tw-ring-offset-color: var(--color-orange-50);\n }\n .ring-offset-orange-100 {\n --tw-ring-offset-color: var(--color-orange-100);\n }\n .ring-offset-orange-200 {\n --tw-ring-offset-color: var(--color-orange-200);\n }\n .ring-offset-orange-300 {\n --tw-ring-offset-color: var(--color-orange-300);\n }\n .ring-offset-orange-400 {\n --tw-ring-offset-color: var(--color-orange-400);\n }\n .ring-offset-orange-500 {\n --tw-ring-offset-color: var(--color-orange-500);\n }\n .ring-offset-orange-600 {\n --tw-ring-offset-color: var(--color-orange-600);\n }\n .ring-offset-orange-700 {\n --tw-ring-offset-color: var(--color-orange-700);\n }\n .ring-offset-orange-800 {\n --tw-ring-offset-color: var(--color-orange-800);\n }\n .ring-offset-orange-900 {\n --tw-ring-offset-color: var(--color-orange-900);\n }\n .ring-offset-orange-950 {\n --tw-ring-offset-color: var(--color-orange-950);\n }\n .ring-offset-pink-50 {\n --tw-ring-offset-color: var(--color-pink-50);\n }\n .ring-offset-pink-100 {\n --tw-ring-offset-color: var(--color-pink-100);\n }\n .ring-offset-pink-200 {\n --tw-ring-offset-color: var(--color-pink-200);\n }\n .ring-offset-pink-300 {\n --tw-ring-offset-color: var(--color-pink-300);\n }\n .ring-offset-pink-400 {\n --tw-ring-offset-color: var(--color-pink-400);\n }\n .ring-offset-pink-500 {\n --tw-ring-offset-color: var(--color-pink-500);\n }\n .ring-offset-pink-600 {\n --tw-ring-offset-color: var(--color-pink-600);\n }\n .ring-offset-pink-700 {\n --tw-ring-offset-color: var(--color-pink-700);\n }\n .ring-offset-pink-800 {\n --tw-ring-offset-color: var(--color-pink-800);\n }\n .ring-offset-pink-900 {\n --tw-ring-offset-color: var(--color-pink-900);\n }\n .ring-offset-pink-950 {\n --tw-ring-offset-color: var(--color-pink-950);\n }\n .ring-offset-purple-50 {\n --tw-ring-offset-color: var(--color-purple-50);\n }\n .ring-offset-purple-100 {\n --tw-ring-offset-color: var(--color-purple-100);\n }\n .ring-offset-purple-200 {\n --tw-ring-offset-color: var(--color-purple-200);\n }\n .ring-offset-purple-300 {\n --tw-ring-offset-color: var(--color-purple-300);\n }\n .ring-offset-purple-400 {\n --tw-ring-offset-color: var(--color-purple-400);\n }\n .ring-offset-purple-500 {\n --tw-ring-offset-color: var(--color-purple-500);\n }\n .ring-offset-purple-600 {\n --tw-ring-offset-color: var(--color-purple-600);\n }\n .ring-offset-purple-700 {\n --tw-ring-offset-color: var(--color-purple-700);\n }\n .ring-offset-purple-800 {\n --tw-ring-offset-color: var(--color-purple-800);\n }\n .ring-offset-purple-900 {\n --tw-ring-offset-color: var(--color-purple-900);\n }\n .ring-offset-purple-950 {\n --tw-ring-offset-color: var(--color-purple-950);\n }\n .ring-offset-red-50 {\n --tw-ring-offset-color: var(--color-red-50);\n }\n .ring-offset-red-100 {\n --tw-ring-offset-color: var(--color-red-100);\n }\n .ring-offset-red-200 {\n --tw-ring-offset-color: var(--color-red-200);\n }\n .ring-offset-red-300 {\n --tw-ring-offset-color: var(--color-red-300);\n }\n .ring-offset-red-400 {\n --tw-ring-offset-color: var(--color-red-400);\n }\n .ring-offset-red-500 {\n --tw-ring-offset-color: var(--color-red-500);\n }\n .ring-offset-red-600 {\n --tw-ring-offset-color: var(--color-red-600);\n }\n .ring-offset-red-700 {\n --tw-ring-offset-color: var(--color-red-700);\n }\n .ring-offset-red-800 {\n --tw-ring-offset-color: var(--color-red-800);\n }\n .ring-offset-red-900 {\n --tw-ring-offset-color: var(--color-red-900);\n }\n .ring-offset-red-950 {\n --tw-ring-offset-color: var(--color-red-950);\n }\n .ring-offset-rose-50 {\n --tw-ring-offset-color: var(--color-rose-50);\n }\n .ring-offset-rose-100 {\n --tw-ring-offset-color: var(--color-rose-100);\n }\n .ring-offset-rose-200 {\n --tw-ring-offset-color: var(--color-rose-200);\n }\n .ring-offset-rose-300 {\n --tw-ring-offset-color: var(--color-rose-300);\n }\n .ring-offset-rose-400 {\n --tw-ring-offset-color: var(--color-rose-400);\n }\n .ring-offset-rose-500 {\n --tw-ring-offset-color: var(--color-rose-500);\n }\n .ring-offset-rose-600 {\n --tw-ring-offset-color: var(--color-rose-600);\n }\n .ring-offset-rose-700 {\n --tw-ring-offset-color: var(--color-rose-700);\n }\n .ring-offset-rose-800 {\n --tw-ring-offset-color: var(--color-rose-800);\n }\n .ring-offset-rose-900 {\n --tw-ring-offset-color: var(--color-rose-900);\n }\n .ring-offset-rose-950 {\n --tw-ring-offset-color: var(--color-rose-950);\n }\n .ring-offset-sky-50 {\n --tw-ring-offset-color: var(--color-sky-50);\n }\n .ring-offset-sky-100 {\n --tw-ring-offset-color: var(--color-sky-100);\n }\n .ring-offset-sky-200 {\n --tw-ring-offset-color: var(--color-sky-200);\n }\n .ring-offset-sky-300 {\n --tw-ring-offset-color: var(--color-sky-300);\n }\n .ring-offset-sky-400 {\n --tw-ring-offset-color: var(--color-sky-400);\n }\n .ring-offset-sky-500 {\n --tw-ring-offset-color: var(--color-sky-500);\n }\n .ring-offset-sky-600 {\n --tw-ring-offset-color: var(--color-sky-600);\n }\n .ring-offset-sky-700 {\n --tw-ring-offset-color: var(--color-sky-700);\n }\n .ring-offset-sky-800 {\n --tw-ring-offset-color: var(--color-sky-800);\n }\n .ring-offset-sky-900 {\n --tw-ring-offset-color: var(--color-sky-900);\n }\n .ring-offset-sky-950 {\n --tw-ring-offset-color: var(--color-sky-950);\n }\n .ring-offset-slate-50 {\n --tw-ring-offset-color: var(--color-slate-50);\n }\n .ring-offset-slate-100 {\n --tw-ring-offset-color: var(--color-slate-100);\n }\n .ring-offset-slate-200 {\n --tw-ring-offset-color: var(--color-slate-200);\n }\n .ring-offset-slate-300 {\n --tw-ring-offset-color: var(--color-slate-300);\n }\n .ring-offset-slate-400 {\n --tw-ring-offset-color: var(--color-slate-400);\n }\n .ring-offset-slate-500 {\n --tw-ring-offset-color: var(--color-slate-500);\n }\n .ring-offset-slate-600 {\n --tw-ring-offset-color: var(--color-slate-600);\n }\n .ring-offset-slate-700 {\n --tw-ring-offset-color: var(--color-slate-700);\n }\n .ring-offset-slate-800 {\n --tw-ring-offset-color: var(--color-slate-800);\n }\n .ring-offset-slate-900 {\n --tw-ring-offset-color: var(--color-slate-900);\n }\n .ring-offset-slate-950 {\n --tw-ring-offset-color: var(--color-slate-950);\n }\n .ring-offset-stone-50 {\n --tw-ring-offset-color: var(--color-stone-50);\n }\n .ring-offset-stone-100 {\n --tw-ring-offset-color: var(--color-stone-100);\n }\n .ring-offset-stone-200 {\n --tw-ring-offset-color: var(--color-stone-200);\n }\n .ring-offset-stone-300 {\n --tw-ring-offset-color: var(--color-stone-300);\n }\n .ring-offset-stone-400 {\n --tw-ring-offset-color: var(--color-stone-400);\n }\n .ring-offset-stone-500 {\n --tw-ring-offset-color: var(--color-stone-500);\n }\n .ring-offset-stone-600 {\n --tw-ring-offset-color: var(--color-stone-600);\n }\n .ring-offset-stone-700 {\n --tw-ring-offset-color: var(--color-stone-700);\n }\n .ring-offset-stone-800 {\n --tw-ring-offset-color: var(--color-stone-800);\n }\n .ring-offset-stone-900 {\n --tw-ring-offset-color: var(--color-stone-900);\n }\n .ring-offset-stone-950 {\n --tw-ring-offset-color: var(--color-stone-950);\n }\n .ring-offset-teal-50 {\n --tw-ring-offset-color: var(--color-teal-50);\n }\n .ring-offset-teal-100 {\n --tw-ring-offset-color: var(--color-teal-100);\n }\n .ring-offset-teal-200 {\n --tw-ring-offset-color: var(--color-teal-200);\n }\n .ring-offset-teal-300 {\n --tw-ring-offset-color: var(--color-teal-300);\n }\n .ring-offset-teal-400 {\n --tw-ring-offset-color: var(--color-teal-400);\n }\n .ring-offset-teal-500 {\n --tw-ring-offset-color: var(--color-teal-500);\n }\n .ring-offset-teal-600 {\n --tw-ring-offset-color: var(--color-teal-600);\n }\n .ring-offset-teal-700 {\n --tw-ring-offset-color: var(--color-teal-700);\n }\n .ring-offset-teal-800 {\n --tw-ring-offset-color: var(--color-teal-800);\n }\n .ring-offset-teal-900 {\n --tw-ring-offset-color: var(--color-teal-900);\n }\n .ring-offset-teal-950 {\n --tw-ring-offset-color: var(--color-teal-950);\n }\n .ring-offset-transparent {\n --tw-ring-offset-color: transparent;\n }\n .ring-offset-violet-50 {\n --tw-ring-offset-color: var(--color-violet-50);\n }\n .ring-offset-violet-100 {\n --tw-ring-offset-color: var(--color-violet-100);\n }\n .ring-offset-violet-200 {\n --tw-ring-offset-color: var(--color-violet-200);\n }\n .ring-offset-violet-300 {\n --tw-ring-offset-color: var(--color-violet-300);\n }\n .ring-offset-violet-400 {\n --tw-ring-offset-color: var(--color-violet-400);\n }\n .ring-offset-violet-500 {\n --tw-ring-offset-color: var(--color-violet-500);\n }\n .ring-offset-violet-600 {\n --tw-ring-offset-color: var(--color-violet-600);\n }\n .ring-offset-violet-700 {\n --tw-ring-offset-color: var(--color-violet-700);\n }\n .ring-offset-violet-800 {\n --tw-ring-offset-color: var(--color-violet-800);\n }\n .ring-offset-violet-900 {\n --tw-ring-offset-color: var(--color-violet-900);\n }\n .ring-offset-violet-950 {\n --tw-ring-offset-color: var(--color-violet-950);\n }\n .ring-offset-white {\n --tw-ring-offset-color: var(--color-white);\n }\n .ring-offset-yellow-50 {\n --tw-ring-offset-color: var(--color-yellow-50);\n }\n .ring-offset-yellow-100 {\n --tw-ring-offset-color: var(--color-yellow-100);\n }\n .ring-offset-yellow-200 {\n --tw-ring-offset-color: var(--color-yellow-200);\n }\n .ring-offset-yellow-300 {\n --tw-ring-offset-color: var(--color-yellow-300);\n }\n .ring-offset-yellow-400 {\n --tw-ring-offset-color: var(--color-yellow-400);\n }\n .ring-offset-yellow-500 {\n --tw-ring-offset-color: var(--color-yellow-500);\n }\n .ring-offset-yellow-600 {\n --tw-ring-offset-color: var(--color-yellow-600);\n }\n .ring-offset-yellow-700 {\n --tw-ring-offset-color: var(--color-yellow-700);\n }\n .ring-offset-yellow-800 {\n --tw-ring-offset-color: var(--color-yellow-800);\n }\n .ring-offset-yellow-900 {\n --tw-ring-offset-color: var(--color-yellow-900);\n }\n .ring-offset-yellow-950 {\n --tw-ring-offset-color: var(--color-yellow-950);\n }\n .ring-offset-zinc-50 {\n --tw-ring-offset-color: var(--color-zinc-50);\n }\n .ring-offset-zinc-100 {\n --tw-ring-offset-color: var(--color-zinc-100);\n }\n .ring-offset-zinc-200 {\n --tw-ring-offset-color: var(--color-zinc-200);\n }\n .ring-offset-zinc-300 {\n --tw-ring-offset-color: var(--color-zinc-300);\n }\n .ring-offset-zinc-400 {\n --tw-ring-offset-color: var(--color-zinc-400);\n }\n .ring-offset-zinc-500 {\n --tw-ring-offset-color: var(--color-zinc-500);\n }\n .ring-offset-zinc-600 {\n --tw-ring-offset-color: var(--color-zinc-600);\n }\n .ring-offset-zinc-700 {\n --tw-ring-offset-color: var(--color-zinc-700);\n }\n .ring-offset-zinc-800 {\n --tw-ring-offset-color: var(--color-zinc-800);\n }\n .ring-offset-zinc-900 {\n --tw-ring-offset-color: var(--color-zinc-900);\n }\n .ring-offset-zinc-950 {\n --tw-ring-offset-color: var(--color-zinc-950);\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .blur-3xl {\n --tw-blur: blur(var(--blur-3xl));\n 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,);\n }\n .brightness-90 {\n --tw-brightness: brightness(90%);\n 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,);\n }\n .brightness-95 {\n --tw-brightness: brightness(95%);\n 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,);\n }\n .brightness-105 {\n --tw-brightness: brightness(105%);\n 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,);\n }\n .brightness-110 {\n --tw-brightness: brightness(110%);\n 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,);\n }\n .grayscale {\n --tw-grayscale: grayscale(100%);\n 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,);\n }\n .invert {\n --tw-invert: invert(100%);\n 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,);\n }\n .sepia {\n --tw-sepia: sepia(100%);\n 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,);\n }\n .filter {\n 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,);\n }\n .backdrop-brightness-90 {\n --tw-backdrop-brightness: brightness(90%);\n -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,);\n 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,);\n }\n .backdrop-brightness-95 {\n --tw-backdrop-brightness: brightness(95%);\n -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,);\n 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,);\n }\n .backdrop-brightness-105 {\n --tw-backdrop-brightness: brightness(105%);\n -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,);\n 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,);\n }\n .backdrop-brightness-110 {\n --tw-backdrop-brightness: brightness(110%);\n -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,);\n 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,);\n }\n .transition {\n transition-property:\n color,\n background-color,\n border-color,\n outline-color,\n text-decoration-color,\n fill,\n stroke,\n --tw-gradient-from,\n --tw-gradient-via,\n --tw-gradient-to,\n opacity,\n box-shadow,\n transform,\n translate,\n scale,\n rotate,\n filter,\n -webkit-backdrop-filter,\n backdrop-filter,\n display,\n visibility,\n content-visibility,\n overlay,\n pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-\\(--transition-bezier\\) {\n transition-property: var(--transition-bezier);\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-\\(--transition-long\\) {\n transition-property: var(--transition-long);\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-\\(--transition-short\\) {\n transition-property: var(--transition-short);\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-transform {\n transition-property:\n transform,\n translate,\n scale,\n rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-none {\n transition-property: none;\n }\n .transition-discrete {\n transition-behavior: allow-discrete;\n }\n .transition-normal {\n transition-behavior: normal;\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .duration-300 {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n .duration-500 {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .forced-color-adjust-auto {\n forced-color-adjust: auto;\n }\n .forced-color-adjust-none {\n forced-color-adjust: none;\n }\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n .\\[--dot-delay\\:100ms\\] {\n --dot-delay: 100ms;\n }\n .\\[--dot-delay\\:300ms\\] {\n --dot-delay: 300ms;\n }\n .\\[--dot-delay\\:500ms\\] {\n --dot-delay: 500ms;\n }\n .\\[--spinner-delay\\:-150ms\\] {\n --spinner-delay: -150ms;\n }\n .\\[--spinner-delay\\:-300ms\\] {\n --spinner-delay: -300ms;\n }\n .\\[--spinner-delay\\:-450ms\\] {\n --spinner-delay: -450ms;\n }\n .backface-hidden {\n backface-visibility: hidden;\n }\n .backface-visible {\n backface-visibility: visible;\n }\n .text-shadow-2xs {\n text-shadow: 0px 1px 0px var(--tw-text-shadow-color, rgb(0 0 0 / 0.15));\n }\n .text-shadow-amber-50 {\n --tw-text-shadow-color: oklch(98.7% 0.022 95.277);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-100 {\n --tw-text-shadow-color: oklch(96.2% 0.059 95.617);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-200 {\n --tw-text-shadow-color: oklch(92.4% 0.12 95.746);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-300 {\n --tw-text-shadow-color: oklch(87.9% 0.169 91.605);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-400 {\n --tw-text-shadow-color: oklch(82.8% 0.189 84.429);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-500 {\n --tw-text-shadow-color: oklch(76.9% 0.188 70.08);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-600 {\n --tw-text-shadow-color: oklch(66.6% 0.179 58.318);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-700 {\n --tw-text-shadow-color: oklch(55.5% 0.163 48.998);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-800 {\n --tw-text-shadow-color: oklch(47.3% 0.137 46.201);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-900 {\n --tw-text-shadow-color: oklch(41.4% 0.112 45.904);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-amber-950 {\n --tw-text-shadow-color: oklch(27.9% 0.077 45.635);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-amber-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-background {\n --tw-text-shadow-color: #fff;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-background) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-black {\n --tw-text-shadow-color: #000;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-50 {\n --tw-text-shadow-color: oklch(97% 0.014 254.604);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-100 {\n --tw-text-shadow-color: oklch(93.2% 0.032 255.585);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-200 {\n --tw-text-shadow-color: oklch(88.2% 0.059 254.128);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-300 {\n --tw-text-shadow-color: oklch(80.9% 0.105 251.813);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-400 {\n --tw-text-shadow-color: oklch(70.7% 0.165 254.624);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-500 {\n --tw-text-shadow-color: oklch(62.3% 0.214 259.815);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-600 {\n --tw-text-shadow-color: oklch(54.6% 0.245 262.881);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-700 {\n --tw-text-shadow-color: oklch(48.8% 0.243 264.376);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-800 {\n --tw-text-shadow-color: oklch(42.4% 0.199 265.638);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-900 {\n --tw-text-shadow-color: oklch(37.9% 0.146 265.522);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-blue-950 {\n --tw-text-shadow-color: oklch(28.2% 0.091 267.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-blue-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-current {\n --tw-text-shadow-color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, currentcolor var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-50 {\n --tw-text-shadow-color: oklch(98.4% 0.019 200.873);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-100 {\n --tw-text-shadow-color: oklch(95.6% 0.045 203.388);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-200 {\n --tw-text-shadow-color: oklch(91.7% 0.08 205.041);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-300 {\n --tw-text-shadow-color: oklch(86.5% 0.127 207.078);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-400 {\n --tw-text-shadow-color: oklch(78.9% 0.154 211.53);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-500 {\n --tw-text-shadow-color: oklch(71.5% 0.143 215.221);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-600 {\n --tw-text-shadow-color: oklch(60.9% 0.126 221.723);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-700 {\n --tw-text-shadow-color: oklch(52% 0.105 223.128);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-800 {\n --tw-text-shadow-color: oklch(45% 0.085 224.283);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-900 {\n --tw-text-shadow-color: oklch(39.8% 0.07 227.392);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-cyan-950 {\n --tw-text-shadow-color: oklch(30.2% 0.056 229.695);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-cyan-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-50 {\n --tw-text-shadow-color: oklch(97.9% 0.021 166.113);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-100 {\n --tw-text-shadow-color: oklch(95% 0.052 163.051);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-200 {\n --tw-text-shadow-color: oklch(90.5% 0.093 164.15);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-300 {\n --tw-text-shadow-color: oklch(84.5% 0.143 164.978);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-400 {\n --tw-text-shadow-color: oklch(76.5% 0.177 163.223);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-500 {\n --tw-text-shadow-color: oklch(69.6% 0.17 162.48);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-600 {\n --tw-text-shadow-color: oklch(59.6% 0.145 163.225);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-700 {\n --tw-text-shadow-color: oklch(50.8% 0.118 165.612);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-800 {\n --tw-text-shadow-color: oklch(43.2% 0.095 166.913);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-900 {\n --tw-text-shadow-color: oklch(37.8% 0.077 168.94);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-emerald-950 {\n --tw-text-shadow-color: oklch(26.2% 0.051 172.552);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-emerald-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-50 {\n --tw-text-shadow-color: oklch(97.7% 0.017 320.058);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-100 {\n --tw-text-shadow-color: oklch(95.2% 0.037 318.852);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-200 {\n --tw-text-shadow-color: oklch(90.3% 0.076 319.62);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-300 {\n --tw-text-shadow-color: oklch(83.3% 0.145 321.434);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-400 {\n --tw-text-shadow-color: oklch(74% 0.238 322.16);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-500 {\n --tw-text-shadow-color: oklch(66.7% 0.295 322.15);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-600 {\n --tw-text-shadow-color: oklch(59.1% 0.293 322.896);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-700 {\n --tw-text-shadow-color: oklch(51.8% 0.253 323.949);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-800 {\n --tw-text-shadow-color: oklch(45.2% 0.211 324.591);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-900 {\n --tw-text-shadow-color: oklch(40.1% 0.17 325.612);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-fuchsia-950 {\n --tw-text-shadow-color: oklch(29.3% 0.136 325.661);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-fuchsia-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-50 {\n --tw-text-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-100 {\n --tw-text-shadow-color: oklch(97% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-200 {\n --tw-text-shadow-color: oklch(92.2% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-300 {\n --tw-text-shadow-color: oklch(87% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-400 {\n --tw-text-shadow-color: oklch(70.8% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-500 {\n --tw-text-shadow-color: oklch(55.6% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-600 {\n --tw-text-shadow-color: oklch(43.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-700 {\n --tw-text-shadow-color: oklch(37.1% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-800 {\n --tw-text-shadow-color: oklch(26.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-900 {\n --tw-text-shadow-color: oklch(20.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-gray-950 {\n --tw-text-shadow-color: oklch(14.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-gray-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-50 {\n --tw-text-shadow-color: oklch(98.2% 0.018 155.826);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-100 {\n --tw-text-shadow-color: oklch(96.2% 0.044 156.743);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-200 {\n --tw-text-shadow-color: oklch(92.5% 0.084 155.995);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-300 {\n --tw-text-shadow-color: oklch(87.1% 0.15 154.449);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-400 {\n --tw-text-shadow-color: oklch(79.2% 0.209 151.711);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-500 {\n --tw-text-shadow-color: oklch(72.3% 0.219 149.579);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-600 {\n --tw-text-shadow-color: oklch(62.7% 0.194 149.214);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-700 {\n --tw-text-shadow-color: oklch(52.7% 0.154 150.069);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-800 {\n --tw-text-shadow-color: oklch(44.8% 0.119 151.328);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-900 {\n --tw-text-shadow-color: oklch(39.3% 0.095 152.535);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-green-950 {\n --tw-text-shadow-color: oklch(26.6% 0.065 152.934);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-green-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-50 {\n --tw-text-shadow-color: oklch(96.2% 0.018 272.314);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-100 {\n --tw-text-shadow-color: oklch(93% 0.034 272.788);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-200 {\n --tw-text-shadow-color: oklch(87% 0.065 274.039);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-300 {\n --tw-text-shadow-color: oklch(78.5% 0.115 274.713);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-400 {\n --tw-text-shadow-color: oklch(67.3% 0.182 276.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-500 {\n --tw-text-shadow-color: oklch(58.5% 0.233 277.117);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-600 {\n --tw-text-shadow-color: oklch(51.1% 0.262 276.966);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-700 {\n --tw-text-shadow-color: oklch(45.7% 0.24 277.023);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-800 {\n --tw-text-shadow-color: oklch(39.8% 0.195 277.366);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-900 {\n --tw-text-shadow-color: oklch(35.9% 0.144 278.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-indigo-950 {\n --tw-text-shadow-color: oklch(25.7% 0.09 281.288);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-indigo-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-inherit {\n --tw-text-shadow-color: inherit;\n }\n .text-shadow-initial {\n --tw-text-shadow-color: initial;\n }\n .text-shadow-lg {\n text-shadow:\n 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)),\n 0px 3px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)),\n 0px 4px 8px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));\n }\n .text-shadow-lime-50 {\n --tw-text-shadow-color: oklch(98.6% 0.031 120.757);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-100 {\n --tw-text-shadow-color: oklch(96.7% 0.067 122.328);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-200 {\n --tw-text-shadow-color: oklch(93.8% 0.127 124.321);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-300 {\n --tw-text-shadow-color: oklch(89.7% 0.196 126.665);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-400 {\n --tw-text-shadow-color: oklch(84.1% 0.238 128.85);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-500 {\n --tw-text-shadow-color: oklch(76.8% 0.233 130.85);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-600 {\n --tw-text-shadow-color: oklch(64.8% 0.2 131.684);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-700 {\n --tw-text-shadow-color: oklch(53.2% 0.157 131.589);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-800 {\n --tw-text-shadow-color: oklch(45.3% 0.124 130.933);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-900 {\n --tw-text-shadow-color: oklch(40.5% 0.101 131.063);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-lime-950 {\n --tw-text-shadow-color: oklch(27.4% 0.072 132.109);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-lime-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-md {\n text-shadow:\n 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)),\n 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)),\n 0px 2px 4px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));\n }\n .text-shadow-neutral-50 {\n --tw-text-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-100 {\n --tw-text-shadow-color: oklch(97% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-200 {\n --tw-text-shadow-color: oklch(92.2% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-300 {\n --tw-text-shadow-color: oklch(87% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-400 {\n --tw-text-shadow-color: oklch(70.8% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-500 {\n --tw-text-shadow-color: oklch(55.6% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-600 {\n --tw-text-shadow-color: oklch(43.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-700 {\n --tw-text-shadow-color: oklch(37.1% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-800 {\n --tw-text-shadow-color: oklch(26.9% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-900 {\n --tw-text-shadow-color: oklch(20.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-neutral-950 {\n --tw-text-shadow-color: oklch(14.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-neutral-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-none {\n text-shadow: none;\n }\n .text-shadow-orange-50 {\n --tw-text-shadow-color: oklch(98% 0.016 73.684);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-100 {\n --tw-text-shadow-color: oklch(95.4% 0.038 75.164);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-200 {\n --tw-text-shadow-color: oklch(90.1% 0.076 70.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-300 {\n --tw-text-shadow-color: oklch(83.7% 0.128 66.29);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-400 {\n --tw-text-shadow-color: oklch(75% 0.183 55.934);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-500 {\n --tw-text-shadow-color: oklch(70.5% 0.213 47.604);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-600 {\n --tw-text-shadow-color: oklch(64.6% 0.222 41.116);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-700 {\n --tw-text-shadow-color: oklch(55.3% 0.195 38.402);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-800 {\n --tw-text-shadow-color: oklch(47% 0.157 37.304);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-900 {\n --tw-text-shadow-color: oklch(40.8% 0.123 38.172);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-orange-950 {\n --tw-text-shadow-color: oklch(26.6% 0.079 36.259);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-orange-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-50 {\n --tw-text-shadow-color: oklch(97.1% 0.014 343.198);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-100 {\n --tw-text-shadow-color: oklch(94.8% 0.028 342.258);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-200 {\n --tw-text-shadow-color: oklch(89.9% 0.061 343.231);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-300 {\n --tw-text-shadow-color: oklch(82.3% 0.12 346.018);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-400 {\n --tw-text-shadow-color: oklch(71.8% 0.202 349.761);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-500 {\n --tw-text-shadow-color: oklch(65.6% 0.241 354.308);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-600 {\n --tw-text-shadow-color: oklch(59.2% 0.249 0.584);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-700 {\n --tw-text-shadow-color: oklch(52.5% 0.223 3.958);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-800 {\n --tw-text-shadow-color: oklch(45.9% 0.187 3.815);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-900 {\n --tw-text-shadow-color: oklch(40.8% 0.153 2.432);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-pink-950 {\n --tw-text-shadow-color: oklch(28.4% 0.109 3.907);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-pink-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-50 {\n --tw-text-shadow-color: oklch(97.7% 0.014 308.299);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-100 {\n --tw-text-shadow-color: oklch(94.6% 0.033 307.174);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-200 {\n --tw-text-shadow-color: oklch(90.2% 0.063 306.703);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-300 {\n --tw-text-shadow-color: oklch(82.7% 0.119 306.383);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-400 {\n --tw-text-shadow-color: oklch(71.4% 0.203 305.504);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-500 {\n --tw-text-shadow-color: oklch(62.7% 0.265 303.9);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-600 {\n --tw-text-shadow-color: oklch(55.8% 0.288 302.321);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-700 {\n --tw-text-shadow-color: oklch(49.6% 0.265 301.924);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-800 {\n --tw-text-shadow-color: oklch(43.8% 0.218 303.724);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-900 {\n --tw-text-shadow-color: oklch(38.1% 0.176 304.987);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-purple-950 {\n --tw-text-shadow-color: oklch(29.1% 0.149 302.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-purple-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-50 {\n --tw-text-shadow-color: oklch(97.1% 0.013 17.38);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-100 {\n --tw-text-shadow-color: oklch(93.6% 0.032 17.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-200 {\n --tw-text-shadow-color: oklch(88.5% 0.062 18.334);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-300 {\n --tw-text-shadow-color: oklch(80.8% 0.114 19.571);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-400 {\n --tw-text-shadow-color: oklch(70.4% 0.191 22.216);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-500 {\n --tw-text-shadow-color: oklch(63.7% 0.237 25.331);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-600 {\n --tw-text-shadow-color: oklch(57.7% 0.245 27.325);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-700 {\n --tw-text-shadow-color: oklch(50.5% 0.213 27.518);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-800 {\n --tw-text-shadow-color: oklch(44.4% 0.177 26.899);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-900 {\n --tw-text-shadow-color: oklch(39.6% 0.141 25.723);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-red-950 {\n --tw-text-shadow-color: oklch(25.8% 0.092 26.042);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-red-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-50 {\n --tw-text-shadow-color: oklch(96.9% 0.015 12.422);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-100 {\n --tw-text-shadow-color: oklch(94.1% 0.03 12.58);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-200 {\n --tw-text-shadow-color: oklch(89.2% 0.058 10.001);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-300 {\n --tw-text-shadow-color: oklch(81% 0.117 11.638);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-400 {\n --tw-text-shadow-color: oklch(71.2% 0.194 13.428);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-500 {\n --tw-text-shadow-color: oklch(64.5% 0.246 16.439);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-600 {\n --tw-text-shadow-color: oklch(58.6% 0.253 17.585);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-700 {\n --tw-text-shadow-color: oklch(51.4% 0.222 16.935);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-800 {\n --tw-text-shadow-color: oklch(45.5% 0.188 13.697);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-900 {\n --tw-text-shadow-color: oklch(41% 0.159 10.272);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-rose-950 {\n --tw-text-shadow-color: oklch(27.1% 0.105 12.094);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-rose-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-50 {\n --tw-text-shadow-color: oklch(97.7% 0.013 236.62);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-100 {\n --tw-text-shadow-color: oklch(95.1% 0.026 236.824);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-200 {\n --tw-text-shadow-color: oklch(90.1% 0.058 230.902);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-300 {\n --tw-text-shadow-color: oklch(82.8% 0.111 230.318);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-400 {\n --tw-text-shadow-color: oklch(74.6% 0.16 232.661);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-500 {\n --tw-text-shadow-color: oklch(68.5% 0.169 237.323);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-600 {\n --tw-text-shadow-color: oklch(58.8% 0.158 241.966);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-700 {\n --tw-text-shadow-color: oklch(50% 0.134 242.749);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-800 {\n --tw-text-shadow-color: oklch(44.3% 0.11 240.79);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-900 {\n --tw-text-shadow-color: oklch(39.1% 0.09 240.876);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sky-950 {\n --tw-text-shadow-color: oklch(29.3% 0.066 243.157);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-sky-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-50 {\n --tw-text-shadow-color: oklch(98.4% 0.003 247.858);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-100 {\n --tw-text-shadow-color: oklch(96.8% 0.007 247.896);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-200 {\n --tw-text-shadow-color: oklch(92.9% 0.013 255.508);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-300 {\n --tw-text-shadow-color: oklch(86.9% 0.022 252.894);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-400 {\n --tw-text-shadow-color: oklch(70.4% 0.04 256.788);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-500 {\n --tw-text-shadow-color: oklch(55.4% 0.046 257.417);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-600 {\n --tw-text-shadow-color: oklch(44.6% 0.043 257.281);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-700 {\n --tw-text-shadow-color: oklch(37.2% 0.044 257.287);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-800 {\n --tw-text-shadow-color: oklch(27.9% 0.041 260.031);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-900 {\n --tw-text-shadow-color: oklch(20.8% 0.042 265.755);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-slate-950 {\n --tw-text-shadow-color: oklch(12.9% 0.042 264.695);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-slate-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-sm {\n text-shadow:\n 0px 1px 0px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)),\n 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)),\n 0px 2px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075));\n }\n .text-shadow-stone-50 {\n --tw-text-shadow-color: oklch(98.5% 0.001 106.423);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-100 {\n --tw-text-shadow-color: oklch(97% 0.001 106.424);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-200 {\n --tw-text-shadow-color: oklch(92.3% 0.003 48.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-300 {\n --tw-text-shadow-color: oklch(86.9% 0.005 56.366);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-400 {\n --tw-text-shadow-color: oklch(70.9% 0.01 56.259);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-500 {\n --tw-text-shadow-color: oklch(55.3% 0.013 58.071);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-600 {\n --tw-text-shadow-color: oklch(44.4% 0.011 73.639);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-700 {\n --tw-text-shadow-color: oklch(37.4% 0.01 67.558);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-800 {\n --tw-text-shadow-color: oklch(26.8% 0.007 34.298);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-900 {\n --tw-text-shadow-color: oklch(21.6% 0.006 56.043);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-stone-950 {\n --tw-text-shadow-color: oklch(14.7% 0.004 49.25);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-50 {\n --tw-text-shadow-color: oklch(98.4% 0.014 180.72);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-100 {\n --tw-text-shadow-color: oklch(95.3% 0.051 180.801);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-200 {\n --tw-text-shadow-color: oklch(91% 0.096 180.426);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-300 {\n --tw-text-shadow-color: oklch(85.5% 0.138 181.071);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-400 {\n --tw-text-shadow-color: oklch(77.7% 0.152 181.912);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-500 {\n --tw-text-shadow-color: oklch(70.4% 0.14 182.503);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-600 {\n --tw-text-shadow-color: oklch(60% 0.118 184.704);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-700 {\n --tw-text-shadow-color: oklch(51.1% 0.096 186.391);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-800 {\n --tw-text-shadow-color: oklch(43.7% 0.078 188.216);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-900 {\n --tw-text-shadow-color: oklch(38.6% 0.063 188.416);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-teal-950 {\n --tw-text-shadow-color: oklch(27.7% 0.046 192.524);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-teal-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-transparent {\n --tw-text-shadow-color: transparent;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, transparent var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-50 {\n --tw-text-shadow-color: oklch(96.9% 0.016 293.756);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-100 {\n --tw-text-shadow-color: oklch(94.3% 0.029 294.588);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-200 {\n --tw-text-shadow-color: oklch(89.4% 0.057 293.283);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-300 {\n --tw-text-shadow-color: oklch(81.1% 0.111 293.571);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-400 {\n --tw-text-shadow-color: oklch(70.2% 0.183 293.541);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-500 {\n --tw-text-shadow-color: oklch(60.6% 0.25 292.717);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-600 {\n --tw-text-shadow-color: oklch(54.1% 0.281 293.009);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-700 {\n --tw-text-shadow-color: oklch(49.1% 0.27 292.581);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-800 {\n --tw-text-shadow-color: oklch(43.2% 0.232 292.759);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-900 {\n --tw-text-shadow-color: oklch(38% 0.189 293.745);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-violet-950 {\n --tw-text-shadow-color: oklch(28.3% 0.141 291.089);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-violet-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-white {\n --tw-text-shadow-color: #fff;\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-xs {\n text-shadow: 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.2));\n }\n .text-shadow-yellow-50 {\n --tw-text-shadow-color: oklch(98.7% 0.026 102.212);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-100 {\n --tw-text-shadow-color: oklch(97.3% 0.071 103.193);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-200 {\n --tw-text-shadow-color: oklch(94.5% 0.129 101.54);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-300 {\n --tw-text-shadow-color: oklch(90.5% 0.182 98.111);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-400 {\n --tw-text-shadow-color: oklch(85.2% 0.199 91.936);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-500 {\n --tw-text-shadow-color: oklch(79.5% 0.184 86.047);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-600 {\n --tw-text-shadow-color: oklch(68.1% 0.162 75.834);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-700 {\n --tw-text-shadow-color: oklch(55.4% 0.135 66.442);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-800 {\n --tw-text-shadow-color: oklch(47.6% 0.114 61.907);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-900 {\n --tw-text-shadow-color: oklch(42.1% 0.095 57.708);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-yellow-950 {\n --tw-text-shadow-color: oklch(28.6% 0.066 53.813);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-yellow-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-50 {\n --tw-text-shadow-color: oklch(98.5% 0 0);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-50) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-100 {\n --tw-text-shadow-color: oklch(96.7% 0.001 286.375);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-100) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-200 {\n --tw-text-shadow-color: oklch(92% 0.004 286.32);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-200) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-300 {\n --tw-text-shadow-color: oklch(87.1% 0.006 286.286);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-300) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-400 {\n --tw-text-shadow-color: oklch(70.5% 0.015 286.067);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-400) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-500 {\n --tw-text-shadow-color: oklch(55.2% 0.016 285.938);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-500) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-600 {\n --tw-text-shadow-color: oklch(44.2% 0.017 285.786);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-600) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-700 {\n --tw-text-shadow-color: oklch(37% 0.013 285.805);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-700) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-800 {\n --tw-text-shadow-color: oklch(27.4% 0.006 286.033);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-800) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-900 {\n --tw-text-shadow-color: oklch(21% 0.006 285.885);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-900) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .text-shadow-zinc-950 {\n --tw-text-shadow-color: oklch(14.1% 0.005 285.823);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-text-shadow-color: color-mix(in oklab, var(--color-zinc-950) var(--tw-text-shadow-alpha), transparent);\n }\n }\n .transform-3d {\n transform-style: preserve-3d;\n }\n .transform-flat {\n transform-style: flat;\n }\n .placeholder\\:text-gray-500 {\n &::-moz-placeholder {\n color: var(--color-gray-500);\n }\n &::placeholder {\n color: var(--color-gray-500);\n }\n }\n .before\\:absolute {\n &::before {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .before\\:-top-\\[200px\\] {\n &::before {\n content: var(--tw-content);\n top: calc(200px * -1);\n }\n }\n .before\\:top-0 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * 0);\n }\n }\n .before\\:-bottom-\\[200px\\] {\n &::before {\n content: var(--tw-content);\n bottom: calc(200px * -1);\n }\n }\n .before\\:left-0 {\n &::before {\n content: var(--tw-content);\n left: calc(var(--spacing) * 0);\n }\n }\n .before\\:left-\\[5\\%\\] {\n &::before {\n content: var(--tw-content);\n left: 5%;\n }\n }\n .before\\:h-2 {\n &::before {\n content: var(--tw-content);\n height: calc(var(--spacing) * 2);\n }\n }\n .before\\:h-\\[1px\\] {\n &::before {\n content: var(--tw-content);\n height: 1px;\n }\n }\n .before\\:h-full {\n &::before {\n content: var(--tw-content);\n height: 100%;\n }\n }\n .before\\:w-\\(--cursor-value\\) {\n &::before {\n content: var(--tw-content);\n width: var(--cursor-value);\n }\n }\n .before\\:w-\\(--meter-value\\) {\n &::before {\n content: var(--tw-content);\n width: var(--meter-value);\n }\n }\n .before\\:w-\\[90\\%\\] {\n &::before {\n content: var(--tw-content);\n width: 90%;\n }\n }\n .before\\:w-\\[100px\\] {\n &::before {\n content: var(--tw-content);\n width: 100px;\n }\n }\n .before\\:-skew-15 {\n &::before {\n content: var(--tw-content);\n --tw-skew-x: skewX(calc(15deg * -1));\n --tw-skew-y: skewY(calc(15deg * -1));\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n }\n .before\\:animate-\\[progress-bar_calc\\(var\\(--progress-speed\\)\\*50ms\\)_ease_forwards\\] {\n &::before {\n content: var(--tw-content);\n animation: progress-bar calc(var(--progress-speed) * 50ms) ease forwards;\n }\n }\n .before\\:animate-\\[shine_2000ms_ease-in-out_infinite\\] {\n &::before {\n content: var(--tw-content);\n animation: shine 2000ms ease-in-out infinite;\n }\n }\n .before\\:rounded-full {\n &::before {\n content: var(--tw-content);\n border-radius: calc(infinity * 1px);\n }\n }\n .before\\:bg-danger-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-danger-500);\n }\n }\n .before\\:bg-gray-200 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-gray-200);\n }\n }\n .before\\:bg-gray-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-gray-500);\n }\n }\n .before\\:bg-primary-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-primary-500);\n }\n }\n .before\\:bg-secondary-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-secondary-500);\n }\n }\n .before\\:bg-success-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-success-500);\n }\n }\n .before\\:bg-warning-500 {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-warning-500);\n }\n }\n .before\\:bg-white {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-white);\n }\n }\n .before\\:opacity-70 {\n &::before {\n content: var(--tw-content);\n opacity: 70%;\n }\n }\n .before\\:blur-\\[20px\\] {\n &::before {\n content: var(--tw-content);\n --tw-blur: blur(20px);\n 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,);\n }\n }\n .before\\:transition-all {\n &::before {\n content: var(--tw-content);\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n }\n .before\\:duration-200 {\n &::before {\n content: var(--tw-content);\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .before\\:ease-in-out {\n &::before {\n content: var(--tw-content);\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n }\n .after\\:absolute {\n &::after {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .after\\:top-0\\.5 {\n &::after {\n content: var(--tw-content);\n top: calc(var(--spacing) * 0.5);\n }\n }\n .after\\:top-full {\n &::after {\n content: var(--tw-content);\n top: 100%;\n }\n }\n .after\\:right-1 {\n &::after {\n content: var(--tw-content);\n right: calc(var(--spacing) * 1);\n }\n }\n .after\\:left-0\\.5 {\n &::after {\n content: var(--tw-content);\n left: calc(var(--spacing) * 0.5);\n }\n }\n .after\\:left-1 {\n &::after {\n content: var(--tw-content);\n left: calc(var(--spacing) * 1);\n }\n }\n .after\\:left-1\\/2 {\n &::after {\n content: var(--tw-content);\n left: calc(1/2 * 100%);\n }\n }\n .after\\:size-2 {\n &::after {\n content: var(--tw-content);\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n }\n .after\\:-translate-x-1\\/2 {\n &::after {\n content: var(--tw-content);\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .after\\:rounded-full {\n &::after {\n content: var(--tw-content);\n border-radius: calc(infinity * 1px);\n }\n }\n .after\\:border-4 {\n &::after {\n content: var(--tw-content);\n border-style: var(--tw-border-style);\n border-width: 4px;\n }\n }\n .after\\:border-transparent {\n &::after {\n content: var(--tw-content);\n border-color: transparent;\n }\n }\n .after\\:border-t-overlay-black-80 {\n &::after {\n content: var(--tw-content);\n border-top-color: var(--color-overlay-black-80);\n }\n }\n .after\\:bg-danger-500 {\n &::after {\n content: var(--tw-content);\n background-color: var(--color-danger-500);\n }\n }\n .after\\:bg-gray-500 {\n &::after {\n content: var(--tw-content);\n background-color: var(--color-gray-500);\n }\n }\n .after\\:bg-primary-500 {\n &::after {\n content: var(--tw-content);\n background-color: var(--color-primary-500);\n }\n }\n .after\\:opacity-0 {\n &::after {\n content: var(--tw-content);\n opacity: 0%;\n }\n }\n .after\\:transition-all {\n &::after {\n content: var(--tw-content);\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n }\n .after\\:duration-200 {\n &::after {\n content: var(--tw-content);\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .after\\:ease-in-out {\n &::after {\n content: var(--tw-content);\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n }\n .focus-within\\:border-danger-500 {\n &:focus-within {\n border-color: var(--color-danger-500);\n }\n }\n .focus-within\\:border-primary-500 {\n &:focus-within {\n border-color: var(--color-primary-500);\n }\n }\n .focus-within\\:border-success-500 {\n &:focus-within {\n border-color: var(--color-success-500);\n }\n }\n .hover\\:scale-105 {\n &:hover {\n @media (hover: hover) {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n }\n .hover\\:border-danger-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-danger-300);\n }\n }\n }\n .hover\\:border-gray-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-gray-300);\n }\n }\n }\n .hover\\:border-primary-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-primary-300);\n }\n }\n }\n .hover\\:border-secondary-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-secondary-300);\n }\n }\n }\n .hover\\:border-success-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-success-300);\n }\n }\n }\n .hover\\:border-warning-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-warning-300);\n }\n }\n }\n .hover\\:bg-blue-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-300);\n }\n }\n }\n .hover\\:bg-danger-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-danger-300);\n }\n }\n }\n .hover\\:bg-danger-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-danger-500);\n }\n }\n }\n .hover\\:bg-gray-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-50);\n }\n }\n }\n .hover\\:bg-gray-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-300);\n }\n }\n }\n .hover\\:bg-gray-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-500);\n }\n }\n }\n .hover\\:bg-primary-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-primary-300);\n }\n }\n }\n .hover\\:bg-primary-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-primary-500);\n }\n }\n }\n .hover\\:bg-secondary-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-secondary-300);\n }\n }\n }\n .hover\\:bg-secondary-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-secondary-500);\n }\n }\n }\n .hover\\:bg-success-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-success-300);\n }\n }\n }\n .hover\\:bg-success-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-success-500);\n }\n }\n }\n .hover\\:bg-warning-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-warning-300);\n }\n }\n }\n .hover\\:bg-warning-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-warning-500);\n }\n }\n }\n .hover\\:text-danger-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-danger-300);\n }\n }\n }\n .hover\\:text-gray-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-300);\n }\n }\n }\n .hover\\:text-gray-500 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-500);\n }\n }\n }\n .hover\\:text-primary-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-primary-300);\n }\n }\n }\n .hover\\:text-secondary-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-secondary-300);\n }\n }\n }\n .hover\\:text-success-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-success-300);\n }\n }\n }\n .hover\\:text-warning-300 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-warning-300);\n }\n }\n }\n .hover\\:text-white {\n &:hover {\n @media (hover: hover) {\n color: var(--color-white);\n }\n }\n }\n .hover\\:opacity-70 {\n &:hover {\n @media (hover: hover) {\n opacity: 70%;\n }\n }\n }\n .focus\\:border-blue-200 {\n &:focus {\n border-color: var(--color-blue-200);\n }\n }\n .focus\\:border-danger-500 {\n &:focus {\n border-color: var(--color-danger-500);\n }\n }\n .focus\\:border-primary-500 {\n &:focus {\n border-color: var(--color-primary-500);\n }\n }\n .focus\\:border-success-500 {\n &:focus {\n border-color: var(--color-success-500);\n }\n }\n .focus\\:ring-1 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n }\n .focus\\:ring-danger-800 {\n &:focus {\n --tw-ring-color: var(--color-danger-800);\n }\n }\n .focus\\:ring-gray-500 {\n &:focus {\n --tw-ring-color: var(--color-gray-500);\n }\n }\n .focus\\:ring-gray-800 {\n &:focus {\n --tw-ring-color: var(--color-gray-800);\n }\n }\n .focus\\:ring-primary-800 {\n &:focus {\n --tw-ring-color: var(--color-primary-800);\n }\n }\n .focus\\:ring-secondary-800 {\n &:focus {\n --tw-ring-color: var(--color-secondary-800);\n }\n }\n .focus\\:ring-success-800 {\n &:focus {\n --tw-ring-color: var(--color-success-800);\n }\n }\n .focus\\:ring-warning-800 {\n &:focus {\n --tw-ring-color: var(--color-warning-800);\n }\n }\n .active\\:cursor-grabbing {\n &:active {\n cursor: grabbing;\n }\n }\n .active\\:border-danger-600 {\n &:active {\n border-color: var(--color-danger-600);\n }\n }\n .active\\:border-gray-100 {\n &:active {\n border-color: var(--color-gray-100);\n }\n }\n .active\\:border-gray-600 {\n &:active {\n border-color: var(--color-gray-600);\n }\n }\n .active\\:border-primary-600 {\n &:active {\n border-color: var(--color-primary-600);\n }\n }\n .active\\:border-secondary-600 {\n &:active {\n border-color: var(--color-secondary-600);\n }\n }\n .active\\:border-success-600 {\n &:active {\n border-color: var(--color-success-600);\n }\n }\n .active\\:border-warning-600 {\n &:active {\n border-color: var(--color-warning-600);\n }\n }\n .active\\:bg-blue-600 {\n &:active {\n background-color: var(--color-blue-600);\n }\n }\n .active\\:bg-danger-100 {\n &:active {\n background-color: var(--color-danger-100);\n }\n }\n .active\\:bg-danger-600 {\n &:active {\n background-color: var(--color-danger-600);\n }\n }\n .active\\:bg-gray-50 {\n &:active {\n background-color: var(--color-gray-50);\n }\n }\n .active\\:bg-gray-100 {\n &:active {\n background-color: var(--color-gray-100);\n }\n }\n .active\\:bg-gray-600 {\n &:active {\n background-color: var(--color-gray-600);\n }\n }\n .active\\:bg-primary-100 {\n &:active {\n background-color: var(--color-primary-100);\n }\n }\n .active\\:bg-primary-600 {\n &:active {\n background-color: var(--color-primary-600);\n }\n }\n .active\\:bg-secondary-100 {\n &:active {\n background-color: var(--color-secondary-100);\n }\n }\n .active\\:bg-secondary-600 {\n &:active {\n background-color: var(--color-secondary-600);\n }\n }\n .active\\:bg-success-100 {\n &:active {\n background-color: var(--color-success-100);\n }\n }\n .active\\:bg-success-600 {\n &:active {\n background-color: var(--color-success-600);\n }\n }\n .active\\:bg-warning-100 {\n &:active {\n background-color: var(--color-warning-100);\n }\n }\n .active\\:bg-warning-600 {\n &:active {\n background-color: var(--color-warning-600);\n }\n }\n .active\\:text-danger-600 {\n &:active {\n color: var(--color-danger-600);\n }\n }\n .active\\:text-gray-100 {\n &:active {\n color: var(--color-gray-100);\n }\n }\n .active\\:text-gray-600 {\n &:active {\n color: var(--color-gray-600);\n }\n }\n .active\\:text-primary-600 {\n &:active {\n color: var(--color-primary-600);\n }\n }\n .active\\:text-secondary-600 {\n &:active {\n color: var(--color-secondary-600);\n }\n }\n .active\\:text-success-600 {\n &:active {\n color: var(--color-success-600);\n }\n }\n .active\\:text-warning-600 {\n &:active {\n color: var(--color-warning-600);\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .disabled\\:border-gray-500 {\n &:disabled {\n border-color: var(--color-gray-500);\n }\n }\n .disabled\\:bg-gray-100 {\n &:disabled {\n background-color: var(--color-gray-100);\n }\n }\n .disabled\\:bg-gray-200 {\n &:disabled {\n background-color: var(--color-gray-200);\n }\n }\n .disabled\\:text-gray-500 {\n &:disabled {\n color: var(--color-gray-500);\n }\n }\n .disabled\\:hover\\:border-gray-500 {\n &:disabled {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-gray-500);\n }\n }\n }\n }\n .disabled\\:hover\\:bg-background {\n &:disabled {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-background);\n }\n }\n }\n }\n .disabled\\:hover\\:bg-gray-200 {\n &:disabled {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-200);\n }\n }\n }\n }\n .disabled\\:hover\\:text-gray-500 {\n &:disabled {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-500);\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:border-danger-500 {\n &:has(*:is(input:checked)) {\n border-color: var(--color-danger-500);\n }\n }\n .has-\\[input\\:checked\\]\\:border-gray-500 {\n &:has(*:is(input:checked)) {\n border-color: var(--color-gray-500);\n }\n }\n .has-\\[input\\:checked\\]\\:border-primary-500 {\n &:has(*:is(input:checked)) {\n border-color: var(--color-primary-500);\n }\n }\n .has-\\[input\\:checked\\]\\:bg-danger-500 {\n &:has(*:is(input:checked)) {\n background-color: var(--color-danger-500);\n }\n }\n .has-\\[input\\:checked\\]\\:bg-gray-200 {\n &:has(*:is(input:checked)) {\n background-color: var(--color-gray-200);\n }\n }\n .has-\\[input\\:checked\\]\\:bg-primary-500 {\n &:has(*:is(input:checked)) {\n background-color: var(--color-primary-500);\n }\n }\n .has-\\[input\\:checked\\]\\:text-gray-500 {\n &:has(*:is(input:checked)) {\n color: var(--color-gray-500);\n }\n }\n .has-\\[input\\:checked\\]\\:text-white {\n &:has(*:is(input:checked)) {\n color: var(--color-white);\n }\n }\n .has-\\[input\\:checked\\]\\:hover\\:bg-danger-300 {\n &:has(*:is(input:checked)) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-danger-300);\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:hover\\:bg-gray-200 {\n &:has(*:is(input:checked)) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-200);\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:hover\\:bg-primary-300 {\n &:has(*:is(input:checked)) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-primary-300);\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:active\\:bg-danger-600 {\n &:has(*:is(input:checked)) {\n &:active {\n background-color: var(--color-danger-600);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:active\\:bg-gray-200 {\n &:has(*:is(input:checked)) {\n &:active {\n background-color: var(--color-gray-200);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:active\\:bg-primary-600 {\n &:has(*:is(input:checked)) {\n &:active {\n background-color: var(--color-primary-600);\n }\n }\n }\n .has-\\[input\\:disabled\\]\\:cursor-not-allowed {\n &:has(*:is(input:disabled)) {\n cursor: not-allowed;\n }\n }\n .has-\\[input\\:disabled\\]\\:bg-gray-100 {\n &:has(*:is(input:disabled)) {\n background-color: var(--color-gray-100);\n }\n }\n .has-\\[input\\:disabled\\]\\:text-gray-500 {\n &:has(*:is(input:disabled)) {\n color: var(--color-gray-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-danger-500 {\n &:has(*:is(input:focus)) {\n border-color: var(--color-danger-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-primary-500 {\n &:has(*:is(input:focus)) {\n border-color: var(--color-primary-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-success-500 {\n &:has(*:is(input:focus)) {\n border-color: var(--color-success-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-b-danger-500 {\n &:has(*:is(input:focus)) {\n border-bottom-color: var(--color-danger-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-b-primary-500 {\n &:has(*:is(input:focus)) {\n border-bottom-color: var(--color-primary-500);\n }\n }\n .has-\\[input\\:focus\\]\\:border-b-success-500 {\n &:has(*:is(input:focus)) {\n border-bottom-color: var(--color-success-500);\n }\n }\n .has-\\[textarea\\:focus\\]\\:border-primary-500 {\n &:has(*:is(textarea:focus)) {\n border-color: var(--color-primary-500);\n }\n }\n .sm\\:visible {\n @media (width >= 40rem) {\n visibility: visible;\n }\n }\n .sm\\:max-w-\\(--aside-default\\) {\n @media (width >= 40rem) {\n max-width: var(--aside-default);\n }\n }\n .sm\\:max-w-\\(--aside-small\\) {\n @media (width >= 40rem) {\n max-width: var(--aside-small);\n }\n }\n .sm\\:max-w-\\(--main-default\\) {\n @media (width >= 40rem) {\n max-width: var(--main-default);\n }\n }\n .sm\\:max-w-\\(--main-form\\) {\n @media (width >= 40rem) {\n max-width: var(--main-form);\n }\n }\n .sm\\:max-w-\\(--main-large\\) {\n @media (width >= 40rem) {\n max-width: var(--main-large);\n }\n }\n .sm\\:flex-row {\n @media (width >= 40rem) {\n flex-direction: row;\n }\n }\n .sm\\:justify-center-safe {\n @media (width >= 40rem) {\n justify-content: safe center;\n }\n }\n .sm\\:py-8 {\n @media (width >= 40rem) {\n padding-block: calc(var(--spacing) * 8);\n }\n }\n .md\\:relative {\n @media (width >= 48rem) {\n position: relative;\n }\n }\n .md\\:top-\\[unset\\] {\n @media (width >= 48rem) {\n top: unset;\n }\n }\n .md\\:right-\\[unset\\] {\n @media (width >= 48rem) {\n right: unset;\n }\n }\n .md\\:left-\\[unset\\] {\n @media (width >= 48rem) {\n left: unset;\n }\n }\n .md\\:hidden {\n @media (width >= 48rem) {\n display: none;\n }\n }\n .md\\:h-\\[unset\\] {\n @media (width >= 48rem) {\n height: unset;\n }\n }\n .md\\:w-fit {\n @media (width >= 48rem) {\n width: -moz-fit-content;\n width: fit-content;\n }\n }\n .md\\:flex-row {\n @media (width >= 48rem) {\n flex-direction: row;\n }\n }\n .md\\:justify-between {\n @media (width >= 48rem) {\n justify-content: space-between;\n }\n }\n .md\\:justify-start {\n @media (width >= 48rem) {\n justify-content: flex-start;\n }\n }\n .md\\:px-0 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--spacing) * 0);\n }\n }\n .md\\:px-5 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--spacing) * 5);\n }\n }\n .md\\:py-0 {\n @media (width >= 48rem) {\n padding-block: calc(var(--spacing) * 0);\n }\n }\n .md\\:py-12 {\n @media (width >= 48rem) {\n padding-block: calc(var(--spacing) * 12);\n }\n }\n .lg\\:px-12 {\n @media (width >= 64rem) {\n padding-inline: calc(var(--spacing) * 12);\n }\n }\n .dark\\:bg-black {\n @media (prefers-color-scheme: dark) {\n background-color: var(--color-black);\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:border-danger-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n border-color: var(--color-danger-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:border-gray-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n border-color: var(--color-gray-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:border-primary-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n border-color: var(--color-primary-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:bg-danger-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n background-color: var(--color-danger-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:bg-gray-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n background-color: var(--color-gray-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\]\\:bg-primary-500 {\n &:has(*:is(input:checked)) {\n & .checkbox {\n background-color: var(--color-primary-500);\n }\n }\n }\n .has-\\[\\:not\\(input\\:checked\\)\\]\\:\\[\\&_\\.checkbox\\>svg\\]\\:opacity-0 {\n &:has(*:is(:not(input:checked))) {\n & .checkbox > svg {\n opacity: 0%;\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.checkbox\\>svg\\]\\:opacity-100 {\n &:has(*:is(input:checked)) {\n & .checkbox > svg {\n opacity: 100%;\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.radio\\]\\:after\\:opacity-100 {\n &:has(*:is(input:checked)) {\n & .radio {\n &::after {\n content: var(--tw-content);\n opacity: 100%;\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:border-danger-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n border-color: var(--color-danger-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:border-gray-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n border-color: var(--color-gray-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:border-success-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n border-color: var(--color-success-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:bg-danger-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n background-color: var(--color-danger-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:bg-gray-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n background-color: var(--color-gray-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:bg-success-500 {\n &:has(*:is(input:checked)) {\n & .toggle {\n background-color: var(--color-success-500);\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:after\\:left-2\\.5 {\n &:has(*:is(input:checked)) {\n & .toggle {\n &::after {\n content: var(--tw-content);\n left: calc(var(--spacing) * 2.5);\n }\n }\n }\n }\n .has-\\[input\\:checked\\]\\:\\[\\&_\\.toggle\\]\\:after\\:bg-white {\n &:has(*:is(input:checked)) {\n & .toggle {\n &::after {\n content: var(--tw-content);\n background-color: var(--color-white);\n }\n }\n }\n }\n .\\[\\&_\\.tooltip\\]\\:translate-x-\\[-50\\%\\] {\n & .tooltip {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .\\[\\&_\\.tooltip\\]\\:translate-y-\\[10px\\] {\n & .tooltip {\n --tw-translate-y: 10px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .\\[\\&_a\\]\\:font-black {\n & a {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n }\n .\\[\\&_a\\]\\:text-danger-500 {\n & a {\n color: var(--color-danger-500);\n }\n }\n .\\[\\&_a\\]\\:text-gray-500 {\n & a {\n color: var(--color-gray-500);\n }\n }\n .\\[\\&_a\\]\\:text-primary-500 {\n & a {\n color: var(--color-primary-500);\n }\n }\n .\\[\\&_a\\]\\:text-secondary-500 {\n & a {\n color: var(--color-secondary-500);\n }\n }\n .\\[\\&_a\\]\\:text-success-500 {\n & a {\n color: var(--color-success-500);\n }\n }\n .\\[\\&_a\\]\\:text-warning-500 {\n & a {\n color: var(--color-warning-500);\n }\n }\n .\\[\\&_a\\]\\:text-white {\n & a {\n color: var(--color-white);\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-danger-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-danger-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-gray-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-primary-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-primary-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-secondary-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-secondary-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-success-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-success-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:hover\\:text-warning-300 {\n & a {\n &:hover {\n @media (hover: hover) {\n color: var(--color-warning-300);\n }\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-danger-600 {\n & a {\n &:active {\n color: var(--color-danger-600);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-gray-100 {\n & a {\n &:active {\n color: var(--color-gray-100);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-gray-600 {\n & a {\n &:active {\n color: var(--color-gray-600);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-primary-600 {\n & a {\n &:active {\n color: var(--color-primary-600);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-secondary-600 {\n & a {\n &:active {\n color: var(--color-secondary-600);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-success-600 {\n & a {\n &:active {\n color: var(--color-success-600);\n }\n }\n }\n .\\[\\&_a\\]\\:active\\:text-warning-600 {\n & a {\n &:active {\n color: var(--color-warning-600);\n }\n }\n }\n .\\[\\&_button\\]\\:font-black {\n & button {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n }\n .\\[\\&_button\\]\\:text-danger-500 {\n & button {\n color: var(--color-danger-500);\n }\n }\n .\\[\\&_button\\]\\:text-gray-500 {\n & button {\n color: var(--color-gray-500);\n }\n }\n .\\[\\&_button\\]\\:text-primary-500 {\n & button {\n color: var(--color-primary-500);\n }\n }\n .\\[\\&_button\\]\\:text-secondary-500 {\n & button {\n color: var(--color-secondary-500);\n }\n }\n .\\[\\&_button\\]\\:text-success-500 {\n & button {\n color: var(--color-success-500);\n }\n }\n .\\[\\&_button\\]\\:text-warning-500 {\n & button {\n color: var(--color-warning-500);\n }\n }\n .\\[\\&_button\\]\\:text-white {\n & button {\n color: var(--color-white);\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-danger-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-danger-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-gray-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-primary-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-primary-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-secondary-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-secondary-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-success-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-success-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:hover\\:text-warning-300 {\n & button {\n &:hover {\n @media (hover: hover) {\n color: var(--color-warning-300);\n }\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-danger-600 {\n & button {\n &:active {\n color: var(--color-danger-600);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-gray-100 {\n & button {\n &:active {\n color: var(--color-gray-100);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-gray-600 {\n & button {\n &:active {\n color: var(--color-gray-600);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-primary-600 {\n & button {\n &:active {\n color: var(--color-primary-600);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-secondary-600 {\n & button {\n &:active {\n color: var(--color-secondary-600);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-success-600 {\n & button {\n &:active {\n color: var(--color-success-600);\n }\n }\n }\n .\\[\\&_button\\]\\:active\\:text-warning-600 {\n & button {\n &:active {\n color: var(--color-warning-600);\n }\n }\n }\n .\\[\\&_span\\]\\:size-2 {\n & span {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&_span\\]\\:border-3 {\n & span {\n border-style: var(--tw-border-style);\n border-width: 3px;\n }\n }\n .\\[\\&_tbody_tr\\]\\:border-b {\n & tbody tr {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n }\n .\\[\\&_tbody_tr\\]\\:border-b-gray-200 {\n & tbody tr {\n border-bottom-color: var(--color-gray-200);\n }\n }\n .\\[\\&_tbody_tr\\:nth-child\\(even\\)\\]\\:bg-gray-100 {\n & tbody tr:nth-child(even) {\n background-color: var(--color-gray-100);\n }\n }\n .\\[\\&_td\\]\\:overflow-x-scroll {\n & td {\n overflow-x: scroll;\n }\n }\n .\\[\\&_td\\]\\:border {\n & td {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n }\n .\\[\\&_td\\]\\:border-gray-200 {\n & td {\n border-color: var(--color-gray-200);\n }\n }\n .\\[\\&_td\\]\\:px-2 {\n & td {\n padding-inline: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&_td\\]\\:py-1 {\n & td {\n padding-block: calc(var(--spacing) * 1);\n }\n }\n .\\[\\&_td\\:last-child\\]\\:p-0 {\n & td:last-child {\n padding: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&_th\\]\\:overflow-x-scroll {\n & th {\n overflow-x: scroll;\n }\n }\n .\\[\\&_th\\]\\:px-2 {\n & th {\n padding-inline: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&_th\\]\\:py-1 {\n & th {\n padding-block: calc(var(--spacing) * 1);\n }\n }\n .\\[\\&_thead\\]\\:bg-primary-500 {\n & thead {\n background-color: var(--color-primary-500);\n }\n }\n .\\[\\&_thead\\]\\:font-bold {\n & thead {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n }\n .\\[\\&_thead\\]\\:text-white {\n & thead {\n color: var(--color-white);\n }\n }\n .\\[\\&_thead_th\\:not\\(\\:last-child\\)\\]\\:border-r {\n & thead th:not(:last-child) {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n }\n .\\[\\&_thead_th\\:not\\(\\:last-child\\)\\]\\:border-background {\n & thead th:not(:last-child) {\n border-color: var(--color-background);\n }\n }\n .\\[\\&\\&\\]\\:font-normal {\n && {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n }\n .\\[\\&\\.active\\]\\:border-b-primary-500 {\n &.active {\n border-bottom-color: var(--color-primary-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-danger-500 {\n &.active {\n background-color: var(--color-danger-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-gray-500 {\n &.active {\n background-color: var(--color-gray-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-primary-500 {\n &.active {\n background-color: var(--color-primary-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-secondary-500 {\n &.active {\n background-color: var(--color-secondary-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-success-500 {\n &.active {\n background-color: var(--color-success-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-warning-500 {\n &.active {\n background-color: var(--color-warning-500);\n }\n }\n .\\[\\&\\.active\\]\\:bg-white {\n &.active {\n background-color: var(--color-white);\n }\n }\n .\\[\\&\\.active\\]\\:font-black {\n &.active {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n }\n .\\[\\&\\.active\\]\\:text-white {\n &.active {\n color: var(--color-white);\n }\n }\n .\\[\\&\\.active\\]\\:opacity-100 {\n &.active {\n opacity: 100%;\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-danger-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-danger-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-gray-100 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-100);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-gray-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-primary-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-primary-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-secondary-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-secondary-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-success-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-success-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:bg-warning-300 {\n &.active {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-warning-300);\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:hover\\:opacity-70 {\n &.active {\n &:hover {\n @media (hover: hover) {\n opacity: 70%;\n }\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-danger-600 {\n &.active {\n &:active {\n background-color: var(--color-danger-600);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-gray-100 {\n &.active {\n &:active {\n background-color: var(--color-gray-100);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-gray-600 {\n &.active {\n &:active {\n background-color: var(--color-gray-600);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-primary-600 {\n &.active {\n &:active {\n background-color: var(--color-primary-600);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-secondary-600 {\n &.active {\n &:active {\n background-color: var(--color-secondary-600);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-success-600 {\n &.active {\n &:active {\n background-color: var(--color-success-600);\n }\n }\n }\n .\\[\\&\\.active\\]\\:active\\:bg-warning-600 {\n &.active {\n &:active {\n background-color: var(--color-warning-600);\n }\n }\n }\n .\\[\\&\\.open\\]\\:visible {\n &.open {\n visibility: visible;\n }\n }\n .\\[\\&\\.open\\]\\:top-\\[45\\%\\] {\n &.open {\n top: 45%;\n }\n }\n .\\[\\&\\.open\\]\\:right-0 {\n &.open {\n right: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&\\.open\\]\\:bottom-\\[45\\%\\] {\n &.open {\n bottom: 45%;\n }\n }\n .\\[\\&\\.open\\]\\:left-0 {\n &.open {\n left: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&\\.open\\]\\:z-20 {\n &.open {\n z-index: 20;\n }\n }\n .\\[\\&\\.open\\]\\:max-h-100 {\n &.open {\n max-height: calc(var(--spacing) * 100);\n }\n }\n .\\[\\&\\.open\\]\\:max-h-\\[179px\\] {\n &.open {\n max-height: 179px;\n }\n }\n .\\[\\&\\.open\\]\\:max-h-\\[300px\\] {\n &.open {\n max-height: 300px;\n }\n }\n .\\[\\&\\.open\\]\\:w-0 {\n &.open {\n width: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&\\.open\\]\\:-rotate-45 {\n &.open {\n rotate: calc(45deg * -1);\n }\n }\n .\\[\\&\\.open\\]\\:rotate-45 {\n &.open {\n rotate: 45deg;\n }\n }\n .\\[\\&\\.open\\]\\:rotate-180 {\n &.open {\n rotate: 180deg;\n }\n }\n .\\[\\&\\.open\\]\\:pt-2 {\n &.open {\n padding-top: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&\\.open\\]\\:pt-8 {\n &.open {\n padding-top: calc(var(--spacing) * 8);\n }\n }\n .\\[\\&\\.open\\]\\:opacity-100 {\n &.open {\n opacity: 100%;\n }\n }\n .\\[\\&\\.open\\]\\:shadow-sm {\n &.open {\n --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.3)), 0px 2px 6px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n }\n .\\[\\&\\.open\\]\\:transition-none {\n &.open {\n transition-property: none;\n }\n }\n .\\[\\&\\.readOnly\\]\\:cursor-default\\! {\n &.readOnly {\n cursor: default !important;\n }\n }\n .\\[\\&\\.visible\\]\\:z-20 {\n &.visible {\n z-index: 20;\n }\n }\n .\\[\\&\\.visible\\]\\:translate-x-0 {\n &.visible {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .\\[\\&\\.visible\\]\\:opacity-100 {\n &.visible {\n opacity: 100%;\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:absolute {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n position: absolute;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:top-\\[50\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n top: 50%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:top-\\[100\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n top: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:right-\\[100\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n right: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:bottom-\\[100\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n bottom: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:left-\\[50\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n left: 50%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:left-\\[100\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n left: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:translate-x-\\[-50\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:translate-y-\\[-50\\%\\] {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n --tw-translate-y: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-4 {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-style: var(--tw-border-style);\n border-width: 4px;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-transparent {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-color: transparent;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-t-\\(--color-overlay-black-80\\) {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-top-color: var(--color-overlay-black-80);\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-r-\\(--color-overlay-black-80\\) {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-right-color: var(--color-overlay-black-80);\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-b-\\(--color-overlay-black-80\\) {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-bottom-color: var(--color-overlay-black-80);\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:border-l-\\(--color-overlay-black-80\\) {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n border-left-color: var(--color-overlay-black-80);\n }\n }\n }\n .\\[\\&\\:\\:-moz-meter-bar\\]\\:border-none {\n &::-moz-meter-bar {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-moz-meter-bar\\]\\:bg-none {\n &::-moz-meter-bar {\n background-image: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:size-4 {\n &::-moz-range-thumb {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:cursor-pointer {\n &::-moz-range-thumb {\n cursor: pointer;\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:appearance-none {\n &::-moz-range-thumb {\n -moz-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:rounded-full {\n &::-moz-range-thumb {\n border-radius: calc(infinity * 1px);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:border-none {\n &::-moz-range-thumb {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:bg-danger-500 {\n &::-moz-range-thumb {\n background-color: var(--color-danger-500);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:bg-primary-500 {\n &::-moz-range-thumb {\n background-color: var(--color-primary-500);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:bg-success-500 {\n &::-moz-range-thumb {\n background-color: var(--color-success-500);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:bg-transparent {\n &::-moz-range-thumb {\n background-color: transparent;\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:ring-2 {\n &::-moz-range-thumb {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:ring-white {\n &::-moz-range-thumb {\n --tw-ring-color: var(--color-white);\n }\n }\n .\\[\\&\\:\\:-moz-range-thumb\\]\\:outline-none {\n &::-moz-range-thumb {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-track\\]\\:appearance-none {\n &::-moz-range-track {\n -moz-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-track\\]\\:border-none {\n &::-moz-range-track {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-moz-range-track\\]\\:bg-transparent {\n &::-moz-range-track {\n background-color: transparent;\n }\n }\n .\\[\\&\\:\\:-moz-range-track\\]\\:outline-none {\n &::-moz-range-track {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:absolute {\n &::-webkit-calendar-picker-indicator {\n position: absolute;\n }\n }\n .\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:opacity-0 {\n &::-webkit-calendar-picker-indicator {\n opacity: 0%;\n }\n }\n .\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:m-0 {\n &::-webkit-inner-spin-button {\n margin: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none {\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-meter-bar\\]\\:border-none {\n &::-webkit-meter-bar {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-webkit-meter-bar\\]\\:bg-none {\n &::-webkit-meter-bar {\n background-image: none;\n }\n }\n .\\[\\&\\:\\:-webkit-meter-even-less-good-value\\]\\:bg-none {\n &::-webkit-meter-even-less-good-value {\n background-image: none;\n }\n }\n .\\[\\&\\:\\:-webkit-meter-optimum-value\\]\\:bg-none {\n &::-webkit-meter-optimum-value {\n background-image: none;\n }\n }\n .\\[\\&\\:\\:-webkit-meter-suboptimum-value\\]\\:bg-none {\n &::-webkit-meter-suboptimum-value {\n background-image: none;\n }\n }\n .\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none {\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-search-cancel-button\\]\\:hidden {\n &::-webkit-search-cancel-button {\n display: none;\n }\n }\n .\\[\\&\\:\\:-webkit-search-cancel-button\\]\\:appearance-none {\n &::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-search-decoration\\]\\:hidden {\n &::-webkit-search-decoration {\n display: none;\n }\n }\n .\\[\\&\\:\\:-webkit-search-decoration\\]\\:appearance-none {\n &::-webkit-search-decoration {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:relative {\n &::-webkit-slider-thumb {\n position: relative;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:z-20 {\n &::-webkit-slider-thumb {\n z-index: 20;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:size-4 {\n &::-webkit-slider-thumb {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:cursor-pointer {\n &::-webkit-slider-thumb {\n cursor: pointer;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:appearance-none {\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:rounded-full {\n &::-webkit-slider-thumb {\n border-radius: calc(infinity * 1px);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:border-none {\n &::-webkit-slider-thumb {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-danger-500 {\n &::-webkit-slider-thumb {\n background-color: var(--color-danger-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-primary-500 {\n &::-webkit-slider-thumb {\n background-color: var(--color-primary-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-success-500 {\n &::-webkit-slider-thumb {\n background-color: var(--color-success-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-transparent {\n &::-webkit-slider-thumb {\n background-color: transparent;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:ring-2 {\n &::-webkit-slider-thumb {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:ring-background {\n &::-webkit-slider-thumb {\n --tw-ring-color: var(--color-background);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:outline-none {\n &::-webkit-slider-thumb {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:h-full {\n &::-webkit-slider-track {\n height: 100%;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:appearance-none {\n &::-webkit-slider-track {\n -webkit-appearance: none;\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:border-none {\n &::-webkit-slider-track {\n --tw-border-style: none;\n border-style: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:bg-danger-500 {\n &::-webkit-slider-track {\n background-color: var(--color-danger-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:bg-primary-500 {\n &::-webkit-slider-track {\n background-color: var(--color-primary-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:bg-success-500 {\n &::-webkit-slider-track {\n background-color: var(--color-success-500);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:bg-transparent {\n &::-webkit-slider-track {\n background-color: transparent;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-track\\]\\:outline-none {\n &::-webkit-slider-track {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:mr-2 {\n &::file-selector-button {\n margin-right: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:h-8 {\n &::file-selector-button {\n height: calc(var(--spacing) * 8);\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:cursor-pointer {\n &::file-selector-button {\n cursor: pointer;\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:bg-gray-200 {\n &::file-selector-button {\n background-color: var(--color-gray-200);\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:px-2 {\n &::file-selector-button {\n padding-inline: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:text-black {\n &::file-selector-button {\n color: var(--color-black);\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:transition-all {\n &::file-selector-button {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:duration-200 {\n &::file-selector-button {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .\\[\\&\\:\\:file-selector-button\\]\\:ease-in-out {\n &::file-selector-button {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n }\n .hover\\:\\[\\&\\:\\:file-selector-button\\]\\:bg-gray-300 {\n &:hover {\n @media (hover: hover) {\n &::file-selector-button {\n background-color: var(--color-gray-300);\n }\n }\n }\n }\n .\\[\\&\\:not\\(\\:last-child\\)\\]\\:border-b {\n &:not(:last-child) {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n }\n .\\[\\&\\:not\\(\\:last-child\\)\\]\\:border-b-gray-200 {\n &:not(:last-child) {\n border-bottom-color: var(--color-gray-200);\n }\n }\n .\\[\\&\\>\\*\\]\\:mb-0 {\n & > * {\n margin-bottom: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&\\>\\*\\]\\:mb-1 {\n & > * {\n margin-bottom: calc(var(--spacing) * 1);\n }\n }\n .\\[\\&\\>\\*\\]\\:mb-2 {\n & > * {\n margin-bottom: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&\\>\\*\\]\\:mb-3 {\n & > * {\n margin-bottom: calc(var(--spacing) * 3);\n }\n }\n .\\[\\&\\>\\*\\]\\:mb-4 {\n & > * {\n margin-bottom: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\>\\*\\]\\:mb-5 {\n & > * {\n margin-bottom: calc(var(--spacing) * 5);\n }\n }\n .\\[\\&\\>\\*\\]\\:mb-8 {\n & > * {\n margin-bottom: calc(var(--spacing) * 8);\n }\n }\n .\\[\\&\\>\\*\\]\\:mb-12 {\n & > * {\n margin-bottom: calc(var(--spacing) * 12);\n }\n }\n .\\[\\&\\>\\*\\]\\:text-left {\n & > * {\n text-align: left;\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-1 {\n & > * {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow:\n var(--tw-inset-shadow),\n var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow),\n var(--tw-ring-shadow),\n var(--tw-shadow);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-danger-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-danger-800);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-gray-500 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-gray-500);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-gray-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-gray-800);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-primary-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-primary-800);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-secondary-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-secondary-800);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-success-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-success-800);\n }\n }\n }\n .\\[\\&\\>\\*\\]\\:focus\\:ring-warning-800 {\n & > * {\n &:focus {\n --tw-ring-color: var(--color-warning-800);\n }\n }\n }\n .\\[\\&\\>a\\]\\:outline-none {\n & > a {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .\\[\\&\\>code\\]\\:rounded-xs {\n & > code {\n border-radius: var(--radius-xs);\n }\n }\n .\\[\\&\\>code\\]\\:bg-gray-50 {\n & > code {\n background-color: var(--color-gray-50);\n }\n }\n .\\[\\&\\>code\\]\\:p-1 {\n & > code {\n padding: calc(var(--spacing) * 1);\n }\n }\n .\\[\\&\\>code\\]\\:leading-8 {\n & > code {\n --tw-leading: calc(var(--spacing) * 8);\n line-height: calc(var(--spacing) * 8);\n }\n }\n .\\[\\&\\>code\\]\\:text-blue-500 {\n & > code {\n color: var(--color-blue-500);\n }\n }\n .\\[\\&\\>dd\\]\\:ps-4 {\n & > dd {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\>dd\\]\\:font-normal {\n & > dd {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n }\n .\\[\\&\\>dt\\]\\:font-bold {\n & > dt {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n }\n .\\[\\&\\>span\\]\\:h-1 {\n & > span {\n height: calc(var(--spacing) * 1);\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-danger-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-danger-300);\n }\n }\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-gray-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-gray-300);\n }\n }\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-primary-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-primary-300);\n }\n }\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-secondary-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-secondary-300);\n }\n }\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-success-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-success-300);\n }\n }\n }\n }\n .hover\\:\\[\\&\\>span\\]\\:bg-warning-300 {\n &:hover {\n @media (hover: hover) {\n & > span {\n background-color: var(--color-warning-300);\n }\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-danger-600 {\n &:active {\n & > span {\n background-color: var(--color-danger-600);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-gray-100 {\n &:active {\n & > span {\n background-color: var(--color-gray-100);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-gray-600 {\n &:active {\n & > span {\n background-color: var(--color-gray-600);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-primary-600 {\n &:active {\n & > span {\n background-color: var(--color-primary-600);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-secondary-600 {\n &:active {\n & > span {\n background-color: var(--color-secondary-600);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-success-600 {\n &:active {\n & > span {\n background-color: var(--color-success-600);\n }\n }\n }\n .active\\:\\[\\&\\>span\\]\\:bg-warning-600 {\n &:active {\n & > span {\n background-color: var(--color-warning-600);\n }\n }\n }\n}\n:root {\n --font-lato: "Lato", sans-serif;\n --font-sans: var(--font-lato);\n --font-mono: monospace;\n --color-primary-50: var(--color-blue-50);\n --color-primary-100: var(--color-blue-100);\n --color-primary-200: var(--color-blue-200);\n --color-primary-300: var(--color-blue-300);\n --color-primary-400: var(--color-blue-400);\n --color-primary-500: var(--color-blue-500);\n --color-primary-600: var(--color-blue-600);\n --color-primary-700: var(--color-blue-700);\n --color-primary-800: var(--color-blue-800);\n --color-primary-900: var(--color-blue-900);\n --color-primary-950: var(--color-blue-950);\n --color-secondary-50: var(--color-cyan-50);\n --color-secondary-100: var(--color-cyan-100);\n --color-secondary-200: var(--color-cyan-200);\n --color-secondary-300: var(--color-cyan-300);\n --color-secondary-400: var(--color-cyan-400);\n --color-secondary-500: var(--color-cyan-500);\n --color-secondary-600: var(--color-cyan-600);\n --color-secondary-700: var(--color-cyan-700);\n --color-secondary-800: var(--color-cyan-800);\n --color-secondary-900: var(--color-cyan-900);\n --color-secondary-950: var(--color-cyan-950);\n --color-success-50: var(--color-green-50);\n --color-success-100: var(--color-green-100);\n --color-success-200: var(--color-green-200);\n --color-success-300: var(--color-green-300);\n --color-success-400: var(--color-green-400);\n --color-success-500: var(--color-green-500);\n --color-success-600: var(--color-green-600);\n --color-success-700: var(--color-green-700);\n --color-success-800: var(--color-green-800);\n --color-success-900: var(--color-green-900);\n --color-success-950: var(--color-green-950);\n --color-danger-50: var(--color-red-50);\n --color-danger-100: var(--color-red-100);\n --color-danger-200: var(--color-red-200);\n --color-danger-300: var(--color-red-300);\n --color-danger-400: var(--color-red-400);\n --color-danger-500: var(--color-red-500);\n --color-danger-600: var(--color-red-600);\n --color-danger-700: var(--color-red-700);\n --color-danger-800: var(--color-red-800);\n --color-danger-900: var(--color-red-900);\n --color-danger-950: var(--color-red-950);\n --color-warning-50: var(--color-amber-50);\n --color-warning-100: var(--color-amber-100);\n --color-warning-200: var(--color-amber-200);\n --color-warning-300: var(--color-amber-300);\n --color-warning-400: var(--color-amber-400);\n --color-warning-500: var(--color-amber-500);\n --color-warning-600: var(--color-amber-600);\n --color-warning-700: var(--color-amber-700);\n --color-warning-800: var(--color-amber-800);\n --color-warning-900: var(--color-amber-900);\n --color-warning-950: var(--color-amber-950);\n --color-gray-50: var(--color-neutral-50);\n --color-gray-100: var(--color-neutral-100);\n --color-gray-200: var(--color-neutral-200);\n --color-gray-300: var(--color-neutral-300);\n --color-gray-400: var(--color-neutral-400);\n --color-gray-500: var(--color-neutral-500);\n --color-gray-600: var(--color-neutral-600);\n --color-gray-700: var(--color-neutral-700);\n --color-gray-800: var(--color-neutral-800);\n --color-gray-900: var(--color-neutral-900);\n --color-gray-950: var(--color-neutral-950);\n --color-background: var(--color-white);\n --color-font: var(--color-black);\n --font-weight-thin: 100;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --color-overlay-black-50: rgba(0, 0, 0, 0.5);\n --color-overlay-black-80: rgba(0, 0, 0, 0.8);\n --color-overlay-white-50: rgba(255, 255, 255, 0.5);\n --color-overlay-white-80: rgba(255, 255, 255, 0.8);\n --color-overlay-gradient-black:\n linear-gradient(\n \n 180deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(0, 0, 0, 0.56) 100% );\n --color-overlay-gradient-white:\n linear-gradient(\n \n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.35) 100% );\n --font-sans: var(--font-lato);\n --font-mono: monospace;\n --spacer-2xs: 4px;\n --spacer-xs: 8px;\n --spacer-sm: 12px;\n --spacer-md: 16px;\n --spacer-lg: 24px;\n --spacer-xl: 32px;\n --spacer-2xl: 48px;\n --main-default: 600px;\n --main-large: 800px;\n --main-form: 400px;\n --main-full: 100%;\n --aside-default: 250px;\n --aside-small: 200px;\n --shadow-2xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow-xs: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n --shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);\n --shadow-md: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);\n --shadow-lg: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3);\n --shadow-xl: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);\n --shadow-2xl: 0px 10px 14px 8px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.3);\n --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.06);\n --shadow-none: none;\n --animate-cubic-bezier: cubic-bezier(0.5, 0, 0.5, 1);\n --transition-short: all 200ms ease;\n --transition-long: all 500ms ease;\n --transition-bezier: all 500ms cubic-bezier(0.25, 0.75, 0, 0.66);\n --text-display-h1: 5rem;\n --text-display-h2: 4rem;\n --text-display-h3: 3.5rem;\n --text-display-h4: 3rem;\n --text-display-h5: 2.5rem;\n --text-h1: 2.5rem;\n --text-h2: 2rem;\n --text-h3: 1.8rem;\n --text-h4: 1.5rem;\n --text-h5: 1.3rem;\n --text-h6: 1.1rem;\n --text-body: 1rem;\n --text-small: 0.875rem;\n}\nhtml,\nbody {\n font-family: var(--font-sans);\n width: 100%;\n min-height: 100vh;\n background-color: var(--color-background);\n color: var(--color-font);\n max-width: 100dvw;\n line-height: var(--leading-normal);\n &.dark {\n --color-background: var(--color-black);\n --color-font: var(--color-white);\n }\n}\n.smooth {\n scroll-behavior: smooth;\n}\na,\nbutton {\n cursor: pointer;\n transition: var(--transition-short);\n &:disabled {\n cursor: not-allowed;\n }\n}\nimg,\nvideo,\niframe {\n max-width: 100%;\n}\n.no-scrollbar {\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n}\n.lato-thin {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-thin);\n font-style: normal;\n}\n.lato-light {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-light);\n font-style: normal;\n}\n.lato-regular {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-normal);\n font-style: normal;\n}\n.lato-bold {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-bold);\n font-style: normal;\n}\n.lato-black {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-black);\n font-style: normal;\n}\n.lato-thin-italic {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-thin);\n font-style: italic;\n}\n.lato-light-italic {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-light);\n font-style: italic;\n}\n.lato-regular-italic {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-normal);\n font-style: italic;\n}\n.lato-bold-italic {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-bold);\n font-style: italic;\n}\n.lato-black-italic {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-black);\n font-style: italic;\n}\n.text-primary {\n color: var(--color-primary-500);\n}\n.bg-primary {\n background-color: var(--color-primary-500);\n}\n.text-secondary {\n color: var(--color-secondary-500);\n}\n.bg-secondary {\n background-color: var(--color-secondary-500);\n}\n.text-success {\n color: var(--color-success-500);\n}\n.bg-success {\n background-color: var(--color-success-500);\n}\n.text-danger {\n color: var(--color-danger-500);\n}\n.bg-danger {\n background-color: var(--color-danger-500);\n}\n.text-warning {\n color: var(--color-warning-500);\n}\n.bg-warning {\n background-color: var(--color-warning-500);\n}\n.text-gray {\n color: var(--color-gray-500);\n}\n.bg-gray {\n background-color: var(--color-gray-500);\n}\n.text-white {\n color: var(--color-white);\n}\n.bg-white {\n background-color: var(--color-white);\n}\n.overlay-black-50 {\n background: var(--color-overlay-black-50);\n}\n.overlay-black-80 {\n background: var(--color-overlay-black-80);\n}\n.overlay-white-50 {\n background: var(--color-overlay-white-50);\n}\n.overlay-white-80 {\n background: var(--color-overlay-white-80);\n}\n.overlay-gradient-black {\n background: var(--color-overlay-gradient-black);\n}\n.overlay-gradient-white {\n background: var(--color-overlay-gradient-white);\n}\n@keyframes shine {\n from {\n left: -150px;\n }\n to {\n left: 106%;\n }\n}\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes loader-pulse {\n 0%, 100% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1);\n }\n}\n.Toastify__progress-bar--bg {\n background-color: transparent !important;\n}\n@keyframes progress-bar {\n 0% {\n width: 0;\n }\n 100% {\n width: var(--meter-value);\n }\n}\n@property --tw-border-spacing-x { syntax: "<length>"; inherits: false; initial-value: 0; }\n@property --tw-border-spacing-y { syntax: "<length>"; inherits: false; initial-value: 0; }\n@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }\n@property --tw-rotate-x { syntax: "*"; inherits: false; }\n@property --tw-rotate-y { syntax: "*"; inherits: false; }\n@property --tw-rotate-z { syntax: "*"; inherits: false; }\n@property --tw-skew-x { syntax: "*"; inherits: false; }\n@property --tw-skew-y { syntax: "*"; inherits: false; }\n@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }\n@property --tw-gradient-position { syntax: "*"; inherits: false; }\n@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-stops { syntax: "*"; inherits: false; }\n@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }\n@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }\n@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }\n@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-leading { syntax: "*"; inherits: false; }\n@property --tw-font-weight { syntax: "*"; inherits: false; }\n@property --tw-ordinal { syntax: "*"; inherits: false; }\n@property --tw-slashed-zero { syntax: "*"; inherits: false; }\n@property --tw-numeric-figure { syntax: "*"; inherits: false; }\n@property --tw-numeric-spacing { syntax: "*"; inherits: false; }\n@property --tw-numeric-fraction { syntax: "*"; inherits: false; }\n@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-ring-color { syntax: "*"; inherits: false; }\n@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-inset-ring-color { syntax: "*"; inherits: false; }\n@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-ring-inset { syntax: "*"; inherits: false; }\n@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }\n@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }\n@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }\n@property --tw-blur { syntax: "*"; inherits: false; }\n@property --tw-brightness { syntax: "*"; inherits: false; }\n@property --tw-contrast { syntax: "*"; inherits: false; }\n@property --tw-grayscale { syntax: "*"; inherits: false; }\n@property --tw-hue-rotate { syntax: "*"; inherits: false; }\n@property --tw-invert { syntax: "*"; inherits: false; }\n@property --tw-opacity { syntax: "*"; inherits: false; }\n@property --tw-saturate { syntax: "*"; inherits: false; }\n@property --tw-sepia { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }\n@property --tw-backdrop-blur { syntax: "*"; inherits: false; }\n@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }\n@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }\n@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }\n@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }\n@property --tw-backdrop-invert { syntax: "*"; inherits: false; }\n@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }\n@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }\n@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }\n@property --tw-duration { syntax: "*"; inherits: false; }\n@property --tw-ease { syntax: "*"; inherits: false; }\n@property --tw-text-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-text-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *,\n ::before,\n ::after,\n ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-ordinal: initial;\n --tw-slashed-zero: initial;\n --tw-numeric-figure: initial;\n --tw-numeric-spacing: initial;\n --tw-numeric-fraction: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-text-shadow-color: initial;\n --tw-text-shadow-alpha: 100%;\n --tw-content: "";\n }\n }\n}\n');
|
|
316
316
|
|
|
317
317
|
// src/lib/utils/design-tokens.ts
|
|
318
318
|
var libTextDisplayTags = {
|
|
@@ -1589,6 +1589,9 @@ var genVAlign = {
|
|
|
1589
1589
|
"align-super": "align-super"
|
|
1590
1590
|
};
|
|
1591
1591
|
|
|
1592
|
+
// src/lib/components/Text/Text.tsx
|
|
1593
|
+
var import_react2 = require("react");
|
|
1594
|
+
|
|
1592
1595
|
// src/lib/components/Text/templates/H1.tsx
|
|
1593
1596
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
1594
1597
|
var H1 = (_a) => {
|
|
@@ -2184,6 +2187,7 @@ var Text = (_a) => {
|
|
|
2184
2187
|
};
|
|
2185
2188
|
|
|
2186
2189
|
// src/lib/components/Table/Table.tsx
|
|
2190
|
+
var import_react3 = require("react");
|
|
2187
2191
|
var import_utils17 = require("@julseb-lib/utils");
|
|
2188
2192
|
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
2189
2193
|
var Table = (_a) => {
|
|
@@ -2319,12 +2323,12 @@ var genRingColorChildren = {
|
|
|
2319
2323
|
};
|
|
2320
2324
|
|
|
2321
2325
|
// src/lib/index.ts
|
|
2322
|
-
var
|
|
2326
|
+
var import_utils149 = require("@julseb-lib/utils");
|
|
2323
2327
|
|
|
2324
2328
|
// src/lib/hooks/useClickOutside.tsx
|
|
2325
|
-
var
|
|
2329
|
+
var import_react4 = require("react");
|
|
2326
2330
|
var useClickOutside = (ref, handler) => {
|
|
2327
|
-
(0,
|
|
2331
|
+
(0, import_react4.useEffect)(() => {
|
|
2328
2332
|
const listener = (e) => {
|
|
2329
2333
|
const target = e.target;
|
|
2330
2334
|
if (target.getAttribute("href")) return false;
|
|
@@ -2342,9 +2346,9 @@ var useClickOutside = (ref, handler) => {
|
|
|
2342
2346
|
};
|
|
2343
2347
|
|
|
2344
2348
|
// src/lib/hooks/useCopyToClipboard.tsx
|
|
2345
|
-
var
|
|
2349
|
+
var import_react5 = require("react");
|
|
2346
2350
|
var useCopyToClipboard = () => {
|
|
2347
|
-
const [copiedText, setCopiedText] = (0,
|
|
2351
|
+
const [copiedText, setCopiedText] = (0, import_react5.useState)(null);
|
|
2348
2352
|
const copy = (text) => __async(null, null, function* () {
|
|
2349
2353
|
if (!(navigator == null ? void 0 : navigator.clipboard)) {
|
|
2350
2354
|
console.warn("Clipboard not supported");
|
|
@@ -2364,10 +2368,10 @@ var useCopyToClipboard = () => {
|
|
|
2364
2368
|
};
|
|
2365
2369
|
|
|
2366
2370
|
// src/lib/hooks/useDebounce.tsx
|
|
2367
|
-
var
|
|
2371
|
+
var import_react6 = require("react");
|
|
2368
2372
|
var useDebounce = (value, delay = 1e3) => {
|
|
2369
|
-
const [debouncedValue, setDebouncedValue] = (0,
|
|
2370
|
-
(0,
|
|
2373
|
+
const [debouncedValue, setDebouncedValue] = (0, import_react6.useState)(value);
|
|
2374
|
+
(0, import_react6.useEffect)(() => {
|
|
2371
2375
|
const timedValue = setTimeout(() => setDebouncedValue(value), delay);
|
|
2372
2376
|
return () => clearTimeout(timedValue);
|
|
2373
2377
|
}, [value, delay]);
|
|
@@ -2411,21 +2415,21 @@ var useExportData = () => {
|
|
|
2411
2415
|
};
|
|
2412
2416
|
|
|
2413
2417
|
// src/lib/hooks/useFetch.tsx
|
|
2414
|
-
var
|
|
2418
|
+
var import_react7 = require("react");
|
|
2415
2419
|
var useFetch = (fetchFunction, dependencies) => {
|
|
2416
|
-
const [response, setResponse] = (0,
|
|
2417
|
-
const [loading, setLoading] = (0,
|
|
2418
|
-
const [error, setError] = (0,
|
|
2419
|
-
(0,
|
|
2420
|
+
const [response, setResponse] = (0, import_react7.useState)(null);
|
|
2421
|
+
const [loading, setLoading] = (0, import_react7.useState)(true);
|
|
2422
|
+
const [error, setError] = (0, import_react7.useState)(void 0);
|
|
2423
|
+
(0, import_react7.useEffect)(() => {
|
|
2420
2424
|
fetchFunction.then((res) => setResponse(res)).catch((err) => setError(err)).finally(() => setLoading(false));
|
|
2421
2425
|
}, [dependencies]);
|
|
2422
2426
|
return { response, error, loading };
|
|
2423
2427
|
};
|
|
2424
2428
|
|
|
2425
2429
|
// src/lib/hooks/useForm.tsx
|
|
2426
|
-
var
|
|
2430
|
+
var import_react8 = require("react");
|
|
2427
2431
|
var useForm = (initialState = {}, onSubmit) => {
|
|
2428
|
-
const [formData, setFormData] = (0,
|
|
2432
|
+
const [formData, setFormData] = (0, import_react8.useState)(initialState);
|
|
2429
2433
|
const handleInputs = (e) => setFormData(__spreadProps(__spreadValues({}, formData), { [e.target.id]: e.target.value }));
|
|
2430
2434
|
const resetForm = () => setFormData(initialState);
|
|
2431
2435
|
const handleSubmit = (e) => {
|
|
@@ -2436,10 +2440,10 @@ var useForm = (initialState = {}, onSubmit) => {
|
|
|
2436
2440
|
};
|
|
2437
2441
|
|
|
2438
2442
|
// src/lib/hooks/useIsOverflow.ts
|
|
2439
|
-
var
|
|
2443
|
+
var import_react9 = require("react");
|
|
2440
2444
|
var useIsOverflow = (ref, options) => {
|
|
2441
|
-
const [isOverflow, setIsOverflow] = (0,
|
|
2442
|
-
(0,
|
|
2445
|
+
const [isOverflow, setIsOverflow] = (0, import_react9.useState)(void 0);
|
|
2446
|
+
(0, import_react9.useLayoutEffect)(() => {
|
|
2443
2447
|
const { current } = ref;
|
|
2444
2448
|
const trigger = () => {
|
|
2445
2449
|
if (current) {
|
|
@@ -2454,9 +2458,9 @@ var useIsOverflow = (ref, options) => {
|
|
|
2454
2458
|
};
|
|
2455
2459
|
|
|
2456
2460
|
// src/lib/hooks/useKeyPress.tsx
|
|
2457
|
-
var
|
|
2461
|
+
var import_react10 = require("react");
|
|
2458
2462
|
var useKeyPress = (keyCodes, callback, excludeKeys) => {
|
|
2459
|
-
(0,
|
|
2463
|
+
(0, import_react10.useEffect)(() => {
|
|
2460
2464
|
const singleHandler = ({ code }) => {
|
|
2461
2465
|
if (keyCodes.includes(code)) {
|
|
2462
2466
|
callback();
|
|
@@ -2495,10 +2499,10 @@ var useKeyPress = (keyCodes, callback, excludeKeys) => {
|
|
|
2495
2499
|
};
|
|
2496
2500
|
|
|
2497
2501
|
// src/lib/hooks/useMaxWidth.tsx
|
|
2498
|
-
var
|
|
2502
|
+
var import_react11 = require("react");
|
|
2499
2503
|
var useMaxWidth = (width) => {
|
|
2500
|
-
const [isMax, setIsMax] = (0,
|
|
2501
|
-
(0,
|
|
2504
|
+
const [isMax, setIsMax] = (0, import_react11.useState)(false);
|
|
2505
|
+
(0, import_react11.useEffect)(() => {
|
|
2502
2506
|
const detectSize = () => {
|
|
2503
2507
|
if (window.innerWidth <= width) {
|
|
2504
2508
|
setIsMax(true);
|
|
@@ -2513,9 +2517,9 @@ var useMaxWidth = (width) => {
|
|
|
2513
2517
|
};
|
|
2514
2518
|
|
|
2515
2519
|
// src/lib/hooks/useMergeRefs.ts
|
|
2516
|
-
var
|
|
2520
|
+
var import_react12 = require("react");
|
|
2517
2521
|
var useMergeRefs = (refs) => {
|
|
2518
|
-
return (0,
|
|
2522
|
+
return (0, import_react12.useMemo)(() => {
|
|
2519
2523
|
if (refs.every((ref) => ref == null)) {
|
|
2520
2524
|
return null;
|
|
2521
2525
|
}
|
|
@@ -2533,10 +2537,10 @@ var useMergeRefs = (refs) => {
|
|
|
2533
2537
|
};
|
|
2534
2538
|
|
|
2535
2539
|
// src/lib/hooks/useMinWidth.tsx
|
|
2536
|
-
var
|
|
2540
|
+
var import_react13 = require("react");
|
|
2537
2541
|
var useMinWidth = (width) => {
|
|
2538
|
-
const [isMin, setIsMin] = (0,
|
|
2539
|
-
(0,
|
|
2542
|
+
const [isMin, setIsMin] = (0, import_react13.useState)(false);
|
|
2543
|
+
(0, import_react13.useEffect)(() => {
|
|
2540
2544
|
const detectSize = () => {
|
|
2541
2545
|
if (window.innerWidth >= width) {
|
|
2542
2546
|
setIsMin(true);
|
|
@@ -2596,10 +2600,10 @@ var usePagination = ({
|
|
|
2596
2600
|
};
|
|
2597
2601
|
|
|
2598
2602
|
// src/lib/hooks/useTouchScreen.tsx
|
|
2599
|
-
var
|
|
2603
|
+
var import_react14 = require("react");
|
|
2600
2604
|
var useTouchScreen = () => {
|
|
2601
|
-
const [isTouchScreen, setIsTouchScreen] = (0,
|
|
2602
|
-
(0,
|
|
2605
|
+
const [isTouchScreen, setIsTouchScreen] = (0, import_react14.useState)(false);
|
|
2606
|
+
(0, import_react14.useLayoutEffect)(() => {
|
|
2603
2607
|
const isTouchDevice = () => {
|
|
2604
2608
|
return "ontouchstart" in window || navigator.maxTouchPoints > 0;
|
|
2605
2609
|
};
|
|
@@ -2609,12 +2613,12 @@ var useTouchScreen = () => {
|
|
|
2609
2613
|
};
|
|
2610
2614
|
|
|
2611
2615
|
// src/lib/hooks/useTranslation.tsx
|
|
2612
|
-
var
|
|
2616
|
+
var import_react15 = require("react");
|
|
2613
2617
|
var import_utils20 = require("@julseb-lib/utils");
|
|
2614
2618
|
var useTranslation = (translations) => {
|
|
2615
|
-
const [language, setLanguage] = (0,
|
|
2619
|
+
const [language, setLanguage] = (0, import_react15.useState)("en");
|
|
2616
2620
|
const languages = Object.keys(translations);
|
|
2617
|
-
(0,
|
|
2621
|
+
(0, import_react15.useEffect)(() => {
|
|
2618
2622
|
var _a;
|
|
2619
2623
|
if (window && typeof window !== "undefined") {
|
|
2620
2624
|
setLanguage((_a = (0, import_utils20.detectLanguage)()) != null ? _a : "en");
|
|
@@ -2839,11 +2843,11 @@ var ICON_MULTIPLIER = 0.6;
|
|
|
2839
2843
|
var INPUT_HEIGHT = 32;
|
|
2840
2844
|
|
|
2841
2845
|
// src/lib/context/Theme.context.tsx
|
|
2842
|
-
var
|
|
2846
|
+
var import_react16 = require("react");
|
|
2843
2847
|
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
2844
|
-
var ThemeContext = (0,
|
|
2848
|
+
var ThemeContext = (0, import_react16.createContext)(null);
|
|
2845
2849
|
var ThemeProviderWrapper = ({ children }) => {
|
|
2846
|
-
const [theme, setTheme] = (0,
|
|
2850
|
+
const [theme, setTheme] = (0, import_react16.useState)("light");
|
|
2847
2851
|
const switchToLight = () => {
|
|
2848
2852
|
if (typeof window !== "undefined") {
|
|
2849
2853
|
document.documentElement.classList.add("light");
|
|
@@ -2860,7 +2864,7 @@ var ThemeProviderWrapper = ({ children }) => {
|
|
|
2860
2864
|
localStorage.setItem("theme", "dark");
|
|
2861
2865
|
}
|
|
2862
2866
|
};
|
|
2863
|
-
(0,
|
|
2867
|
+
(0, import_react16.useEffect)(() => {
|
|
2864
2868
|
if (typeof window !== "undefined") {
|
|
2865
2869
|
const storedTheme = localStorage.getItem("theme");
|
|
2866
2870
|
if (storedTheme) {
|
|
@@ -2879,9 +2883,10 @@ var ThemeProviderWrapper = ({ children }) => {
|
|
|
2879
2883
|
};
|
|
2880
2884
|
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ThemeContext.Provider, { value: { theme, setTheme, switchTheme }, children });
|
|
2881
2885
|
};
|
|
2882
|
-
var useLibTheme = () => (0,
|
|
2886
|
+
var useLibTheme = () => (0, import_react16.useContext)(ThemeContext);
|
|
2883
2887
|
|
|
2884
2888
|
// src/lib/components/Wrapper/Wrapper.tsx
|
|
2889
|
+
var import_react17 = require("react");
|
|
2885
2890
|
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
2886
2891
|
var Wrapper = (_a) => {
|
|
2887
2892
|
var _b = _a, {
|
|
@@ -2937,6 +2942,7 @@ var genMinHeight = {
|
|
|
2937
2942
|
};
|
|
2938
2943
|
|
|
2939
2944
|
// src/lib/components/Main/Main.tsx
|
|
2945
|
+
var import_react18 = require("react");
|
|
2940
2946
|
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
2941
2947
|
var Main = (_a) => {
|
|
2942
2948
|
var _b = _a, {
|
|
@@ -2981,6 +2987,7 @@ var maxWidth = {
|
|
|
2981
2987
|
};
|
|
2982
2988
|
|
|
2983
2989
|
// src/lib/components/Aside/Aside.tsx
|
|
2990
|
+
var import_react19 = require("react");
|
|
2984
2991
|
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
2985
2992
|
var Aside = (_a) => {
|
|
2986
2993
|
var _b = _a, {
|
|
@@ -3021,6 +3028,7 @@ var asideSize = {
|
|
|
3021
3028
|
};
|
|
3022
3029
|
|
|
3023
3030
|
// src/lib/components/Section/Section.tsx
|
|
3031
|
+
var import_react20 = require("react");
|
|
3024
3032
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
3025
3033
|
var Section = (_a) => {
|
|
3026
3034
|
var _b = _a, {
|
|
@@ -3054,6 +3062,7 @@ var Section = (_a) => {
|
|
|
3054
3062
|
};
|
|
3055
3063
|
|
|
3056
3064
|
// src/lib/components/Grid/Grid.tsx
|
|
3065
|
+
var import_react21 = require("react");
|
|
3057
3066
|
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
3058
3067
|
var Grid = (_a) => {
|
|
3059
3068
|
var _b = _a, {
|
|
@@ -3123,6 +3132,7 @@ var genGridColumns = {
|
|
|
3123
3132
|
};
|
|
3124
3133
|
|
|
3125
3134
|
// src/lib/components/Flexbox/Flexbox.tsx
|
|
3135
|
+
var import_react22 = require("react");
|
|
3126
3136
|
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
3127
3137
|
var Flexbox = (_a) => {
|
|
3128
3138
|
var _b = _a, {
|
|
@@ -3193,7 +3203,7 @@ var genFlexWrap = {
|
|
|
3193
3203
|
};
|
|
3194
3204
|
|
|
3195
3205
|
// src/lib/components/Key/Key.tsx
|
|
3196
|
-
var
|
|
3206
|
+
var import_react23 = require("react");
|
|
3197
3207
|
var import_utils27 = require("@julseb-lib/utils");
|
|
3198
3208
|
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
3199
3209
|
var Key = (_a) => {
|
|
@@ -3215,7 +3225,7 @@ var Key = (_a) => {
|
|
|
3215
3225
|
"accentColor"
|
|
3216
3226
|
]);
|
|
3217
3227
|
const Element = element;
|
|
3218
|
-
const childrenArray =
|
|
3228
|
+
const childrenArray = import_react23.Children.toArray(
|
|
3219
3229
|
children == null ? void 0 : children.toString().replaceAll(",", "").split("")
|
|
3220
3230
|
);
|
|
3221
3231
|
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
@@ -3234,7 +3244,7 @@ var Key = (_a) => {
|
|
|
3234
3244
|
className
|
|
3235
3245
|
)
|
|
3236
3246
|
}, rest), {
|
|
3237
|
-
children: childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
3247
|
+
children: childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react23.Fragment, { children: [
|
|
3238
3248
|
child,
|
|
3239
3249
|
withSeparator && i !== childrenArray.length - 1 && " + "
|
|
3240
3250
|
] }, (0, import_utils27.uuid)()))
|
|
@@ -3258,13 +3268,16 @@ var genBorderBottom = {
|
|
|
3258
3268
|
large: "border-b-4"
|
|
3259
3269
|
};
|
|
3260
3270
|
|
|
3271
|
+
// src/lib/components/Highlight/Highlight.tsx
|
|
3272
|
+
var import_react26 = require("react");
|
|
3273
|
+
|
|
3261
3274
|
// src/lib/lib-utils/get-highlighted-text.tsx
|
|
3262
|
-
var
|
|
3275
|
+
var import_react24 = require("react");
|
|
3263
3276
|
var import_utils29 = require("@julseb-lib/utils");
|
|
3264
3277
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
3265
3278
|
var getHighlightedText = (text, value, highlightStyle, className) => {
|
|
3266
3279
|
const parts = text == null ? void 0 : text.toString().split(new RegExp(`(${value})`, "gi"));
|
|
3267
|
-
return parts.map((part) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
3280
|
+
return parts.map((part) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react24.Fragment, { children: (0, import_utils29.slugify)(part) === (0, import_utils29.slugify)(value) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
3268
3281
|
Text,
|
|
3269
3282
|
{
|
|
3270
3283
|
tag: "strong",
|
|
@@ -3283,16 +3296,16 @@ var transformSearchKeys = (keys) => {
|
|
|
3283
3296
|
};
|
|
3284
3297
|
|
|
3285
3298
|
// src/lib/lib-utils/use-keyboard-navigation.tsx
|
|
3286
|
-
var
|
|
3299
|
+
var import_react25 = require("react");
|
|
3287
3300
|
var useKeyboardNavigation = ({
|
|
3288
3301
|
data,
|
|
3289
3302
|
value,
|
|
3290
3303
|
setValue
|
|
3291
3304
|
}) => {
|
|
3292
|
-
const [isOpen, setIsOpen] = (0,
|
|
3293
|
-
const [cursor, setCursor] = (0,
|
|
3294
|
-
const listRef = (0,
|
|
3295
|
-
const handleKeyboardNavigation = (0,
|
|
3305
|
+
const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
|
|
3306
|
+
const [cursor, setCursor] = (0, import_react25.useState)(0);
|
|
3307
|
+
const listRef = (0, import_react25.useRef)(null);
|
|
3308
|
+
const handleKeyboardNavigation = (0, import_react25.useCallback)(
|
|
3296
3309
|
(e) => {
|
|
3297
3310
|
var _a, _b, _c, _d, _e;
|
|
3298
3311
|
const { key } = e;
|
|
@@ -3336,7 +3349,7 @@ var useKeyboardNavigation = ({
|
|
|
3336
3349
|
},
|
|
3337
3350
|
[isOpen, cursor, data, value, setValue]
|
|
3338
3351
|
);
|
|
3339
|
-
(0,
|
|
3352
|
+
(0, import_react25.useEffect)(() => {
|
|
3340
3353
|
document.addEventListener("keydown", handleKeyboardNavigation);
|
|
3341
3354
|
return () => document.removeEventListener("keydown", handleKeyboardNavigation);
|
|
3342
3355
|
}, [handleKeyboardNavigation]);
|
|
@@ -3373,7 +3386,7 @@ var Highlight = (_a) => {
|
|
|
3373
3386
|
};
|
|
3374
3387
|
|
|
3375
3388
|
// src/lib/components/Linkify/Linkify.tsx
|
|
3376
|
-
var
|
|
3389
|
+
var import_react27 = require("react");
|
|
3377
3390
|
var import_utils32 = require("@julseb-lib/utils");
|
|
3378
3391
|
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
3379
3392
|
var URL_REGEX2 = /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/gm;
|
|
@@ -3396,7 +3409,7 @@ var Linkify = (_a) => {
|
|
|
3396
3409
|
const Element = element;
|
|
3397
3410
|
const words = children ? children.split(" ") : [];
|
|
3398
3411
|
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Element, __spreadProps(__spreadValues({ ref, className: clsx("linkify", className) }, rest), { children: words == null ? void 0 : words.map(
|
|
3399
|
-
(word) => word.match(URL_REGEX2) ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
3412
|
+
(word) => word.match(URL_REGEX2) ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react27.Fragment, { children: [
|
|
3400
3413
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
3401
3414
|
"a",
|
|
3402
3415
|
{
|
|
@@ -3413,6 +3426,7 @@ var Linkify = (_a) => {
|
|
|
3413
3426
|
};
|
|
3414
3427
|
|
|
3415
3428
|
// src/lib/components/Hr/Hr.tsx
|
|
3429
|
+
var import_react28 = require("react");
|
|
3416
3430
|
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
3417
3431
|
var Hr = (_a) => {
|
|
3418
3432
|
var _b = _a, {
|
|
@@ -3448,6 +3462,7 @@ var Hr = (_a) => {
|
|
|
3448
3462
|
};
|
|
3449
3463
|
|
|
3450
3464
|
// src/lib/components/Skeleton/Skeleton.tsx
|
|
3465
|
+
var import_react29 = require("react");
|
|
3451
3466
|
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
3452
3467
|
var Skeleton = (_a) => {
|
|
3453
3468
|
var _b = _a, {
|
|
@@ -3530,7 +3545,7 @@ var SkeletonCard = (_a) => {
|
|
|
3530
3545
|
};
|
|
3531
3546
|
|
|
3532
3547
|
// src/lib/components/Tooltip/Tooltip.tsx
|
|
3533
|
-
var
|
|
3548
|
+
var import_react30 = require("react");
|
|
3534
3549
|
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
3535
3550
|
var Tooltip = (_a) => {
|
|
3536
3551
|
var _b = _a, {
|
|
@@ -3571,18 +3586,18 @@ var Tooltip = (_a) => {
|
|
|
3571
3586
|
const Element = element;
|
|
3572
3587
|
const isTouchScreen = useTouchScreen();
|
|
3573
3588
|
const defaultTrigger = trigger === "click" || isTouchScreen ? "click" : "hover";
|
|
3574
|
-
const [isVisible, setIsVisible] = (0,
|
|
3575
|
-
const el = (0,
|
|
3589
|
+
const [isVisible, setIsVisible] = (0, import_react30.useState)(false);
|
|
3590
|
+
const el = (0, import_react30.useRef)(null);
|
|
3576
3591
|
useClickOutside(el, () => {
|
|
3577
3592
|
if (isVisible && defaultTrigger === "click") setIsVisible(false);
|
|
3578
3593
|
});
|
|
3579
|
-
const handleClick = (0,
|
|
3594
|
+
const handleClick = (0, import_react30.useCallback)(() => {
|
|
3580
3595
|
setIsVisible(!isVisible);
|
|
3581
3596
|
}, [isVisible]);
|
|
3582
|
-
const handleHover = (0,
|
|
3597
|
+
const handleHover = (0, import_react30.useCallback)(() => {
|
|
3583
3598
|
setIsVisible(true);
|
|
3584
3599
|
}, []);
|
|
3585
|
-
const handleLeave = (0,
|
|
3600
|
+
const handleLeave = (0, import_react30.useCallback)(() => {
|
|
3586
3601
|
setIsVisible(false);
|
|
3587
3602
|
}, []);
|
|
3588
3603
|
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
@@ -3675,6 +3690,7 @@ var genPosition = {
|
|
|
3675
3690
|
};
|
|
3676
3691
|
|
|
3677
3692
|
// src/lib/components/Image/Image.tsx
|
|
3693
|
+
var import_react31 = require("react");
|
|
3678
3694
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
3679
3695
|
var Image = (_a) => {
|
|
3680
3696
|
var _b = _a, {
|
|
@@ -3745,83 +3761,60 @@ var Image = (_a) => {
|
|
|
3745
3761
|
};
|
|
3746
3762
|
|
|
3747
3763
|
// src/lib/components/Masonry/Masonry.tsx
|
|
3748
|
-
var
|
|
3749
|
-
var import_utils39 = require("@julseb-lib/utils");
|
|
3750
|
-
|
|
3751
|
-
// src/lib/components/Masonry/utils.tsx
|
|
3752
|
-
var import_react20 = require("react");
|
|
3753
|
-
function useEventListener(eventNames, handler, element = globalThis) {
|
|
3754
|
-
const savedHandler = (0, import_react20.useRef)(null);
|
|
3755
|
-
(0, import_react20.useEffect)(() => savedHandler.current = handler, [handler]);
|
|
3756
|
-
(0, import_react20.useEffect)(() => {
|
|
3757
|
-
if (!element.addEventListener) return;
|
|
3758
|
-
const listener = (e) => savedHandler.current(e);
|
|
3759
|
-
for (const e of eventNames) element.addEventListener(e, listener);
|
|
3760
|
-
return () => {
|
|
3761
|
-
for (const e of eventNames)
|
|
3762
|
-
element.removeEventListener(e, listener);
|
|
3763
|
-
};
|
|
3764
|
-
}, [element, eventNames]);
|
|
3765
|
-
}
|
|
3766
|
-
function fillCols(children, cols) {
|
|
3767
|
-
children.forEach((child, i) => cols[i % cols.length].push(child));
|
|
3768
|
-
}
|
|
3769
|
-
|
|
3770
|
-
// src/lib/components/Masonry/Masonry.tsx
|
|
3764
|
+
var import_react32 = require("react");
|
|
3771
3765
|
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
3772
3766
|
var Masonry = (_a) => {
|
|
3773
3767
|
var _b = _a, {
|
|
3774
3768
|
className,
|
|
3775
3769
|
element = "div",
|
|
3776
3770
|
ref,
|
|
3777
|
-
children
|
|
3771
|
+
children,
|
|
3778
3772
|
col = 4,
|
|
3779
|
-
gap = "lg"
|
|
3773
|
+
gap = "lg",
|
|
3774
|
+
rowGap = "lg",
|
|
3775
|
+
colGap = "lg"
|
|
3780
3776
|
} = _b, rest = __objRest(_b, [
|
|
3781
3777
|
"className",
|
|
3782
3778
|
"element",
|
|
3783
3779
|
"ref",
|
|
3784
3780
|
"children",
|
|
3785
3781
|
"col",
|
|
3786
|
-
"gap"
|
|
3782
|
+
"gap",
|
|
3783
|
+
"rowGap",
|
|
3784
|
+
"colGap"
|
|
3787
3785
|
]);
|
|
3788
|
-
const el = (0, import_react21.useRef)(null);
|
|
3789
|
-
const [numCols, setNumCols] = (0, import_react21.useState)(col);
|
|
3790
|
-
const cols = [...Array(col)].map(() => []);
|
|
3791
|
-
fillCols(children, cols);
|
|
3792
|
-
const resizeHandler = (0, import_react21.useCallback)(
|
|
3793
|
-
() => setNumCols(
|
|
3794
|
-
Math.ceil(window.innerWidth / (window.innerWidth / numCols))
|
|
3795
|
-
),
|
|
3796
|
-
[numCols]
|
|
3797
|
-
);
|
|
3798
|
-
(0, import_react21.useEffect)(resizeHandler, [numCols, resizeHandler]);
|
|
3799
|
-
useEventListener("resize", resizeHandler);
|
|
3800
3786
|
const Element = element;
|
|
3801
3787
|
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3802
3788
|
Element,
|
|
3803
3789
|
__spreadProps(__spreadValues({
|
|
3804
|
-
ref
|
|
3790
|
+
ref,
|
|
3805
3791
|
className: clsx(
|
|
3806
|
-
"
|
|
3792
|
+
"columns-(--col-num)",
|
|
3807
3793
|
genGap[gap],
|
|
3794
|
+
genMb[rowGap],
|
|
3795
|
+
genColGap[colGap],
|
|
3808
3796
|
"masonry",
|
|
3809
3797
|
className
|
|
3810
|
-
)
|
|
3798
|
+
),
|
|
3799
|
+
style: { ["--col-num"]: col }
|
|
3811
3800
|
}, rest), {
|
|
3812
|
-
children
|
|
3813
|
-
"div",
|
|
3814
|
-
{
|
|
3815
|
-
className: clsx("grid h-fit", genGap[gap], "masonry-item"),
|
|
3816
|
-
children: cols[i]
|
|
3817
|
-
},
|
|
3818
|
-
(0, import_utils39.uuid)()
|
|
3819
|
-
))
|
|
3801
|
+
children
|
|
3820
3802
|
})
|
|
3821
3803
|
);
|
|
3822
3804
|
};
|
|
3805
|
+
var genMb = {
|
|
3806
|
+
"2xl": "[&>*]:mb-12",
|
|
3807
|
+
xl: "[&>*]:mb-8",
|
|
3808
|
+
lg: "[&>*]:mb-5",
|
|
3809
|
+
md: "[&>*]:mb-4",
|
|
3810
|
+
sm: "[&>*]:mb-3",
|
|
3811
|
+
xs: "[&>*]:mb-2",
|
|
3812
|
+
"2xs": "[&>*]:mb-1",
|
|
3813
|
+
"0px": "[&>*]:mb-0"
|
|
3814
|
+
};
|
|
3823
3815
|
|
|
3824
3816
|
// src/lib/components/Badge/Badge.tsx
|
|
3817
|
+
var import_react33 = require("react");
|
|
3825
3818
|
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
3826
3819
|
var Badge = (_a) => {
|
|
3827
3820
|
var _b = _a, {
|
|
@@ -3860,7 +3853,11 @@ var Badge = (_a) => {
|
|
|
3860
3853
|
);
|
|
3861
3854
|
};
|
|
3862
3855
|
|
|
3856
|
+
// src/lib/components/Avatar/Avatar.tsx
|
|
3857
|
+
var import_react35 = require("react");
|
|
3858
|
+
|
|
3863
3859
|
// src/lib/components/Avatar/AvatarFn.tsx
|
|
3860
|
+
var import_react34 = require("react");
|
|
3864
3861
|
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
3865
3862
|
var AvatarFn = (_a) => {
|
|
3866
3863
|
var _b = _a, {
|
|
@@ -3973,6 +3970,12 @@ var Avatar = (_a) => {
|
|
|
3973
3970
|
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AvatarFn, __spreadValues({}, avatarProps));
|
|
3974
3971
|
};
|
|
3975
3972
|
|
|
3973
|
+
// src/lib/components/Loader/Loader.tsx
|
|
3974
|
+
var import_react39 = require("react");
|
|
3975
|
+
|
|
3976
|
+
// src/lib/components/Loader/templates/LoaderOne.tsx
|
|
3977
|
+
var import_react36 = require("react");
|
|
3978
|
+
|
|
3976
3979
|
// src/lib/components/Loader/utils/gen-border-bottom.ts
|
|
3977
3980
|
var genBorderBottomColorAll = {
|
|
3978
3981
|
black: "border-b-black",
|
|
@@ -4093,6 +4096,7 @@ var LoaderOne = (_a) => {
|
|
|
4093
4096
|
};
|
|
4094
4097
|
|
|
4095
4098
|
// src/lib/components/Loader/templates/LoaderTwo.tsx
|
|
4099
|
+
var import_react37 = require("react");
|
|
4096
4100
|
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
4097
4101
|
var SPAN_COMMON = "block absolute w-full h-full border-8 border-transparent rounded-full animate-[spin_1200ms_var(--animate-cubic-bezier)_infinite_var(--spinner-delay)]";
|
|
4098
4102
|
var LoaderTwo = (_a) => {
|
|
@@ -4168,6 +4172,7 @@ var LoaderTwo = (_a) => {
|
|
|
4168
4172
|
};
|
|
4169
4173
|
|
|
4170
4174
|
// src/lib/components/Loader/templates/LoaderThree.tsx
|
|
4175
|
+
var import_react38 = require("react");
|
|
4171
4176
|
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
4172
4177
|
var LoaderThree = (_a) => {
|
|
4173
4178
|
var _b = _a, {
|
|
@@ -4244,6 +4249,7 @@ var Loader = (_a) => {
|
|
|
4244
4249
|
};
|
|
4245
4250
|
|
|
4246
4251
|
// src/lib/components/Burger/Burger.tsx
|
|
4252
|
+
var import_react40 = require("react");
|
|
4247
4253
|
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
4248
4254
|
var SPAN_COMMON2 = "left-0 absolute w-full h-0.5 transition-all duration-200 ease-in-out";
|
|
4249
4255
|
var Burger = (_a) => {
|
|
@@ -4339,6 +4345,7 @@ var genHover = {
|
|
|
4339
4345
|
};
|
|
4340
4346
|
|
|
4341
4347
|
// src/lib/components/Button/Button.tsx
|
|
4348
|
+
var import_react41 = require("react");
|
|
4342
4349
|
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
4343
4350
|
var Button = (_a) => {
|
|
4344
4351
|
var _b = _a, {
|
|
@@ -4419,7 +4426,11 @@ var Button = (_a) => {
|
|
|
4419
4426
|
);
|
|
4420
4427
|
};
|
|
4421
4428
|
|
|
4429
|
+
// src/lib/components/ButtonIcon/ButtonIcon.tsx
|
|
4430
|
+
var import_react43 = require("react");
|
|
4431
|
+
|
|
4422
4432
|
// src/lib/components/ButtonIcon/ButtonFn.tsx
|
|
4433
|
+
var import_react42 = require("react");
|
|
4423
4434
|
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
4424
4435
|
var ButtonIconFn = (_a) => {
|
|
4425
4436
|
var _b = _a, {
|
|
@@ -4565,7 +4576,7 @@ var ButtonIcon = (_a) => {
|
|
|
4565
4576
|
};
|
|
4566
4577
|
|
|
4567
4578
|
// src/lib/components/ButtonGroup/ButtonGroup.tsx
|
|
4568
|
-
var
|
|
4579
|
+
var import_react44 = require("react");
|
|
4569
4580
|
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
4570
4581
|
var ButtonGroup = (_a) => {
|
|
4571
4582
|
var _b = _a, {
|
|
@@ -4604,7 +4615,7 @@ var ButtonGroup = (_a) => {
|
|
|
4604
4615
|
alignItems: "center"
|
|
4605
4616
|
}, rest);
|
|
4606
4617
|
if (buttons)
|
|
4607
|
-
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Element, __spreadProps(__spreadValues({}, elementProps), { children: buttons.map((button, i) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
4618
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Element, __spreadProps(__spreadValues({}, elementProps), { children: buttons.map((button, i) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react44.Fragment, { children: [
|
|
4608
4619
|
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4609
4620
|
"button",
|
|
4610
4621
|
__spreadProps(__spreadValues({
|
|
@@ -4646,6 +4657,7 @@ var ButtonGroup = (_a) => {
|
|
|
4646
4657
|
};
|
|
4647
4658
|
|
|
4648
4659
|
// src/lib/components/Tag/Tag.tsx
|
|
4660
|
+
var import_react45 = require("react");
|
|
4649
4661
|
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
4650
4662
|
var Tag = (_a) => {
|
|
4651
4663
|
var _b = _a, {
|
|
@@ -4694,6 +4706,7 @@ var Tag = (_a) => {
|
|
|
4694
4706
|
};
|
|
4695
4707
|
|
|
4696
4708
|
// src/lib/components/InputContainer/InputContainer.tsx
|
|
4709
|
+
var import_react46 = require("react");
|
|
4697
4710
|
var import_bi = require("react-icons/bi");
|
|
4698
4711
|
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
4699
4712
|
var InputContainer = (_a) => {
|
|
@@ -4809,6 +4822,12 @@ var InputContainer = (_a) => {
|
|
|
4809
4822
|
);
|
|
4810
4823
|
};
|
|
4811
4824
|
|
|
4825
|
+
// src/lib/components/Input/Input.tsx
|
|
4826
|
+
var import_react57 = require("react");
|
|
4827
|
+
|
|
4828
|
+
// src/lib/components/Input/templates/ColorInput.tsx
|
|
4829
|
+
var import_react48 = require("react");
|
|
4830
|
+
|
|
4812
4831
|
// src/lib/components/InputComponents/InputValidation.tsx
|
|
4813
4832
|
var import_bi2 = require("react-icons/bi");
|
|
4814
4833
|
|
|
@@ -4943,6 +4962,7 @@ var InputIcon = ({ icon, inputVariant, disabled }) => {
|
|
|
4943
4962
|
};
|
|
4944
4963
|
|
|
4945
4964
|
// src/lib/components/InputComponents/InputWrapper.tsx
|
|
4965
|
+
var import_react47 = require("react");
|
|
4946
4966
|
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
4947
4967
|
var InputWrapper = ({
|
|
4948
4968
|
children,
|
|
@@ -5111,7 +5131,7 @@ var ColorInput = (_a) => {
|
|
|
5111
5131
|
};
|
|
5112
5132
|
|
|
5113
5133
|
// src/lib/components/Input/templates/DateInput.tsx
|
|
5114
|
-
var
|
|
5134
|
+
var import_react49 = require("react");
|
|
5115
5135
|
var import_bi3 = require("react-icons/bi");
|
|
5116
5136
|
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5117
5137
|
var DateInput = (_a) => {
|
|
@@ -5136,7 +5156,7 @@ var DateInput = (_a) => {
|
|
|
5136
5156
|
"iconCalendar",
|
|
5137
5157
|
"disabled"
|
|
5138
5158
|
]);
|
|
5139
|
-
const el = (0,
|
|
5159
|
+
const el = (0, import_react49.useRef)(null);
|
|
5140
5160
|
const showPicker = () => {
|
|
5141
5161
|
var _a2;
|
|
5142
5162
|
return (_a2 = el.current) == null ? void 0 : _a2.showPicker();
|
|
@@ -5182,6 +5202,7 @@ var DateInput = (_a) => {
|
|
|
5182
5202
|
};
|
|
5183
5203
|
|
|
5184
5204
|
// src/lib/components/Input/templates/FileInput.tsx
|
|
5205
|
+
var import_react50 = require("react");
|
|
5185
5206
|
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5186
5207
|
var FileInput = (_a) => {
|
|
5187
5208
|
var _b = _a, {
|
|
@@ -5227,7 +5248,7 @@ var FileInput = (_a) => {
|
|
|
5227
5248
|
};
|
|
5228
5249
|
|
|
5229
5250
|
// src/lib/components/Input/templates/PasswordInput.tsx
|
|
5230
|
-
var
|
|
5251
|
+
var import_react51 = require("react");
|
|
5231
5252
|
var import_bi4 = require("react-icons/bi");
|
|
5232
5253
|
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5233
5254
|
var PasswordInput = (_a) => {
|
|
@@ -5253,7 +5274,7 @@ var PasswordInput = (_a) => {
|
|
|
5253
5274
|
"disabled"
|
|
5254
5275
|
]);
|
|
5255
5276
|
var _a2, _b2, _c, _d;
|
|
5256
|
-
const [inputType, setInputType] = (0,
|
|
5277
|
+
const [inputType, setInputType] = (0, import_react51.useState)("password");
|
|
5257
5278
|
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5258
5279
|
InputWrapper,
|
|
5259
5280
|
{
|
|
@@ -5301,7 +5322,7 @@ var PasswordInput = (_a) => {
|
|
|
5301
5322
|
};
|
|
5302
5323
|
|
|
5303
5324
|
// src/lib/components/Input/templates/SearchInput.tsx
|
|
5304
|
-
var
|
|
5325
|
+
var import_react52 = require("react");
|
|
5305
5326
|
var import_bi5 = require("react-icons/bi");
|
|
5306
5327
|
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5307
5328
|
var SearchInput = (_a) => {
|
|
@@ -5335,7 +5356,7 @@ var SearchInput = (_a) => {
|
|
|
5335
5356
|
"disabled"
|
|
5336
5357
|
]);
|
|
5337
5358
|
const isTouchScreen = useTouchScreen();
|
|
5338
|
-
const el = (0,
|
|
5359
|
+
const el = (0, import_react52.useRef)(null);
|
|
5339
5360
|
const handleFocus = () => {
|
|
5340
5361
|
var _a2;
|
|
5341
5362
|
return (_a2 = el == null ? void 0 : el.current) == null ? void 0 : _a2.focus();
|
|
@@ -5387,7 +5408,7 @@ var SearchInput = (_a) => {
|
|
|
5387
5408
|
};
|
|
5388
5409
|
|
|
5389
5410
|
// src/lib/components/Input/templates/SelectInput.tsx
|
|
5390
|
-
var
|
|
5411
|
+
var import_react53 = require("react");
|
|
5391
5412
|
var import_bi6 = require("react-icons/bi");
|
|
5392
5413
|
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5393
5414
|
var SelectInput = (_a) => {
|
|
@@ -5412,7 +5433,7 @@ var SelectInput = (_a) => {
|
|
|
5412
5433
|
"iconSelect",
|
|
5413
5434
|
"disabled"
|
|
5414
5435
|
]);
|
|
5415
|
-
const el = (0,
|
|
5436
|
+
const el = (0, import_react53.useRef)(null);
|
|
5416
5437
|
const handleContainerClick = () => {
|
|
5417
5438
|
if (!disabled && el.current) {
|
|
5418
5439
|
el.current.focus();
|
|
@@ -5465,6 +5486,7 @@ var SelectInput = (_a) => {
|
|
|
5465
5486
|
};
|
|
5466
5487
|
|
|
5467
5488
|
// src/lib/components/Input/templates/TextareaInput.tsx
|
|
5489
|
+
var import_react54 = require("react");
|
|
5468
5490
|
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
5469
5491
|
var TextareaInput = (_a) => {
|
|
5470
5492
|
var _b = _a, {
|
|
@@ -5494,6 +5516,7 @@ var TextareaInput = (_a) => {
|
|
|
5494
5516
|
};
|
|
5495
5517
|
|
|
5496
5518
|
// src/lib/components/Input/templates/TextInput.tsx
|
|
5519
|
+
var import_react55 = require("react");
|
|
5497
5520
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5498
5521
|
var TextInput = (_a) => {
|
|
5499
5522
|
var _b = _a, {
|
|
@@ -5556,7 +5579,7 @@ var TextInput = (_a) => {
|
|
|
5556
5579
|
};
|
|
5557
5580
|
|
|
5558
5581
|
// src/lib/components/Input/templates/TimeInput.tsx
|
|
5559
|
-
var
|
|
5582
|
+
var import_react56 = require("react");
|
|
5560
5583
|
var import_bi7 = require("react-icons/bi");
|
|
5561
5584
|
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
5562
5585
|
var TimeInput = (_a) => {
|
|
@@ -5583,7 +5606,7 @@ var TimeInput = (_a) => {
|
|
|
5583
5606
|
"disabled",
|
|
5584
5607
|
"prefix"
|
|
5585
5608
|
]);
|
|
5586
|
-
const el = (0,
|
|
5609
|
+
const el = (0, import_react56.useRef)(null);
|
|
5587
5610
|
const showPicker = () => {
|
|
5588
5611
|
var _a2;
|
|
5589
5612
|
return (_a2 = el.current) == null ? void 0 : _a2.showPicker();
|
|
@@ -5725,7 +5748,7 @@ var Input = (_a) => {
|
|
|
5725
5748
|
};
|
|
5726
5749
|
|
|
5727
5750
|
// src/lib/components/InputImage/InputImage.tsx
|
|
5728
|
-
var
|
|
5751
|
+
var import_react58 = require("react");
|
|
5729
5752
|
|
|
5730
5753
|
// src/lib/components/InputImage/HoverContainer.tsx
|
|
5731
5754
|
var import_bi8 = require("react-icons/bi");
|
|
@@ -5797,7 +5820,7 @@ var InputImage = (_a) => {
|
|
|
5797
5820
|
"id",
|
|
5798
5821
|
"containerClassName"
|
|
5799
5822
|
]);
|
|
5800
|
-
const [isHovered, setIsHovered] = (0,
|
|
5823
|
+
const [isHovered, setIsHovered] = (0, import_react58.useState)(false);
|
|
5801
5824
|
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5802
5825
|
InputContainer,
|
|
5803
5826
|
{
|
|
@@ -5849,6 +5872,7 @@ var InputImage = (_a) => {
|
|
|
5849
5872
|
};
|
|
5850
5873
|
|
|
5851
5874
|
// src/lib/components/InputCheck/InputCheck.tsx
|
|
5875
|
+
var import_react59 = require("react");
|
|
5852
5876
|
var import_bi10 = require("react-icons/bi");
|
|
5853
5877
|
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
5854
5878
|
var InputCheck = (_a) => {
|
|
@@ -5977,7 +6001,7 @@ var InputCheck = (_a) => {
|
|
|
5977
6001
|
};
|
|
5978
6002
|
|
|
5979
6003
|
// src/lib/components/InputPhone/InputPhone.tsx
|
|
5980
|
-
var
|
|
6004
|
+
var import_react60 = require("react");
|
|
5981
6005
|
var import_bi12 = require("react-icons/bi");
|
|
5982
6006
|
|
|
5983
6007
|
// src/lib/components/InputPhone/utils/flags/af.svg
|
|
@@ -7153,16 +7177,16 @@ var InputPhone = (_a) => {
|
|
|
7153
7177
|
"containerClassName"
|
|
7154
7178
|
]);
|
|
7155
7179
|
var _a2, _b2;
|
|
7156
|
-
const [isOpen, setIsOpen] = (0,
|
|
7157
|
-
const country = (0,
|
|
7180
|
+
const [isOpen, setIsOpen] = (0, import_react60.useState)(false);
|
|
7181
|
+
const country = (0, import_react60.useMemo)(() => {
|
|
7158
7182
|
if (selectedCountry) return selectedCountry;
|
|
7159
7183
|
else return countries.find((country2) => (country2 == null ? void 0 : country2.code) === defaultCountry);
|
|
7160
7184
|
}, [defaultCountry, selectedCountry]);
|
|
7161
|
-
const listRef = (0,
|
|
7185
|
+
const listRef = (0, import_react60.useRef)(null);
|
|
7162
7186
|
useClickOutside(listRef, () => {
|
|
7163
7187
|
if (isOpen) setIsOpen(false);
|
|
7164
7188
|
});
|
|
7165
|
-
const [search, setSearch] = (0,
|
|
7189
|
+
const [search, setSearch] = (0, import_react60.useState)("");
|
|
7166
7190
|
const results = countries.filter(
|
|
7167
7191
|
(country2) => (country2 == null ? void 0 : country2.name.toLowerCase().includes(search.toLowerCase())) || (country2 == null ? void 0 : country2.dial_code.toLowerCase().includes(search.toLowerCase())) || (country2 == null ? void 0 : country2.code.toLowerCase().includes(search.toLowerCase()))
|
|
7168
7192
|
);
|
|
@@ -7330,6 +7354,7 @@ var InputPhone = (_a) => {
|
|
|
7330
7354
|
};
|
|
7331
7355
|
|
|
7332
7356
|
// src/lib/components/InputCounter/InputCounter.tsx
|
|
7357
|
+
var import_react61 = require("react");
|
|
7333
7358
|
var import_bi13 = require("react-icons/bi");
|
|
7334
7359
|
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
7335
7360
|
var InputCounter = (_a) => {
|
|
@@ -7453,7 +7478,7 @@ var InputCounter = (_a) => {
|
|
|
7453
7478
|
};
|
|
7454
7479
|
|
|
7455
7480
|
// src/lib/components/InputSlider/InputSlider.tsx
|
|
7456
|
-
var
|
|
7481
|
+
var import_react62 = require("react");
|
|
7457
7482
|
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
7458
7483
|
var InputSlider = (_a) => {
|
|
7459
7484
|
var _b = _a, {
|
|
@@ -7488,7 +7513,7 @@ var InputSlider = (_a) => {
|
|
|
7488
7513
|
"containerClassName"
|
|
7489
7514
|
]);
|
|
7490
7515
|
const percentage = (Number(value) - min) / (max - min) * 100;
|
|
7491
|
-
const [isTooltipVisible, setIsTooltipVisible] = (0,
|
|
7516
|
+
const [isTooltipVisible, setIsTooltipVisible] = (0, import_react62.useState)(
|
|
7492
7517
|
!!(showValue === "always")
|
|
7493
7518
|
);
|
|
7494
7519
|
const inputProps = __spreadValues({
|
|
@@ -7576,7 +7601,7 @@ var InputSlider = (_a) => {
|
|
|
7576
7601
|
};
|
|
7577
7602
|
|
|
7578
7603
|
// src/lib/components/Select/Select.tsx
|
|
7579
|
-
var
|
|
7604
|
+
var import_react63 = require("react");
|
|
7580
7605
|
var import_bi14 = require("react-icons/bi");
|
|
7581
7606
|
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
7582
7607
|
var Select = (_a) => {
|
|
@@ -7618,7 +7643,7 @@ var Select = (_a) => {
|
|
|
7618
7643
|
"containerClassName"
|
|
7619
7644
|
]);
|
|
7620
7645
|
var _a2;
|
|
7621
|
-
const el = (0,
|
|
7646
|
+
const el = (0, import_react63.useRef)(null);
|
|
7622
7647
|
useClickOutside(el, () => {
|
|
7623
7648
|
if (isOpen) setIsOpen(false);
|
|
7624
7649
|
});
|
|
@@ -7725,10 +7750,10 @@ var Select = (_a) => {
|
|
|
7725
7750
|
};
|
|
7726
7751
|
|
|
7727
7752
|
// src/lib/components/Autocomplete/Autocomplete.tsx
|
|
7728
|
-
var
|
|
7753
|
+
var import_react64 = require("react");
|
|
7729
7754
|
var import_fuse = __toESM(require("fuse.js"), 1);
|
|
7730
7755
|
var import_bi15 = require("react-icons/bi");
|
|
7731
|
-
var
|
|
7756
|
+
var import_utils80 = require("@julseb-lib/utils");
|
|
7732
7757
|
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
7733
7758
|
var Autocomplete = (_a) => {
|
|
7734
7759
|
var _b = _a, {
|
|
@@ -7778,13 +7803,13 @@ var Autocomplete = (_a) => {
|
|
|
7778
7803
|
]);
|
|
7779
7804
|
var _a2;
|
|
7780
7805
|
const isTouchScreen = useTouchScreen();
|
|
7781
|
-
const inputRef = (0,
|
|
7806
|
+
const inputRef = (0, import_react64.useRef)(null);
|
|
7782
7807
|
const keys = focusKeys;
|
|
7783
7808
|
useKeyPress(keys, () => {
|
|
7784
7809
|
var _a3;
|
|
7785
7810
|
return (_a3 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a3.focus();
|
|
7786
7811
|
});
|
|
7787
|
-
const fuzzyResults = (0,
|
|
7812
|
+
const fuzzyResults = (0, import_react64.useMemo)(() => {
|
|
7788
7813
|
var _a3, _b2;
|
|
7789
7814
|
const fuse = new import_fuse.default(listResults, fuzzyOptions);
|
|
7790
7815
|
return (_b2 = (_a3 = fuse == null ? void 0 : fuse.search(value)) == null ? void 0 : _a3.slice(0, 20)) == null ? void 0 : _b2.map((res) => res.item);
|
|
@@ -7885,7 +7910,7 @@ var Autocomplete = (_a) => {
|
|
|
7885
7910
|
}
|
|
7886
7911
|
)
|
|
7887
7912
|
},
|
|
7888
|
-
(0,
|
|
7913
|
+
(0, import_utils80.uuid)()
|
|
7889
7914
|
)) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7890
7915
|
Text,
|
|
7891
7916
|
{
|
|
@@ -7903,8 +7928,9 @@ var Autocomplete = (_a) => {
|
|
|
7903
7928
|
};
|
|
7904
7929
|
|
|
7905
7930
|
// src/lib/components/Rating/Rating.tsx
|
|
7931
|
+
var import_react65 = require("react");
|
|
7906
7932
|
var import_bi16 = require("react-icons/bi");
|
|
7907
|
-
var
|
|
7933
|
+
var import_utils82 = require("@julseb-lib/utils");
|
|
7908
7934
|
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
7909
7935
|
var Rating = (_a) => {
|
|
7910
7936
|
var _b = _a, {
|
|
@@ -7952,7 +7978,7 @@ var Rating = (_a) => {
|
|
|
7952
7978
|
id,
|
|
7953
7979
|
className: clsx("flex gap-2", "rating", className)
|
|
7954
7980
|
}, rest), {
|
|
7955
|
-
children: (0,
|
|
7981
|
+
children: (0, import_utils82.generateNumbers)(0, 4).map((n) => {
|
|
7956
7982
|
var _a2, _b2;
|
|
7957
7983
|
const Element = readOnly ? "span" : "button";
|
|
7958
7984
|
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
@@ -7989,7 +8015,7 @@ var Rating = (_a) => {
|
|
|
7989
8015
|
};
|
|
7990
8016
|
|
|
7991
8017
|
// src/lib/components/InputPin/InputPin.tsx
|
|
7992
|
-
var
|
|
8018
|
+
var import_react66 = require("react");
|
|
7993
8019
|
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
7994
8020
|
var InputPin = (_a) => {
|
|
7995
8021
|
var _b = _a, {
|
|
@@ -8027,8 +8053,8 @@ var InputPin = (_a) => {
|
|
|
8027
8053
|
"autoFocus",
|
|
8028
8054
|
"containerClassName"
|
|
8029
8055
|
]);
|
|
8030
|
-
const [inputsRefsArr] = (0,
|
|
8031
|
-
() => Array.from({ length: Object.keys(values).length }, () => (0,
|
|
8056
|
+
const [inputsRefsArr] = (0, import_react66.useState)(
|
|
8057
|
+
() => Array.from({ length: Object.keys(values).length }, () => (0, import_react66.createRef)())
|
|
8032
8058
|
);
|
|
8033
8059
|
const handleChange = (e, i) => {
|
|
8034
8060
|
setValues(__spreadProps(__spreadValues({}, values), { [e.target.id]: e.target.value }));
|
|
@@ -8090,6 +8116,7 @@ var InputPin = (_a) => {
|
|
|
8090
8116
|
};
|
|
8091
8117
|
|
|
8092
8118
|
// src/lib/components/Fieldset/Fieldset.tsx
|
|
8119
|
+
var import_react67 = require("react");
|
|
8093
8120
|
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
8094
8121
|
var Fieldset = (_a) => {
|
|
8095
8122
|
var _b = _a, {
|
|
@@ -8152,6 +8179,7 @@ var Fieldset = (_a) => {
|
|
|
8152
8179
|
};
|
|
8153
8180
|
|
|
8154
8181
|
// src/lib/components/Form/Form.tsx
|
|
8182
|
+
var import_react68 = require("react");
|
|
8155
8183
|
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
8156
8184
|
var Form = (_a) => {
|
|
8157
8185
|
var _b = _a, {
|
|
@@ -8210,11 +8238,11 @@ var Form = (_a) => {
|
|
|
8210
8238
|
};
|
|
8211
8239
|
|
|
8212
8240
|
// src/lib/components/ListGroup/ListGroup.tsx
|
|
8213
|
-
var
|
|
8214
|
-
var
|
|
8241
|
+
var import_react71 = require("react");
|
|
8242
|
+
var import_utils89 = require("@julseb-lib/utils");
|
|
8215
8243
|
|
|
8216
8244
|
// src/lib/components/ListGroup/ListGroupTitle.tsx
|
|
8217
|
-
var
|
|
8245
|
+
var import_react69 = require("react");
|
|
8218
8246
|
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
8219
8247
|
var ListGroupTitle = (_a) => {
|
|
8220
8248
|
var _b = _a, {
|
|
@@ -8237,8 +8265,8 @@ var ListGroupTitle = (_a) => {
|
|
|
8237
8265
|
"noSeparator"
|
|
8238
8266
|
]);
|
|
8239
8267
|
const Element = element;
|
|
8240
|
-
const [isScrolled, setIsScrolled] = (0,
|
|
8241
|
-
(0,
|
|
8268
|
+
const [isScrolled, setIsScrolled] = (0, import_react69.useState)(false);
|
|
8269
|
+
(0, import_react69.useEffect)(() => {
|
|
8242
8270
|
if (listRef && typeof listRef !== "function" && listRef.current) {
|
|
8243
8271
|
const handleScroll = () => {
|
|
8244
8272
|
var _a2;
|
|
@@ -8276,6 +8304,7 @@ var ListGroupTitle = (_a) => {
|
|
|
8276
8304
|
};
|
|
8277
8305
|
|
|
8278
8306
|
// src/lib/components/ListGroup/ListGroupItem.tsx
|
|
8307
|
+
var import_react70 = require("react");
|
|
8279
8308
|
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
8280
8309
|
var ListGroupItem = (_a) => {
|
|
8281
8310
|
var _b = _a, {
|
|
@@ -8328,7 +8357,7 @@ var ListGroupItem = (_a) => {
|
|
|
8328
8357
|
|
|
8329
8358
|
// src/lib/components/ListGroup/ListGroup.tsx
|
|
8330
8359
|
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
8331
|
-
var
|
|
8360
|
+
var import_react72 = require("react");
|
|
8332
8361
|
var ListGroup = (_a) => {
|
|
8333
8362
|
var _b = _a, {
|
|
8334
8363
|
className,
|
|
@@ -8350,7 +8379,7 @@ var ListGroup = (_a) => {
|
|
|
8350
8379
|
"items"
|
|
8351
8380
|
]);
|
|
8352
8381
|
const Element = element;
|
|
8353
|
-
const listRef = (0,
|
|
8382
|
+
const listRef = (0, import_react71.useRef)(null);
|
|
8354
8383
|
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
8355
8384
|
Element,
|
|
8356
8385
|
__spreadProps(__spreadValues({
|
|
@@ -8374,10 +8403,10 @@ var ListGroup = (_a) => {
|
|
|
8374
8403
|
children: typeof title === "object" ? title.text : title
|
|
8375
8404
|
})
|
|
8376
8405
|
),
|
|
8377
|
-
items ? items.map((item, i) => /* @__PURE__ */ (0,
|
|
8406
|
+
items ? items.map((item, i) => /* @__PURE__ */ (0, import_react72.createElement)(
|
|
8378
8407
|
ListGroupItem,
|
|
8379
8408
|
__spreadProps(__spreadValues({}, item), {
|
|
8380
|
-
key: (0,
|
|
8409
|
+
key: (0, import_utils89.uuid)(),
|
|
8381
8410
|
title: item.title,
|
|
8382
8411
|
number: showNumbers ? i + 1 : void 0,
|
|
8383
8412
|
body: item.body,
|
|
@@ -8391,8 +8420,8 @@ var ListGroup = (_a) => {
|
|
|
8391
8420
|
};
|
|
8392
8421
|
|
|
8393
8422
|
// src/lib/components/Breadcrumbs/Breadcrumbs.tsx
|
|
8394
|
-
var
|
|
8395
|
-
var
|
|
8423
|
+
var import_react73 = require("react");
|
|
8424
|
+
var import_utils91 = require("@julseb-lib/utils");
|
|
8396
8425
|
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
8397
8426
|
var Breadcrumbs = (_a) => {
|
|
8398
8427
|
var _b = _a, {
|
|
@@ -8409,7 +8438,7 @@ var Breadcrumbs = (_a) => {
|
|
|
8409
8438
|
"separator"
|
|
8410
8439
|
]);
|
|
8411
8440
|
const Element = element;
|
|
8412
|
-
const childrenArray =
|
|
8441
|
+
const childrenArray = import_react73.Children.toArray(children);
|
|
8413
8442
|
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8414
8443
|
Element,
|
|
8415
8444
|
__spreadProps(__spreadValues({
|
|
@@ -8420,7 +8449,7 @@ var Breadcrumbs = (_a) => {
|
|
|
8420
8449
|
className
|
|
8421
8450
|
)
|
|
8422
8451
|
}, rest), {
|
|
8423
|
-
children: childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8452
|
+
children: childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_react73.Fragment, { children: [
|
|
8424
8453
|
child,
|
|
8425
8454
|
i !== childrenArray.length - 1 && (typeof separator === "string" ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8426
8455
|
Text,
|
|
@@ -8430,18 +8459,20 @@ var Breadcrumbs = (_a) => {
|
|
|
8430
8459
|
children: separator
|
|
8431
8460
|
}
|
|
8432
8461
|
) : separator)
|
|
8433
|
-
] }, (0,
|
|
8462
|
+
] }, (0, import_utils91.uuid)()))
|
|
8434
8463
|
})
|
|
8435
8464
|
);
|
|
8436
8465
|
};
|
|
8437
8466
|
|
|
8438
8467
|
// src/lib/components/Accordion/Accordion.tsx
|
|
8439
|
-
var
|
|
8468
|
+
var import_react77 = require("react");
|
|
8469
|
+
var import_utils96 = require("@julseb-lib/utils");
|
|
8440
8470
|
|
|
8441
8471
|
// src/lib/components/Accordion/AccordionItem.tsx
|
|
8442
|
-
var
|
|
8472
|
+
var import_react76 = require("react");
|
|
8443
8473
|
|
|
8444
8474
|
// src/lib/components/Accordion/AccordionTitle.tsx
|
|
8475
|
+
var import_react74 = require("react");
|
|
8445
8476
|
var import_bi17 = require("react-icons/bi");
|
|
8446
8477
|
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
8447
8478
|
var AccordionTitle = (_a) => {
|
|
@@ -8504,6 +8535,7 @@ var AccordionTitle = (_a) => {
|
|
|
8504
8535
|
};
|
|
8505
8536
|
|
|
8506
8537
|
// src/lib/components/Accordion/AccordionContent.tsx
|
|
8538
|
+
var import_react75 = require("react");
|
|
8507
8539
|
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
8508
8540
|
var AccordionContent = (_a) => {
|
|
8509
8541
|
var _b = _a, {
|
|
@@ -8561,7 +8593,7 @@ var AccordionItem = (_a) => {
|
|
|
8561
8593
|
"className"
|
|
8562
8594
|
]);
|
|
8563
8595
|
const Element = element;
|
|
8564
|
-
const [isOpen, setIsOpen] = (0,
|
|
8596
|
+
const [isOpen, setIsOpen] = (0, import_react76.useState)(defaultOpen);
|
|
8565
8597
|
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
8566
8598
|
Element,
|
|
8567
8599
|
__spreadProps(__spreadValues({
|
|
@@ -8626,17 +8658,18 @@ var Accordion = (_a) => {
|
|
|
8626
8658
|
defaultOpen: item.defaultOpen,
|
|
8627
8659
|
children: item.content
|
|
8628
8660
|
},
|
|
8629
|
-
(0,
|
|
8661
|
+
(0, import_utils96.uuid)()
|
|
8630
8662
|
))) != null ? _a2 : children
|
|
8631
8663
|
})
|
|
8632
8664
|
);
|
|
8633
8665
|
};
|
|
8634
8666
|
|
|
8635
8667
|
// src/lib/components/Dropdown/Dropdown.tsx
|
|
8636
|
-
var
|
|
8637
|
-
var
|
|
8668
|
+
var import_react79 = require("react");
|
|
8669
|
+
var import_utils99 = require("@julseb-lib/utils");
|
|
8638
8670
|
|
|
8639
8671
|
// src/lib/components/Dropdown/DropdownItem.tsx
|
|
8672
|
+
var import_react78 = require("react");
|
|
8640
8673
|
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
8641
8674
|
var DropdownItem = (_a) => {
|
|
8642
8675
|
var _b = _a, {
|
|
@@ -8666,7 +8699,7 @@ var DropdownItem = (_a) => {
|
|
|
8666
8699
|
|
|
8667
8700
|
// src/lib/components/Dropdown/Dropdown.tsx
|
|
8668
8701
|
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
8669
|
-
var
|
|
8702
|
+
var import_react80 = require("react");
|
|
8670
8703
|
var Dropdown = (_a) => {
|
|
8671
8704
|
var _b = _a, {
|
|
8672
8705
|
className,
|
|
@@ -8693,7 +8726,7 @@ var Dropdown = (_a) => {
|
|
|
8693
8726
|
]);
|
|
8694
8727
|
var _a2;
|
|
8695
8728
|
const Element = element;
|
|
8696
|
-
const el = (0,
|
|
8729
|
+
const el = (0, import_react79.useRef)(null);
|
|
8697
8730
|
useClickOutside(el, () => {
|
|
8698
8731
|
if (isOpen) setIsOpen(false);
|
|
8699
8732
|
});
|
|
@@ -8714,10 +8747,10 @@ var Dropdown = (_a) => {
|
|
|
8714
8747
|
}, rest), {
|
|
8715
8748
|
children: (_a2 = items == null ? void 0 : items.map((item) => {
|
|
8716
8749
|
var _a3;
|
|
8717
|
-
return /* @__PURE__ */ (0,
|
|
8750
|
+
return /* @__PURE__ */ (0, import_react80.createElement)(
|
|
8718
8751
|
DropdownItem,
|
|
8719
8752
|
__spreadProps(__spreadValues({}, item), {
|
|
8720
|
-
key: (0,
|
|
8753
|
+
key: (0, import_utils99.uuid)(),
|
|
8721
8754
|
element: (_a3 = item.element) != null ? _a3 : "button",
|
|
8722
8755
|
content: void 0
|
|
8723
8756
|
}),
|
|
@@ -8729,6 +8762,7 @@ var Dropdown = (_a) => {
|
|
|
8729
8762
|
};
|
|
8730
8763
|
|
|
8731
8764
|
// src/lib/components/Toast/Toast.tsx
|
|
8765
|
+
var import_react81 = require("react");
|
|
8732
8766
|
var import_bi18 = require("react-icons/bi");
|
|
8733
8767
|
|
|
8734
8768
|
// src/lib/components/Toast/utils.ts
|
|
@@ -8956,6 +8990,7 @@ var toast = {
|
|
|
8956
8990
|
};
|
|
8957
8991
|
|
|
8958
8992
|
// src/lib/components/Alert/Alert.tsx
|
|
8993
|
+
var import_react82 = require("react");
|
|
8959
8994
|
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
8960
8995
|
var Alert = (_a) => {
|
|
8961
8996
|
var _b = _a, {
|
|
@@ -8990,9 +9025,9 @@ var Alert = (_a) => {
|
|
|
8990
9025
|
};
|
|
8991
9026
|
|
|
8992
9027
|
// src/lib/components/Modal/Modal.tsx
|
|
8993
|
-
var
|
|
9028
|
+
var import_react83 = require("react");
|
|
8994
9029
|
var import_bi19 = require("react-icons/bi");
|
|
8995
|
-
var
|
|
9030
|
+
var import_utils104 = require("@julseb-lib/utils");
|
|
8996
9031
|
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
8997
9032
|
var Modal = (_a) => {
|
|
8998
9033
|
var _b = _a, {
|
|
@@ -9019,11 +9054,11 @@ var Modal = (_a) => {
|
|
|
9019
9054
|
"labelClose"
|
|
9020
9055
|
]);
|
|
9021
9056
|
const Element = element;
|
|
9022
|
-
const el = (0,
|
|
9057
|
+
const el = (0, import_react83.useRef)(null);
|
|
9023
9058
|
const handleClose = () => {
|
|
9024
9059
|
if (isOpen) {
|
|
9025
9060
|
setIsOpen(false);
|
|
9026
|
-
(0,
|
|
9061
|
+
(0, import_utils104.enableScroll)();
|
|
9027
9062
|
}
|
|
9028
9063
|
};
|
|
9029
9064
|
useClickOutside(el, handleClose);
|
|
@@ -9074,9 +9109,10 @@ var Modal = (_a) => {
|
|
|
9074
9109
|
};
|
|
9075
9110
|
|
|
9076
9111
|
// src/lib/components/DragList/DragList.tsx
|
|
9077
|
-
var
|
|
9112
|
+
var import_react85 = require("react");
|
|
9078
9113
|
|
|
9079
9114
|
// src/lib/components/DragList/DragListItem.tsx
|
|
9115
|
+
var import_react84 = require("react");
|
|
9080
9116
|
var import_bi20 = require("react-icons/bi");
|
|
9081
9117
|
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
9082
9118
|
var DragListItem = ({
|
|
@@ -9141,7 +9177,7 @@ var DragListItem = ({
|
|
|
9141
9177
|
|
|
9142
9178
|
// src/lib/components/DragList/DragList.tsx
|
|
9143
9179
|
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
9144
|
-
var
|
|
9180
|
+
var import_react86 = require("react");
|
|
9145
9181
|
var DragList = (_a) => {
|
|
9146
9182
|
var _b = _a, {
|
|
9147
9183
|
className,
|
|
@@ -9165,8 +9201,8 @@ var DragList = (_a) => {
|
|
|
9165
9201
|
"hideSeparator"
|
|
9166
9202
|
]);
|
|
9167
9203
|
const Element = element;
|
|
9168
|
-
const [dragIndex, setDragIndex] = (0,
|
|
9169
|
-
const dragNode = (0,
|
|
9204
|
+
const [dragIndex, setDragIndex] = (0, import_react85.useState)(-1);
|
|
9205
|
+
const dragNode = (0, import_react85.useRef)(null);
|
|
9170
9206
|
const handleDragStart = (e, i) => {
|
|
9171
9207
|
const { target } = e;
|
|
9172
9208
|
setDragIndex(i);
|
|
@@ -9197,8 +9233,8 @@ var DragList = (_a) => {
|
|
|
9197
9233
|
className
|
|
9198
9234
|
)
|
|
9199
9235
|
}, rest), {
|
|
9200
|
-
children: items ? items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
9201
|
-
/* @__PURE__ */ (0,
|
|
9236
|
+
children: items ? items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_react85.Fragment, { children: [
|
|
9237
|
+
/* @__PURE__ */ (0, import_react86.createElement)(
|
|
9202
9238
|
DragListItem,
|
|
9203
9239
|
__spreadProps(__spreadValues({}, item), {
|
|
9204
9240
|
key: item.id,
|
|
@@ -9218,9 +9254,11 @@ var DragList = (_a) => {
|
|
|
9218
9254
|
};
|
|
9219
9255
|
|
|
9220
9256
|
// src/lib/components/Pagination/Pagination.tsx
|
|
9257
|
+
var import_react88 = require("react");
|
|
9221
9258
|
var import_bi21 = require("react-icons/bi");
|
|
9222
9259
|
|
|
9223
9260
|
// src/lib/components/Pagination/PaginationButton.tsx
|
|
9261
|
+
var import_react87 = require("react");
|
|
9224
9262
|
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
9225
9263
|
var PaginationButton = (_a) => {
|
|
9226
9264
|
var _b = _a, {
|
|
@@ -9388,6 +9426,7 @@ var Pagination = (_a) => {
|
|
|
9388
9426
|
};
|
|
9389
9427
|
|
|
9390
9428
|
// src/lib/components/Paginator/Paginator.tsx
|
|
9429
|
+
var import_react89 = require("react");
|
|
9391
9430
|
var import_bi22 = require("react-icons/bi");
|
|
9392
9431
|
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
9393
9432
|
var Paginator = (_a) => {
|
|
@@ -9502,7 +9541,8 @@ var Paginator = (_a) => {
|
|
|
9502
9541
|
};
|
|
9503
9542
|
|
|
9504
9543
|
// src/lib/components/ProgressBar/ProgressBar.tsx
|
|
9505
|
-
var
|
|
9544
|
+
var import_react90 = require("react");
|
|
9545
|
+
var import_utils111 = require("@julseb-lib/utils");
|
|
9506
9546
|
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
9507
9547
|
var ProgressBar = (_a) => {
|
|
9508
9548
|
var _b = _a, {
|
|
@@ -9524,7 +9564,7 @@ var ProgressBar = (_a) => {
|
|
|
9524
9564
|
"max",
|
|
9525
9565
|
"id"
|
|
9526
9566
|
]);
|
|
9527
|
-
const percent = (0,
|
|
9567
|
+
const percent = (0, import_utils111.getPercentage)(value, Number(max));
|
|
9528
9568
|
return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
9529
9569
|
"meter",
|
|
9530
9570
|
__spreadValues({
|
|
@@ -9563,7 +9603,7 @@ var genProgressColor = {
|
|
|
9563
9603
|
};
|
|
9564
9604
|
|
|
9565
9605
|
// src/lib/components/ProgressCircle/ProgressCircle.tsx
|
|
9566
|
-
var
|
|
9606
|
+
var import_react91 = require("react");
|
|
9567
9607
|
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
9568
9608
|
var ProgressCircle = (_a) => {
|
|
9569
9609
|
var _b = _a, {
|
|
@@ -9590,13 +9630,13 @@ var ProgressCircle = (_a) => {
|
|
|
9590
9630
|
"icon"
|
|
9591
9631
|
]);
|
|
9592
9632
|
const Element = element;
|
|
9593
|
-
const [animatedValue, setAnimatedValue] = (0,
|
|
9633
|
+
const [animatedValue, setAnimatedValue] = (0, import_react91.useState)(noAnimation ? value : 0);
|
|
9594
9634
|
const radius = (size - strokeWidth) / 2;
|
|
9595
9635
|
const circumference = 2 * Math.PI * radius;
|
|
9596
9636
|
const strokeDashoffset = circumference - animatedValue / 100 * circumference;
|
|
9597
9637
|
const backgroundColor = designTokens.libColors["gray-200"];
|
|
9598
9638
|
const strokeColor = genStrokeColor[color];
|
|
9599
|
-
(0,
|
|
9639
|
+
(0, import_react91.useEffect)(() => {
|
|
9600
9640
|
if (!noAnimation) {
|
|
9601
9641
|
const timer = setTimeout(() => {
|
|
9602
9642
|
setAnimatedValue(value);
|
|
@@ -9687,10 +9727,11 @@ var genStrokeColor = {
|
|
|
9687
9727
|
};
|
|
9688
9728
|
|
|
9689
9729
|
// src/lib/components/Tabs/Tabs.tsx
|
|
9690
|
-
var
|
|
9691
|
-
var
|
|
9730
|
+
var import_react96 = require("react");
|
|
9731
|
+
var import_utils118 = require("@julseb-lib/utils");
|
|
9692
9732
|
|
|
9693
9733
|
// src/lib/components/Tabs/TabsContainer.tsx
|
|
9734
|
+
var import_react92 = require("react");
|
|
9694
9735
|
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
9695
9736
|
var TabsContainer = (_a) => {
|
|
9696
9737
|
var _b = _a, {
|
|
@@ -9717,6 +9758,7 @@ var TabsContainer = (_a) => {
|
|
|
9717
9758
|
};
|
|
9718
9759
|
|
|
9719
9760
|
// src/lib/components/Tabs/TabsButtonsContainer.tsx
|
|
9761
|
+
var import_react93 = require("react");
|
|
9720
9762
|
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
9721
9763
|
var TabsButtonsContainer = (_a) => {
|
|
9722
9764
|
var _b = _a, {
|
|
@@ -9755,6 +9797,7 @@ var TabsButtonsContainer = (_a) => {
|
|
|
9755
9797
|
};
|
|
9756
9798
|
|
|
9757
9799
|
// src/lib/components/Tabs/TabsButton.tsx
|
|
9800
|
+
var import_react94 = require("react");
|
|
9758
9801
|
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
9759
9802
|
var TabsButton = (_a) => {
|
|
9760
9803
|
var _b = _a, {
|
|
@@ -9806,6 +9849,7 @@ var TabsButton = (_a) => {
|
|
|
9806
9849
|
};
|
|
9807
9850
|
|
|
9808
9851
|
// src/lib/components/Tabs/TabsContent.tsx
|
|
9852
|
+
var import_react95 = require("react");
|
|
9809
9853
|
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
9810
9854
|
var TabsContent = (_a) => {
|
|
9811
9855
|
var _b = _a, {
|
|
@@ -9839,7 +9883,7 @@ var TabsContent = (_a) => {
|
|
|
9839
9883
|
|
|
9840
9884
|
// src/lib/components/Tabs/Tabs.tsx
|
|
9841
9885
|
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
9842
|
-
var
|
|
9886
|
+
var import_react97 = require("react");
|
|
9843
9887
|
var Tabs = (_a) => {
|
|
9844
9888
|
var _b = _a, {
|
|
9845
9889
|
className,
|
|
@@ -9858,7 +9902,7 @@ var Tabs = (_a) => {
|
|
|
9858
9902
|
"variant",
|
|
9859
9903
|
"activeTab"
|
|
9860
9904
|
]);
|
|
9861
|
-
const [tab, setTab] = (0,
|
|
9905
|
+
const [tab, setTab] = (0, import_react96.useState)(activeTab);
|
|
9862
9906
|
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
9863
9907
|
TabsContainer,
|
|
9864
9908
|
__spreadProps(__spreadValues({
|
|
@@ -9869,10 +9913,10 @@ var Tabs = (_a) => {
|
|
|
9869
9913
|
children: [
|
|
9870
9914
|
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(TabsButtonsContainer, { justify, variant, children: items == null ? void 0 : items.map((item, i) => {
|
|
9871
9915
|
var _a2;
|
|
9872
|
-
return /* @__PURE__ */ (0,
|
|
9916
|
+
return /* @__PURE__ */ (0, import_react97.createElement)(
|
|
9873
9917
|
TabsButton,
|
|
9874
9918
|
__spreadProps(__spreadValues({}, item), {
|
|
9875
|
-
key: (_a2 = item.id) != null ? _a2 : (0,
|
|
9919
|
+
key: (_a2 = item.id) != null ? _a2 : (0, import_utils118.uuid)(),
|
|
9876
9920
|
isActive: tab === i,
|
|
9877
9921
|
onClick: () => setTab(i),
|
|
9878
9922
|
variant,
|
|
@@ -9881,10 +9925,10 @@ var Tabs = (_a) => {
|
|
|
9881
9925
|
item.title
|
|
9882
9926
|
);
|
|
9883
9927
|
}) }),
|
|
9884
|
-
items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ (0,
|
|
9928
|
+
items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ (0, import_react97.createElement)(
|
|
9885
9929
|
TabsContent,
|
|
9886
9930
|
__spreadProps(__spreadValues({}, item), {
|
|
9887
|
-
key: (0,
|
|
9931
|
+
key: (0, import_utils118.uuid)(),
|
|
9888
9932
|
isActive: tab === i
|
|
9889
9933
|
}),
|
|
9890
9934
|
item.content
|
|
@@ -9895,10 +9939,11 @@ var Tabs = (_a) => {
|
|
|
9895
9939
|
};
|
|
9896
9940
|
|
|
9897
9941
|
// src/lib/components/Slideshow/Slideshow.tsx
|
|
9898
|
-
var
|
|
9899
|
-
var
|
|
9942
|
+
var import_react100 = require("react");
|
|
9943
|
+
var import_utils123 = require("@julseb-lib/utils");
|
|
9900
9944
|
|
|
9901
9945
|
// src/lib/components/Slideshow/SlideshowButton.tsx
|
|
9946
|
+
var import_react98 = require("react");
|
|
9902
9947
|
var import_bi23 = require("react-icons/bi");
|
|
9903
9948
|
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
9904
9949
|
var SlideshowButton = ({
|
|
@@ -9945,7 +9990,8 @@ var SlideshowButton = ({
|
|
|
9945
9990
|
};
|
|
9946
9991
|
|
|
9947
9992
|
// src/lib/components/Slideshow/SlideshowPagination.tsx
|
|
9948
|
-
var
|
|
9993
|
+
var import_react99 = require("react");
|
|
9994
|
+
var import_utils121 = require("@julseb-lib/utils");
|
|
9949
9995
|
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
9950
9996
|
var SlideshowPagination = ({
|
|
9951
9997
|
className,
|
|
@@ -9990,7 +10036,7 @@ var SlideshowPagination = ({
|
|
|
9990
10036
|
)
|
|
9991
10037
|
},
|
|
9992
10038
|
image
|
|
9993
|
-
)) : (0,
|
|
10039
|
+
)) : (0, import_utils121.generateNumbers)(0, contentLength - 1).map((n) => {
|
|
9994
10040
|
var _a, _b;
|
|
9995
10041
|
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
9996
10042
|
"button",
|
|
@@ -10069,18 +10115,18 @@ var Slideshow = (_a) => {
|
|
|
10069
10115
|
]);
|
|
10070
10116
|
var _a2, _b2, _c, _d, _e;
|
|
10071
10117
|
const Element = element;
|
|
10072
|
-
const childrenArray =
|
|
10118
|
+
const childrenArray = import_react100.Children.toArray(children);
|
|
10073
10119
|
const slides = images != null ? images : childrenArray;
|
|
10074
10120
|
const totalSlides = slides.length;
|
|
10075
|
-
const [currentSlide, setCurrentSlide] = (0,
|
|
10076
|
-
const [isTransitioning, setIsTransitioning] = (0,
|
|
10077
|
-
const touchStartX = (0,
|
|
10078
|
-
const touchEndX = (0,
|
|
10079
|
-
const touchStartY = (0,
|
|
10080
|
-
const touchEndY = (0,
|
|
10081
|
-
const [isDragging, setIsDragging] = (0,
|
|
10082
|
-
const slidesRef = (0,
|
|
10083
|
-
(0,
|
|
10121
|
+
const [currentSlide, setCurrentSlide] = (0, import_react100.useState)(0);
|
|
10122
|
+
const [isTransitioning, setIsTransitioning] = (0, import_react100.useState)(false);
|
|
10123
|
+
const touchStartX = (0, import_react100.useRef)(0);
|
|
10124
|
+
const touchEndX = (0, import_react100.useRef)(0);
|
|
10125
|
+
const touchStartY = (0, import_react100.useRef)(0);
|
|
10126
|
+
const touchEndY = (0, import_react100.useRef)(0);
|
|
10127
|
+
const [isDragging, setIsDragging] = (0, import_react100.useState)(false);
|
|
10128
|
+
const slidesRef = (0, import_react100.useRef)(null);
|
|
10129
|
+
(0, import_react100.useEffect)(() => {
|
|
10084
10130
|
if (totalSlides > 1) {
|
|
10085
10131
|
let intervalId = null;
|
|
10086
10132
|
if (hideControls && hidePagination && !(options == null ? void 0 : options.autoPlay)) {
|
|
@@ -10243,10 +10289,10 @@ var Slideshow = (_a) => {
|
|
|
10243
10289
|
),
|
|
10244
10290
|
draggable: false
|
|
10245
10291
|
},
|
|
10246
|
-
(0,
|
|
10292
|
+
(0, import_utils123.uuid)()
|
|
10247
10293
|
)
|
|
10248
10294
|
},
|
|
10249
|
-
(0,
|
|
10295
|
+
(0, import_utils123.uuid)()
|
|
10250
10296
|
)) : childrenArray.map((child) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
10251
10297
|
"div",
|
|
10252
10298
|
{
|
|
@@ -10257,7 +10303,7 @@ var Slideshow = (_a) => {
|
|
|
10257
10303
|
),
|
|
10258
10304
|
children: child
|
|
10259
10305
|
},
|
|
10260
|
-
(0,
|
|
10306
|
+
(0, import_utils123.uuid)()
|
|
10261
10307
|
))
|
|
10262
10308
|
}
|
|
10263
10309
|
)
|
|
@@ -10305,6 +10351,7 @@ var Slideshow = (_a) => {
|
|
|
10305
10351
|
};
|
|
10306
10352
|
|
|
10307
10353
|
// src/lib/components/Cover/Cover.tsx
|
|
10354
|
+
var import_react101 = require("react");
|
|
10308
10355
|
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
10309
10356
|
var Cover = (_a) => {
|
|
10310
10357
|
var _b = _a, {
|
|
@@ -10374,8 +10421,8 @@ var Cover = (_a) => {
|
|
|
10374
10421
|
};
|
|
10375
10422
|
|
|
10376
10423
|
// src/lib/components/PageLoading/PageLoading.tsx
|
|
10377
|
-
var
|
|
10378
|
-
var
|
|
10424
|
+
var import_react102 = require("react");
|
|
10425
|
+
var import_utils126 = require("@julseb-lib/utils");
|
|
10379
10426
|
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
10380
10427
|
var PageLoading = (_a) => {
|
|
10381
10428
|
var _b = _a, {
|
|
@@ -10396,8 +10443,8 @@ var PageLoading = (_a) => {
|
|
|
10396
10443
|
"stopScrolling"
|
|
10397
10444
|
]);
|
|
10398
10445
|
const Element = element;
|
|
10399
|
-
(0,
|
|
10400
|
-
if (stopScrolling) (0,
|
|
10446
|
+
(0, import_react102.useEffect)(() => {
|
|
10447
|
+
if (stopScrolling) (0, import_utils126.disableScroll)();
|
|
10401
10448
|
}, [stopScrolling]);
|
|
10402
10449
|
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
10403
10450
|
Element,
|
|
@@ -10416,6 +10463,7 @@ var PageLoading = (_a) => {
|
|
|
10416
10463
|
};
|
|
10417
10464
|
|
|
10418
10465
|
// src/lib/components/Sticky/Sticky.tsx
|
|
10466
|
+
var import_react103 = require("react");
|
|
10419
10467
|
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
10420
10468
|
var Sticky = (_a) => {
|
|
10421
10469
|
var _b = _a, {
|
|
@@ -10454,16 +10502,17 @@ var genTop = {
|
|
|
10454
10502
|
};
|
|
10455
10503
|
|
|
10456
10504
|
// src/lib/components/MarkdownEditor/MarkdownEditor.tsx
|
|
10457
|
-
var
|
|
10505
|
+
var import_react108 = require("react");
|
|
10458
10506
|
var import_markdown_to_jsx = __toESM(require("markdown-to-jsx"), 1);
|
|
10459
10507
|
|
|
10460
10508
|
// src/lib/components/MarkdownEditor/MarkdownEditorTitles.tsx
|
|
10461
|
-
var
|
|
10509
|
+
var import_react105 = require("react");
|
|
10462
10510
|
|
|
10463
10511
|
// src/lib/components/MarkdownEditor/buttons/markdown-buttons.tsx
|
|
10464
10512
|
var import_bi24 = require("react-icons/bi");
|
|
10465
10513
|
|
|
10466
10514
|
// src/lib/components/MarkdownEditor/buttons/icons.tsx
|
|
10515
|
+
var import_react104 = require("react");
|
|
10467
10516
|
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
10468
10517
|
var IconCode = ({ size }) => {
|
|
10469
10518
|
return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
|
|
@@ -10720,7 +10769,7 @@ var MarkdownEditorTitles = ({
|
|
|
10720
10769
|
setIsOpen
|
|
10721
10770
|
}) => {
|
|
10722
10771
|
if ((options == null ? void 0 : options.titles) === false) return null;
|
|
10723
|
-
const el = (0,
|
|
10772
|
+
const el = (0, import_react105.useRef)(null);
|
|
10724
10773
|
useClickOutside(el, () => setIsOpen(false));
|
|
10725
10774
|
return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: clsx("relative", "dropdown-container"), ref: el, children: [
|
|
10726
10775
|
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
@@ -10776,7 +10825,8 @@ var MarkdownEditorTitles = ({
|
|
|
10776
10825
|
};
|
|
10777
10826
|
|
|
10778
10827
|
// src/lib/components/MarkdownEditor/MarkdownButtons.tsx
|
|
10779
|
-
var
|
|
10828
|
+
var import_react106 = require("react");
|
|
10829
|
+
var import_utils130 = require("@julseb-lib/utils");
|
|
10780
10830
|
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
10781
10831
|
var MarkdownButtons = ({
|
|
10782
10832
|
options,
|
|
@@ -10795,8 +10845,8 @@ var MarkdownButtons = ({
|
|
|
10795
10845
|
className: clsx("size-6", "md-button"),
|
|
10796
10846
|
icon,
|
|
10797
10847
|
onClick: () => addCode(button.code),
|
|
10798
|
-
tooltip: (_a = button.displayName) != null ? _a : (0,
|
|
10799
|
-
"aria-label": (_b = button.displayName) != null ? _b : (0,
|
|
10848
|
+
tooltip: (_a = button.displayName) != null ? _a : (0, import_utils130.toSentenceCase)(button.name),
|
|
10849
|
+
"aria-label": (_b = button.displayName) != null ? _b : (0, import_utils130.toSentenceCase)(button.name),
|
|
10800
10850
|
variant: "transparent",
|
|
10801
10851
|
showTooltip: { offset: "2xs" }
|
|
10802
10852
|
},
|
|
@@ -10806,7 +10856,8 @@ var MarkdownButtons = ({
|
|
|
10806
10856
|
};
|
|
10807
10857
|
|
|
10808
10858
|
// src/lib/components/MarkdownEditor/MarkdownViewButtons.tsx
|
|
10809
|
-
var
|
|
10859
|
+
var import_react107 = require("react");
|
|
10860
|
+
var import_utils132 = require("@julseb-lib/utils");
|
|
10810
10861
|
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
10811
10862
|
var MarkdownViewButtons = ({
|
|
10812
10863
|
options,
|
|
@@ -10831,8 +10882,8 @@ var MarkdownViewButtons = ({
|
|
|
10831
10882
|
variant: view === button.name ? "plain" : "transparent",
|
|
10832
10883
|
icon,
|
|
10833
10884
|
onClick: () => setView(button.name),
|
|
10834
|
-
"aria-label": (_a = button.displayName) != null ? _a : (0,
|
|
10835
|
-
tooltip: (_b = button.displayName) != null ? _b : (0,
|
|
10885
|
+
"aria-label": (_a = button.displayName) != null ? _a : (0, import_utils132.toSentenceCase)(button.name),
|
|
10886
|
+
tooltip: (_b = button.displayName) != null ? _b : (0, import_utils132.toSentenceCase)(button.name),
|
|
10836
10887
|
showTooltip: { offset: "2xs" }
|
|
10837
10888
|
},
|
|
10838
10889
|
button.name
|
|
@@ -10878,9 +10929,9 @@ var MarkdownEditor = (_a) => {
|
|
|
10878
10929
|
"icons",
|
|
10879
10930
|
"containerClassName"
|
|
10880
10931
|
]);
|
|
10881
|
-
const [view, setView] = (0,
|
|
10882
|
-
const [isTitlesOpen, setIsTitlesOpen] = (0,
|
|
10883
|
-
const el = (0,
|
|
10932
|
+
const [view, setView] = (0, import_react108.useState)(defaultView);
|
|
10933
|
+
const [isTitlesOpen, setIsTitlesOpen] = (0, import_react108.useState)(false);
|
|
10934
|
+
const el = (0, import_react108.useRef)(null);
|
|
10884
10935
|
const addCode = (code) => {
|
|
10885
10936
|
var _a2;
|
|
10886
10937
|
setValue(`${value}${code}`);
|
|
@@ -11010,6 +11061,7 @@ var MarkdownEditor = (_a) => {
|
|
|
11010
11061
|
};
|
|
11011
11062
|
|
|
11012
11063
|
// src/lib/components/MarkdownContainer/MarkdownContainer.tsx
|
|
11064
|
+
var import_react109 = require("react");
|
|
11013
11065
|
var import_markdown_to_jsx2 = __toESM(require("markdown-to-jsx"), 1);
|
|
11014
11066
|
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
11015
11067
|
var MarkdownContainer = (_a) => {
|
|
@@ -11041,7 +11093,7 @@ var MarkdownContainer = (_a) => {
|
|
|
11041
11093
|
};
|
|
11042
11094
|
|
|
11043
11095
|
// src/lib/components/Fade/Fade.tsx
|
|
11044
|
-
var
|
|
11096
|
+
var import_react110 = require("react");
|
|
11045
11097
|
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
11046
11098
|
var Fade = (_a) => {
|
|
11047
11099
|
var _b = _a, {
|
|
@@ -11056,9 +11108,9 @@ var Fade = (_a) => {
|
|
|
11056
11108
|
"children"
|
|
11057
11109
|
]);
|
|
11058
11110
|
const Element = element;
|
|
11059
|
-
const [isVisible, setIsVisible] = (0,
|
|
11060
|
-
const fadeRef = (0,
|
|
11061
|
-
(0,
|
|
11111
|
+
const [isVisible, setIsVisible] = (0, import_react110.useState)(true);
|
|
11112
|
+
const fadeRef = (0, import_react110.useRef)(null);
|
|
11113
|
+
(0, import_react110.useEffect)(() => {
|
|
11062
11114
|
const observer = new IntersectionObserver((entries) => {
|
|
11063
11115
|
entries.forEach((entry) => setIsVisible(entry.isIntersecting));
|
|
11064
11116
|
});
|
|
@@ -11082,9 +11134,9 @@ var Fade = (_a) => {
|
|
|
11082
11134
|
};
|
|
11083
11135
|
|
|
11084
11136
|
// src/lib/components/BackToTop/BackToTop.tsx
|
|
11085
|
-
var
|
|
11137
|
+
var import_react111 = require("react");
|
|
11086
11138
|
var import_bi25 = require("react-icons/bi");
|
|
11087
|
-
var
|
|
11139
|
+
var import_utils137 = require("@julseb-lib/utils");
|
|
11088
11140
|
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
11089
11141
|
var BackToTop = (_a) => {
|
|
11090
11142
|
var _b = _a, {
|
|
@@ -11102,8 +11154,8 @@ var BackToTop = (_a) => {
|
|
|
11102
11154
|
"tooltip",
|
|
11103
11155
|
"showTooltip"
|
|
11104
11156
|
]);
|
|
11105
|
-
const [isVisible, setIsVisible] = (0,
|
|
11106
|
-
(0,
|
|
11157
|
+
const [isVisible, setIsVisible] = (0, import_react111.useState)(false);
|
|
11158
|
+
(0, import_react111.useEffect)(() => {
|
|
11107
11159
|
const scrollFn = () => {
|
|
11108
11160
|
if (window.scrollY >= 200) {
|
|
11109
11161
|
setIsVisible(true);
|
|
@@ -11117,7 +11169,7 @@ var BackToTop = (_a) => {
|
|
|
11117
11169
|
const smoothScroll = () => {
|
|
11118
11170
|
document.body.classList.add("smooth");
|
|
11119
11171
|
document.documentElement.classList.add("smooth");
|
|
11120
|
-
setTimeout(() => (0,
|
|
11172
|
+
setTimeout(() => (0, import_utils137.scrollToTop)(), 100);
|
|
11121
11173
|
setTimeout(() => {
|
|
11122
11174
|
document.body.classList.remove("smooth");
|
|
11123
11175
|
document.documentElement.classList.remove("smooth");
|
|
@@ -11149,9 +11201,9 @@ var BackToTop = (_a) => {
|
|
|
11149
11201
|
};
|
|
11150
11202
|
|
|
11151
11203
|
// src/lib/components/Drawer/Drawer.tsx
|
|
11152
|
-
var
|
|
11204
|
+
var import_react112 = require("react");
|
|
11153
11205
|
var import_bi26 = require("react-icons/bi");
|
|
11154
|
-
var
|
|
11206
|
+
var import_utils139 = require("@julseb-lib/utils");
|
|
11155
11207
|
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
11156
11208
|
var Drawer = (_a) => {
|
|
11157
11209
|
var _b = _a, {
|
|
@@ -11190,14 +11242,14 @@ var Drawer = (_a) => {
|
|
|
11190
11242
|
"hideCloseButton"
|
|
11191
11243
|
]);
|
|
11192
11244
|
const Element = element;
|
|
11193
|
-
const el = (0,
|
|
11245
|
+
const el = (0, import_react112.useRef)(null);
|
|
11194
11246
|
useClickOutside(el, () => isOpen && setIsOpen(false));
|
|
11195
11247
|
useKeyPress("Escape", () => {
|
|
11196
11248
|
if (!disableEsc && isOpen) setIsOpen(false);
|
|
11197
11249
|
});
|
|
11198
|
-
(0,
|
|
11199
|
-
if (!enableScrollingOpen && isOpen) (0,
|
|
11200
|
-
else (0,
|
|
11250
|
+
(0, import_react112.useEffect)(() => {
|
|
11251
|
+
if (!enableScrollingOpen && isOpen) (0, import_utils139.disableScroll)();
|
|
11252
|
+
else (0, import_utils139.enableScroll)();
|
|
11201
11253
|
}, [enableScrollingOpen, isOpen]);
|
|
11202
11254
|
return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
|
|
11203
11255
|
Element,
|
|
@@ -11239,7 +11291,7 @@ var Drawer = (_a) => {
|
|
|
11239
11291
|
position === "left" ? "left-[calc(var(--drawer-max-width)*-1)] [&.open]:left-0" : "right-[calc(var(--drawer-max-width)*-1)] [&.open]:right-0",
|
|
11240
11292
|
"drawer-content"
|
|
11241
11293
|
),
|
|
11242
|
-
style: { ["--drawer-max-width"]: (0,
|
|
11294
|
+
style: { ["--drawer-max-width"]: (0, import_utils139.stringifyPx)(maxWidth2) },
|
|
11243
11295
|
ref: el,
|
|
11244
11296
|
children: [
|
|
11245
11297
|
children,
|
|
@@ -11262,11 +11314,12 @@ var Drawer = (_a) => {
|
|
|
11262
11314
|
};
|
|
11263
11315
|
|
|
11264
11316
|
// src/lib/components/Header/Header.tsx
|
|
11265
|
-
var
|
|
11266
|
-
var
|
|
11317
|
+
var import_react114 = require("react");
|
|
11318
|
+
var import_utils143 = require("@julseb-lib/utils");
|
|
11267
11319
|
|
|
11268
11320
|
// src/lib/components/Header/HeaderSearch.tsx
|
|
11269
|
-
var
|
|
11321
|
+
var import_react113 = require("react");
|
|
11322
|
+
var import_utils141 = require("@julseb-lib/utils");
|
|
11270
11323
|
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
11271
11324
|
var HeaderSearch = ({ search, handleClose }) => {
|
|
11272
11325
|
if (!search) return null;
|
|
@@ -11292,7 +11345,7 @@ var HeaderSearch = ({ search, handleClose }) => {
|
|
|
11292
11345
|
handleClose();
|
|
11293
11346
|
},
|
|
11294
11347
|
className: clsx("w-full max-w-(--form-max-width)", "search-form"),
|
|
11295
|
-
style: { ["--form-max-width"]: (0,
|
|
11348
|
+
style: { ["--form-max-width"]: (0, import_utils141.stringifyPx)(maxWidth2) },
|
|
11296
11349
|
children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
11297
11350
|
Input,
|
|
11298
11351
|
{
|
|
@@ -11358,18 +11411,18 @@ var Header = (_a) => {
|
|
|
11358
11411
|
]);
|
|
11359
11412
|
const Element = element;
|
|
11360
11413
|
const isMobile = useMaxWidth(16 * 48);
|
|
11361
|
-
const el = (0,
|
|
11362
|
-
const [isOpen, setIsOpen] = (0,
|
|
11363
|
-
const [isHidden, setIsHidden] = (0,
|
|
11414
|
+
const el = (0, import_react114.useRef)(null);
|
|
11415
|
+
const [isOpen, setIsOpen] = (0, import_react114.useState)(false);
|
|
11416
|
+
const [isHidden, setIsHidden] = (0, import_react114.useState)(false);
|
|
11364
11417
|
const handleOpen = () => {
|
|
11365
|
-
if (!enableScrollingOpen) (0,
|
|
11418
|
+
if (!enableScrollingOpen) (0, import_utils143.disableScroll)();
|
|
11366
11419
|
setIsOpen(true);
|
|
11367
11420
|
};
|
|
11368
11421
|
const handleClose = () => {
|
|
11369
|
-
if (!enableScrollingOpen) (0,
|
|
11422
|
+
if (!enableScrollingOpen) (0, import_utils143.enableScroll)();
|
|
11370
11423
|
setTimeout(() => setIsOpen(false), 10);
|
|
11371
11424
|
};
|
|
11372
|
-
(0,
|
|
11425
|
+
(0, import_react114.useEffect)(() => {
|
|
11373
11426
|
const handleHideScroll = () => {
|
|
11374
11427
|
const hidePosition = typeof hideOnScroll === "number" ? hideOnScroll : 400;
|
|
11375
11428
|
if (window.pageYOffset >= hidePosition) {
|
|
@@ -11477,8 +11530,8 @@ var Header = (_a) => {
|
|
|
11477
11530
|
};
|
|
11478
11531
|
|
|
11479
11532
|
// src/lib/components/Footer/Footer.tsx
|
|
11480
|
-
var
|
|
11481
|
-
var
|
|
11533
|
+
var import_react115 = require("react");
|
|
11534
|
+
var import_utils145 = require("@julseb-lib/utils");
|
|
11482
11535
|
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
11483
11536
|
var Footer = (_a) => {
|
|
11484
11537
|
var _b = _a, {
|
|
@@ -11508,7 +11561,7 @@ var Footer = (_a) => {
|
|
|
11508
11561
|
]);
|
|
11509
11562
|
var _a2;
|
|
11510
11563
|
const Element = element;
|
|
11511
|
-
const childrenArray =
|
|
11564
|
+
const childrenArray = import_react115.Children.toArray(children);
|
|
11512
11565
|
return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
|
|
11513
11566
|
Element,
|
|
11514
11567
|
__spreadProps(__spreadValues({
|
|
@@ -11523,7 +11576,7 @@ var Footer = (_a) => {
|
|
|
11523
11576
|
}, rest), {
|
|
11524
11577
|
children: [
|
|
11525
11578
|
logo,
|
|
11526
|
-
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex items-container gap-2", children: (_a2 = items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
|
|
11579
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex items-container gap-2", children: (_a2 = items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_react115.Fragment, { children: [
|
|
11527
11580
|
item,
|
|
11528
11581
|
i !== items.length - 1 && !hideLinksSeparator && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
11529
11582
|
"span",
|
|
@@ -11534,16 +11587,17 @@ var Footer = (_a) => {
|
|
|
11534
11587
|
children: linksSeparator === "dot" ? "\u2022" : "-"
|
|
11535
11588
|
}
|
|
11536
11589
|
)
|
|
11537
|
-
] }, (0,
|
|
11590
|
+
] }, (0, import_utils145.uuid)()))) != null ? _a2 : childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_react115.Fragment, { children: [
|
|
11538
11591
|
child,
|
|
11539
11592
|
i !== childrenArray.length - 1 && !hideLinksSeparator && (linksSeparator === "dot" ? "\u2022" : "-")
|
|
11540
|
-
] }, (0,
|
|
11593
|
+
] }, (0, import_utils145.uuid)())) })
|
|
11541
11594
|
]
|
|
11542
11595
|
})
|
|
11543
11596
|
);
|
|
11544
11597
|
};
|
|
11545
11598
|
|
|
11546
11599
|
// src/lib/components/Meta/Meta.tsx
|
|
11600
|
+
var import_react116 = require("react");
|
|
11547
11601
|
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
11548
11602
|
var Meta = ({
|
|
11549
11603
|
children,
|
|
@@ -11618,6 +11672,7 @@ var Meta = ({
|
|
|
11618
11672
|
};
|
|
11619
11673
|
|
|
11620
11674
|
// src/lib/components/PageLayout/PageLayout.tsx
|
|
11675
|
+
var import_react117 = require("react");
|
|
11621
11676
|
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
11622
11677
|
var PageLayout = ({
|
|
11623
11678
|
children,
|
|
@@ -11638,6 +11693,7 @@ var PageLayout = ({
|
|
|
11638
11693
|
};
|
|
11639
11694
|
|
|
11640
11695
|
// src/lib/components/SrOnly/SrOnly.tsx
|
|
11696
|
+
var import_react118 = require("react");
|
|
11641
11697
|
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
11642
11698
|
var SrOnly = ({ element = "div", ref, children }) => {
|
|
11643
11699
|
const Element = element;
|
|
@@ -11645,7 +11701,7 @@ var SrOnly = ({ element = "div", ref, children }) => {
|
|
|
11645
11701
|
};
|
|
11646
11702
|
|
|
11647
11703
|
// src/lib/components/CodeContainer/CodeContainer.tsx
|
|
11648
|
-
var
|
|
11704
|
+
var import_react119 = require("react");
|
|
11649
11705
|
var import_prism_react_renderer = require("prism-react-renderer");
|
|
11650
11706
|
var import_bi27 = require("react-icons/bi");
|
|
11651
11707
|
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
@@ -11654,14 +11710,16 @@ var CodeContainer = (_a) => {
|
|
|
11654
11710
|
children,
|
|
11655
11711
|
code,
|
|
11656
11712
|
showNumbers,
|
|
11657
|
-
language = "tsx"
|
|
11713
|
+
language = "tsx",
|
|
11714
|
+
className
|
|
11658
11715
|
} = _b, rest = __objRest(_b, [
|
|
11659
11716
|
"children",
|
|
11660
11717
|
"code",
|
|
11661
11718
|
"showNumbers",
|
|
11662
|
-
"language"
|
|
11719
|
+
"language",
|
|
11720
|
+
"className"
|
|
11663
11721
|
]);
|
|
11664
|
-
const [hasCopied, setHasCopied] = (0,
|
|
11722
|
+
const [hasCopied, setHasCopied] = (0, import_react119.useState)(false);
|
|
11665
11723
|
const copyToClipboard = () => {
|
|
11666
11724
|
if (children) {
|
|
11667
11725
|
let copyString = children.toString();
|
|
@@ -11673,7 +11731,7 @@ var CodeContainer = (_a) => {
|
|
|
11673
11731
|
}
|
|
11674
11732
|
setTimeout(() => setHasCopied(false), 1e3);
|
|
11675
11733
|
};
|
|
11676
|
-
return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "relative bg-[#282c34] p-6", children: [
|
|
11734
|
+
return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: clsx("relative bg-[#282c34] p-6", className), children: [
|
|
11677
11735
|
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
11678
11736
|
import_prism_react_renderer.Highlight,
|
|
11679
11737
|
__spreadProps(__spreadValues({
|