@julseb-lib/react 1.1.34 → 1.1.35
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/{Image-N6SBVL55.js → Image-L6FD5DYZ.js} +2 -2
- package/dist/chunk-T4CGOFVW.js +1 -0
- package/dist/{chunk-AXOMYMGN.js → chunk-UJYXKYNM.js} +7 -3
- package/dist/chunk-UJYXKYNM.js.map +1 -0
- package/dist/{global-BFS193oO.d.cts → global-CQBsO8PJ.d.cts} +9 -1
- package/dist/{global-BFS193oO.d.ts → global-CQBsO8PJ.d.ts} +9 -1
- package/dist/index.cjs +518 -451
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +43 -18
- package/dist/index.d.cts +36 -5
- package/dist/index.d.ts +36 -5
- package/dist/index.js +368 -308
- package/dist/index.js.map +1 -1
- package/dist/types/components-items-props.d.cts +1 -1
- package/dist/types/components-items-props.d.ts +1 -1
- package/dist/types/components-props.cjs.map +1 -1
- package/dist/types/components-props.d.cts +13 -2
- package/dist/types/components-props.d.ts +13 -2
- package/dist/types/components-props.js +1 -1
- package/dist/types/global.d.cts +1 -1
- package/dist/types/global.d.ts +1 -1
- package/dist/types/index.d.cts +2 -2
- package/dist/types/index.d.ts +2 -2
- package/dist/types/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-AXOMYMGN.js.map +0 -1
- package/dist/chunk-C3H53CDF.js +0 -1
- /package/dist/{Image-N6SBVL55.js.map → Image-L6FD5DYZ.js.map} +0 -0
- /package/dist/{chunk-C3H53CDF.js.map → chunk-T4CGOFVW.js.map} +0 -0
package/dist/index.cjs
CHANGED
|
@@ -250,7 +250,9 @@ var init_design_tokens = __esm({
|
|
|
250
250
|
"white-50": "white-50",
|
|
251
251
|
"white-80": "white-80",
|
|
252
252
|
"gradient-black": "gradient-black",
|
|
253
|
-
"gradient-white": "gradient-white"
|
|
253
|
+
"gradient-white": "gradient-white",
|
|
254
|
+
"gradient-theme-bg": "gradient-theme-bg",
|
|
255
|
+
"gradient-theme-text": "gradient-theme-text"
|
|
254
256
|
},
|
|
255
257
|
libFontFamilies: {
|
|
256
258
|
/**
|
|
@@ -1283,7 +1285,9 @@ var init_gen_bg_color = __esm({
|
|
|
1283
1285
|
"white-50": "bg-overlay-white-50",
|
|
1284
1286
|
"white-80": "bg-overlay-white-80",
|
|
1285
1287
|
"gradient-black": "bg-overlay-gradient-black",
|
|
1286
|
-
"gradient-white": "bg-overlay-gradient-white"
|
|
1288
|
+
"gradient-white": "bg-overlay-gradient-white",
|
|
1289
|
+
"gradient-theme-bg": "bg-overlay-gradient-theme-bg",
|
|
1290
|
+
"gradient-theme-text": "bg-overlay-gradient-theme-text"
|
|
1287
1291
|
};
|
|
1288
1292
|
genBgAllColors = {
|
|
1289
1293
|
...genBgColor,
|
|
@@ -2875,6 +2879,7 @@ __export(index_exports, {
|
|
|
2875
2879
|
COLORS: () => COLORS,
|
|
2876
2880
|
Carousel: () => Carousel,
|
|
2877
2881
|
CodeContainer: () => CodeContainer,
|
|
2882
|
+
CollapsedText: () => CollapsedText,
|
|
2878
2883
|
Cover: () => Cover,
|
|
2879
2884
|
DROP_SHADOWS: () => DROP_SHADOWS,
|
|
2880
2885
|
DragList: () => DragList,
|
|
@@ -2959,31 +2964,31 @@ __export(index_exports, {
|
|
|
2959
2964
|
Tooltip: () => Tooltip,
|
|
2960
2965
|
URL_REGEX: () => URL_REGEX,
|
|
2961
2966
|
Wrapper: () => Wrapper,
|
|
2962
|
-
addDay: () =>
|
|
2963
|
-
addMonth: () =>
|
|
2964
|
-
addYear: () =>
|
|
2965
|
-
calculateAverage: () =>
|
|
2966
|
-
calculateTotalSum: () =>
|
|
2967
|
-
capitalize: () =>
|
|
2967
|
+
addDay: () => import_utils148.addDay,
|
|
2968
|
+
addMonth: () => import_utils148.addMonth,
|
|
2969
|
+
addYear: () => import_utils148.addYear,
|
|
2970
|
+
calculateAverage: () => import_utils148.calculateAverage,
|
|
2971
|
+
calculateTotalSum: () => import_utils148.calculateTotalSum,
|
|
2972
|
+
capitalize: () => import_utils148.capitalize,
|
|
2968
2973
|
clsx: () => clsx,
|
|
2969
|
-
convertDate: () =>
|
|
2970
|
-
convertDateShort: () =>
|
|
2971
|
-
convertPrice: () =>
|
|
2972
|
-
convertTime: () =>
|
|
2973
|
-
convertToEmail: () =>
|
|
2974
|
-
convertYoutube: () =>
|
|
2974
|
+
convertDate: () => import_utils148.convertDate,
|
|
2975
|
+
convertDateShort: () => import_utils148.convertDateShort,
|
|
2976
|
+
convertPrice: () => import_utils148.convertPrice,
|
|
2977
|
+
convertTime: () => import_utils148.convertTime,
|
|
2978
|
+
convertToEmail: () => import_utils148.convertToEmail,
|
|
2979
|
+
convertYoutube: () => import_utils148.convertYoutube,
|
|
2975
2980
|
countries: () => countries,
|
|
2976
|
-
decrypt: () =>
|
|
2977
|
-
deleteDuplicates: () =>
|
|
2981
|
+
decrypt: () => import_utils148.decrypt,
|
|
2982
|
+
deleteDuplicates: () => import_utils148.deleteDuplicates,
|
|
2978
2983
|
designTokens: () => designTokens,
|
|
2979
2984
|
detectLanguage: () => detectLanguage,
|
|
2980
2985
|
disableScroll: () => disableScroll,
|
|
2981
|
-
emailRegex: () =>
|
|
2986
|
+
emailRegex: () => import_utils148.emailRegex,
|
|
2982
2987
|
enableScroll: () => enableScroll,
|
|
2983
|
-
encrypt: () =>
|
|
2984
|
-
filterObject: () =>
|
|
2985
|
-
formatDate: () =>
|
|
2986
|
-
formatHour: () =>
|
|
2988
|
+
encrypt: () => import_utils148.encrypt,
|
|
2989
|
+
filterObject: () => import_utils148.filterObject,
|
|
2990
|
+
formatDate: () => import_utils148.formatDate,
|
|
2991
|
+
formatHour: () => import_utils148.formatHour,
|
|
2987
2992
|
genAlignContent: () => genAlignContent,
|
|
2988
2993
|
genAlignItems: () => genAlignItems,
|
|
2989
2994
|
genBgAllColors: () => genBgAllColors,
|
|
@@ -3020,43 +3025,43 @@ __export(index_exports, {
|
|
|
3020
3025
|
genTextColorHover: () => genTextColorHover,
|
|
3021
3026
|
genTextColorShort: () => genTextColorShort,
|
|
3022
3027
|
genVAlign: () => genVAlign,
|
|
3023
|
-
generateNumbers: () =>
|
|
3024
|
-
getFirstName: () =>
|
|
3025
|
-
getInitials: () =>
|
|
3026
|
-
getLastName: () =>
|
|
3027
|
-
getNextDay: () =>
|
|
3028
|
-
getPercentage: () =>
|
|
3029
|
-
getRandom: () =>
|
|
3030
|
-
getRandomAvatar: () =>
|
|
3031
|
-
getRandomDate: () =>
|
|
3032
|
-
getRandomNumber: () =>
|
|
3033
|
-
getRandomString: () =>
|
|
3034
|
-
getRandomTime: () =>
|
|
3035
|
-
getTimeNow: () =>
|
|
3036
|
-
getToday: () =>
|
|
3037
|
-
getTomorrow: () =>
|
|
3038
|
-
getYesterday: () =>
|
|
3039
|
-
hexToRgb: () =>
|
|
3028
|
+
generateNumbers: () => import_utils148.generateNumbers,
|
|
3029
|
+
getFirstName: () => import_utils148.getFirstName,
|
|
3030
|
+
getInitials: () => import_utils148.getInitials,
|
|
3031
|
+
getLastName: () => import_utils148.getLastName,
|
|
3032
|
+
getNextDay: () => import_utils148.getNextDay,
|
|
3033
|
+
getPercentage: () => import_utils148.getPercentage,
|
|
3034
|
+
getRandom: () => import_utils148.getRandom,
|
|
3035
|
+
getRandomAvatar: () => import_utils148.getRandomAvatar,
|
|
3036
|
+
getRandomDate: () => import_utils148.getRandomDate,
|
|
3037
|
+
getRandomNumber: () => import_utils148.getRandomNumber,
|
|
3038
|
+
getRandomString: () => import_utils148.getRandomString,
|
|
3039
|
+
getRandomTime: () => import_utils148.getRandomTime,
|
|
3040
|
+
getTimeNow: () => import_utils148.getTimeNow,
|
|
3041
|
+
getToday: () => import_utils148.getToday,
|
|
3042
|
+
getTomorrow: () => import_utils148.getTomorrow,
|
|
3043
|
+
getYesterday: () => import_utils148.getYesterday,
|
|
3044
|
+
hexToRgb: () => import_utils148.hexToRgb,
|
|
3040
3045
|
libMarkdownComponents: () => libMarkdownComponents,
|
|
3041
3046
|
libMarkdownEditorOptions: () => libMarkdownEditorOptions,
|
|
3042
3047
|
linkifyText: () => linkifyText,
|
|
3043
|
-
passwordRegex: () =>
|
|
3044
|
-
rgbToHex: () =>
|
|
3048
|
+
passwordRegex: () => import_utils148.passwordRegex,
|
|
3049
|
+
rgbToHex: () => import_utils148.rgbToHex,
|
|
3045
3050
|
scrollToTop: () => scrollToTop,
|
|
3046
|
-
slugify: () =>
|
|
3047
|
-
sortByFrequency: () =>
|
|
3048
|
-
stringifyPx: () =>
|
|
3049
|
-
toCamelCase: () =>
|
|
3050
|
-
toConstantCase: () =>
|
|
3051
|
-
toDotCase: () =>
|
|
3052
|
-
toKebabCase: () =>
|
|
3053
|
-
toPascalCase: () =>
|
|
3054
|
-
toPathCase: () =>
|
|
3055
|
-
toSentenceCase: () =>
|
|
3056
|
-
toSnakeCase: () =>
|
|
3057
|
-
toTitleCase: () =>
|
|
3051
|
+
slugify: () => import_utils148.slugify,
|
|
3052
|
+
sortByFrequency: () => import_utils148.sortByFrequency,
|
|
3053
|
+
stringifyPx: () => import_utils148.stringifyPx,
|
|
3054
|
+
toCamelCase: () => import_utils148.toCamelCase,
|
|
3055
|
+
toConstantCase: () => import_utils148.toConstantCase,
|
|
3056
|
+
toDotCase: () => import_utils148.toDotCase,
|
|
3057
|
+
toKebabCase: () => import_utils148.toKebabCase,
|
|
3058
|
+
toPascalCase: () => import_utils148.toPascalCase,
|
|
3059
|
+
toPathCase: () => import_utils148.toPathCase,
|
|
3060
|
+
toSentenceCase: () => import_utils148.toSentenceCase,
|
|
3061
|
+
toSnakeCase: () => import_utils148.toSnakeCase,
|
|
3062
|
+
toTitleCase: () => import_utils148.toTitleCase,
|
|
3058
3063
|
toast: () => toast,
|
|
3059
|
-
unslugify: () =>
|
|
3064
|
+
unslugify: () => import_utils148.unslugify,
|
|
3060
3065
|
useClickOutside: () => useClickOutside,
|
|
3061
3066
|
useCopyToClipboard: () => useCopyToClipboard,
|
|
3062
3067
|
useDebounce: () => useDebounce,
|
|
@@ -3075,7 +3080,7 @@ __export(index_exports, {
|
|
|
3075
3080
|
useTextLineCount: () => useTextLineCount,
|
|
3076
3081
|
useTouchScreen: () => useTouchScreen,
|
|
3077
3082
|
useTranslation: () => useTranslation,
|
|
3078
|
-
uuid: () =>
|
|
3083
|
+
uuid: () => import_utils148.uuid
|
|
3079
3084
|
});
|
|
3080
3085
|
module.exports = __toCommonJS(index_exports);
|
|
3081
3086
|
|
|
@@ -3102,11 +3107,11 @@ function styleInject(css, { insertAt } = {}) {
|
|
|
3102
3107
|
}
|
|
3103
3108
|
|
|
3104
3109
|
// src/lib/index.css
|
|
3105
|
-
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.18 | 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-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\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-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\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 --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 6rem;\n --text-8xl--line-height: 1;\n --text-9xl: 8rem;\n --text-9xl--line-height: 1;\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-md: 12px;\n --blur-3xl: 64px;\n --aspect-video: 16 / 9;\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 --radius-full: calc(infinity * 1px);\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 ::-webkit-calendar-picker-indicator {\n line-height: 1;\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-path: inset(50%);\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-path: none;\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-16 {\n top: calc(var(--spacing) * -16);\n }\n .-top-54 {\n top: calc(var(--spacing) * -54);\n }\n .-top-\\[70\\%\\] {\n top: calc(70% * -1);\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-6 {\n top: calc(var(--spacing) * 6);\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .top-10 {\n top: calc(var(--spacing) * 10);\n }\n .top-12 {\n top: calc(var(--spacing) * 12);\n }\n .top-14 {\n top: calc(var(--spacing) * 14);\n }\n .top-\\[50\\%\\] {\n top: 50%;\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-\\[70\\%\\] {\n right: calc(70% * -1);\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-full {\n right: -100%;\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-\\[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-full {\n bottom: -100%;\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-10 {\n bottom: calc(var(--spacing) * 10);\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-\\[70\\%\\] {\n left: calc(70% * -1);\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-full {\n left: -100%;\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-2 {\n left: calc(var(--spacing) * 2);\n }\n .left-6 {\n left: calc(var(--spacing) * 6);\n }\n .left-\\[50\\%\\] {\n left: 50%;\n }\n .left-\\[238px\\] {\n left: 238px;\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-30 {\n z-index: 30;\n }\n .z-40 {\n z-index: 40;\n }\n .z-50 {\n z-index: 50;\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 .hidden\\! {\n display: none !important;\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 .aspect-video {\n aspect-ratio: var(--aspect-video);\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 .size-full {\n width: 100%;\n height: 100%;\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-5\\.25 {\n height: calc(var(--spacing) * 5.25);\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-37\\.5 {\n height: calc(var(--spacing) * 37.5);\n }\n .h-48 {\n height: calc(var(--spacing) * 48);\n }\n .h-75 {\n height: calc(var(--spacing) * 75);\n }\n .h-100 {\n height: calc(var(--spacing) * 100);\n }\n .h-\\[15vw\\] {\n height: 15vw;\n }\n .h-\\[90svh\\] {\n height: 90svh;\n }\n .h-\\[300px\\] {\n height: 300px;\n }\n .h-\\[calc\\(100svh-56px\\)\\] {\n height: calc(100svh - 56px);\n }\n .h-\\[unset\\] {\n height: unset;\n }\n .h-fit {\n height: -moz-fit-content;\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .h-px {\n height: 1px;\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-40 {\n max-height: calc(var(--spacing) * 40);\n }\n .max-h-75 {\n max-height: calc(var(--spacing) * 75);\n }\n .max-h-80 {\n max-height: calc(var(--spacing) * 80);\n }\n .max-h-\\[150px\\] {\n max-height: 150px;\n }\n .min-h-20 {\n min-height: calc(var(--spacing) * 20);\n }\n .min-h-37\\.5 {\n min-height: calc(var(--spacing) * 37.5);\n }\n .min-h-\\[30px\\] {\n min-height: 30px;\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 {\n width: calc(var(--spacing) * 0);\n }\n .w-0\\.5 {\n width: calc(var(--spacing) * 0.5);\n }\n .w-1\\/2 {\n width: calc(1/2 * 100%);\n }\n .w-1\\/3 {\n width: calc(1/3 * 100%);\n }\n .w-1\\/4 {\n width: calc(1/4 * 100%);\n }\n .w-1\\/5 {\n width: calc(1/5 * 100%);\n }\n .w-1\\/6 {\n width: calc(1/6 * 100%);\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-20\\.25 {\n width: calc(var(--spacing) * 20.25);\n }\n .w-32 {\n width: calc(var(--spacing) * 32);\n }\n .w-50 {\n width: calc(var(--spacing) * 50);\n }\n .w-\\[70\\%\\] {\n width: 70%;\n }\n .w-\\[90\\%\\] {\n width: 90%;\n }\n .w-\\[100\\%\\] {\n width: 100%;\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\\%-32px-8px\\)\\] {\n width: calc(100% - 32px - 8px);\n }\n .w-fit {\n width: -moz-fit-content;\n width: fit-content;\n }\n .w-fit\\! {\n width: -moz-fit-content !important;\n width: fit-content !important;\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-px {\n width: 1px;\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-100 {\n max-width: calc(var(--spacing) * 100);\n }\n .max-w-\\[70\\%\\] {\n max-width: 70%;\n }\n .max-w-\\[90\\%\\] {\n max-width: 90%;\n }\n .max-w-\\[800px\\] {\n max-width: 800px;\n }\n .max-w-\\[calc\\(100\\%-32px-4px\\)\\] {\n max-width: calc(100% - 32px - 4px);\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-20 {\n min-width: calc(var(--spacing) * 20);\n }\n .min-w-37\\.5 {\n min-width: calc(var(--spacing) * 37.5);\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-\\[5vw\\] {\n --tw-translate-x: calc(5vw * -1);\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 {\n --tw-translate-x: calc(var(--spacing) * 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\\/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-\\[5vw\\] {\n --tw-translate-x: 5vw;\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-1 {\n --tw-translate-y: calc(var(--spacing) * -1);\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-full {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-px {\n --tw-translate-y: 1px;\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-\\[carousel-scroll_linear_infinite\\] {\n animation: carousel-scroll linear infinite;\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-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-6 {\n -moz-column-gap: calc(var(--spacing) * 6);\n column-gap: calc(var(--spacing) * 6);\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-6 {\n row-gap: calc(var(--spacing) * 6);\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: var(--radius-full);\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-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 {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\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-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-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 .bg-linear-to-l {\n --tw-gradient-position: to left;\n @supports (background-image: linear-gradient(in lab, red, red)) {\n --tw-gradient-position: to left in oklab;\n }\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n .bg-linear-to-r {\n --tw-gradient-position: to right;\n @supports (background-image: linear-gradient(in lab, red, red)) {\n --tw-gradient-position: to right in oklab;\n }\n background-image: linear-gradient(var(--tw-gradient-stops));\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 .from-white {\n --tw-gradient-from: var(--color-white);\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 .via-white {\n --tw-gradient-via: var(--color-white);\n --tw-gradient-via-stops:\n var(--tw-gradient-position),\n var(--tw-gradient-from) var(--tw-gradient-from-position),\n var(--tw-gradient-via) var(--tw-gradient-via-position),\n var(--tw-gradient-to) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-via-stops);\n }\n .to-transparent {\n --tw-gradient-to: transparent;\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-0 {\n padding: calc(var(--spacing) * 0);\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-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-4xl {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n }\n .text-5xl {\n font-size: var(--text-5xl);\n line-height: var(--tw-leading, var(--text-5xl--line-height));\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-7xl {\n font-size: var(--text-7xl);\n line-height: var(--tw-leading, var(--text-7xl--line-height));\n }\n .text-8xl {\n font-size: var(--text-8xl);\n line-height: var(--tw-leading, var(--text-8xl--line-height));\n }\n .text-9xl {\n font-size: var(--text-9xl);\n line-height: var(--tw-leading, var(--text-9xl--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-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--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-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--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-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 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 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 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 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 backdrop-filter,\n display,\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 .\\*\\:text-left {\n :is(& > *) {\n text-align: left;\n }\n }\n .not-last\\:border-b {\n &:not(*:last-child) {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n }\n .not-last\\:border-b-gray-200 {\n &:not(*:last-child) {\n border-bottom-color: var(--color-gray-200);\n }\n }\n .file\\:mr-2 {\n &::file-selector-button {\n margin-right: calc(var(--spacing) * 2);\n }\n }\n .file\\:h-8 {\n &::file-selector-button {\n height: calc(var(--spacing) * 8);\n }\n }\n .file\\:cursor-pointer {\n &::file-selector-button {\n cursor: pointer;\n }\n }\n .file\\:bg-gray-200 {\n &::file-selector-button {\n background-color: var(--color-gray-200);\n }\n }\n .file\\:px-2 {\n &::file-selector-button {\n padding-inline: calc(var(--spacing) * 2);\n }\n }\n .file\\:text-black {\n &::file-selector-button {\n color: var(--color-black);\n }\n }\n .file\\: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\\:duration-200 {\n &::file-selector-button {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .file\\: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 .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-50 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * -50);\n }\n }\n .before\\:top-0 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * 0);\n }\n }\n .before\\:-bottom-50 {\n &::before {\n content: var(--tw-content);\n bottom: calc(var(--spacing) * -50);\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-full {\n &::before {\n content: var(--tw-content);\n height: 100%;\n }\n }\n .before\\:h-px {\n &::before {\n content: var(--tw-content);\n height: 1px;\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-25 {\n &::before {\n content: var(--tw-content);\n width: calc(var(--spacing) * 25);\n }\n }\n .before\\:w-\\[90\\%\\] {\n &::before {\n content: var(--tw-content);\n width: 90%;\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: var(--radius-full);\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\\:blur-md {\n &::before {\n content: var(--tw-content);\n --tw-blur: blur(var(--blur-md));\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: var(--radius-full);\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-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-300\\! {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-300) !important;\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-300\\! {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-300) !important;\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 .hover\\:\\[animation-play-state\\:paused\\] {\n &:hover {\n @media (hover: hover) {\n animation-play-state: paused;\n }\n }\n }\n .hover\\:file\\: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 .focus\\:border-danger-500 {\n &:focus {\n border-color: var(--color-danger-500);\n }\n }\n .focus\\:border-primary-200 {\n &:focus {\n border-color: var(--color-primary-200);\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-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-100\\! {\n &:active {\n background-color: var(--color-gray-100) !important;\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-100\\! {\n &:active {\n color: var(--color-gray-100) !important;\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\\:text-gray-500\\! {\n &:disabled {\n color: var(--color-gray-500) !important;\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-\\[select\\:disabled\\]\\:bg-gray-100 {\n &:has(*:is(select:disabled)) {\n background-color: var(--color-gray-100);\n }\n }\n .has-\\[select\\:disabled\\]\\:text-gray-500 {\n &:has(*:is(select:disabled)) {\n color: var(--color-gray-500);\n }\n }\n .has-\\[select\\:focus\\]\\:border-danger-500 {\n &:has(*:is(select:focus)) {\n border-color: var(--color-danger-500);\n }\n }\n .has-\\[select\\:focus\\]\\:border-primary-500 {\n &:has(*:is(select:focus)) {\n border-color: var(--color-primary-500);\n }\n }\n .has-\\[select\\:focus\\]\\:border-success-500 {\n &:has(*:is(select:focus)) {\n border-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\\: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 .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-\\[250px\\] {\n @media (width >= 48rem) {\n left: 250px;\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\\:table\\! {\n @media (width >= 48rem) {\n display: table !important;\n }\n }\n .md\\:h-\\[unset\\] {\n @media (width >= 48rem) {\n height: unset;\n }\n }\n .md\\:w-\\[250px\\] {\n @media (width >= 48rem) {\n width: 250px;\n }\n }\n .md\\:w-\\[calc\\(100\\%-250px\\)\\] {\n @media (width >= 48rem) {\n width: calc(100% - 250px);\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\\:bg-transparent {\n @media (width >= 48rem) {\n background-color: transparent;\n }\n }\n .md\\:p-4 {\n @media (width >= 48rem) {\n padding: calc(var(--spacing) * 4);\n }\n }\n .md\\:px-0 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--spacing) * 0);\n }\n }\n .md\\:py-0 {\n @media (width >= 48rem) {\n padding-block: calc(var(--spacing) * 0);\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 .\\[\\&_\\.slides-wrapper\\]\\:h-\\[600px\\] {\n & .slides-wrapper {\n height: 600px;\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-2\\.5 {\n & .tooltip {\n --tw-translate-y: calc(var(--spacing) * 2.5);\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\\]\\:font-normal {\n & a {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\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\\]\\:outline-none {\n & a {\n --tw-outline-style: none;\n outline-style: none;\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 .\\[\\&_a\\.active\\]\\:font-black {\n & a.active {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\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 .\\[\\&_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-primary-500 {\n & code {\n color: var(--color-primary-500);\n }\n }\n .\\[\\&_dd\\]\\:ps-4 {\n & dd {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&_dd\\]\\:font-black {\n & dd {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n }\n .\\[\\&_dd\\]\\:font-bold {\n & dd {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n }\n .\\[\\&_dd\\]\\:font-light {\n & dd {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\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 .\\[\\&_dd\\]\\:font-thin {\n & dd {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n }\n .\\[\\&_dt\\]\\:font-black {\n & dt {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\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 .\\[\\&_dt\\]\\:font-light {\n & dt {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n }\n .\\[\\&_dt\\]\\:font-normal {\n & dt {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n }\n .\\[\\&_dt\\]\\:font-thin {\n & dt {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n }\n .\\[\\&_input\\]\\:bg-transparent {\n & input {\n background-color: transparent;\n }\n }\n .\\[\\&_select\\]\\:bg-transparent {\n & select {\n background-color: transparent;\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\\]\\:block {\n & td {\n display: block;\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 .md\\:\\[\\&_td\\]\\:table-cell {\n @media (width >= 48rem) {\n & td {\n display: table-cell;\n }\n }\n }\n .\\[\\&_td\\:last-child\\]\\:p-0 {\n & td:last-child {\n padding: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&_th\\]\\:block {\n & th {\n display: block;\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 .md\\:\\[\\&_th\\]\\:table-cell {\n @media (width >= 48rem) {\n & th {\n display: table-cell;\n }\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 .\\[\\&\\.input-textarea\\]\\:outline-none {\n &.input-textarea {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus\\:\\[\\&\\.input-textarea\\]\\:border-danger-500 {\n &:focus {\n &.input-textarea {\n border-color: var(--color-danger-500);\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\\]\\:flex {\n &.open {\n display: flex;\n }\n }\n .\\[\\&\\.open\\]\\:max-h-44\\.75 {\n &.open {\n max-height: calc(var(--spacing) * 44.75);\n }\n }\n .\\[\\&\\.open\\]\\:max-h-75 {\n &.open {\n max-height: calc(var(--spacing) * 75);\n }\n }\n .\\[\\&\\.open\\]\\:max-h-100 {\n &.open {\n max-height: calc(var(--spacing) * 100);\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-full {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n top: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:right-full {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n right: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:bottom-full {\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-full {\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: calc(50% * -1);\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: calc(50% * -1);\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-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-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-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-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: var(--radius-full);\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: var(--radius-full);\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 .\\[\\&\\>\\*\\]\\: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 .\\[\\&\\>\\*\\]\\: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 .\\[\\&\\>pre\\]\\:bg-gray-800\\! {\n & > pre {\n background-color: var(--color-gray-800) !important;\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 --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 --radius-full: calc(infinity * 1px);\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 height: -moz-fit-content;\n height: fit-content;\n background-color: var(--color-background);\n color: var(--color-font);\n max-width: 100dvw;\n line-height: var(--leading-normal);\n}\n.dark {\n --color-primary-50: var(--color-blue-950);\n --color-primary-100: var(--color-blue-900);\n --color-primary-200: var(--color-blue-800);\n --color-primary-300: var(--color-blue-700);\n --color-primary-400: var(--color-blue-600);\n --color-primary-500: var(--color-blue-500);\n --color-primary-600: var(--color-blue-400);\n --color-primary-700: var(--color-blue-300);\n --color-primary-800: var(--color-blue-200);\n --color-primary-900: var(--color-blue-100);\n --color-primary-950: var(--color-blue-50);\n --color-secondary-50: var(--color-cyan-950);\n --color-secondary-100: var(--color-cyan-900);\n --color-secondary-200: var(--color-cyan-800);\n --color-secondary-300: var(--color-cyan-700);\n --color-secondary-400: var(--color-cyan-600);\n --color-secondary-500: var(--color-cyan-500);\n --color-secondary-600: var(--color-cyan-400);\n --color-secondary-700: var(--color-cyan-300);\n --color-secondary-800: var(--color-cyan-200);\n --color-secondary-900: var(--color-cyan-100);\n --color-secondary-950: var(--color-cyan-50);\n --color-success-50: var(--color-green-950);\n --color-success-100: var(--color-green-900);\n --color-success-200: var(--color-green-800);\n --color-success-300: var(--color-green-700);\n --color-success-400: var(--color-green-600);\n --color-success-500: var(--color-green-500);\n --color-success-600: var(--color-green-400);\n --color-success-700: var(--color-green-300);\n --color-success-800: var(--color-green-200);\n --color-success-900: var(--color-green-100);\n --color-success-950: var(--color-green-50);\n --color-danger-50: var(--color-red-950);\n --color-danger-100: var(--color-red-900);\n --color-danger-200: var(--color-red-800);\n --color-danger-300: var(--color-red-700);\n --color-danger-400: var(--color-red-600);\n --color-danger-500: var(--color-red-500);\n --color-danger-600: var(--color-red-400);\n --color-danger-700: var(--color-red-300);\n --color-danger-800: var(--color-red-200);\n --color-danger-900: var(--color-red-100);\n --color-danger-950: var(--color-red-50);\n --color-warning-50: var(--color-amber-950);\n --color-warning-100: var(--color-amber-900);\n --color-warning-200: var(--color-amber-800);\n --color-warning-300: var(--color-amber-700);\n --color-warning-400: var(--color-amber-600);\n --color-warning-500: var(--color-amber-500);\n --color-warning-600: var(--color-amber-400);\n --color-warning-700: var(--color-amber-300);\n --color-warning-800: var(--color-amber-200);\n --color-warning-900: var(--color-amber-100);\n --color-warning-950: var(--color-amber-50);\n --color-gray-50: var(--color-neutral-950);\n --color-gray-100: var(--color-neutral-900);\n --color-gray-200: var(--color-neutral-800);\n --color-gray-300: var(--color-neutral-700);\n --color-gray-400: var(--color-neutral-600);\n --color-gray-500: var(--color-neutral-500);\n --color-gray-600: var(--color-neutral-400);\n --color-gray-700: var(--color-neutral-300);\n --color-gray-800: var(--color-neutral-200);\n --color-gray-900: var(--color-neutral-100);\n --color-gray-950: var(--color-neutral-50);\n --color-background: var(--color-black);\n --color-font: var(--color-white);\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.bg-overlay-black-50 {\n background: var(--color-overlay-black-50);\n}\n.bg-overlay-black-80 {\n background: var(--color-overlay-black-80);\n}\n.bg-overlay-white-50 {\n background: var(--color-overlay-white-50);\n}\n.bg-overlay-white-80 {\n background: var(--color-overlay-white-80);\n}\n.bg-overlay-gradient-black {\n background: var(--color-overlay-gradient-black);\n}\n.bg-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@keyframes carousel-scroll {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(-33.333%);\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');
|
|
3110
|
+
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.18 | 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-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\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-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\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 --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 6rem;\n --text-8xl--line-height: 1;\n --text-9xl: 8rem;\n --text-9xl--line-height: 1;\n --font-weight-thin: var(--font-weight-thin);\n --font-weight-extralight: 200;\n --font-weight-light: var(--font-weight-light);\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-md: 12px;\n --blur-3xl: 64px;\n --aspect-video: 16 / 9;\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: var(--color-overlay-black-50);\n --color-overlay-black-80: var(--color-overlay-black-80);\n --color-overlay-white-50: var(--color-overlay-white-50);\n --color-overlay-white-80: var(--color-overlay-white-80);\n --color-overlay-gradient-black: var(--color-overlay-gradient-black);\n --color-overlay-gradient-white: var(--color-overlay-gradient-white);\n --color-overlay-gradient-theme-bg: var( --color-overlay-gradient-theme-light );\n --color-overlay-gradient-theme-text: var( --color-overlay-gradient-theme-dark );\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 --radius-full: calc(infinity * 1px);\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 ::-webkit-calendar-picker-indicator {\n line-height: 1;\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-path: inset(50%);\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-path: none;\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-16 {\n top: calc(var(--spacing) * -16);\n }\n .-top-54 {\n top: calc(var(--spacing) * -54);\n }\n .-top-\\[70\\%\\] {\n top: calc(70% * -1);\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-6 {\n top: calc(var(--spacing) * 6);\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .top-10 {\n top: calc(var(--spacing) * 10);\n }\n .top-12 {\n top: calc(var(--spacing) * 12);\n }\n .top-14 {\n top: calc(var(--spacing) * 14);\n }\n .top-\\[50\\%\\] {\n top: 50%;\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-\\[70\\%\\] {\n right: calc(70% * -1);\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-full {\n right: -100%;\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-\\[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-full {\n bottom: -100%;\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-6 {\n bottom: calc(var(--spacing) * 6);\n }\n .bottom-10 {\n bottom: calc(var(--spacing) * 10);\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-\\[70\\%\\] {\n left: calc(70% * -1);\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-full {\n left: -100%;\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-2 {\n left: calc(var(--spacing) * 2);\n }\n .left-6 {\n left: calc(var(--spacing) * 6);\n }\n .left-\\[50\\%\\] {\n left: 50%;\n }\n .left-\\[238px\\] {\n left: 238px;\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-30 {\n z-index: 30;\n }\n .z-40 {\n z-index: 40;\n }\n .z-50 {\n z-index: 50;\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 .line-clamp-\\(--collapsed-max-lines\\) {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: var(--collapsed-max-lines);\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 .hidden\\! {\n display: none !important;\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 .aspect-video {\n aspect-ratio: var(--aspect-video);\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 .size-full {\n width: 100%;\n height: 100%;\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-5\\.25 {\n height: calc(var(--spacing) * 5.25);\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-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-37\\.5 {\n height: calc(var(--spacing) * 37.5);\n }\n .h-48 {\n height: calc(var(--spacing) * 48);\n }\n .h-75 {\n height: calc(var(--spacing) * 75);\n }\n .h-100 {\n height: calc(var(--spacing) * 100);\n }\n .h-\\[15vw\\] {\n height: 15vw;\n }\n .h-\\[90svh\\] {\n height: 90svh;\n }\n .h-\\[300px\\] {\n height: 300px;\n }\n .h-\\[calc\\(100svh-56px\\)\\] {\n height: calc(100svh - 56px);\n }\n .h-\\[unset\\] {\n height: unset;\n }\n .h-fit {\n height: -moz-fit-content;\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .h-px {\n height: 1px;\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-40 {\n max-height: calc(var(--spacing) * 40);\n }\n .max-h-75 {\n max-height: calc(var(--spacing) * 75);\n }\n .max-h-80 {\n max-height: calc(var(--spacing) * 80);\n }\n .max-h-\\[150px\\] {\n max-height: 150px;\n }\n .min-h-20 {\n min-height: calc(var(--spacing) * 20);\n }\n .min-h-37\\.5 {\n min-height: calc(var(--spacing) * 37.5);\n }\n .min-h-\\[30px\\] {\n min-height: 30px;\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 {\n width: calc(var(--spacing) * 0);\n }\n .w-0\\.5 {\n width: calc(var(--spacing) * 0.5);\n }\n .w-1\\/2 {\n width: calc(1/2 * 100%);\n }\n .w-1\\/3 {\n width: calc(1/3 * 100%);\n }\n .w-1\\/4 {\n width: calc(1/4 * 100%);\n }\n .w-1\\/5 {\n width: calc(1/5 * 100%);\n }\n .w-1\\/6 {\n width: calc(1/6 * 100%);\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-20\\.25 {\n width: calc(var(--spacing) * 20.25);\n }\n .w-32 {\n width: calc(var(--spacing) * 32);\n }\n .w-50 {\n width: calc(var(--spacing) * 50);\n }\n .w-\\[70\\%\\] {\n width: 70%;\n }\n .w-\\[90\\%\\] {\n width: 90%;\n }\n .w-\\[100\\%\\] {\n width: 100%;\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\\%-32px-8px\\)\\] {\n width: calc(100% - 32px - 8px);\n }\n .w-\\[calc\\(100\\%-100px-8px\\)\\] {\n width: calc(100% - 100px - 8px);\n }\n .w-fit {\n width: -moz-fit-content;\n width: fit-content;\n }\n .w-fit\\! {\n width: -moz-fit-content !important;\n width: fit-content !important;\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-px {\n width: 1px;\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-100 {\n max-width: calc(var(--spacing) * 100);\n }\n .max-w-\\[70\\%\\] {\n max-width: 70%;\n }\n .max-w-\\[90\\%\\] {\n max-width: 90%;\n }\n .max-w-\\[800px\\] {\n max-width: 800px;\n }\n .max-w-\\[calc\\(100\\%-32px-4px\\)\\] {\n max-width: calc(100% - 32px - 4px);\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-20 {\n min-width: calc(var(--spacing) * 20);\n }\n .min-w-37\\.5 {\n min-width: calc(var(--spacing) * 37.5);\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-\\[5vw\\] {\n --tw-translate-x: calc(5vw * -1);\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 {\n --tw-translate-x: calc(var(--spacing) * 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\\/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-\\[5vw\\] {\n --tw-translate-x: 5vw;\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-1 {\n --tw-translate-y: calc(var(--spacing) * -1);\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-full {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-px {\n --tw-translate-y: 1px;\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-\\[carousel-scroll_linear_infinite\\] {\n animation: carousel-scroll linear infinite;\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-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-6 {\n -moz-column-gap: calc(var(--spacing) * 6);\n column-gap: calc(var(--spacing) * 6);\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-6 {\n row-gap: calc(var(--spacing) * 6);\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: var(--radius-full);\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-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 {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\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-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-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-theme-bg {\n background-color: var(--color-overlay-gradient-theme-bg);\n }\n .bg-overlay-gradient-theme-text {\n background-color: var(--color-overlay-gradient-theme-text);\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 .bg-linear-to-l {\n --tw-gradient-position: to left;\n @supports (background-image: linear-gradient(in lab, red, red)) {\n --tw-gradient-position: to left in oklab;\n }\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n .bg-linear-to-r {\n --tw-gradient-position: to right;\n @supports (background-image: linear-gradient(in lab, red, red)) {\n --tw-gradient-position: to right in oklab;\n }\n background-image: linear-gradient(var(--tw-gradient-stops));\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 .from-white {\n --tw-gradient-from: var(--color-white);\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 .via-white {\n --tw-gradient-via: var(--color-white);\n --tw-gradient-via-stops:\n var(--tw-gradient-position),\n var(--tw-gradient-from) var(--tw-gradient-from-position),\n var(--tw-gradient-via) var(--tw-gradient-via-position),\n var(--tw-gradient-to) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-via-stops);\n }\n .to-transparent {\n --tw-gradient-to: transparent;\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-0 {\n padding: calc(var(--spacing) * 0);\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-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-4xl {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n }\n .text-5xl {\n font-size: var(--text-5xl);\n line-height: var(--tw-leading, var(--text-5xl--line-height));\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-7xl {\n font-size: var(--text-7xl);\n line-height: var(--tw-leading, var(--text-7xl--line-height));\n }\n .text-8xl {\n font-size: var(--text-8xl);\n line-height: var(--tw-leading, var(--text-8xl--line-height));\n }\n .text-9xl {\n font-size: var(--text-9xl);\n line-height: var(--tw-leading, var(--text-9xl--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-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--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-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--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-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 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 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 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 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 backdrop-filter,\n display,\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 .\\*\\:text-left {\n :is(& > *) {\n text-align: left;\n }\n }\n .not-last\\:border-b {\n &:not(*:last-child) {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n }\n .not-last\\:border-b-gray-200 {\n &:not(*:last-child) {\n border-bottom-color: var(--color-gray-200);\n }\n }\n .file\\:mr-2 {\n &::file-selector-button {\n margin-right: calc(var(--spacing) * 2);\n }\n }\n .file\\:h-8 {\n &::file-selector-button {\n height: calc(var(--spacing) * 8);\n }\n }\n .file\\:cursor-pointer {\n &::file-selector-button {\n cursor: pointer;\n }\n }\n .file\\:bg-gray-200 {\n &::file-selector-button {\n background-color: var(--color-gray-200);\n }\n }\n .file\\:px-2 {\n &::file-selector-button {\n padding-inline: calc(var(--spacing) * 2);\n }\n }\n .file\\:text-black {\n &::file-selector-button {\n color: var(--color-black);\n }\n }\n .file\\: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\\:duration-200 {\n &::file-selector-button {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .file\\: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 .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-50 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * -50);\n }\n }\n .before\\:top-0 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * 0);\n }\n }\n .before\\:-bottom-50 {\n &::before {\n content: var(--tw-content);\n bottom: calc(var(--spacing) * -50);\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-full {\n &::before {\n content: var(--tw-content);\n height: 100%;\n }\n }\n .before\\:h-px {\n &::before {\n content: var(--tw-content);\n height: 1px;\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-25 {\n &::before {\n content: var(--tw-content);\n width: calc(var(--spacing) * 25);\n }\n }\n .before\\:w-\\[90\\%\\] {\n &::before {\n content: var(--tw-content);\n width: 90%;\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: var(--radius-full);\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\\:blur-md {\n &::before {\n content: var(--tw-content);\n --tw-blur: blur(var(--blur-md));\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: var(--radius-full);\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-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-300\\! {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-300) !important;\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-300\\! {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-300) !important;\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 .hover\\:\\[animation-play-state\\:paused\\] {\n &:hover {\n @media (hover: hover) {\n animation-play-state: paused;\n }\n }\n }\n .hover\\:file\\: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 .focus\\:border-danger-500 {\n &:focus {\n border-color: var(--color-danger-500);\n }\n }\n .focus\\:border-primary-200 {\n &:focus {\n border-color: var(--color-primary-200);\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-0 {\n &:focus {\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 }\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-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-100\\! {\n &:active {\n background-color: var(--color-gray-100) !important;\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-100\\! {\n &:active {\n color: var(--color-gray-100) !important;\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\\:text-gray-500\\! {\n &:disabled {\n color: var(--color-gray-500) !important;\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-\\[select\\:disabled\\]\\:bg-gray-100 {\n &:has(*:is(select:disabled)) {\n background-color: var(--color-gray-100);\n }\n }\n .has-\\[select\\:disabled\\]\\:text-gray-500 {\n &:has(*:is(select:disabled)) {\n color: var(--color-gray-500);\n }\n }\n .has-\\[select\\:focus\\]\\:border-danger-500 {\n &:has(*:is(select:focus)) {\n border-color: var(--color-danger-500);\n }\n }\n .has-\\[select\\:focus\\]\\:border-primary-500 {\n &:has(*:is(select:focus)) {\n border-color: var(--color-primary-500);\n }\n }\n .has-\\[select\\:focus\\]\\:border-success-500 {\n &:has(*:is(select:focus)) {\n border-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\\: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 .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-\\[250px\\] {\n @media (width >= 48rem) {\n left: 250px;\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\\:table\\! {\n @media (width >= 48rem) {\n display: table !important;\n }\n }\n .md\\:h-\\[unset\\] {\n @media (width >= 48rem) {\n height: unset;\n }\n }\n .md\\:w-\\[250px\\] {\n @media (width >= 48rem) {\n width: 250px;\n }\n }\n .md\\:w-\\[calc\\(100\\%-250px\\)\\] {\n @media (width >= 48rem) {\n width: calc(100% - 250px);\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\\:bg-transparent {\n @media (width >= 48rem) {\n background-color: transparent;\n }\n }\n .md\\:p-4 {\n @media (width >= 48rem) {\n padding: calc(var(--spacing) * 4);\n }\n }\n .md\\:px-0 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--spacing) * 0);\n }\n }\n .md\\:py-0 {\n @media (width >= 48rem) {\n padding-block: calc(var(--spacing) * 0);\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 .\\[\\&_\\.slides-wrapper\\]\\:h-\\[600px\\] {\n & .slides-wrapper {\n height: 600px;\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-2\\.5 {\n & .tooltip {\n --tw-translate-y: calc(var(--spacing) * 2.5);\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\\]\\:font-normal {\n & a {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\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\\]\\:outline-none {\n & a {\n --tw-outline-style: none;\n outline-style: none;\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 .\\[\\&_a\\.active\\]\\:font-black {\n & a.active {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\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 .\\[\\&_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-primary-500 {\n & code {\n color: var(--color-primary-500);\n }\n }\n .\\[\\&_dd\\]\\:ps-4 {\n & dd {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&_dd\\]\\:font-black {\n & dd {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n }\n .\\[\\&_dd\\]\\:font-bold {\n & dd {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n }\n .\\[\\&_dd\\]\\:font-light {\n & dd {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\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 .\\[\\&_dd\\]\\:font-thin {\n & dd {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n }\n .\\[\\&_dt\\]\\:font-black {\n & dt {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\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 .\\[\\&_dt\\]\\:font-light {\n & dt {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n }\n .\\[\\&_dt\\]\\:font-normal {\n & dt {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n }\n .\\[\\&_dt\\]\\:font-thin {\n & dt {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n }\n .\\[\\&_input\\]\\:bg-transparent {\n & input {\n background-color: transparent;\n }\n }\n .\\[\\&_select\\]\\:bg-transparent {\n & select {\n background-color: transparent;\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\\]\\:block {\n & td {\n display: block;\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 .md\\:\\[\\&_td\\]\\:table-cell {\n @media (width >= 48rem) {\n & td {\n display: table-cell;\n }\n }\n }\n .\\[\\&_td\\:last-child\\]\\:p-0 {\n & td:last-child {\n padding: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&_th\\]\\:block {\n & th {\n display: block;\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 .md\\:\\[\\&_th\\]\\:table-cell {\n @media (width >= 48rem) {\n & th {\n display: table-cell;\n }\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 .\\[\\&\\.input-textarea\\]\\:outline-none {\n &.input-textarea {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus\\:\\[\\&\\.input-textarea\\]\\:border-danger-500 {\n &:focus {\n &.input-textarea {\n border-color: var(--color-danger-500);\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\\]\\:flex {\n &.open {\n display: flex;\n }\n }\n .\\[\\&\\.open\\]\\:max-h-44\\.75 {\n &.open {\n max-height: calc(var(--spacing) * 44.75);\n }\n }\n .\\[\\&\\.open\\]\\:max-h-75 {\n &.open {\n max-height: calc(var(--spacing) * 75);\n }\n }\n .\\[\\&\\.open\\]\\:max-h-100 {\n &.open {\n max-height: calc(var(--spacing) * 100);\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-full {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n top: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:right-full {\n &.with-arrow {\n &::after {\n content: var(--tw-content);\n right: 100%;\n }\n }\n }\n .\\[\\&\\.with-arrow\\]\\:after\\:bottom-full {\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-full {\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: calc(50% * -1);\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: calc(50% * -1);\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-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-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-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-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: var(--radius-full);\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: var(--radius-full);\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 .\\[\\&\\>\\*\\]\\: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 .\\[\\&\\>\\*\\]\\: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 .\\[\\&\\>pre\\]\\:bg-gray-800\\! {\n & > pre {\n background-color: var(--color-gray-800) !important;\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 --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.5) 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.8) 100% );\n --color-overlay-gradient-theme-bg:\n linear-gradient(\n \n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.8) 100% );\n --color-overlay-gradient-theme-text:\n linear-gradient(\n \n 180deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(0, 0, 0, 0.5) 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 --radius-full: calc(infinity * 1px);\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 height: -moz-fit-content;\n height: fit-content;\n background-color: var(--color-background);\n color: var(--color-font);\n max-width: 100dvw;\n line-height: var(--leading-normal);\n}\n.dark {\n --color-primary-50: var(--color-blue-950);\n --color-primary-100: var(--color-blue-900);\n --color-primary-200: var(--color-blue-800);\n --color-primary-300: var(--color-blue-700);\n --color-primary-400: var(--color-blue-600);\n --color-primary-500: var(--color-blue-500);\n --color-primary-600: var(--color-blue-400);\n --color-primary-700: var(--color-blue-300);\n --color-primary-800: var(--color-blue-200);\n --color-primary-900: var(--color-blue-100);\n --color-primary-950: var(--color-blue-50);\n --color-secondary-50: var(--color-cyan-950);\n --color-secondary-100: var(--color-cyan-900);\n --color-secondary-200: var(--color-cyan-800);\n --color-secondary-300: var(--color-cyan-700);\n --color-secondary-400: var(--color-cyan-600);\n --color-secondary-500: var(--color-cyan-500);\n --color-secondary-600: var(--color-cyan-400);\n --color-secondary-700: var(--color-cyan-300);\n --color-secondary-800: var(--color-cyan-200);\n --color-secondary-900: var(--color-cyan-100);\n --color-secondary-950: var(--color-cyan-50);\n --color-success-50: var(--color-green-950);\n --color-success-100: var(--color-green-900);\n --color-success-200: var(--color-green-800);\n --color-success-300: var(--color-green-700);\n --color-success-400: var(--color-green-600);\n --color-success-500: var(--color-green-500);\n --color-success-600: var(--color-green-400);\n --color-success-700: var(--color-green-300);\n --color-success-800: var(--color-green-200);\n --color-success-900: var(--color-green-100);\n --color-success-950: var(--color-green-50);\n --color-danger-50: var(--color-red-950);\n --color-danger-100: var(--color-red-900);\n --color-danger-200: var(--color-red-800);\n --color-danger-300: var(--color-red-700);\n --color-danger-400: var(--color-red-600);\n --color-danger-500: var(--color-red-500);\n --color-danger-600: var(--color-red-400);\n --color-danger-700: var(--color-red-300);\n --color-danger-800: var(--color-red-200);\n --color-danger-900: var(--color-red-100);\n --color-danger-950: var(--color-red-50);\n --color-warning-50: var(--color-amber-950);\n --color-warning-100: var(--color-amber-900);\n --color-warning-200: var(--color-amber-800);\n --color-warning-300: var(--color-amber-700);\n --color-warning-400: var(--color-amber-600);\n --color-warning-500: var(--color-amber-500);\n --color-warning-600: var(--color-amber-400);\n --color-warning-700: var(--color-amber-300);\n --color-warning-800: var(--color-amber-200);\n --color-warning-900: var(--color-amber-100);\n --color-warning-950: var(--color-amber-50);\n --color-gray-50: var(--color-neutral-950);\n --color-gray-100: var(--color-neutral-900);\n --color-gray-200: var(--color-neutral-800);\n --color-gray-300: var(--color-neutral-700);\n --color-gray-400: var(--color-neutral-600);\n --color-gray-500: var(--color-neutral-500);\n --color-gray-600: var(--color-neutral-400);\n --color-gray-700: var(--color-neutral-300);\n --color-gray-800: var(--color-neutral-200);\n --color-gray-900: var(--color-neutral-100);\n --color-gray-950: var(--color-neutral-50);\n --color-background: var(--color-black);\n --color-font: var(--color-white);\n --color-overlay-gradient-theme-bg:\n linear-gradient(\n \n 180deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(0, 0, 0, 0.5) 100% );\n --color-overlay-gradient-theme-text:\n linear-gradient(\n \n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.8) 100% );\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.bg-overlay-black-50 {\n background: var(--color-overlay-black-50);\n}\n.bg-overlay-black-80 {\n background: var(--color-overlay-black-80);\n}\n.bg-overlay-white-50 {\n background: var(--color-overlay-white-50);\n}\n.bg-overlay-white-80 {\n background: var(--color-overlay-white-80);\n}\n.bg-overlay-gradient-black {\n background: var(--color-overlay-gradient-black);\n}\n.bg-overlay-gradient-white {\n background: var(--color-overlay-gradient-white);\n}\n.bg-overlay-gradient-theme-bg {\n background: var(--color-overlay-gradient-theme-bg);\n}\n.bg-overlay-gradient-theme-text {\n background: var(--overlay-gradient-theme-text);\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@keyframes carousel-scroll {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(-33.333%);\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');
|
|
3106
3111
|
|
|
3107
3112
|
// src/lib/index.ts
|
|
3108
3113
|
init_utils();
|
|
3109
|
-
var
|
|
3114
|
+
var import_utils148 = require("@julseb-lib/utils");
|
|
3110
3115
|
|
|
3111
3116
|
// src/lib/hooks/useClickOutside.tsx
|
|
3112
3117
|
var import_react5 = require("react");
|
|
@@ -3573,6 +3578,8 @@ var OVERLAYS = /* @__PURE__ */ ((OVERLAYS2) => {
|
|
|
3573
3578
|
OVERLAYS2["WHITE_80"] = "var(--color-overlay-white-80)";
|
|
3574
3579
|
OVERLAYS2["GRADIENT_BLACK"] = "var(--color-overlay-gradient-black)";
|
|
3575
3580
|
OVERLAYS2["GRADIENT_WHITE"] = "var(--color-overlay-gradient-white)";
|
|
3581
|
+
OVERLAYS2["GRADIENT_THEME_BG"] = "var(--color-overlay-gradient-theme-bg)";
|
|
3582
|
+
OVERLAYS2["GRADIENT_THEME_TEXT"] = "var(--color-overlay-gradient-theme-text)";
|
|
3576
3583
|
return OVERLAYS2;
|
|
3577
3584
|
})(OVERLAYS || {});
|
|
3578
3585
|
var FONT_FAMILIES = /* @__PURE__ */ ((FONT_FAMILIES2) => {
|
|
@@ -67985,18 +67992,77 @@ var Breadcrumbs = ({
|
|
|
67985
67992
|
);
|
|
67986
67993
|
};
|
|
67987
67994
|
|
|
67995
|
+
// src/lib/components/CollapsedText/CollapsedText.tsx
|
|
67996
|
+
var import_react77 = require("react");
|
|
67997
|
+
init_Text2();
|
|
67998
|
+
init_utils();
|
|
67999
|
+
var import_jsx_runtime331 = require("react/jsx-runtime");
|
|
68000
|
+
var CollapsedText = ({
|
|
68001
|
+
className,
|
|
68002
|
+
element = "div",
|
|
68003
|
+
ref,
|
|
68004
|
+
children,
|
|
68005
|
+
defaultOpen,
|
|
68006
|
+
texts,
|
|
68007
|
+
textProps,
|
|
68008
|
+
collapsedMaxLines = 3,
|
|
68009
|
+
...rest
|
|
68010
|
+
}) => {
|
|
68011
|
+
const Element = element;
|
|
68012
|
+
const [isOpen, setIsOpen] = (0, import_react77.useState)(defaultOpen);
|
|
68013
|
+
return /* @__PURE__ */ (0, import_jsx_runtime331.jsxs)(
|
|
68014
|
+
Element,
|
|
68015
|
+
{
|
|
68016
|
+
ref,
|
|
68017
|
+
className: clsx("relative", "collapsed-text", className),
|
|
68018
|
+
...rest,
|
|
68019
|
+
children: [
|
|
68020
|
+
/* @__PURE__ */ (0, import_jsx_runtime331.jsx)(
|
|
68021
|
+
Text,
|
|
68022
|
+
{
|
|
68023
|
+
className: clsx(
|
|
68024
|
+
!isOpen && `line-clamp-(--collapsed-max-lines)`,
|
|
68025
|
+
textProps?.className
|
|
68026
|
+
),
|
|
68027
|
+
style: {
|
|
68028
|
+
...textProps?.style,
|
|
68029
|
+
["--collapsed-max-lines"]: collapsedMaxLines
|
|
68030
|
+
},
|
|
68031
|
+
...textProps,
|
|
68032
|
+
children
|
|
68033
|
+
}
|
|
68034
|
+
),
|
|
68035
|
+
!isOpen && /* @__PURE__ */ (0, import_jsx_runtime331.jsx)("div", { className: "bottom-6 left-0 absolute bg-overlay-gradient-theme-bg w-full h-12" }),
|
|
68036
|
+
/* @__PURE__ */ (0, import_jsx_runtime331.jsxs)(
|
|
68037
|
+
Button,
|
|
68038
|
+
{
|
|
68039
|
+
onClick: () => setIsOpen(!isOpen),
|
|
68040
|
+
variant: "transparent",
|
|
68041
|
+
className: "p-0 focus:ring-0",
|
|
68042
|
+
children: [
|
|
68043
|
+
texts?.read ?? "Read",
|
|
68044
|
+
" ",
|
|
68045
|
+
isOpen ? texts?.more ?? "less" : texts?.less ?? "more"
|
|
68046
|
+
]
|
|
68047
|
+
}
|
|
68048
|
+
)
|
|
68049
|
+
]
|
|
68050
|
+
}
|
|
68051
|
+
);
|
|
68052
|
+
};
|
|
68053
|
+
|
|
67988
68054
|
// src/lib/components/Accordion/Accordion.tsx
|
|
67989
|
-
var
|
|
67990
|
-
var
|
|
68055
|
+
var import_react81 = require("react");
|
|
68056
|
+
var import_utils97 = require("@julseb-lib/utils");
|
|
67991
68057
|
|
|
67992
68058
|
// src/lib/components/Accordion/AccordionItem.tsx
|
|
67993
|
-
var
|
|
68059
|
+
var import_react80 = require("react");
|
|
67994
68060
|
|
|
67995
68061
|
// src/lib/components/Accordion/AccordionTitle.tsx
|
|
67996
|
-
var
|
|
68062
|
+
var import_react78 = require("react");
|
|
67997
68063
|
var import_bi16 = require("react-icons/bi");
|
|
67998
68064
|
init_utils();
|
|
67999
|
-
var
|
|
68065
|
+
var import_jsx_runtime332 = require("react/jsx-runtime");
|
|
68000
68066
|
var AccordionTitle = ({
|
|
68001
68067
|
ref,
|
|
68002
68068
|
className,
|
|
@@ -68007,7 +68073,7 @@ var AccordionTitle = ({
|
|
|
68007
68073
|
children,
|
|
68008
68074
|
...rest
|
|
68009
68075
|
}) => {
|
|
68010
|
-
return /* @__PURE__ */ (0,
|
|
68076
|
+
return /* @__PURE__ */ (0, import_jsx_runtime332.jsxs)(
|
|
68011
68077
|
"button",
|
|
68012
68078
|
{
|
|
68013
68079
|
ref,
|
|
@@ -68021,8 +68087,8 @@ var AccordionTitle = ({
|
|
|
68021
68087
|
onClick: () => setIsOpen(!isOpen),
|
|
68022
68088
|
...rest,
|
|
68023
68089
|
children: [
|
|
68024
|
-
/* @__PURE__ */ (0,
|
|
68025
|
-
icon === "plus" ? /* @__PURE__ */ (0,
|
|
68090
|
+
/* @__PURE__ */ (0, import_jsx_runtime332.jsx)("span", { className: "accordion-title-content", children }),
|
|
68091
|
+
icon === "plus" ? /* @__PURE__ */ (0, import_jsx_runtime332.jsx)(
|
|
68026
68092
|
import_bi16.BiPlus,
|
|
68027
68093
|
{
|
|
68028
68094
|
className: clsx(
|
|
@@ -68032,7 +68098,7 @@ var AccordionTitle = ({
|
|
|
68032
68098
|
"accordion-title-icon"
|
|
68033
68099
|
)
|
|
68034
68100
|
}
|
|
68035
|
-
) : /* @__PURE__ */ (0,
|
|
68101
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime332.jsx)(
|
|
68036
68102
|
import_bi16.BiChevronDown,
|
|
68037
68103
|
{
|
|
68038
68104
|
className: clsx(
|
|
@@ -68049,10 +68115,10 @@ var AccordionTitle = ({
|
|
|
68049
68115
|
};
|
|
68050
68116
|
|
|
68051
68117
|
// src/lib/components/Accordion/AccordionContent.tsx
|
|
68052
|
-
var
|
|
68118
|
+
var import_react79 = require("react");
|
|
68053
68119
|
init_Text2();
|
|
68054
68120
|
init_utils();
|
|
68055
|
-
var
|
|
68121
|
+
var import_jsx_runtime333 = require("react/jsx-runtime");
|
|
68056
68122
|
var AccordionContent = ({
|
|
68057
68123
|
element,
|
|
68058
68124
|
ref,
|
|
@@ -68063,7 +68129,7 @@ var AccordionContent = ({
|
|
|
68063
68129
|
...rest
|
|
68064
68130
|
}) => {
|
|
68065
68131
|
const Element = element ?? (typeof children === "string" ? Text : "div");
|
|
68066
|
-
return /* @__PURE__ */ (0,
|
|
68132
|
+
return /* @__PURE__ */ (0, import_jsx_runtime333.jsx)(
|
|
68067
68133
|
Element,
|
|
68068
68134
|
{
|
|
68069
68135
|
ref,
|
|
@@ -68083,7 +68149,7 @@ var AccordionContent = ({
|
|
|
68083
68149
|
|
|
68084
68150
|
// src/lib/components/Accordion/AccordionItem.tsx
|
|
68085
68151
|
init_utils();
|
|
68086
|
-
var
|
|
68152
|
+
var import_jsx_runtime334 = require("react/jsx-runtime");
|
|
68087
68153
|
var AccordionItem = ({
|
|
68088
68154
|
element = "div",
|
|
68089
68155
|
title,
|
|
@@ -68095,14 +68161,14 @@ var AccordionItem = ({
|
|
|
68095
68161
|
...rest
|
|
68096
68162
|
}) => {
|
|
68097
68163
|
const Element = element;
|
|
68098
|
-
const [isOpen, setIsOpen] = (0,
|
|
68099
|
-
return /* @__PURE__ */ (0,
|
|
68164
|
+
const [isOpen, setIsOpen] = (0, import_react80.useState)(defaultOpen);
|
|
68165
|
+
return /* @__PURE__ */ (0, import_jsx_runtime334.jsxs)(
|
|
68100
68166
|
Element,
|
|
68101
68167
|
{
|
|
68102
68168
|
className: clsx("flex flex-col", "accordion-item", className),
|
|
68103
68169
|
...rest,
|
|
68104
68170
|
children: [
|
|
68105
|
-
/* @__PURE__ */ (0,
|
|
68171
|
+
/* @__PURE__ */ (0, import_jsx_runtime334.jsx)(
|
|
68106
68172
|
AccordionTitle,
|
|
68107
68173
|
{
|
|
68108
68174
|
isOpen,
|
|
@@ -68112,7 +68178,7 @@ var AccordionItem = ({
|
|
|
68112
68178
|
children: title
|
|
68113
68179
|
}
|
|
68114
68180
|
),
|
|
68115
|
-
/* @__PURE__ */ (0,
|
|
68181
|
+
/* @__PURE__ */ (0, import_jsx_runtime334.jsx)(AccordionContent, { variant, isOpen, children })
|
|
68116
68182
|
]
|
|
68117
68183
|
}
|
|
68118
68184
|
);
|
|
@@ -68120,7 +68186,7 @@ var AccordionItem = ({
|
|
|
68120
68186
|
|
|
68121
68187
|
// src/lib/components/Accordion/Accordion.tsx
|
|
68122
68188
|
init_utils();
|
|
68123
|
-
var
|
|
68189
|
+
var import_jsx_runtime335 = require("react/jsx-runtime");
|
|
68124
68190
|
var Accordion = ({
|
|
68125
68191
|
className,
|
|
68126
68192
|
element = "div",
|
|
@@ -68132,7 +68198,7 @@ var Accordion = ({
|
|
|
68132
68198
|
...rest
|
|
68133
68199
|
}) => {
|
|
68134
68200
|
const Element = element;
|
|
68135
|
-
return /* @__PURE__ */ (0,
|
|
68201
|
+
return /* @__PURE__ */ (0, import_jsx_runtime335.jsx)(
|
|
68136
68202
|
Element,
|
|
68137
68203
|
{
|
|
68138
68204
|
ref,
|
|
@@ -68143,7 +68209,7 @@ var Accordion = ({
|
|
|
68143
68209
|
className
|
|
68144
68210
|
),
|
|
68145
68211
|
...rest,
|
|
68146
|
-
children: items?.map((item) => /* @__PURE__ */ (0,
|
|
68212
|
+
children: items?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime335.jsx)(
|
|
68147
68213
|
AccordionItem,
|
|
68148
68214
|
{
|
|
68149
68215
|
icon,
|
|
@@ -68152,20 +68218,20 @@ var Accordion = ({
|
|
|
68152
68218
|
defaultOpen: item.defaultOpen,
|
|
68153
68219
|
children: item.content
|
|
68154
68220
|
},
|
|
68155
|
-
(0,
|
|
68221
|
+
(0, import_utils97.uuid)()
|
|
68156
68222
|
)) ?? children
|
|
68157
68223
|
}
|
|
68158
68224
|
);
|
|
68159
68225
|
};
|
|
68160
68226
|
|
|
68161
68227
|
// src/lib/components/Dropdown/Dropdown.tsx
|
|
68162
|
-
var
|
|
68163
|
-
var
|
|
68228
|
+
var import_react83 = require("react");
|
|
68229
|
+
var import_utils100 = require("@julseb-lib/utils");
|
|
68164
68230
|
|
|
68165
68231
|
// src/lib/components/Dropdown/DropdownItem.tsx
|
|
68166
|
-
var
|
|
68232
|
+
var import_react82 = require("react");
|
|
68167
68233
|
init_utils();
|
|
68168
|
-
var
|
|
68234
|
+
var import_jsx_runtime336 = require("react/jsx-runtime");
|
|
68169
68235
|
var DropdownItem = ({
|
|
68170
68236
|
element = "button",
|
|
68171
68237
|
children,
|
|
@@ -68173,7 +68239,7 @@ var DropdownItem = ({
|
|
|
68173
68239
|
...rest
|
|
68174
68240
|
}) => {
|
|
68175
68241
|
const Element = element;
|
|
68176
|
-
return /* @__PURE__ */ (0,
|
|
68242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime336.jsx)(
|
|
68177
68243
|
Element,
|
|
68178
68244
|
{
|
|
68179
68245
|
className: clsx(
|
|
@@ -68190,8 +68256,8 @@ var DropdownItem = ({
|
|
|
68190
68256
|
|
|
68191
68257
|
// src/lib/components/Dropdown/Dropdown.tsx
|
|
68192
68258
|
init_utils();
|
|
68193
|
-
var
|
|
68194
|
-
var
|
|
68259
|
+
var import_jsx_runtime337 = require("react/jsx-runtime");
|
|
68260
|
+
var import_react84 = require("react");
|
|
68195
68261
|
var Dropdown = ({
|
|
68196
68262
|
className,
|
|
68197
68263
|
element = "div",
|
|
@@ -68206,11 +68272,11 @@ var Dropdown = ({
|
|
|
68206
68272
|
...rest
|
|
68207
68273
|
}) => {
|
|
68208
68274
|
const Element = element;
|
|
68209
|
-
const el = (0,
|
|
68275
|
+
const el = (0, import_react83.useRef)(null);
|
|
68210
68276
|
useClickOutside(el, () => {
|
|
68211
68277
|
if (isOpen) setIsOpen(false);
|
|
68212
68278
|
});
|
|
68213
|
-
return /* @__PURE__ */ (0,
|
|
68279
|
+
return /* @__PURE__ */ (0, import_jsx_runtime337.jsx)(
|
|
68214
68280
|
Element,
|
|
68215
68281
|
{
|
|
68216
68282
|
ref: useMergeRefs([ref, el]),
|
|
@@ -68225,11 +68291,11 @@ var Dropdown = ({
|
|
|
68225
68291
|
className
|
|
68226
68292
|
),
|
|
68227
68293
|
...rest,
|
|
68228
|
-
children: items?.map((item) => /* @__PURE__ */ (0,
|
|
68294
|
+
children: items?.map((item) => /* @__PURE__ */ (0, import_react84.createElement)(
|
|
68229
68295
|
DropdownItem,
|
|
68230
68296
|
{
|
|
68231
68297
|
...item,
|
|
68232
|
-
key: (0,
|
|
68298
|
+
key: (0, import_utils100.uuid)(),
|
|
68233
68299
|
element: item.element ?? "button",
|
|
68234
68300
|
content: void 0
|
|
68235
68301
|
},
|
|
@@ -68240,7 +68306,7 @@ var Dropdown = ({
|
|
|
68240
68306
|
};
|
|
68241
68307
|
|
|
68242
68308
|
// src/lib/components/Toast/Toast.tsx
|
|
68243
|
-
var
|
|
68309
|
+
var import_react85 = require("react");
|
|
68244
68310
|
var import_bi17 = require("react-icons/bi");
|
|
68245
68311
|
init_Text2();
|
|
68246
68312
|
init_utils();
|
|
@@ -68255,7 +68321,7 @@ var genToastColors = {
|
|
|
68255
68321
|
};
|
|
68256
68322
|
|
|
68257
68323
|
// src/lib/components/Toast/Toast.tsx
|
|
68258
|
-
var
|
|
68324
|
+
var import_jsx_runtime338 = require("react/jsx-runtime");
|
|
68259
68325
|
var Toast = ({
|
|
68260
68326
|
className,
|
|
68261
68327
|
element = "div",
|
|
@@ -68270,7 +68336,7 @@ var Toast = ({
|
|
|
68270
68336
|
...rest
|
|
68271
68337
|
}) => {
|
|
68272
68338
|
const Element = element;
|
|
68273
|
-
return /* @__PURE__ */ (0,
|
|
68339
|
+
return /* @__PURE__ */ (0, import_jsx_runtime338.jsxs)(
|
|
68274
68340
|
Element,
|
|
68275
68341
|
{
|
|
68276
68342
|
ref,
|
|
@@ -68282,10 +68348,10 @@ var Toast = ({
|
|
|
68282
68348
|
),
|
|
68283
68349
|
...rest,
|
|
68284
68350
|
children: [
|
|
68285
|
-
!hideCloseButton || status === "loading" ? /* @__PURE__ */ (0,
|
|
68286
|
-
status === "loading" ? /* @__PURE__ */ (0,
|
|
68287
|
-
/* @__PURE__ */ (0,
|
|
68288
|
-
/* @__PURE__ */ (0,
|
|
68351
|
+
!hideCloseButton || status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime338.jsxs)("div", { className: "flex justify-between gap-2 w-full toast-content-wrapper", children: [
|
|
68352
|
+
status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime338.jsxs)("span", { className: "inline-flex items-center gap-2 toast-title-wrapper", children: [
|
|
68353
|
+
/* @__PURE__ */ (0, import_jsx_runtime338.jsx)(Text, { tag: "strong", className: "toast-title", children: title }),
|
|
68354
|
+
/* @__PURE__ */ (0, import_jsx_runtime338.jsx)(
|
|
68289
68355
|
Loader,
|
|
68290
68356
|
{
|
|
68291
68357
|
className: "border-2 size-4 toast-loader",
|
|
@@ -68293,8 +68359,8 @@ var Toast = ({
|
|
|
68293
68359
|
variant: loaderVariant
|
|
68294
68360
|
}
|
|
68295
68361
|
)
|
|
68296
|
-
] }) : /* @__PURE__ */ (0,
|
|
68297
|
-
!hideCloseButton && /* @__PURE__ */ (0,
|
|
68362
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime338.jsx)(Text, { tag: "strong", className: "toast-title", children: title }),
|
|
68363
|
+
!hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime338.jsx)(
|
|
68298
68364
|
"button",
|
|
68299
68365
|
{
|
|
68300
68366
|
onClick: closeToast,
|
|
@@ -68304,11 +68370,11 @@ var Toast = ({
|
|
|
68304
68370
|
genRingColor["gray"],
|
|
68305
68371
|
"toast-close-button"
|
|
68306
68372
|
),
|
|
68307
|
-
children: iconClose ?? /* @__PURE__ */ (0,
|
|
68373
|
+
children: iconClose ?? /* @__PURE__ */ (0, import_jsx_runtime338.jsx)(import_bi17.BiX, { size: 20, className: "toast-close-icon" })
|
|
68308
68374
|
}
|
|
68309
68375
|
)
|
|
68310
|
-
] }) : /* @__PURE__ */ (0,
|
|
68311
|
-
typeof body === "string" ? /* @__PURE__ */ (0,
|
|
68376
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime338.jsx)(Text, { tag: "strong", className: "toast-title", children: title }),
|
|
68377
|
+
typeof body === "string" ? /* @__PURE__ */ (0, import_jsx_runtime338.jsx)(Text, { className: "toast-body", children: body }) : body
|
|
68312
68378
|
]
|
|
68313
68379
|
}
|
|
68314
68380
|
);
|
|
@@ -68316,17 +68382,17 @@ var Toast = ({
|
|
|
68316
68382
|
|
|
68317
68383
|
// src/lib/components/Toast/ToastContainer.tsx
|
|
68318
68384
|
var import_react_toastify = require("react-toastify");
|
|
68319
|
-
var
|
|
68385
|
+
var import_jsx_runtime339 = require("react/jsx-runtime");
|
|
68320
68386
|
var ToastContainer = ({
|
|
68321
68387
|
position = "bottom-right",
|
|
68322
68388
|
...rest
|
|
68323
68389
|
}) => {
|
|
68324
|
-
return /* @__PURE__ */ (0,
|
|
68390
|
+
return /* @__PURE__ */ (0, import_jsx_runtime339.jsx)(import_react_toastify.ToastContainer, { position, ...rest });
|
|
68325
68391
|
};
|
|
68326
68392
|
|
|
68327
68393
|
// src/lib/components/Toast/ToastFn.tsx
|
|
68328
68394
|
var import_react_toastify2 = require("react-toastify");
|
|
68329
|
-
var
|
|
68395
|
+
var import_jsx_runtime340 = require("react/jsx-runtime");
|
|
68330
68396
|
var COMMON_STYLES = {
|
|
68331
68397
|
padding: 0,
|
|
68332
68398
|
height: "unset",
|
|
@@ -68336,7 +68402,7 @@ var COMMON_STYLES = {
|
|
|
68336
68402
|
};
|
|
68337
68403
|
var toast = {
|
|
68338
68404
|
success: (title, options) => import_react_toastify2.toast.success(
|
|
68339
|
-
({ closeToast }) => /* @__PURE__ */ (0,
|
|
68405
|
+
({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime340.jsx)(
|
|
68340
68406
|
Toast,
|
|
68341
68407
|
{
|
|
68342
68408
|
...options,
|
|
@@ -68357,7 +68423,7 @@ var toast = {
|
|
|
68357
68423
|
}
|
|
68358
68424
|
),
|
|
68359
68425
|
error: (title, options) => import_react_toastify2.toast.error(
|
|
68360
|
-
({ closeToast }) => /* @__PURE__ */ (0,
|
|
68426
|
+
({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime340.jsx)(
|
|
68361
68427
|
Toast,
|
|
68362
68428
|
{
|
|
68363
68429
|
...options,
|
|
@@ -68379,7 +68445,7 @@ var toast = {
|
|
|
68379
68445
|
}
|
|
68380
68446
|
),
|
|
68381
68447
|
warning: (title, options) => import_react_toastify2.toast.warning(
|
|
68382
|
-
({ closeToast }) => /* @__PURE__ */ (0,
|
|
68448
|
+
({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime340.jsx)(
|
|
68383
68449
|
Toast,
|
|
68384
68450
|
{
|
|
68385
68451
|
...options,
|
|
@@ -68401,7 +68467,7 @@ var toast = {
|
|
|
68401
68467
|
}
|
|
68402
68468
|
),
|
|
68403
68469
|
info: (title, options) => import_react_toastify2.toast.info(
|
|
68404
|
-
({ closeToast }) => /* @__PURE__ */ (0,
|
|
68470
|
+
({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime340.jsx)(
|
|
68405
68471
|
Toast,
|
|
68406
68472
|
{
|
|
68407
68473
|
...options,
|
|
@@ -68423,7 +68489,7 @@ var toast = {
|
|
|
68423
68489
|
}
|
|
68424
68490
|
),
|
|
68425
68491
|
loading: (title, options) => import_react_toastify2.toast.loading(
|
|
68426
|
-
({ closeToast }) => /* @__PURE__ */ (0,
|
|
68492
|
+
({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime340.jsx)(
|
|
68427
68493
|
Toast,
|
|
68428
68494
|
{
|
|
68429
68495
|
...options,
|
|
@@ -68449,10 +68515,10 @@ var toast = {
|
|
|
68449
68515
|
};
|
|
68450
68516
|
|
|
68451
68517
|
// src/lib/components/Alert/Alert.tsx
|
|
68452
|
-
var
|
|
68518
|
+
var import_react86 = require("react");
|
|
68453
68519
|
init_Text2();
|
|
68454
68520
|
init_utils();
|
|
68455
|
-
var
|
|
68521
|
+
var import_jsx_runtime341 = require("react/jsx-runtime");
|
|
68456
68522
|
var Alert = ({
|
|
68457
68523
|
children,
|
|
68458
68524
|
className,
|
|
@@ -68462,7 +68528,7 @@ var Alert = ({
|
|
|
68462
68528
|
...rest
|
|
68463
68529
|
}) => {
|
|
68464
68530
|
const Element = element;
|
|
68465
|
-
return /* @__PURE__ */ (0,
|
|
68531
|
+
return /* @__PURE__ */ (0, import_jsx_runtime341.jsx)(
|
|
68466
68532
|
Element,
|
|
68467
68533
|
{
|
|
68468
68534
|
ref,
|
|
@@ -68480,10 +68546,10 @@ var Alert = ({
|
|
|
68480
68546
|
};
|
|
68481
68547
|
|
|
68482
68548
|
// src/lib/components/Modal/Modal.tsx
|
|
68483
|
-
var
|
|
68549
|
+
var import_react87 = require("react");
|
|
68484
68550
|
var import_bi18 = require("react-icons/bi");
|
|
68485
68551
|
init_utils();
|
|
68486
|
-
var
|
|
68552
|
+
var import_jsx_runtime342 = require("react/jsx-runtime");
|
|
68487
68553
|
var Modal = ({
|
|
68488
68554
|
className,
|
|
68489
68555
|
element = "div",
|
|
@@ -68493,13 +68559,13 @@ var Modal = ({
|
|
|
68493
68559
|
setIsOpen,
|
|
68494
68560
|
disableEsc,
|
|
68495
68561
|
hideCloseButton,
|
|
68496
|
-
closeIcon = /* @__PURE__ */ (0,
|
|
68562
|
+
closeIcon = /* @__PURE__ */ (0, import_jsx_runtime342.jsx)(import_bi18.BiX, { size: 32 }),
|
|
68497
68563
|
labelClose = "Close modal",
|
|
68498
68564
|
enableScrollWhenOpen,
|
|
68499
68565
|
...rest
|
|
68500
68566
|
}) => {
|
|
68501
68567
|
const Element = element;
|
|
68502
|
-
const el = (0,
|
|
68568
|
+
const el = (0, import_react87.useRef)(null);
|
|
68503
68569
|
const { setHasModalOpen } = useModalOpen();
|
|
68504
68570
|
const handleClose = () => {
|
|
68505
68571
|
if (isOpen) {
|
|
@@ -68511,7 +68577,7 @@ var Modal = ({
|
|
|
68511
68577
|
useKeyPress("Escape", () => {
|
|
68512
68578
|
if (isOpen && !disableEsc) handleClose();
|
|
68513
68579
|
});
|
|
68514
|
-
(0,
|
|
68580
|
+
(0, import_react87.useEffect)(() => {
|
|
68515
68581
|
if (!enableScrollWhenOpen) {
|
|
68516
68582
|
if (isOpen) {
|
|
68517
68583
|
setHasModalOpen(true);
|
|
@@ -68522,7 +68588,7 @@ var Modal = ({
|
|
|
68522
68588
|
}
|
|
68523
68589
|
}
|
|
68524
68590
|
}, [isOpen, enableScrollWhenOpen]);
|
|
68525
|
-
return /* @__PURE__ */ (0,
|
|
68591
|
+
return /* @__PURE__ */ (0, import_jsx_runtime342.jsxs)(
|
|
68526
68592
|
Element,
|
|
68527
68593
|
{
|
|
68528
68594
|
ref,
|
|
@@ -68535,7 +68601,7 @@ var Modal = ({
|
|
|
68535
68601
|
),
|
|
68536
68602
|
...rest,
|
|
68537
68603
|
children: [
|
|
68538
|
-
!hideCloseButton && /* @__PURE__ */ (0,
|
|
68604
|
+
!hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime342.jsx)(
|
|
68539
68605
|
"button",
|
|
68540
68606
|
{
|
|
68541
68607
|
className: clsx(
|
|
@@ -68548,7 +68614,7 @@ var Modal = ({
|
|
|
68548
68614
|
children: closeIcon
|
|
68549
68615
|
}
|
|
68550
68616
|
),
|
|
68551
|
-
/* @__PURE__ */ (0,
|
|
68617
|
+
/* @__PURE__ */ (0, import_jsx_runtime342.jsx)(
|
|
68552
68618
|
"div",
|
|
68553
68619
|
{
|
|
68554
68620
|
ref: el,
|
|
@@ -68565,21 +68631,21 @@ var Modal = ({
|
|
|
68565
68631
|
};
|
|
68566
68632
|
|
|
68567
68633
|
// src/lib/components/DragList/DragList.tsx
|
|
68568
|
-
var
|
|
68634
|
+
var import_react89 = require("react");
|
|
68569
68635
|
|
|
68570
68636
|
// src/lib/components/DragList/DragListItem.tsx
|
|
68571
|
-
var
|
|
68637
|
+
var import_react88 = require("react");
|
|
68572
68638
|
var import_bi19 = require("react-icons/bi");
|
|
68573
68639
|
init_Text2();
|
|
68574
68640
|
init_utils();
|
|
68575
|
-
var
|
|
68641
|
+
var import_jsx_runtime343 = require("react/jsx-runtime");
|
|
68576
68642
|
var DragListItem = ({
|
|
68577
68643
|
className,
|
|
68578
68644
|
element = "div",
|
|
68579
68645
|
ref,
|
|
68580
68646
|
children,
|
|
68581
68647
|
index,
|
|
68582
|
-
iconDrag = /* @__PURE__ */ (0,
|
|
68648
|
+
iconDrag = /* @__PURE__ */ (0, import_jsx_runtime343.jsx)(import_bi19.BiDotsVerticalRounded, { size: 24 }),
|
|
68583
68649
|
handleDragStart,
|
|
68584
68650
|
handleDragOver,
|
|
68585
68651
|
item,
|
|
@@ -68587,7 +68653,7 @@ var DragListItem = ({
|
|
|
68587
68653
|
iconLabel = "Drag"
|
|
68588
68654
|
}) => {
|
|
68589
68655
|
const Element = element;
|
|
68590
|
-
return /* @__PURE__ */ (0,
|
|
68656
|
+
return /* @__PURE__ */ (0, import_jsx_runtime343.jsxs)(
|
|
68591
68657
|
Element,
|
|
68592
68658
|
{
|
|
68593
68659
|
ref,
|
|
@@ -68601,7 +68667,7 @@ var DragListItem = ({
|
|
|
68601
68667
|
onDragStart: (e) => handleDragStart(e, index),
|
|
68602
68668
|
onDragOver: (e) => handleDragOver(e, index),
|
|
68603
68669
|
children: [
|
|
68604
|
-
/* @__PURE__ */ (0,
|
|
68670
|
+
/* @__PURE__ */ (0, import_jsx_runtime343.jsx)(
|
|
68605
68671
|
"button",
|
|
68606
68672
|
{
|
|
68607
68673
|
"aria-label": iconLabel,
|
|
@@ -68613,16 +68679,16 @@ var DragListItem = ({
|
|
|
68613
68679
|
children: iconDrag
|
|
68614
68680
|
}
|
|
68615
68681
|
),
|
|
68616
|
-
/* @__PURE__ */ (0,
|
|
68682
|
+
/* @__PURE__ */ (0, import_jsx_runtime343.jsx)(
|
|
68617
68683
|
"div",
|
|
68618
68684
|
{
|
|
68619
68685
|
className: clsx(
|
|
68620
68686
|
"flex flex-col gap-1 grow",
|
|
68621
68687
|
"drag-list-item-content"
|
|
68622
68688
|
),
|
|
68623
|
-
children: item ? /* @__PURE__ */ (0,
|
|
68624
|
-
typeof item.title === "string" ? /* @__PURE__ */ (0,
|
|
68625
|
-
item.body && (typeof item.body === "string" ? /* @__PURE__ */ (0,
|
|
68689
|
+
children: item ? /* @__PURE__ */ (0, import_jsx_runtime343.jsxs)(import_jsx_runtime343.Fragment, { children: [
|
|
68690
|
+
typeof item.title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime343.jsx)(Text, { tag: "h6", className: "drag-list-item-title", children: item.title }) : item.title,
|
|
68691
|
+
item.body && (typeof item.body === "string" ? /* @__PURE__ */ (0, import_jsx_runtime343.jsx)(Text, { className: "drag-list-item-body", children: item.body }) : item.body)
|
|
68626
68692
|
] }) : children
|
|
68627
68693
|
}
|
|
68628
68694
|
)
|
|
@@ -68633,8 +68699,8 @@ var DragListItem = ({
|
|
|
68633
68699
|
|
|
68634
68700
|
// src/lib/components/DragList/DragList.tsx
|
|
68635
68701
|
init_utils();
|
|
68636
|
-
var
|
|
68637
|
-
var
|
|
68702
|
+
var import_jsx_runtime344 = require("react/jsx-runtime");
|
|
68703
|
+
var import_react90 = require("react");
|
|
68638
68704
|
var DragList = ({
|
|
68639
68705
|
className,
|
|
68640
68706
|
element = "div",
|
|
@@ -68648,8 +68714,8 @@ var DragList = ({
|
|
|
68648
68714
|
...rest
|
|
68649
68715
|
}) => {
|
|
68650
68716
|
const Element = element;
|
|
68651
|
-
const [dragIndex, setDragIndex] = (0,
|
|
68652
|
-
const dragNode = (0,
|
|
68717
|
+
const [dragIndex, setDragIndex] = (0, import_react89.useState)(-1);
|
|
68718
|
+
const dragNode = (0, import_react89.useRef)(null);
|
|
68653
68719
|
const handleDragStart = (e, i) => {
|
|
68654
68720
|
const { target } = e;
|
|
68655
68721
|
setDragIndex(i);
|
|
@@ -68670,7 +68736,7 @@ var DragList = ({
|
|
|
68670
68736
|
setItems(newItems);
|
|
68671
68737
|
}
|
|
68672
68738
|
};
|
|
68673
|
-
return /* @__PURE__ */ (0,
|
|
68739
|
+
return /* @__PURE__ */ (0, import_jsx_runtime344.jsx)(
|
|
68674
68740
|
Element,
|
|
68675
68741
|
{
|
|
68676
68742
|
ref,
|
|
@@ -68680,8 +68746,8 @@ var DragList = ({
|
|
|
68680
68746
|
className
|
|
68681
68747
|
),
|
|
68682
68748
|
...rest,
|
|
68683
|
-
children: items ? items.map((item, i) => /* @__PURE__ */ (0,
|
|
68684
|
-
/* @__PURE__ */ (0,
|
|
68749
|
+
children: items ? items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime344.jsxs)(import_react89.Fragment, { children: [
|
|
68750
|
+
/* @__PURE__ */ (0, import_react90.createElement)(
|
|
68685
68751
|
DragListItem,
|
|
68686
68752
|
{
|
|
68687
68753
|
...item,
|
|
@@ -68695,20 +68761,20 @@ var DragList = ({
|
|
|
68695
68761
|
className: clsx(item.className)
|
|
68696
68762
|
}
|
|
68697
68763
|
),
|
|
68698
|
-
!hideSeparator && i !== items.length - 1 && /* @__PURE__ */ (0,
|
|
68764
|
+
!hideSeparator && i !== items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime344.jsx)(Hr, { className: "drag-list-separator" })
|
|
68699
68765
|
] }, item.id)) : children
|
|
68700
68766
|
}
|
|
68701
68767
|
);
|
|
68702
68768
|
};
|
|
68703
68769
|
|
|
68704
68770
|
// src/lib/components/Pagination/Pagination.tsx
|
|
68705
|
-
var
|
|
68771
|
+
var import_react92 = require("react");
|
|
68706
68772
|
var import_bi20 = require("react-icons/bi");
|
|
68707
68773
|
|
|
68708
68774
|
// src/lib/components/Pagination/PaginationButton.tsx
|
|
68709
|
-
var
|
|
68775
|
+
var import_react91 = require("react");
|
|
68710
68776
|
init_utils();
|
|
68711
|
-
var
|
|
68777
|
+
var import_jsx_runtime345 = require("react/jsx-runtime");
|
|
68712
68778
|
var PaginationButton = ({
|
|
68713
68779
|
className,
|
|
68714
68780
|
element = "button",
|
|
@@ -68720,7 +68786,7 @@ var PaginationButton = ({
|
|
|
68720
68786
|
...rest
|
|
68721
68787
|
}) => {
|
|
68722
68788
|
const Element = element;
|
|
68723
|
-
return /* @__PURE__ */ (0,
|
|
68789
|
+
return /* @__PURE__ */ (0, import_jsx_runtime345.jsx)(
|
|
68724
68790
|
Element,
|
|
68725
68791
|
{
|
|
68726
68792
|
ref,
|
|
@@ -68743,7 +68809,7 @@ var PaginationButton = ({
|
|
|
68743
68809
|
|
|
68744
68810
|
// src/lib/components/Pagination/Pagination.tsx
|
|
68745
68811
|
init_utils();
|
|
68746
|
-
var
|
|
68812
|
+
var import_jsx_runtime346 = require("react/jsx-runtime");
|
|
68747
68813
|
var Pagination = ({
|
|
68748
68814
|
className,
|
|
68749
68815
|
element = "div",
|
|
@@ -68770,7 +68836,7 @@ var Pagination = ({
|
|
|
68770
68836
|
const paginationGroup = getPaginationGroup();
|
|
68771
68837
|
const isMobile = useMaxWidth(600);
|
|
68772
68838
|
if (totalPages && totalPages <= 1) return null;
|
|
68773
|
-
return /* @__PURE__ */ (0,
|
|
68839
|
+
return /* @__PURE__ */ (0, import_jsx_runtime346.jsx)(
|
|
68774
68840
|
Element,
|
|
68775
68841
|
{
|
|
68776
68842
|
ref,
|
|
@@ -68781,19 +68847,19 @@ var Pagination = ({
|
|
|
68781
68847
|
className
|
|
68782
68848
|
),
|
|
68783
68849
|
...rest,
|
|
68784
|
-
children: totalPages ? /* @__PURE__ */ (0,
|
|
68785
|
-
/* @__PURE__ */ (0,
|
|
68850
|
+
children: totalPages ? /* @__PURE__ */ (0, import_jsx_runtime346.jsxs)(import_jsx_runtime346.Fragment, { children: [
|
|
68851
|
+
/* @__PURE__ */ (0, import_jsx_runtime346.jsx)(
|
|
68786
68852
|
PaginationButton,
|
|
68787
68853
|
{
|
|
68788
68854
|
onClick: handlePrev,
|
|
68789
68855
|
isActive: false,
|
|
68790
68856
|
disabled: currentPage === 1,
|
|
68791
68857
|
accentColor,
|
|
68792
|
-
children: icons?.prev ?? /* @__PURE__ */ (0,
|
|
68858
|
+
children: icons?.prev ?? /* @__PURE__ */ (0, import_jsx_runtime346.jsx)(import_bi20.BiLeftArrowAlt, { size: 24 })
|
|
68793
68859
|
}
|
|
68794
68860
|
),
|
|
68795
|
-
paginationGroup[0] !== 1 && /* @__PURE__ */ (0,
|
|
68796
|
-
/* @__PURE__ */ (0,
|
|
68861
|
+
paginationGroup[0] !== 1 && /* @__PURE__ */ (0, import_jsx_runtime346.jsxs)(import_jsx_runtime346.Fragment, { children: [
|
|
68862
|
+
/* @__PURE__ */ (0, import_jsx_runtime346.jsx)(
|
|
68797
68863
|
PaginationButton,
|
|
68798
68864
|
{
|
|
68799
68865
|
isActive: currentPage === 1,
|
|
@@ -68802,7 +68868,7 @@ var Pagination = ({
|
|
|
68802
68868
|
children: "1"
|
|
68803
68869
|
}
|
|
68804
68870
|
),
|
|
68805
|
-
/* @__PURE__ */ (0,
|
|
68871
|
+
/* @__PURE__ */ (0, import_jsx_runtime346.jsx)(
|
|
68806
68872
|
PaginationButton,
|
|
68807
68873
|
{
|
|
68808
68874
|
accentColor,
|
|
@@ -68811,7 +68877,7 @@ var Pagination = ({
|
|
|
68811
68877
|
}
|
|
68812
68878
|
)
|
|
68813
68879
|
] }),
|
|
68814
|
-
paginationGroup.map((n) => /* @__PURE__ */ (0,
|
|
68880
|
+
paginationGroup.map((n) => /* @__PURE__ */ (0, import_jsx_runtime346.jsx)(
|
|
68815
68881
|
PaginationButton,
|
|
68816
68882
|
{
|
|
68817
68883
|
isActive: n === currentPage,
|
|
@@ -68821,8 +68887,8 @@ var Pagination = ({
|
|
|
68821
68887
|
},
|
|
68822
68888
|
n
|
|
68823
68889
|
)),
|
|
68824
|
-
paginationGroup[paginationGroup.length - 1] !== totalPages && /* @__PURE__ */ (0,
|
|
68825
|
-
/* @__PURE__ */ (0,
|
|
68890
|
+
paginationGroup[paginationGroup.length - 1] !== totalPages && /* @__PURE__ */ (0, import_jsx_runtime346.jsxs)(import_jsx_runtime346.Fragment, { children: [
|
|
68891
|
+
/* @__PURE__ */ (0, import_jsx_runtime346.jsx)(
|
|
68826
68892
|
PaginationButton,
|
|
68827
68893
|
{
|
|
68828
68894
|
accentColor,
|
|
@@ -68830,7 +68896,7 @@ var Pagination = ({
|
|
|
68830
68896
|
children: "..."
|
|
68831
68897
|
}
|
|
68832
68898
|
),
|
|
68833
|
-
/* @__PURE__ */ (0,
|
|
68899
|
+
/* @__PURE__ */ (0, import_jsx_runtime346.jsx)(
|
|
68834
68900
|
PaginationButton,
|
|
68835
68901
|
{
|
|
68836
68902
|
isActive: currentPage === totalPages,
|
|
@@ -68840,14 +68906,14 @@ var Pagination = ({
|
|
|
68840
68906
|
}
|
|
68841
68907
|
)
|
|
68842
68908
|
] }),
|
|
68843
|
-
/* @__PURE__ */ (0,
|
|
68909
|
+
/* @__PURE__ */ (0, import_jsx_runtime346.jsx)(
|
|
68844
68910
|
PaginationButton,
|
|
68845
68911
|
{
|
|
68846
68912
|
onClick: handleNext,
|
|
68847
68913
|
isActive: false,
|
|
68848
68914
|
disabled: currentPage === totalPages,
|
|
68849
68915
|
accentColor,
|
|
68850
|
-
children: icons?.next ?? /* @__PURE__ */ (0,
|
|
68916
|
+
children: icons?.next ?? /* @__PURE__ */ (0, import_jsx_runtime346.jsx)(import_bi20.BiRightArrowAlt, { size: 24 })
|
|
68851
68917
|
}
|
|
68852
68918
|
)
|
|
68853
68919
|
] }) : children
|
|
@@ -68856,11 +68922,11 @@ var Pagination = ({
|
|
|
68856
68922
|
};
|
|
68857
68923
|
|
|
68858
68924
|
// src/lib/components/Paginator/Paginator.tsx
|
|
68859
|
-
var
|
|
68925
|
+
var import_react93 = require("react");
|
|
68860
68926
|
var import_bi21 = require("react-icons/bi");
|
|
68861
68927
|
init_Text2();
|
|
68862
68928
|
init_utils();
|
|
68863
|
-
var
|
|
68929
|
+
var import_jsx_runtime347 = require("react/jsx-runtime");
|
|
68864
68930
|
var Paginator = ({
|
|
68865
68931
|
className,
|
|
68866
68932
|
element = "div",
|
|
@@ -68886,14 +68952,14 @@ var Paginator = ({
|
|
|
68886
68952
|
} = usePagination({ currentPage, setCurrentPage, totalPages });
|
|
68887
68953
|
const handleChange = (e) => handlePage ? handlePage(Number(e.target.value)) : handleNewPage(Number(e.target.value));
|
|
68888
68954
|
if (totalPages && totalPages <= 1) return null;
|
|
68889
|
-
return /* @__PURE__ */ (0,
|
|
68955
|
+
return /* @__PURE__ */ (0, import_jsx_runtime347.jsxs)(
|
|
68890
68956
|
Element,
|
|
68891
68957
|
{
|
|
68892
68958
|
ref,
|
|
68893
68959
|
className: clsx("flex gap-2", "paginator", className),
|
|
68894
68960
|
...rest,
|
|
68895
68961
|
children: [
|
|
68896
|
-
noInput ? /* @__PURE__ */ (0,
|
|
68962
|
+
noInput ? /* @__PURE__ */ (0, import_jsx_runtime347.jsxs)(Text, { className: "paginator-text", children: [
|
|
68897
68963
|
texts?.page ?? "Page",
|
|
68898
68964
|
" ",
|
|
68899
68965
|
currentPage,
|
|
@@ -68901,10 +68967,10 @@ var Paginator = ({
|
|
|
68901
68967
|
texts?.of ?? "of",
|
|
68902
68968
|
" ",
|
|
68903
68969
|
totalPages
|
|
68904
|
-
] }) : /* @__PURE__ */ (0,
|
|
68970
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime347.jsxs)("span", { className: "paginator-text-wrapper", children: [
|
|
68905
68971
|
texts?.page ?? "Page",
|
|
68906
68972
|
" ",
|
|
68907
|
-
/* @__PURE__ */ (0,
|
|
68973
|
+
/* @__PURE__ */ (0, import_jsx_runtime347.jsx)(
|
|
68908
68974
|
"input",
|
|
68909
68975
|
{
|
|
68910
68976
|
value: currentPage,
|
|
@@ -68928,10 +68994,10 @@ var Paginator = ({
|
|
|
68928
68994
|
" ",
|
|
68929
68995
|
totalPages
|
|
68930
68996
|
] }),
|
|
68931
|
-
/* @__PURE__ */ (0,
|
|
68997
|
+
/* @__PURE__ */ (0, import_jsx_runtime347.jsx)(
|
|
68932
68998
|
ButtonIcon,
|
|
68933
68999
|
{
|
|
68934
|
-
icon: icons?.prev ?? /* @__PURE__ */ (0,
|
|
69000
|
+
icon: icons?.prev ?? /* @__PURE__ */ (0, import_jsx_runtime347.jsx)(import_bi21.BiLeftArrowAlt, {}),
|
|
68935
69001
|
className: "size-6 paginator-button",
|
|
68936
69002
|
disabled: currentPage === 1,
|
|
68937
69003
|
onClick: handlePrev ?? handlePrevPage,
|
|
@@ -68940,10 +69006,10 @@ var Paginator = ({
|
|
|
68940
69006
|
showTooltip: !hideButtonsTooltip && { offset: "xs" }
|
|
68941
69007
|
}
|
|
68942
69008
|
),
|
|
68943
|
-
/* @__PURE__ */ (0,
|
|
69009
|
+
/* @__PURE__ */ (0, import_jsx_runtime347.jsx)(
|
|
68944
69010
|
ButtonIcon,
|
|
68945
69011
|
{
|
|
68946
|
-
icon: icons?.next ?? /* @__PURE__ */ (0,
|
|
69012
|
+
icon: icons?.next ?? /* @__PURE__ */ (0, import_jsx_runtime347.jsx)(import_bi21.BiRightArrowAlt, {}),
|
|
68947
69013
|
className: "size-6 paginator-button",
|
|
68948
69014
|
disabled: currentPage === totalPages,
|
|
68949
69015
|
onClick: handleNext ?? handleNextPage,
|
|
@@ -68958,10 +69024,10 @@ var Paginator = ({
|
|
|
68958
69024
|
};
|
|
68959
69025
|
|
|
68960
69026
|
// src/lib/components/ProgressBar/ProgressBar.tsx
|
|
68961
|
-
var
|
|
68962
|
-
var
|
|
69027
|
+
var import_react94 = require("react");
|
|
69028
|
+
var import_utils111 = require("@julseb-lib/utils");
|
|
68963
69029
|
init_utils();
|
|
68964
|
-
var
|
|
69030
|
+
var import_jsx_runtime348 = require("react/jsx-runtime");
|
|
68965
69031
|
var ProgressBar = ({
|
|
68966
69032
|
className,
|
|
68967
69033
|
ref,
|
|
@@ -68973,8 +69039,8 @@ var ProgressBar = ({
|
|
|
68973
69039
|
id,
|
|
68974
69040
|
...rest
|
|
68975
69041
|
}) => {
|
|
68976
|
-
const percent = (0,
|
|
68977
|
-
return /* @__PURE__ */ (0,
|
|
69042
|
+
const percent = (0, import_utils111.getPercentage)(value, Number(max));
|
|
69043
|
+
return /* @__PURE__ */ (0, import_jsx_runtime348.jsx)(
|
|
68978
69044
|
"meter",
|
|
68979
69045
|
{
|
|
68980
69046
|
ref,
|
|
@@ -69013,10 +69079,10 @@ var genProgressColor = {
|
|
|
69013
69079
|
};
|
|
69014
69080
|
|
|
69015
69081
|
// src/lib/components/ProgressCircle/ProgressCircle.tsx
|
|
69016
|
-
var
|
|
69082
|
+
var import_react95 = require("react");
|
|
69017
69083
|
init_Text2();
|
|
69018
69084
|
init_utils();
|
|
69019
|
-
var
|
|
69085
|
+
var import_jsx_runtime349 = require("react/jsx-runtime");
|
|
69020
69086
|
var ProgressCircle = ({
|
|
69021
69087
|
element = "div",
|
|
69022
69088
|
className,
|
|
@@ -69031,13 +69097,13 @@ var ProgressCircle = ({
|
|
|
69031
69097
|
...rest
|
|
69032
69098
|
}) => {
|
|
69033
69099
|
const Element = element;
|
|
69034
|
-
const [animatedValue, setAnimatedValue] = (0,
|
|
69100
|
+
const [animatedValue, setAnimatedValue] = (0, import_react95.useState)(noAnimation ? value : 0);
|
|
69035
69101
|
const radius = (size - strokeWidth) / 2;
|
|
69036
69102
|
const circumference = 2 * Math.PI * radius;
|
|
69037
69103
|
const strokeDashoffset = circumference - animatedValue / 100 * circumference;
|
|
69038
69104
|
const backgroundColor = designTokens.libColors["gray-200"];
|
|
69039
69105
|
const strokeColor = genStrokeColor[color];
|
|
69040
|
-
(0,
|
|
69106
|
+
(0, import_react95.useEffect)(() => {
|
|
69041
69107
|
if (!noAnimation) {
|
|
69042
69108
|
const timer = setTimeout(() => {
|
|
69043
69109
|
setAnimatedValue(value);
|
|
@@ -69047,7 +69113,7 @@ var ProgressCircle = ({
|
|
|
69047
69113
|
setAnimatedValue(value);
|
|
69048
69114
|
}
|
|
69049
69115
|
}, [value, noAnimation]);
|
|
69050
|
-
return /* @__PURE__ */ (0,
|
|
69116
|
+
return /* @__PURE__ */ (0, import_jsx_runtime349.jsxs)(
|
|
69051
69117
|
Element,
|
|
69052
69118
|
{
|
|
69053
69119
|
ref,
|
|
@@ -69058,14 +69124,14 @@ var ProgressCircle = ({
|
|
|
69058
69124
|
),
|
|
69059
69125
|
...rest,
|
|
69060
69126
|
children: [
|
|
69061
|
-
/* @__PURE__ */ (0,
|
|
69127
|
+
/* @__PURE__ */ (0, import_jsx_runtime349.jsxs)(
|
|
69062
69128
|
"svg",
|
|
69063
69129
|
{
|
|
69064
69130
|
width: size,
|
|
69065
69131
|
height: size,
|
|
69066
69132
|
className: "-rotate-90 transform progress-circle",
|
|
69067
69133
|
children: [
|
|
69068
|
-
/* @__PURE__ */ (0,
|
|
69134
|
+
/* @__PURE__ */ (0, import_jsx_runtime349.jsx)(
|
|
69069
69135
|
"circle",
|
|
69070
69136
|
{
|
|
69071
69137
|
cx: size / 2,
|
|
@@ -69077,7 +69143,7 @@ var ProgressCircle = ({
|
|
|
69077
69143
|
className: "progress-circle-background"
|
|
69078
69144
|
}
|
|
69079
69145
|
),
|
|
69080
|
-
/* @__PURE__ */ (0,
|
|
69146
|
+
/* @__PURE__ */ (0, import_jsx_runtime349.jsx)(
|
|
69081
69147
|
"circle",
|
|
69082
69148
|
{
|
|
69083
69149
|
cx: size / 2,
|
|
@@ -69098,9 +69164,9 @@ var ProgressCircle = ({
|
|
|
69098
69164
|
]
|
|
69099
69165
|
}
|
|
69100
69166
|
),
|
|
69101
|
-
(showValue || icon) && /* @__PURE__ */ (0,
|
|
69167
|
+
(showValue || icon) && /* @__PURE__ */ (0, import_jsx_runtime349.jsxs)("div", { className: "absolute inset-0 flex justify-center items-center progress-circle-center", children: [
|
|
69102
69168
|
icon && icon,
|
|
69103
|
-
showValue && /* @__PURE__ */ (0,
|
|
69169
|
+
showValue && /* @__PURE__ */ (0, import_jsx_runtime349.jsxs)(
|
|
69104
69170
|
Text,
|
|
69105
69171
|
{
|
|
69106
69172
|
tag: "small",
|
|
@@ -69128,13 +69194,13 @@ var genStrokeColor = {
|
|
|
69128
69194
|
};
|
|
69129
69195
|
|
|
69130
69196
|
// src/lib/components/Tabs/Tabs.tsx
|
|
69131
|
-
var
|
|
69132
|
-
var
|
|
69197
|
+
var import_react100 = require("react");
|
|
69198
|
+
var import_utils118 = require("@julseb-lib/utils");
|
|
69133
69199
|
|
|
69134
69200
|
// src/lib/components/Tabs/TabsContainer.tsx
|
|
69135
|
-
var
|
|
69201
|
+
var import_react96 = require("react");
|
|
69136
69202
|
init_utils();
|
|
69137
|
-
var
|
|
69203
|
+
var import_jsx_runtime350 = require("react/jsx-runtime");
|
|
69138
69204
|
var TabsContainer = ({
|
|
69139
69205
|
element = "div",
|
|
69140
69206
|
ref,
|
|
@@ -69143,7 +69209,7 @@ var TabsContainer = ({
|
|
|
69143
69209
|
...rest
|
|
69144
69210
|
}) => {
|
|
69145
69211
|
const Element = element;
|
|
69146
|
-
return /* @__PURE__ */ (0,
|
|
69212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime350.jsx)(
|
|
69147
69213
|
Element,
|
|
69148
69214
|
{
|
|
69149
69215
|
ref,
|
|
@@ -69155,9 +69221,9 @@ var TabsContainer = ({
|
|
|
69155
69221
|
};
|
|
69156
69222
|
|
|
69157
69223
|
// src/lib/components/Tabs/TabsButtonsContainer.tsx
|
|
69158
|
-
var
|
|
69224
|
+
var import_react97 = require("react");
|
|
69159
69225
|
init_utils();
|
|
69160
|
-
var
|
|
69226
|
+
var import_jsx_runtime351 = require("react/jsx-runtime");
|
|
69161
69227
|
var TabsButtonsContainer = ({
|
|
69162
69228
|
element = "div",
|
|
69163
69229
|
ref,
|
|
@@ -69168,7 +69234,7 @@ var TabsButtonsContainer = ({
|
|
|
69168
69234
|
...rest
|
|
69169
69235
|
}) => {
|
|
69170
69236
|
const Element = element;
|
|
69171
|
-
return /* @__PURE__ */ (0,
|
|
69237
|
+
return /* @__PURE__ */ (0, import_jsx_runtime351.jsx)(
|
|
69172
69238
|
Element,
|
|
69173
69239
|
{
|
|
69174
69240
|
ref,
|
|
@@ -69188,9 +69254,9 @@ var TabsButtonsContainer = ({
|
|
|
69188
69254
|
};
|
|
69189
69255
|
|
|
69190
69256
|
// src/lib/components/Tabs/TabsButton.tsx
|
|
69191
|
-
var
|
|
69257
|
+
var import_react98 = require("react");
|
|
69192
69258
|
init_utils();
|
|
69193
|
-
var
|
|
69259
|
+
var import_jsx_runtime352 = require("react/jsx-runtime");
|
|
69194
69260
|
var TabsButton = ({
|
|
69195
69261
|
element = "button",
|
|
69196
69262
|
ref,
|
|
@@ -69203,7 +69269,7 @@ var TabsButton = ({
|
|
|
69203
69269
|
...rest
|
|
69204
69270
|
}) => {
|
|
69205
69271
|
const Element = element;
|
|
69206
|
-
return /* @__PURE__ */ (0,
|
|
69272
|
+
return /* @__PURE__ */ (0, import_jsx_runtime352.jsx)(
|
|
69207
69273
|
Element,
|
|
69208
69274
|
{
|
|
69209
69275
|
ref,
|
|
@@ -69232,10 +69298,10 @@ var TabsButton = ({
|
|
|
69232
69298
|
};
|
|
69233
69299
|
|
|
69234
69300
|
// src/lib/components/Tabs/TabsContent.tsx
|
|
69235
|
-
var
|
|
69301
|
+
var import_react99 = require("react");
|
|
69236
69302
|
init_Text2();
|
|
69237
69303
|
init_utils();
|
|
69238
|
-
var
|
|
69304
|
+
var import_jsx_runtime353 = require("react/jsx-runtime");
|
|
69239
69305
|
var TabsContent = ({
|
|
69240
69306
|
children,
|
|
69241
69307
|
element = typeof children === "string" ? Text : "div",
|
|
@@ -69245,7 +69311,7 @@ var TabsContent = ({
|
|
|
69245
69311
|
...rest
|
|
69246
69312
|
}) => {
|
|
69247
69313
|
const Element = element;
|
|
69248
|
-
return /* @__PURE__ */ (0,
|
|
69314
|
+
return /* @__PURE__ */ (0, import_jsx_runtime353.jsx)(
|
|
69249
69315
|
Element,
|
|
69250
69316
|
{
|
|
69251
69317
|
ref,
|
|
@@ -69262,8 +69328,8 @@ var TabsContent = ({
|
|
|
69262
69328
|
|
|
69263
69329
|
// src/lib/components/Tabs/Tabs.tsx
|
|
69264
69330
|
init_utils();
|
|
69265
|
-
var
|
|
69266
|
-
var
|
|
69331
|
+
var import_jsx_runtime354 = require("react/jsx-runtime");
|
|
69332
|
+
var import_react101 = require("react");
|
|
69267
69333
|
var Tabs = ({
|
|
69268
69334
|
className,
|
|
69269
69335
|
element = "div",
|
|
@@ -69274,8 +69340,8 @@ var Tabs = ({
|
|
|
69274
69340
|
activeTab = 0,
|
|
69275
69341
|
...rest
|
|
69276
69342
|
}) => {
|
|
69277
|
-
const [tab, setTab] = (0,
|
|
69278
|
-
return /* @__PURE__ */ (0,
|
|
69343
|
+
const [tab, setTab] = (0, import_react100.useState)(activeTab);
|
|
69344
|
+
return /* @__PURE__ */ (0, import_jsx_runtime354.jsxs)(
|
|
69279
69345
|
TabsContainer,
|
|
69280
69346
|
{
|
|
69281
69347
|
element,
|
|
@@ -69283,11 +69349,11 @@ var Tabs = ({
|
|
|
69283
69349
|
className: clsx(className),
|
|
69284
69350
|
...rest,
|
|
69285
69351
|
children: [
|
|
69286
|
-
/* @__PURE__ */ (0,
|
|
69352
|
+
/* @__PURE__ */ (0, import_jsx_runtime354.jsx)(TabsButtonsContainer, { justify, variant, children: items?.map((item, i) => /* @__PURE__ */ (0, import_react101.createElement)(
|
|
69287
69353
|
TabsButton,
|
|
69288
69354
|
{
|
|
69289
69355
|
...item,
|
|
69290
|
-
key: item.id ?? (0,
|
|
69356
|
+
key: item.id ?? (0, import_utils118.uuid)(),
|
|
69291
69357
|
isActive: tab === i,
|
|
69292
69358
|
onClick: () => setTab(i),
|
|
69293
69359
|
variant,
|
|
@@ -69295,11 +69361,11 @@ var Tabs = ({
|
|
|
69295
69361
|
},
|
|
69296
69362
|
item.title
|
|
69297
69363
|
)) }),
|
|
69298
|
-
items?.map((item, i) => /* @__PURE__ */ (0,
|
|
69364
|
+
items?.map((item, i) => /* @__PURE__ */ (0, import_react101.createElement)(
|
|
69299
69365
|
TabsContent,
|
|
69300
69366
|
{
|
|
69301
69367
|
...item,
|
|
69302
|
-
key: (0,
|
|
69368
|
+
key: (0, import_utils118.uuid)(),
|
|
69303
69369
|
isActive: tab === i
|
|
69304
69370
|
},
|
|
69305
69371
|
item.content
|
|
@@ -69310,14 +69376,14 @@ var Tabs = ({
|
|
|
69310
69376
|
};
|
|
69311
69377
|
|
|
69312
69378
|
// src/lib/components/Slideshow/Slideshow.tsx
|
|
69313
|
-
var
|
|
69314
|
-
var
|
|
69379
|
+
var import_react104 = require("react");
|
|
69380
|
+
var import_utils123 = require("@julseb-lib/utils");
|
|
69315
69381
|
|
|
69316
69382
|
// src/lib/components/Slideshow/SlideshowButton.tsx
|
|
69317
|
-
var
|
|
69383
|
+
var import_react102 = require("react");
|
|
69318
69384
|
var import_bi22 = require("react-icons/bi");
|
|
69319
69385
|
init_utils();
|
|
69320
|
-
var
|
|
69386
|
+
var import_jsx_runtime355 = require("react/jsx-runtime");
|
|
69321
69387
|
var SlideshowButton = ({
|
|
69322
69388
|
className,
|
|
69323
69389
|
controls,
|
|
@@ -69327,7 +69393,7 @@ var SlideshowButton = ({
|
|
|
69327
69393
|
}) => {
|
|
69328
69394
|
const isTouchScreen = useTouchScreen();
|
|
69329
69395
|
if (hideControls || isTouchScreen && controls?.hideOnTouch) return null;
|
|
69330
|
-
return /* @__PURE__ */ (0,
|
|
69396
|
+
return /* @__PURE__ */ (0, import_jsx_runtime355.jsx)(
|
|
69331
69397
|
"button",
|
|
69332
69398
|
{
|
|
69333
69399
|
className: clsx(
|
|
@@ -69344,12 +69410,12 @@ var SlideshowButton = ({
|
|
|
69344
69410
|
onClick,
|
|
69345
69411
|
"aria-label": position === "left" ? controls?.labelPrev ?? "Previous" : controls?.labelNext ?? "Next",
|
|
69346
69412
|
type: "button",
|
|
69347
|
-
children: position === "left" ? controls?.icons?.prev ?? /* @__PURE__ */ (0,
|
|
69413
|
+
children: position === "left" ? controls?.icons?.prev ?? /* @__PURE__ */ (0, import_jsx_runtime355.jsx)(
|
|
69348
69414
|
import_bi22.BiChevronLeft,
|
|
69349
69415
|
{
|
|
69350
69416
|
size: controls?.size === "small" ? 24 : 32
|
|
69351
69417
|
}
|
|
69352
|
-
) : controls?.icons?.next ?? /* @__PURE__ */ (0,
|
|
69418
|
+
) : controls?.icons?.next ?? /* @__PURE__ */ (0, import_jsx_runtime355.jsx)(
|
|
69353
69419
|
import_bi22.BiChevronRight,
|
|
69354
69420
|
{
|
|
69355
69421
|
size: controls?.size === "small" ? 24 : 32
|
|
@@ -69360,10 +69426,10 @@ var SlideshowButton = ({
|
|
|
69360
69426
|
};
|
|
69361
69427
|
|
|
69362
69428
|
// src/lib/components/Slideshow/SlideshowPagination.tsx
|
|
69363
|
-
var
|
|
69364
|
-
var
|
|
69429
|
+
var import_react103 = require("react");
|
|
69430
|
+
var import_utils121 = require("@julseb-lib/utils");
|
|
69365
69431
|
init_utils();
|
|
69366
|
-
var
|
|
69432
|
+
var import_jsx_runtime356 = require("react/jsx-runtime");
|
|
69367
69433
|
var SlideshowPagination = ({
|
|
69368
69434
|
className,
|
|
69369
69435
|
images,
|
|
@@ -69378,7 +69444,7 @@ var SlideshowPagination = ({
|
|
|
69378
69444
|
}) => {
|
|
69379
69445
|
const isTouchScreen = useTouchScreen();
|
|
69380
69446
|
if (isTouchScreen && hideOnTouch || contentLength === 0) return null;
|
|
69381
|
-
return /* @__PURE__ */ (0,
|
|
69447
|
+
return /* @__PURE__ */ (0, import_jsx_runtime356.jsx)(
|
|
69382
69448
|
"div",
|
|
69383
69449
|
{
|
|
69384
69450
|
className: clsx(
|
|
@@ -69387,7 +69453,7 @@ var SlideshowPagination = ({
|
|
|
69387
69453
|
"slideshow-controls",
|
|
69388
69454
|
className
|
|
69389
69455
|
),
|
|
69390
|
-
children: type === "thumbnails" ? images?.map((image, i) => /* @__PURE__ */ (0,
|
|
69456
|
+
children: type === "thumbnails" ? images?.map((image, i) => /* @__PURE__ */ (0, import_jsx_runtime356.jsx)(
|
|
69391
69457
|
"button",
|
|
69392
69458
|
{
|
|
69393
69459
|
className: clsx(
|
|
@@ -69402,7 +69468,7 @@ var SlideshowPagination = ({
|
|
|
69402
69468
|
handleClick(i);
|
|
69403
69469
|
},
|
|
69404
69470
|
"aria-label": `Set image ${i + 1} active`,
|
|
69405
|
-
children: /* @__PURE__ */ (0,
|
|
69471
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime356.jsx)(
|
|
69406
69472
|
"img",
|
|
69407
69473
|
{
|
|
69408
69474
|
src: image,
|
|
@@ -69415,7 +69481,7 @@ var SlideshowPagination = ({
|
|
|
69415
69481
|
)
|
|
69416
69482
|
},
|
|
69417
69483
|
i
|
|
69418
|
-
)) : (0,
|
|
69484
|
+
)) : (0, import_utils121.generateNumbers)(0, contentLength - 1).map((n) => /* @__PURE__ */ (0, import_jsx_runtime356.jsx)(
|
|
69419
69485
|
"button",
|
|
69420
69486
|
{
|
|
69421
69487
|
className: clsx(
|
|
@@ -69462,7 +69528,7 @@ var outlineColor = {
|
|
|
69462
69528
|
|
|
69463
69529
|
// src/lib/components/Slideshow/Slideshow.tsx
|
|
69464
69530
|
init_utils();
|
|
69465
|
-
var
|
|
69531
|
+
var import_jsx_runtime357 = require("react/jsx-runtime");
|
|
69466
69532
|
var Slideshow = ({
|
|
69467
69533
|
className,
|
|
69468
69534
|
element = "div",
|
|
@@ -69480,18 +69546,18 @@ var Slideshow = ({
|
|
|
69480
69546
|
...rest
|
|
69481
69547
|
}) => {
|
|
69482
69548
|
const Element = element;
|
|
69483
|
-
const childrenArray =
|
|
69549
|
+
const childrenArray = import_react104.Children.toArray(children);
|
|
69484
69550
|
const slides = images ?? childrenArray;
|
|
69485
69551
|
const totalSlides = slides.length;
|
|
69486
|
-
const [currentSlide, setCurrentSlide] = (0,
|
|
69487
|
-
const [isTransitioning, setIsTransitioning] = (0,
|
|
69488
|
-
const touchStartX = (0,
|
|
69489
|
-
const touchEndX = (0,
|
|
69490
|
-
const touchStartY = (0,
|
|
69491
|
-
const touchEndY = (0,
|
|
69492
|
-
const [isDragging, setIsDragging] = (0,
|
|
69493
|
-
const slidesRef = (0,
|
|
69494
|
-
(0,
|
|
69552
|
+
const [currentSlide, setCurrentSlide] = (0, import_react104.useState)(defaultSlide);
|
|
69553
|
+
const [isTransitioning, setIsTransitioning] = (0, import_react104.useState)(false);
|
|
69554
|
+
const touchStartX = (0, import_react104.useRef)(0);
|
|
69555
|
+
const touchEndX = (0, import_react104.useRef)(0);
|
|
69556
|
+
const touchStartY = (0, import_react104.useRef)(0);
|
|
69557
|
+
const touchEndY = (0, import_react104.useRef)(0);
|
|
69558
|
+
const [isDragging, setIsDragging] = (0, import_react104.useState)(false);
|
|
69559
|
+
const slidesRef = (0, import_react104.useRef)(null);
|
|
69560
|
+
(0, import_react104.useEffect)(() => {
|
|
69495
69561
|
if (totalSlides > 1) {
|
|
69496
69562
|
let intervalId = null;
|
|
69497
69563
|
if (hideControls && hidePagination && !options?.autoPlay) {
|
|
@@ -69590,7 +69656,7 @@ var Slideshow = ({
|
|
|
69590
69656
|
touchEndY.current = 0;
|
|
69591
69657
|
};
|
|
69592
69658
|
if (totalSlides === 0) return null;
|
|
69593
|
-
return /* @__PURE__ */ (0,
|
|
69659
|
+
return /* @__PURE__ */ (0, import_jsx_runtime357.jsxs)(
|
|
69594
69660
|
Element,
|
|
69595
69661
|
{
|
|
69596
69662
|
ref,
|
|
@@ -69605,7 +69671,7 @@ var Slideshow = ({
|
|
|
69605
69671
|
),
|
|
69606
69672
|
...rest,
|
|
69607
69673
|
children: [
|
|
69608
|
-
/* @__PURE__ */ (0,
|
|
69674
|
+
/* @__PURE__ */ (0, import_jsx_runtime357.jsx)(
|
|
69609
69675
|
"div",
|
|
69610
69676
|
{
|
|
69611
69677
|
className: clsx(
|
|
@@ -69626,7 +69692,7 @@ var Slideshow = ({
|
|
|
69626
69692
|
"aria-label": "Slides wrapper",
|
|
69627
69693
|
role: "slider",
|
|
69628
69694
|
tabIndex: 0,
|
|
69629
|
-
children: /* @__PURE__ */ (0,
|
|
69695
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime357.jsx)(
|
|
69630
69696
|
"div",
|
|
69631
69697
|
{
|
|
69632
69698
|
ref: slidesRef,
|
|
@@ -69639,7 +69705,7 @@ var Slideshow = ({
|
|
|
69639
69705
|
transform: `translateX(-${currentSlide * 100}%)`,
|
|
69640
69706
|
transitionDuration: `${options?.speed ?? 300}ms`
|
|
69641
69707
|
},
|
|
69642
|
-
children: images ? images.map((img, i) => /* @__PURE__ */ (0,
|
|
69708
|
+
children: images ? images.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime357.jsx)(
|
|
69643
69709
|
LazyImage,
|
|
69644
69710
|
{
|
|
69645
69711
|
src: img,
|
|
@@ -69656,8 +69722,8 @@ var Slideshow = ({
|
|
|
69656
69722
|
skeletonClasses: "size-full",
|
|
69657
69723
|
skeletonAnimation: "shine"
|
|
69658
69724
|
},
|
|
69659
|
-
(0,
|
|
69660
|
-
)) : childrenArray.map((child) => /* @__PURE__ */ (0,
|
|
69725
|
+
(0, import_utils123.uuid)()
|
|
69726
|
+
)) : childrenArray.map((child) => /* @__PURE__ */ (0, import_jsx_runtime357.jsx)(
|
|
69661
69727
|
"div",
|
|
69662
69728
|
{
|
|
69663
69729
|
className: clsx(
|
|
@@ -69667,14 +69733,14 @@ var Slideshow = ({
|
|
|
69667
69733
|
),
|
|
69668
69734
|
children: child
|
|
69669
69735
|
},
|
|
69670
|
-
(0,
|
|
69736
|
+
(0, import_utils123.uuid)()
|
|
69671
69737
|
))
|
|
69672
69738
|
}
|
|
69673
69739
|
)
|
|
69674
69740
|
}
|
|
69675
69741
|
),
|
|
69676
|
-
!hideControls && totalSlides > 1 && /* @__PURE__ */ (0,
|
|
69677
|
-
/* @__PURE__ */ (0,
|
|
69742
|
+
!hideControls && totalSlides > 1 && /* @__PURE__ */ (0, import_jsx_runtime357.jsxs)(import_jsx_runtime357.Fragment, { children: [
|
|
69743
|
+
/* @__PURE__ */ (0, import_jsx_runtime357.jsx)(
|
|
69678
69744
|
SlideshowButton,
|
|
69679
69745
|
{
|
|
69680
69746
|
position: "left",
|
|
@@ -69683,7 +69749,7 @@ var Slideshow = ({
|
|
|
69683
69749
|
hideControls
|
|
69684
69750
|
}
|
|
69685
69751
|
),
|
|
69686
|
-
/* @__PURE__ */ (0,
|
|
69752
|
+
/* @__PURE__ */ (0, import_jsx_runtime357.jsx)(
|
|
69687
69753
|
SlideshowButton,
|
|
69688
69754
|
{
|
|
69689
69755
|
position: "right",
|
|
@@ -69693,7 +69759,7 @@ var Slideshow = ({
|
|
|
69693
69759
|
}
|
|
69694
69760
|
)
|
|
69695
69761
|
] }),
|
|
69696
|
-
!hidePagination && totalSlides > 1 && /* @__PURE__ */ (0,
|
|
69762
|
+
!hidePagination && totalSlides > 1 && /* @__PURE__ */ (0, import_jsx_runtime357.jsx)(
|
|
69697
69763
|
SlideshowPagination,
|
|
69698
69764
|
{
|
|
69699
69765
|
className: pagination?.className,
|
|
@@ -69714,11 +69780,11 @@ var Slideshow = ({
|
|
|
69714
69780
|
};
|
|
69715
69781
|
|
|
69716
69782
|
// src/lib/components/Carousel/Carousel.tsx
|
|
69717
|
-
var
|
|
69718
|
-
var
|
|
69783
|
+
var import_react105 = require("react");
|
|
69784
|
+
var import_utils125 = require("@julseb-lib/utils");
|
|
69719
69785
|
init_Image2();
|
|
69720
69786
|
init_utils();
|
|
69721
|
-
var
|
|
69787
|
+
var import_jsx_runtime358 = require("react/jsx-runtime");
|
|
69722
69788
|
var Carousel = ({
|
|
69723
69789
|
className,
|
|
69724
69790
|
element = "div",
|
|
@@ -69732,14 +69798,14 @@ var Carousel = ({
|
|
|
69732
69798
|
}) => {
|
|
69733
69799
|
const Element = element;
|
|
69734
69800
|
const tripleItems = [...items, ...items, ...items];
|
|
69735
|
-
return /* @__PURE__ */ (0,
|
|
69801
|
+
return /* @__PURE__ */ (0, import_jsx_runtime358.jsxs)(
|
|
69736
69802
|
Element,
|
|
69737
69803
|
{
|
|
69738
69804
|
ref,
|
|
69739
69805
|
className: clsx("relative overflow-hidden", "carousel", className),
|
|
69740
69806
|
...rest,
|
|
69741
69807
|
children: [
|
|
69742
|
-
/* @__PURE__ */ (0,
|
|
69808
|
+
/* @__PURE__ */ (0, import_jsx_runtime358.jsx)(
|
|
69743
69809
|
"div",
|
|
69744
69810
|
{
|
|
69745
69811
|
className: clsx(
|
|
@@ -69748,7 +69814,7 @@ var Carousel = ({
|
|
|
69748
69814
|
"carousel-wrapper"
|
|
69749
69815
|
),
|
|
69750
69816
|
style: { animationDuration: `${speed}s` },
|
|
69751
|
-
children: tripleItems.map((item, i) => /* @__PURE__ */ (0,
|
|
69817
|
+
children: tripleItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime358.jsx)(
|
|
69752
69818
|
"div",
|
|
69753
69819
|
{
|
|
69754
69820
|
className: clsx(
|
|
@@ -69756,14 +69822,14 @@ var Carousel = ({
|
|
|
69756
69822
|
genItemWidth[showItems],
|
|
69757
69823
|
"carousel-img-wrapper"
|
|
69758
69824
|
),
|
|
69759
|
-
children: /* @__PURE__ */ (0,
|
|
69825
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime358.jsx)(
|
|
69760
69826
|
"div",
|
|
69761
69827
|
{
|
|
69762
69828
|
className: clsx(
|
|
69763
69829
|
"relative w-full h-full",
|
|
69764
69830
|
"carousel-img-content"
|
|
69765
69831
|
),
|
|
69766
|
-
children: typeof item === "string" ? /* @__PURE__ */ (0,
|
|
69832
|
+
children: typeof item === "string" ? /* @__PURE__ */ (0, import_jsx_runtime358.jsx)(
|
|
69767
69833
|
Image,
|
|
69768
69834
|
{
|
|
69769
69835
|
src: item,
|
|
@@ -69778,11 +69844,11 @@ var Carousel = ({
|
|
|
69778
69844
|
}
|
|
69779
69845
|
)
|
|
69780
69846
|
},
|
|
69781
|
-
(0,
|
|
69847
|
+
(0, import_utils125.uuid)()
|
|
69782
69848
|
))
|
|
69783
69849
|
}
|
|
69784
69850
|
),
|
|
69785
|
-
/* @__PURE__ */ (0,
|
|
69851
|
+
/* @__PURE__ */ (0, import_jsx_runtime358.jsx)(
|
|
69786
69852
|
"span",
|
|
69787
69853
|
{
|
|
69788
69854
|
className: clsx(
|
|
@@ -69791,7 +69857,7 @@ var Carousel = ({
|
|
|
69791
69857
|
)
|
|
69792
69858
|
}
|
|
69793
69859
|
),
|
|
69794
|
-
/* @__PURE__ */ (0,
|
|
69860
|
+
/* @__PURE__ */ (0, import_jsx_runtime358.jsx)(
|
|
69795
69861
|
"span",
|
|
69796
69862
|
{
|
|
69797
69863
|
className: clsx(
|
|
@@ -69813,11 +69879,11 @@ var genItemWidth = {
|
|
|
69813
69879
|
};
|
|
69814
69880
|
|
|
69815
69881
|
// src/lib/components/Cover/Cover.tsx
|
|
69816
|
-
var
|
|
69882
|
+
var import_react106 = require("react");
|
|
69817
69883
|
init_Image2();
|
|
69818
69884
|
init_Flexbox2();
|
|
69819
69885
|
init_utils();
|
|
69820
|
-
var
|
|
69886
|
+
var import_jsx_runtime359 = require("react/jsx-runtime");
|
|
69821
69887
|
var Cover = ({
|
|
69822
69888
|
className,
|
|
69823
69889
|
element = Flexbox,
|
|
@@ -69829,7 +69895,7 @@ var Cover = ({
|
|
|
69829
69895
|
...rest
|
|
69830
69896
|
}) => {
|
|
69831
69897
|
const Element = element;
|
|
69832
|
-
return /* @__PURE__ */ (0,
|
|
69898
|
+
return /* @__PURE__ */ (0, import_jsx_runtime359.jsxs)(
|
|
69833
69899
|
Element,
|
|
69834
69900
|
{
|
|
69835
69901
|
ref,
|
|
@@ -69840,7 +69906,7 @@ var Cover = ({
|
|
|
69840
69906
|
),
|
|
69841
69907
|
...rest,
|
|
69842
69908
|
children: [
|
|
69843
|
-
/* @__PURE__ */ (0,
|
|
69909
|
+
/* @__PURE__ */ (0, import_jsx_runtime359.jsx)(
|
|
69844
69910
|
Image,
|
|
69845
69911
|
{
|
|
69846
69912
|
src: img,
|
|
@@ -69852,7 +69918,7 @@ var Cover = ({
|
|
|
69852
69918
|
fit: "cover"
|
|
69853
69919
|
}
|
|
69854
69920
|
),
|
|
69855
|
-
overlay && /* @__PURE__ */ (0,
|
|
69921
|
+
overlay && /* @__PURE__ */ (0, import_jsx_runtime359.jsx)(
|
|
69856
69922
|
"span",
|
|
69857
69923
|
{
|
|
69858
69924
|
className: clsx(
|
|
@@ -69862,7 +69928,7 @@ var Cover = ({
|
|
|
69862
69928
|
)
|
|
69863
69929
|
}
|
|
69864
69930
|
),
|
|
69865
|
-
/* @__PURE__ */ (0,
|
|
69931
|
+
/* @__PURE__ */ (0, import_jsx_runtime359.jsx)(
|
|
69866
69932
|
"div",
|
|
69867
69933
|
{
|
|
69868
69934
|
className: clsx(
|
|
@@ -69881,9 +69947,9 @@ var Cover = ({
|
|
|
69881
69947
|
init_Table2();
|
|
69882
69948
|
|
|
69883
69949
|
// src/lib/components/PageLoading/PageLoading.tsx
|
|
69884
|
-
var
|
|
69950
|
+
var import_react107 = require("react");
|
|
69885
69951
|
init_utils();
|
|
69886
|
-
var
|
|
69952
|
+
var import_jsx_runtime360 = require("react/jsx-runtime");
|
|
69887
69953
|
var PageLoading = ({
|
|
69888
69954
|
className,
|
|
69889
69955
|
element = "div",
|
|
@@ -69895,10 +69961,10 @@ var PageLoading = ({
|
|
|
69895
69961
|
...rest
|
|
69896
69962
|
}) => {
|
|
69897
69963
|
const Element = element;
|
|
69898
|
-
(0,
|
|
69964
|
+
(0, import_react107.useEffect)(() => {
|
|
69899
69965
|
if (stopScrolling) disableScroll();
|
|
69900
69966
|
}, [stopScrolling]);
|
|
69901
|
-
return /* @__PURE__ */ (0,
|
|
69967
|
+
return /* @__PURE__ */ (0, import_jsx_runtime360.jsx)(
|
|
69902
69968
|
Element,
|
|
69903
69969
|
{
|
|
69904
69970
|
ref,
|
|
@@ -69909,15 +69975,15 @@ var PageLoading = ({
|
|
|
69909
69975
|
className
|
|
69910
69976
|
),
|
|
69911
69977
|
...rest,
|
|
69912
|
-
children: /* @__PURE__ */ (0,
|
|
69978
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime360.jsx)(Loader, { variant: loaderVariant, color: loaderColor })
|
|
69913
69979
|
}
|
|
69914
69980
|
);
|
|
69915
69981
|
};
|
|
69916
69982
|
|
|
69917
69983
|
// src/lib/components/Sticky/Sticky.tsx
|
|
69918
|
-
var
|
|
69984
|
+
var import_react108 = require("react");
|
|
69919
69985
|
init_utils();
|
|
69920
|
-
var
|
|
69986
|
+
var import_jsx_runtime361 = require("react/jsx-runtime");
|
|
69921
69987
|
var Sticky = ({
|
|
69922
69988
|
className,
|
|
69923
69989
|
element = "div",
|
|
@@ -69927,7 +69993,7 @@ var Sticky = ({
|
|
|
69927
69993
|
...rest
|
|
69928
69994
|
}) => {
|
|
69929
69995
|
const Element = element;
|
|
69930
|
-
return /* @__PURE__ */ (0,
|
|
69996
|
+
return /* @__PURE__ */ (0, import_jsx_runtime361.jsx)(
|
|
69931
69997
|
Element,
|
|
69932
69998
|
{
|
|
69933
69999
|
ref,
|
|
@@ -69949,22 +70015,22 @@ var genTop = {
|
|
|
69949
70015
|
};
|
|
69950
70016
|
|
|
69951
70017
|
// src/lib/components/MarkdownEditor/MarkdownEditor.tsx
|
|
69952
|
-
var
|
|
70018
|
+
var import_react113 = require("react");
|
|
69953
70019
|
var import_react_markdown = __toESM(require("react-markdown"), 1);
|
|
69954
70020
|
|
|
69955
70021
|
// src/lib/components/MarkdownEditor/MarkdownButtons.tsx
|
|
69956
|
-
var
|
|
69957
|
-
var
|
|
70022
|
+
var import_react110 = require("react");
|
|
70023
|
+
var import_utils130 = require("@julseb-lib/utils");
|
|
69958
70024
|
init_utils();
|
|
69959
70025
|
|
|
69960
70026
|
// src/lib/components/MarkdownEditor/buttons/markdown-buttons.tsx
|
|
69961
70027
|
var import_bi23 = require("react-icons/bi");
|
|
69962
70028
|
|
|
69963
70029
|
// src/lib/components/MarkdownEditor/buttons/icons.tsx
|
|
69964
|
-
var
|
|
69965
|
-
var
|
|
70030
|
+
var import_react109 = require("react");
|
|
70031
|
+
var import_jsx_runtime362 = require("react/jsx-runtime");
|
|
69966
70032
|
var IconCode = ({ size }) => {
|
|
69967
|
-
return /* @__PURE__ */ (0,
|
|
70033
|
+
return /* @__PURE__ */ (0, import_jsx_runtime362.jsxs)(
|
|
69968
70034
|
"svg",
|
|
69969
70035
|
{
|
|
69970
70036
|
width: size,
|
|
@@ -69973,14 +70039,14 @@ var IconCode = ({ size }) => {
|
|
|
69973
70039
|
fill: "none",
|
|
69974
70040
|
xmlns: "http://www.w3.org/2000/svg",
|
|
69975
70041
|
children: [
|
|
69976
|
-
/* @__PURE__ */ (0,
|
|
70042
|
+
/* @__PURE__ */ (0, import_jsx_runtime362.jsx)(
|
|
69977
70043
|
"path",
|
|
69978
70044
|
{
|
|
69979
70045
|
d: "M3 5V6.74198H14.0423V16.1893H3V18L15.8769 17.9899V5H3Z",
|
|
69980
70046
|
fill: "currentColor"
|
|
69981
70047
|
}
|
|
69982
70048
|
),
|
|
69983
|
-
/* @__PURE__ */ (0,
|
|
70049
|
+
/* @__PURE__ */ (0, import_jsx_runtime362.jsx)(
|
|
69984
70050
|
"path",
|
|
69985
70051
|
{
|
|
69986
70052
|
d: "M17.85 5H21V6.74198L19.65 6.77634V16.155H21V18L17.85 17.9899V5Z",
|
|
@@ -69992,7 +70058,7 @@ var IconCode = ({ size }) => {
|
|
|
69992
70058
|
);
|
|
69993
70059
|
};
|
|
69994
70060
|
var IconLive = ({ size }) => {
|
|
69995
|
-
return /* @__PURE__ */ (0,
|
|
70061
|
+
return /* @__PURE__ */ (0, import_jsx_runtime362.jsxs)(
|
|
69996
70062
|
"svg",
|
|
69997
70063
|
{
|
|
69998
70064
|
width: size,
|
|
@@ -70001,14 +70067,14 @@ var IconLive = ({ size }) => {
|
|
|
70001
70067
|
fill: "none",
|
|
70002
70068
|
xmlns: "http://www.w3.org/2000/svg",
|
|
70003
70069
|
children: [
|
|
70004
|
-
/* @__PURE__ */ (0,
|
|
70070
|
+
/* @__PURE__ */ (0, import_jsx_runtime362.jsx)(
|
|
70005
70071
|
"path",
|
|
70006
70072
|
{
|
|
70007
70073
|
d: "M3 5V6.74198H9.19615V16.1893H3V18L11.0308 17.9899V5H3Z",
|
|
70008
70074
|
fill: "currentColor"
|
|
70009
70075
|
}
|
|
70010
70076
|
),
|
|
70011
|
-
/* @__PURE__ */ (0,
|
|
70077
|
+
/* @__PURE__ */ (0, import_jsx_runtime362.jsx)(
|
|
70012
70078
|
"path",
|
|
70013
70079
|
{
|
|
70014
70080
|
d: "M13.0038 5H21V6.74198L14.8038 6.77634V16.155H21V18L13.0038 17.9899V5Z",
|
|
@@ -70020,7 +70086,7 @@ var IconLive = ({ size }) => {
|
|
|
70020
70086
|
);
|
|
70021
70087
|
};
|
|
70022
70088
|
var IconPreview = ({ size }) => {
|
|
70023
|
-
return /* @__PURE__ */ (0,
|
|
70089
|
+
return /* @__PURE__ */ (0, import_jsx_runtime362.jsxs)(
|
|
70024
70090
|
"svg",
|
|
70025
70091
|
{
|
|
70026
70092
|
width: size,
|
|
@@ -70029,14 +70095,14 @@ var IconPreview = ({ size }) => {
|
|
|
70029
70095
|
fill: "none",
|
|
70030
70096
|
xmlns: "http://www.w3.org/2000/svg",
|
|
70031
70097
|
children: [
|
|
70032
|
-
/* @__PURE__ */ (0,
|
|
70098
|
+
/* @__PURE__ */ (0, import_jsx_runtime362.jsx)(
|
|
70033
70099
|
"path",
|
|
70034
70100
|
{
|
|
70035
70101
|
d: "M3 5V6.73874L4.31618 6.77303V16.2028L3 16.1685V17.9758L6.1508 18V5.03429L3 5Z",
|
|
70036
70102
|
fill: "currentColor"
|
|
70037
70103
|
}
|
|
70038
70104
|
),
|
|
70039
|
-
/* @__PURE__ */ (0,
|
|
70105
|
+
/* @__PURE__ */ (0, import_jsx_runtime362.jsx)(
|
|
70040
70106
|
"path",
|
|
70041
70107
|
{
|
|
70042
70108
|
d: "M8.12387 5.03429L21 5V6.73874L9.92387 6.80732V16.1685L21 16.1342V17.9758L8.12387 18V5.03429Z",
|
|
@@ -70048,7 +70114,7 @@ var IconPreview = ({ size }) => {
|
|
|
70048
70114
|
);
|
|
70049
70115
|
};
|
|
70050
70116
|
var IconSeparator = ({ size }) => {
|
|
70051
|
-
return /* @__PURE__ */ (0,
|
|
70117
|
+
return /* @__PURE__ */ (0, import_jsx_runtime362.jsx)(
|
|
70052
70118
|
"svg",
|
|
70053
70119
|
{
|
|
70054
70120
|
width: size,
|
|
@@ -70056,7 +70122,7 @@ var IconSeparator = ({ size }) => {
|
|
|
70056
70122
|
viewBox: "0 0 24 24",
|
|
70057
70123
|
fill: "none",
|
|
70058
70124
|
xmlns: "http://www.w3.org/2000/svg",
|
|
70059
|
-
children: /* @__PURE__ */ (0,
|
|
70125
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime362.jsx)(
|
|
70060
70126
|
"path",
|
|
70061
70127
|
{
|
|
70062
70128
|
d: "M3 11H6V13H3V11ZM8 11H11V13H8V11ZM13 11H16V13H13V11ZM18 11H21V13H18V11Z",
|
|
@@ -70068,92 +70134,92 @@ var IconSeparator = ({ size }) => {
|
|
|
70068
70134
|
};
|
|
70069
70135
|
|
|
70070
70136
|
// src/lib/components/MarkdownEditor/buttons/markdown-buttons.tsx
|
|
70071
|
-
var
|
|
70137
|
+
var import_jsx_runtime363 = require("react/jsx-runtime");
|
|
70072
70138
|
var DEFAULT_ICON_SIZE = 16;
|
|
70073
70139
|
var libMdButtons = [
|
|
70074
70140
|
{
|
|
70075
70141
|
name: "bold",
|
|
70076
70142
|
code: "** **",
|
|
70077
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70143
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiBold, { size: DEFAULT_ICON_SIZE })
|
|
70078
70144
|
},
|
|
70079
70145
|
{
|
|
70080
70146
|
name: "italic",
|
|
70081
70147
|
code: "* *",
|
|
70082
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70148
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiItalic, { size: DEFAULT_ICON_SIZE })
|
|
70083
70149
|
},
|
|
70084
70150
|
{
|
|
70085
70151
|
name: "strikethrough",
|
|
70086
70152
|
code: "~~ ~~",
|
|
70087
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70153
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiStrikethrough, { size: DEFAULT_ICON_SIZE })
|
|
70088
70154
|
},
|
|
70089
70155
|
{
|
|
70090
70156
|
name: "underline",
|
|
70091
70157
|
code: "<u> </u>",
|
|
70092
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70158
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiUnderline, { size: DEFAULT_ICON_SIZE })
|
|
70093
70159
|
},
|
|
70094
70160
|
{
|
|
70095
70161
|
displayName: "Unordered list",
|
|
70096
70162
|
name: "ul",
|
|
70097
70163
|
code: "\n- ",
|
|
70098
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70164
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiListUl, { size: DEFAULT_ICON_SIZE })
|
|
70099
70165
|
},
|
|
70100
70166
|
{
|
|
70101
70167
|
displayName: "Ordered list",
|
|
70102
70168
|
name: "ol",
|
|
70103
70169
|
code: "\n1. ",
|
|
70104
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70170
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiListOl, { size: DEFAULT_ICON_SIZE })
|
|
70105
70171
|
},
|
|
70106
70172
|
{
|
|
70107
70173
|
name: "link",
|
|
70108
70174
|
code: "[](URL here)",
|
|
70109
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70175
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiLink, { size: DEFAULT_ICON_SIZE })
|
|
70110
70176
|
},
|
|
70111
70177
|
{
|
|
70112
70178
|
name: "quote",
|
|
70113
70179
|
displayName: "Blockquote",
|
|
70114
70180
|
code: "\n> ",
|
|
70115
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70181
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiSolidQuoteAltLeft, { size: DEFAULT_ICON_SIZE })
|
|
70116
70182
|
},
|
|
70117
70183
|
{
|
|
70118
70184
|
displayName: "Separator",
|
|
70119
70185
|
name: "hr",
|
|
70120
70186
|
code: "\n\n---\n\n",
|
|
70121
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70187
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(IconSeparator, { size: DEFAULT_ICON_SIZE })
|
|
70122
70188
|
},
|
|
70123
70189
|
{
|
|
70124
70190
|
name: "code",
|
|
70125
70191
|
code: "``",
|
|
70126
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70192
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiCode, { size: DEFAULT_ICON_SIZE })
|
|
70127
70193
|
},
|
|
70128
70194
|
{
|
|
70129
70195
|
displayName: "Code block",
|
|
70130
70196
|
name: "codeBlock",
|
|
70131
70197
|
code: "\n```\n\n```\n",
|
|
70132
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70198
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiCodeBlock, { size: DEFAULT_ICON_SIZE })
|
|
70133
70199
|
},
|
|
70134
70200
|
{
|
|
70135
70201
|
name: "comment",
|
|
70136
70202
|
code: "\n<!-- -->\n",
|
|
70137
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70203
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiComment, { size: DEFAULT_ICON_SIZE })
|
|
70138
70204
|
},
|
|
70139
70205
|
{
|
|
70140
70206
|
name: "image",
|
|
70141
70207
|
code: "",
|
|
70142
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70208
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(import_bi23.BiImage, { size: DEFAULT_ICON_SIZE })
|
|
70143
70209
|
}
|
|
70144
70210
|
];
|
|
70145
70211
|
var libMdViewButtons = [
|
|
70146
70212
|
{
|
|
70147
70213
|
name: "viewCode",
|
|
70148
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70214
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(IconCode, { size: DEFAULT_ICON_SIZE })
|
|
70149
70215
|
},
|
|
70150
70216
|
{
|
|
70151
70217
|
name: "viewLive",
|
|
70152
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70218
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(IconLive, { size: DEFAULT_ICON_SIZE })
|
|
70153
70219
|
},
|
|
70154
70220
|
{
|
|
70155
70221
|
name: "viewPreview",
|
|
70156
|
-
defaultIcon: /* @__PURE__ */ (0,
|
|
70222
|
+
defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime363.jsx)(IconPreview, { size: DEFAULT_ICON_SIZE })
|
|
70157
70223
|
}
|
|
70158
70224
|
];
|
|
70159
70225
|
var libMdTitleButtons = [
|
|
@@ -70208,7 +70274,7 @@ var getFontSizeButton = (tag) => {
|
|
|
70208
70274
|
};
|
|
70209
70275
|
|
|
70210
70276
|
// src/lib/components/MarkdownEditor/MarkdownButtons.tsx
|
|
70211
|
-
var
|
|
70277
|
+
var import_jsx_runtime364 = require("react/jsx-runtime");
|
|
70212
70278
|
var MarkdownButtons = ({
|
|
70213
70279
|
options,
|
|
70214
70280
|
icons,
|
|
@@ -70219,14 +70285,14 @@ var MarkdownButtons = ({
|
|
|
70219
70285
|
return null;
|
|
70220
70286
|
}
|
|
70221
70287
|
const icon = icons && icons[button.name] ? icons[button.name] : button.defaultIcon;
|
|
70222
|
-
return /* @__PURE__ */ (0,
|
|
70288
|
+
return /* @__PURE__ */ (0, import_jsx_runtime364.jsx)(
|
|
70223
70289
|
ButtonIcon,
|
|
70224
70290
|
{
|
|
70225
70291
|
className: clsx("size-6", "md-button"),
|
|
70226
70292
|
icon,
|
|
70227
70293
|
onClick: () => addCode(button.code),
|
|
70228
|
-
tooltip: button.displayName ?? (0,
|
|
70229
|
-
"aria-label": button.displayName ?? (0,
|
|
70294
|
+
tooltip: button.displayName ?? (0, import_utils130.toSentenceCase)(button.name),
|
|
70295
|
+
"aria-label": button.displayName ?? (0, import_utils130.toSentenceCase)(button.name),
|
|
70230
70296
|
variant: "transparent",
|
|
70231
70297
|
showTooltip: { offset: "2xs" }
|
|
70232
70298
|
},
|
|
@@ -70236,9 +70302,9 @@ var MarkdownButtons = ({
|
|
|
70236
70302
|
};
|
|
70237
70303
|
|
|
70238
70304
|
// src/lib/components/MarkdownEditor/MarkdownEditorTitles.tsx
|
|
70239
|
-
var
|
|
70305
|
+
var import_react111 = require("react");
|
|
70240
70306
|
init_utils();
|
|
70241
|
-
var
|
|
70307
|
+
var import_jsx_runtime365 = require("react/jsx-runtime");
|
|
70242
70308
|
var MarkdownEditorTitles = ({
|
|
70243
70309
|
options,
|
|
70244
70310
|
textButtonTitles,
|
|
@@ -70248,10 +70314,10 @@ var MarkdownEditorTitles = ({
|
|
|
70248
70314
|
setIsOpen
|
|
70249
70315
|
}) => {
|
|
70250
70316
|
if (options?.titles === false) return null;
|
|
70251
|
-
const el = (0,
|
|
70317
|
+
const el = (0, import_react111.useRef)(null);
|
|
70252
70318
|
useClickOutside(el, () => setIsOpen(false));
|
|
70253
|
-
return /* @__PURE__ */ (0,
|
|
70254
|
-
/* @__PURE__ */ (0,
|
|
70319
|
+
return /* @__PURE__ */ (0, import_jsx_runtime365.jsxs)("div", { className: clsx("relative", "dropdown-container"), ref: el, children: [
|
|
70320
|
+
/* @__PURE__ */ (0, import_jsx_runtime365.jsx)(
|
|
70255
70321
|
Button,
|
|
70256
70322
|
{
|
|
70257
70323
|
className: clsx("", "button-titles"),
|
|
@@ -70264,7 +70330,7 @@ var MarkdownEditorTitles = ({
|
|
|
70264
70330
|
children: textButtonTitles
|
|
70265
70331
|
}
|
|
70266
70332
|
),
|
|
70267
|
-
/* @__PURE__ */ (0,
|
|
70333
|
+
/* @__PURE__ */ (0, import_jsx_runtime365.jsx)(
|
|
70268
70334
|
"div",
|
|
70269
70335
|
{
|
|
70270
70336
|
className: clsx(
|
|
@@ -70274,7 +70340,7 @@ var MarkdownEditorTitles = ({
|
|
|
70274
70340
|
"max-h-0 [&.open]:max-h-44.75 [&.open]:shadow-sm",
|
|
70275
70341
|
"titles-dropdown"
|
|
70276
70342
|
),
|
|
70277
|
-
children: libMdTitleButtons.map((button) => /* @__PURE__ */ (0,
|
|
70343
|
+
children: libMdTitleButtons.map((button) => /* @__PURE__ */ (0, import_jsx_runtime365.jsx)(
|
|
70278
70344
|
"button",
|
|
70279
70345
|
{
|
|
70280
70346
|
className: clsx(
|
|
@@ -70301,10 +70367,10 @@ var MarkdownEditorTitles = ({
|
|
|
70301
70367
|
};
|
|
70302
70368
|
|
|
70303
70369
|
// src/lib/components/MarkdownEditor/MarkdownViewButtons.tsx
|
|
70304
|
-
var
|
|
70305
|
-
var
|
|
70370
|
+
var import_react112 = require("react");
|
|
70371
|
+
var import_utils133 = require("@julseb-lib/utils");
|
|
70306
70372
|
init_utils();
|
|
70307
|
-
var
|
|
70373
|
+
var import_jsx_runtime366 = require("react/jsx-runtime");
|
|
70308
70374
|
var MarkdownViewButtons = ({
|
|
70309
70375
|
options,
|
|
70310
70376
|
icons,
|
|
@@ -70316,7 +70382,7 @@ var MarkdownViewButtons = ({
|
|
|
70316
70382
|
return null;
|
|
70317
70383
|
}
|
|
70318
70384
|
const icon = icons && icons[button.name] ? icons[button.name] : button.defaultIcon;
|
|
70319
|
-
return /* @__PURE__ */ (0,
|
|
70385
|
+
return /* @__PURE__ */ (0, import_jsx_runtime366.jsx)(
|
|
70320
70386
|
ButtonIcon,
|
|
70321
70387
|
{
|
|
70322
70388
|
className: clsx(
|
|
@@ -70327,8 +70393,8 @@ var MarkdownViewButtons = ({
|
|
|
70327
70393
|
variant: view === button.name ? "plain" : "transparent",
|
|
70328
70394
|
icon,
|
|
70329
70395
|
onClick: () => setView(button.name),
|
|
70330
|
-
"aria-label": button.displayName ?? (0,
|
|
70331
|
-
tooltip: button.displayName ?? (0,
|
|
70396
|
+
"aria-label": button.displayName ?? (0, import_utils133.toSentenceCase)(button.name),
|
|
70397
|
+
tooltip: button.displayName ?? (0, import_utils133.toSentenceCase)(button.name),
|
|
70332
70398
|
showTooltip: { offset: "2xs" }
|
|
70333
70399
|
},
|
|
70334
70400
|
button.name
|
|
@@ -70338,7 +70404,7 @@ var MarkdownViewButtons = ({
|
|
|
70338
70404
|
|
|
70339
70405
|
// src/lib/components/MarkdownEditor/MarkdownEditor.tsx
|
|
70340
70406
|
init_utils();
|
|
70341
|
-
var
|
|
70407
|
+
var import_jsx_runtime367 = require("react/jsx-runtime");
|
|
70342
70408
|
var MarkdownEditor = ({
|
|
70343
70409
|
className,
|
|
70344
70410
|
ref,
|
|
@@ -70358,14 +70424,14 @@ var MarkdownEditor = ({
|
|
|
70358
70424
|
containerClassName,
|
|
70359
70425
|
...rest
|
|
70360
70426
|
}) => {
|
|
70361
|
-
const [view, setView] = (0,
|
|
70362
|
-
const [isTitlesOpen, setIsTitlesOpen] = (0,
|
|
70363
|
-
const el = (0,
|
|
70427
|
+
const [view, setView] = (0, import_react113.useState)(defaultView);
|
|
70428
|
+
const [isTitlesOpen, setIsTitlesOpen] = (0, import_react113.useState)(false);
|
|
70429
|
+
const el = (0, import_react113.useRef)(null);
|
|
70364
70430
|
const addCode = (code) => {
|
|
70365
70431
|
setValue(`${value}${code}`);
|
|
70366
70432
|
el?.current?.focus();
|
|
70367
70433
|
};
|
|
70368
|
-
return /* @__PURE__ */ (0,
|
|
70434
|
+
return /* @__PURE__ */ (0, import_jsx_runtime367.jsx)(
|
|
70369
70435
|
InputContainer,
|
|
70370
70436
|
{
|
|
70371
70437
|
label,
|
|
@@ -70375,7 +70441,7 @@ var MarkdownEditor = ({
|
|
|
70375
70441
|
validation,
|
|
70376
70442
|
hasListOpen: isTitlesOpen,
|
|
70377
70443
|
className: containerClassName,
|
|
70378
|
-
children: /* @__PURE__ */ (0,
|
|
70444
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime367.jsxs)(
|
|
70379
70445
|
"div",
|
|
70380
70446
|
{
|
|
70381
70447
|
className: clsx(
|
|
@@ -70387,7 +70453,7 @@ var MarkdownEditor = ({
|
|
|
70387
70453
|
"md-editor-wrapper"
|
|
70388
70454
|
),
|
|
70389
70455
|
children: [
|
|
70390
|
-
/* @__PURE__ */ (0,
|
|
70456
|
+
/* @__PURE__ */ (0, import_jsx_runtime367.jsxs)(
|
|
70391
70457
|
"div",
|
|
70392
70458
|
{
|
|
70393
70459
|
className: clsx(
|
|
@@ -70395,7 +70461,7 @@ var MarkdownEditor = ({
|
|
|
70395
70461
|
"md-buttons-container"
|
|
70396
70462
|
),
|
|
70397
70463
|
children: [
|
|
70398
|
-
/* @__PURE__ */ (0,
|
|
70464
|
+
/* @__PURE__ */ (0, import_jsx_runtime367.jsxs)(
|
|
70399
70465
|
"div",
|
|
70400
70466
|
{
|
|
70401
70467
|
className: clsx(
|
|
@@ -70403,7 +70469,7 @@ var MarkdownEditor = ({
|
|
|
70403
70469
|
"md-buttons"
|
|
70404
70470
|
),
|
|
70405
70471
|
children: [
|
|
70406
|
-
/* @__PURE__ */ (0,
|
|
70472
|
+
/* @__PURE__ */ (0, import_jsx_runtime367.jsx)(
|
|
70407
70473
|
MarkdownEditorTitles,
|
|
70408
70474
|
{
|
|
70409
70475
|
options,
|
|
@@ -70414,7 +70480,7 @@ var MarkdownEditor = ({
|
|
|
70414
70480
|
setIsOpen: setIsTitlesOpen
|
|
70415
70481
|
}
|
|
70416
70482
|
),
|
|
70417
|
-
/* @__PURE__ */ (0,
|
|
70483
|
+
/* @__PURE__ */ (0, import_jsx_runtime367.jsx)(
|
|
70418
70484
|
MarkdownButtons,
|
|
70419
70485
|
{
|
|
70420
70486
|
options,
|
|
@@ -70425,7 +70491,7 @@ var MarkdownEditor = ({
|
|
|
70425
70491
|
]
|
|
70426
70492
|
}
|
|
70427
70493
|
),
|
|
70428
|
-
/* @__PURE__ */ (0,
|
|
70494
|
+
/* @__PURE__ */ (0, import_jsx_runtime367.jsx)("div", { className: clsx("flex gap-1", "md-views"), children: /* @__PURE__ */ (0, import_jsx_runtime367.jsx)(
|
|
70429
70495
|
MarkdownViewButtons,
|
|
70430
70496
|
{
|
|
70431
70497
|
options,
|
|
@@ -70437,7 +70503,7 @@ var MarkdownEditor = ({
|
|
|
70437
70503
|
]
|
|
70438
70504
|
}
|
|
70439
70505
|
),
|
|
70440
|
-
/* @__PURE__ */ (0,
|
|
70506
|
+
/* @__PURE__ */ (0, import_jsx_runtime367.jsxs)(
|
|
70441
70507
|
"div",
|
|
70442
70508
|
{
|
|
70443
70509
|
className: clsx(
|
|
@@ -70446,7 +70512,7 @@ var MarkdownEditor = ({
|
|
|
70446
70512
|
"md-editor-content"
|
|
70447
70513
|
),
|
|
70448
70514
|
children: [
|
|
70449
|
-
/* @__PURE__ */ (0,
|
|
70515
|
+
/* @__PURE__ */ (0, import_jsx_runtime367.jsx)(
|
|
70450
70516
|
"textarea",
|
|
70451
70517
|
{
|
|
70452
70518
|
ref: useMergeRefs([ref, el]),
|
|
@@ -70462,7 +70528,7 @@ var MarkdownEditor = ({
|
|
|
70462
70528
|
...rest
|
|
70463
70529
|
}
|
|
70464
70530
|
),
|
|
70465
|
-
view === "viewLive" && /* @__PURE__ */ (0,
|
|
70531
|
+
view === "viewLive" && /* @__PURE__ */ (0, import_jsx_runtime367.jsx)(
|
|
70466
70532
|
"span",
|
|
70467
70533
|
{
|
|
70468
70534
|
className: clsx(
|
|
@@ -70471,7 +70537,7 @@ var MarkdownEditor = ({
|
|
|
70471
70537
|
)
|
|
70472
70538
|
}
|
|
70473
70539
|
),
|
|
70474
|
-
(view === "viewLive" || view === "viewPreview") && /* @__PURE__ */ (0,
|
|
70540
|
+
(view === "viewLive" || view === "viewPreview") && /* @__PURE__ */ (0, import_jsx_runtime367.jsx)("div", { className: "p-2 md-editor-markdown", children: /* @__PURE__ */ (0, import_jsx_runtime367.jsx)(
|
|
70475
70541
|
import_react_markdown.default,
|
|
70476
70542
|
{
|
|
70477
70543
|
components: libMarkdownComponents,
|
|
@@ -70489,10 +70555,10 @@ var MarkdownEditor = ({
|
|
|
70489
70555
|
};
|
|
70490
70556
|
|
|
70491
70557
|
// src/lib/components/MarkdownContainer/MarkdownContainer.tsx
|
|
70492
|
-
var
|
|
70558
|
+
var import_react114 = require("react");
|
|
70493
70559
|
var import_react_markdown2 = __toESM(require("react-markdown"), 1);
|
|
70494
70560
|
init_utils();
|
|
70495
|
-
var
|
|
70561
|
+
var import_jsx_runtime368 = require("react/jsx-runtime");
|
|
70496
70562
|
var MarkdownContainer = ({
|
|
70497
70563
|
children,
|
|
70498
70564
|
components = libMarkdownComponents,
|
|
@@ -70500,7 +70566,7 @@ var MarkdownContainer = ({
|
|
|
70500
70566
|
urlTransform,
|
|
70501
70567
|
...rest
|
|
70502
70568
|
}) => {
|
|
70503
|
-
return /* @__PURE__ */ (0,
|
|
70569
|
+
return /* @__PURE__ */ (0, import_jsx_runtime368.jsx)(
|
|
70504
70570
|
import_react_markdown2.default,
|
|
70505
70571
|
{
|
|
70506
70572
|
components,
|
|
@@ -70513,11 +70579,11 @@ var MarkdownContainer = ({
|
|
|
70513
70579
|
};
|
|
70514
70580
|
|
|
70515
70581
|
// src/lib/components/CodeContainer/CodeContainer.tsx
|
|
70516
|
-
var
|
|
70582
|
+
var import_react115 = require("react");
|
|
70517
70583
|
var import_prism_react_renderer = require("prism-react-renderer");
|
|
70518
70584
|
var import_bi24 = require("react-icons/bi");
|
|
70519
70585
|
init_utils();
|
|
70520
|
-
var
|
|
70586
|
+
var import_jsx_runtime369 = require("react/jsx-runtime");
|
|
70521
70587
|
var CodeContainer = ({
|
|
70522
70588
|
children,
|
|
70523
70589
|
code,
|
|
@@ -70526,7 +70592,7 @@ var CodeContainer = ({
|
|
|
70526
70592
|
className,
|
|
70527
70593
|
...rest
|
|
70528
70594
|
}) => {
|
|
70529
|
-
const [hasCopied, setHasCopied] = (0,
|
|
70595
|
+
const [hasCopied, setHasCopied] = (0, import_react115.useState)(false);
|
|
70530
70596
|
const copyToClipboard = () => {
|
|
70531
70597
|
if (children) {
|
|
70532
70598
|
let copyString = children.toString();
|
|
@@ -70538,7 +70604,7 @@ var CodeContainer = ({
|
|
|
70538
70604
|
}
|
|
70539
70605
|
setTimeout(() => setHasCopied(false), 1e3);
|
|
70540
70606
|
};
|
|
70541
|
-
return /* @__PURE__ */ (0,
|
|
70607
|
+
return /* @__PURE__ */ (0, import_jsx_runtime369.jsxs)(
|
|
70542
70608
|
"div",
|
|
70543
70609
|
{
|
|
70544
70610
|
className: clsx(
|
|
@@ -70547,21 +70613,21 @@ var CodeContainer = ({
|
|
|
70547
70613
|
className
|
|
70548
70614
|
),
|
|
70549
70615
|
children: [
|
|
70550
|
-
/* @__PURE__ */ (0,
|
|
70616
|
+
/* @__PURE__ */ (0, import_jsx_runtime369.jsx)(
|
|
70551
70617
|
import_prism_react_renderer.Highlight,
|
|
70552
70618
|
{
|
|
70553
70619
|
theme: import_prism_react_renderer.themes.oneDark,
|
|
70554
70620
|
language,
|
|
70555
70621
|
code: children,
|
|
70556
70622
|
...rest,
|
|
70557
|
-
children: ({ style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ (0,
|
|
70623
|
+
children: ({ style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ (0, import_jsx_runtime369.jsx)(
|
|
70558
70624
|
"pre",
|
|
70559
70625
|
{
|
|
70560
70626
|
style,
|
|
70561
70627
|
className: "relative max-w-full overflow-x-scroll no-scrollbar",
|
|
70562
|
-
children: tokens.map((line, i) => /* @__PURE__ */ (0,
|
|
70563
|
-
showNumbers && /* @__PURE__ */ (0,
|
|
70564
|
-
line.map((token, key) => /* @__PURE__ */ (0,
|
|
70628
|
+
children: tokens.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime369.jsxs)("div", { ...getLineProps({ line }), children: [
|
|
70629
|
+
showNumbers && /* @__PURE__ */ (0, import_jsx_runtime369.jsx)("span", { className: "mr-6", children: i + 1 }),
|
|
70630
|
+
line.map((token, key) => /* @__PURE__ */ (0, import_jsx_runtime369.jsx)(
|
|
70565
70631
|
"span",
|
|
70566
70632
|
{
|
|
70567
70633
|
...getTokenProps({ token })
|
|
@@ -70573,10 +70639,10 @@ var CodeContainer = ({
|
|
|
70573
70639
|
)
|
|
70574
70640
|
}
|
|
70575
70641
|
),
|
|
70576
|
-
/* @__PURE__ */ (0,
|
|
70642
|
+
/* @__PURE__ */ (0, import_jsx_runtime369.jsx)(
|
|
70577
70643
|
ButtonIcon,
|
|
70578
70644
|
{
|
|
70579
|
-
icon: hasCopied ? /* @__PURE__ */ (0,
|
|
70645
|
+
icon: hasCopied ? /* @__PURE__ */ (0, import_jsx_runtime369.jsx)(import_bi24.BiCheck, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime369.jsx)(import_bi24.BiClipboard, { size: 16 }),
|
|
70580
70646
|
className: "top-2 right-2 absolute size-8",
|
|
70581
70647
|
color: hasCopied ? "success" : "primary",
|
|
70582
70648
|
onClick: copyToClipboard
|
|
@@ -70588,9 +70654,9 @@ var CodeContainer = ({
|
|
|
70588
70654
|
};
|
|
70589
70655
|
|
|
70590
70656
|
// src/lib/components/Fade/Fade.tsx
|
|
70591
|
-
var
|
|
70657
|
+
var import_react116 = require("react");
|
|
70592
70658
|
init_utils();
|
|
70593
|
-
var
|
|
70659
|
+
var import_jsx_runtime370 = require("react/jsx-runtime");
|
|
70594
70660
|
var Fade = ({
|
|
70595
70661
|
className,
|
|
70596
70662
|
element = "div",
|
|
@@ -70599,15 +70665,15 @@ var Fade = ({
|
|
|
70599
70665
|
...rest
|
|
70600
70666
|
}) => {
|
|
70601
70667
|
const Element = element;
|
|
70602
|
-
const [isVisible, setIsVisible] = (0,
|
|
70603
|
-
const fadeRef = (0,
|
|
70604
|
-
(0,
|
|
70668
|
+
const [isVisible, setIsVisible] = (0, import_react116.useState)(true);
|
|
70669
|
+
const fadeRef = (0, import_react116.useRef)(null);
|
|
70670
|
+
(0, import_react116.useEffect)(() => {
|
|
70605
70671
|
const observer = new IntersectionObserver((entries) => {
|
|
70606
70672
|
entries.forEach((entry) => setIsVisible(entry.isIntersecting));
|
|
70607
70673
|
});
|
|
70608
70674
|
observer.observe(fadeRef.current);
|
|
70609
70675
|
}, []);
|
|
70610
|
-
return /* @__PURE__ */ (0,
|
|
70676
|
+
return /* @__PURE__ */ (0, import_jsx_runtime370.jsx)(
|
|
70611
70677
|
Element,
|
|
70612
70678
|
{
|
|
70613
70679
|
ref: useMergeRefs([ref, fadeRef]),
|
|
@@ -70625,21 +70691,21 @@ var Fade = ({
|
|
|
70625
70691
|
};
|
|
70626
70692
|
|
|
70627
70693
|
// src/lib/components/BackToTop/BackToTop.tsx
|
|
70628
|
-
var
|
|
70694
|
+
var import_react117 = require("react");
|
|
70629
70695
|
var import_bi25 = require("react-icons/bi");
|
|
70630
70696
|
init_utils();
|
|
70631
|
-
var
|
|
70697
|
+
var import_jsx_runtime371 = require("react/jsx-runtime");
|
|
70632
70698
|
var BackToTop = ({
|
|
70633
70699
|
className,
|
|
70634
70700
|
ref,
|
|
70635
|
-
icon = /* @__PURE__ */ (0,
|
|
70701
|
+
icon = /* @__PURE__ */ (0, import_jsx_runtime371.jsx)(import_bi25.BiUpArrowAlt, { size: 32 }),
|
|
70636
70702
|
color = "primary",
|
|
70637
70703
|
tooltip = "Back to top",
|
|
70638
70704
|
showTooltip,
|
|
70639
70705
|
...rest
|
|
70640
70706
|
}) => {
|
|
70641
|
-
const [isVisible, setIsVisible] = (0,
|
|
70642
|
-
(0,
|
|
70707
|
+
const [isVisible, setIsVisible] = (0, import_react117.useState)(false);
|
|
70708
|
+
(0, import_react117.useEffect)(() => {
|
|
70643
70709
|
const scrollFn = () => {
|
|
70644
70710
|
if (window.scrollY >= 200) {
|
|
70645
70711
|
setIsVisible(true);
|
|
@@ -70659,7 +70725,7 @@ var BackToTop = ({
|
|
|
70659
70725
|
document.documentElement.classList.remove("smooth");
|
|
70660
70726
|
}, 1e3);
|
|
70661
70727
|
};
|
|
70662
|
-
return /* @__PURE__ */ (0,
|
|
70728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime371.jsx)(
|
|
70663
70729
|
ButtonIcon,
|
|
70664
70730
|
{
|
|
70665
70731
|
ref,
|
|
@@ -70688,11 +70754,11 @@ var BackToTop = ({
|
|
|
70688
70754
|
};
|
|
70689
70755
|
|
|
70690
70756
|
// src/lib/components/Drawer/Drawer.tsx
|
|
70691
|
-
var
|
|
70757
|
+
var import_react118 = require("react");
|
|
70692
70758
|
var import_bi26 = require("react-icons/bi");
|
|
70693
|
-
var
|
|
70759
|
+
var import_utils140 = require("@julseb-lib/utils");
|
|
70694
70760
|
init_utils();
|
|
70695
|
-
var
|
|
70761
|
+
var import_jsx_runtime372 = require("react/jsx-runtime");
|
|
70696
70762
|
var Drawer = ({
|
|
70697
70763
|
className,
|
|
70698
70764
|
element = "div",
|
|
@@ -70713,16 +70779,16 @@ var Drawer = ({
|
|
|
70713
70779
|
...rest
|
|
70714
70780
|
}) => {
|
|
70715
70781
|
const Element = element;
|
|
70716
|
-
const el = (0,
|
|
70782
|
+
const el = (0, import_react118.useRef)(null);
|
|
70717
70783
|
useClickOutside(el, () => isOpen && setIsOpen(false));
|
|
70718
70784
|
useKeyPress("Escape", () => {
|
|
70719
70785
|
if (!disableEsc && isOpen) setIsOpen(false);
|
|
70720
70786
|
});
|
|
70721
|
-
(0,
|
|
70787
|
+
(0, import_react118.useEffect)(() => {
|
|
70722
70788
|
if (!enableScrollingOpen && isOpen) disableScroll();
|
|
70723
70789
|
else enableScroll();
|
|
70724
70790
|
}, [enableScrollingOpen, isOpen]);
|
|
70725
|
-
return /* @__PURE__ */ (0,
|
|
70791
|
+
return /* @__PURE__ */ (0, import_jsx_runtime372.jsxs)(
|
|
70726
70792
|
Element,
|
|
70727
70793
|
{
|
|
70728
70794
|
ref,
|
|
@@ -70735,7 +70801,7 @@ var Drawer = ({
|
|
|
70735
70801
|
),
|
|
70736
70802
|
...rest,
|
|
70737
70803
|
children: [
|
|
70738
|
-
/* @__PURE__ */ (0,
|
|
70804
|
+
/* @__PURE__ */ (0, import_jsx_runtime372.jsx)(
|
|
70739
70805
|
"div",
|
|
70740
70806
|
{
|
|
70741
70807
|
className: clsx(
|
|
@@ -70748,7 +70814,7 @@ var Drawer = ({
|
|
|
70748
70814
|
"aria-label": "Close drawer"
|
|
70749
70815
|
}
|
|
70750
70816
|
),
|
|
70751
|
-
/* @__PURE__ */ (0,
|
|
70817
|
+
/* @__PURE__ */ (0, import_jsx_runtime372.jsxs)(
|
|
70752
70818
|
"div",
|
|
70753
70819
|
{
|
|
70754
70820
|
className: clsx(
|
|
@@ -70762,14 +70828,14 @@ var Drawer = ({
|
|
|
70762
70828
|
position === "left" ? "left-[calc(var(--drawer-max-width)*-1)] [&.open]:left-0" : "right-[calc(var(--drawer-max-width)*-1)] [&.open]:right-0",
|
|
70763
70829
|
"drawer-content"
|
|
70764
70830
|
),
|
|
70765
|
-
style: { ["--drawer-max-width"]: (0,
|
|
70831
|
+
style: { ["--drawer-max-width"]: (0, import_utils140.stringifyPx)(maxWidth2) },
|
|
70766
70832
|
ref: el,
|
|
70767
70833
|
children: [
|
|
70768
70834
|
children,
|
|
70769
|
-
!hideCloseButton && /* @__PURE__ */ (0,
|
|
70835
|
+
!hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime372.jsx)(
|
|
70770
70836
|
ButtonIcon,
|
|
70771
70837
|
{
|
|
70772
|
-
icon: /* @__PURE__ */ (0,
|
|
70838
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime372.jsx)(import_bi26.BiX, { size: 24 }),
|
|
70773
70839
|
color: "white",
|
|
70774
70840
|
variant: "transparent",
|
|
70775
70841
|
className: "top-2 right-2 absolute size-12",
|
|
@@ -70785,13 +70851,13 @@ var Drawer = ({
|
|
|
70785
70851
|
};
|
|
70786
70852
|
|
|
70787
70853
|
// src/lib/components/Header/Header.tsx
|
|
70788
|
-
var
|
|
70854
|
+
var import_react120 = require("react");
|
|
70789
70855
|
|
|
70790
70856
|
// src/lib/components/Header/HeaderSearch.tsx
|
|
70791
|
-
var
|
|
70792
|
-
var
|
|
70857
|
+
var import_react119 = require("react");
|
|
70858
|
+
var import_utils142 = require("@julseb-lib/utils");
|
|
70793
70859
|
init_utils();
|
|
70794
|
-
var
|
|
70860
|
+
var import_jsx_runtime373 = require("react/jsx-runtime");
|
|
70795
70861
|
var HeaderSearch = ({ search, handleClose }) => {
|
|
70796
70862
|
if (!search) return null;
|
|
70797
70863
|
const {
|
|
@@ -70808,7 +70874,7 @@ var HeaderSearch = ({ search, handleClose }) => {
|
|
|
70808
70874
|
maxWidth: maxWidth2 = 400,
|
|
70809
70875
|
clearSearch
|
|
70810
70876
|
} = search;
|
|
70811
|
-
return /* @__PURE__ */ (0,
|
|
70877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime373.jsx)(
|
|
70812
70878
|
"form",
|
|
70813
70879
|
{
|
|
70814
70880
|
onSubmit: (e) => {
|
|
@@ -70816,8 +70882,8 @@ var HeaderSearch = ({ search, handleClose }) => {
|
|
|
70816
70882
|
handleClose();
|
|
70817
70883
|
},
|
|
70818
70884
|
className: clsx("w-full max-w-(--form-max-width)", "search-form"),
|
|
70819
|
-
style: { ["--form-max-width"]: (0,
|
|
70820
|
-
children: /* @__PURE__ */ (0,
|
|
70885
|
+
style: { ["--form-max-width"]: (0, import_utils142.stringifyPx)(maxWidth2) },
|
|
70886
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime373.jsx)("search", { children: /* @__PURE__ */ (0, import_jsx_runtime373.jsx)(
|
|
70821
70887
|
Input,
|
|
70822
70888
|
{
|
|
70823
70889
|
type: "search",
|
|
@@ -70840,7 +70906,7 @@ var HeaderSearch = ({ search, handleClose }) => {
|
|
|
70840
70906
|
|
|
70841
70907
|
// src/lib/components/Header/Header.tsx
|
|
70842
70908
|
init_utils();
|
|
70843
|
-
var
|
|
70909
|
+
var import_jsx_runtime374 = require("react/jsx-runtime");
|
|
70844
70910
|
var Header = ({
|
|
70845
70911
|
className,
|
|
70846
70912
|
element = "header",
|
|
@@ -70866,9 +70932,9 @@ var Header = ({
|
|
|
70866
70932
|
}) => {
|
|
70867
70933
|
const Element = element;
|
|
70868
70934
|
const isMobile = useMaxWidth(768);
|
|
70869
|
-
const el = (0,
|
|
70870
|
-
const [isOpen, setIsOpen] = (0,
|
|
70871
|
-
const [isHidden, setIsHidden] = (0,
|
|
70935
|
+
const el = (0, import_react120.useRef)(null);
|
|
70936
|
+
const [isOpen, setIsOpen] = (0, import_react120.useState)(false);
|
|
70937
|
+
const [isHidden, setIsHidden] = (0, import_react120.useState)(false);
|
|
70872
70938
|
const handleOpen = () => {
|
|
70873
70939
|
if (!enableScrollingOpen) disableScroll();
|
|
70874
70940
|
setIsOpen(true);
|
|
@@ -70877,7 +70943,7 @@ var Header = ({
|
|
|
70877
70943
|
if (!enableScrollingOpen) enableScroll();
|
|
70878
70944
|
setTimeout(() => setIsOpen(false), 10);
|
|
70879
70945
|
};
|
|
70880
|
-
(0,
|
|
70946
|
+
(0, import_react120.useEffect)(() => {
|
|
70881
70947
|
const handleHideScroll = () => {
|
|
70882
70948
|
const hidePosition = typeof hideOnScroll === "number" ? hideOnScroll : 400;
|
|
70883
70949
|
if (window.pageYOffset >= hidePosition) {
|
|
@@ -70903,9 +70969,9 @@ var Header = ({
|
|
|
70903
70969
|
};
|
|
70904
70970
|
const searchProps = { search, handleClose };
|
|
70905
70971
|
const navProps = {
|
|
70906
|
-
children: /* @__PURE__ */ (0,
|
|
70972
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime374.jsxs)(import_jsx_runtime374.Fragment, { children: [
|
|
70907
70973
|
links ? links.map((link) => link) : nav ? nav : children,
|
|
70908
|
-
isMobile && /* @__PURE__ */ (0,
|
|
70974
|
+
isMobile && /* @__PURE__ */ (0, import_jsx_runtime374.jsx)(HeaderSearch, { ...searchProps })
|
|
70909
70975
|
] }),
|
|
70910
70976
|
className: clsx(
|
|
70911
70977
|
"z-999 flex gap-2 [&_a]:outline-none w-fit transition-all duration-200 ease-in-out",
|
|
@@ -70936,7 +71002,7 @@ var Header = ({
|
|
|
70936
71002
|
useClickOutside(el, () => {
|
|
70937
71003
|
if (isOpen) handleClose();
|
|
70938
71004
|
});
|
|
70939
|
-
return /* @__PURE__ */ (0,
|
|
71005
|
+
return /* @__PURE__ */ (0, import_jsx_runtime374.jsxs)(
|
|
70940
71006
|
Element,
|
|
70941
71007
|
{
|
|
70942
71008
|
ref,
|
|
@@ -70955,8 +71021,8 @@ var Header = ({
|
|
|
70955
71021
|
),
|
|
70956
71022
|
...rest,
|
|
70957
71023
|
children: [
|
|
70958
|
-
burgerPosition === "left" && /* @__PURE__ */ (0,
|
|
70959
|
-
typeof logo === "string" ? /* @__PURE__ */ (0,
|
|
71024
|
+
burgerPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime374.jsx)(Burger, { ...burgerProps }),
|
|
71025
|
+
typeof logo === "string" ? /* @__PURE__ */ (0, import_jsx_runtime374.jsx)(
|
|
70960
71026
|
"span",
|
|
70961
71027
|
{
|
|
70962
71028
|
className: clsx(
|
|
@@ -70966,10 +71032,10 @@ var Header = ({
|
|
|
70966
71032
|
children: logo
|
|
70967
71033
|
}
|
|
70968
71034
|
) : logo,
|
|
70969
|
-
navDesktopPosition === "left" && /* @__PURE__ */ (0,
|
|
70970
|
-
!isMobile && navDesktopPosition === "right" && /* @__PURE__ */ (0,
|
|
70971
|
-
burgerPosition === "right" && /* @__PURE__ */ (0,
|
|
70972
|
-
isMobile && navMobileVariant === "drawer" && /* @__PURE__ */ (0,
|
|
71035
|
+
navDesktopPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime374.jsx)("nav", { ...navProps }),
|
|
71036
|
+
!isMobile && navDesktopPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime374.jsx)(HeaderSearch, { ...searchProps }),
|
|
71037
|
+
burgerPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime374.jsx)(Burger, { ...burgerProps }),
|
|
71038
|
+
isMobile && navMobileVariant === "drawer" && /* @__PURE__ */ (0, import_jsx_runtime374.jsx)(
|
|
70973
71039
|
"div",
|
|
70974
71040
|
{
|
|
70975
71041
|
className: clsx(
|
|
@@ -70981,19 +71047,19 @@ var Header = ({
|
|
|
70981
71047
|
"aria-label": "Close drawer"
|
|
70982
71048
|
}
|
|
70983
71049
|
),
|
|
70984
|
-
navDesktopPosition === "right" && /* @__PURE__ */ (0,
|
|
70985
|
-
!isMobile && navDesktopPosition === "left" && /* @__PURE__ */ (0,
|
|
71050
|
+
navDesktopPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime374.jsx)("nav", { ...navProps }),
|
|
71051
|
+
!isMobile && navDesktopPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime374.jsx)(HeaderSearch, { ...searchProps })
|
|
70986
71052
|
]
|
|
70987
71053
|
}
|
|
70988
71054
|
);
|
|
70989
71055
|
};
|
|
70990
71056
|
|
|
70991
71057
|
// src/lib/components/Footer/Footer.tsx
|
|
70992
|
-
var
|
|
70993
|
-
var
|
|
71058
|
+
var import_react121 = require("react");
|
|
71059
|
+
var import_utils145 = require("@julseb-lib/utils");
|
|
70994
71060
|
init_Text2();
|
|
70995
71061
|
init_utils();
|
|
70996
|
-
var
|
|
71062
|
+
var import_jsx_runtime375 = require("react/jsx-runtime");
|
|
70997
71063
|
var Footer = ({
|
|
70998
71064
|
className,
|
|
70999
71065
|
element = "footer",
|
|
@@ -71010,8 +71076,8 @@ var Footer = ({
|
|
|
71010
71076
|
...rest
|
|
71011
71077
|
}) => {
|
|
71012
71078
|
const Element = element;
|
|
71013
|
-
const childrenArray =
|
|
71014
|
-
return /* @__PURE__ */ (0,
|
|
71079
|
+
const childrenArray = import_react121.Children.toArray(children);
|
|
71080
|
+
return /* @__PURE__ */ (0, import_jsx_runtime375.jsxs)(
|
|
71015
71081
|
Element,
|
|
71016
71082
|
{
|
|
71017
71083
|
ref,
|
|
@@ -71026,10 +71092,10 @@ var Footer = ({
|
|
|
71026
71092
|
),
|
|
71027
71093
|
...rest,
|
|
71028
71094
|
children: [
|
|
71029
|
-
typeof logo === "string" ? /* @__PURE__ */ (0,
|
|
71030
|
-
/* @__PURE__ */ (0,
|
|
71095
|
+
typeof logo === "string" ? /* @__PURE__ */ (0, import_jsx_runtime375.jsx)(Text, { children: logo }) : logo,
|
|
71096
|
+
/* @__PURE__ */ (0, import_jsx_runtime375.jsx)("div", { className: "flex items-container gap-2", children: items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime375.jsxs)(import_react121.Fragment, { children: [
|
|
71031
71097
|
item,
|
|
71032
|
-
i !== items.length - 1 && !hideLinksSeparator && /* @__PURE__ */ (0,
|
|
71098
|
+
i !== items.length - 1 && !hideLinksSeparator && /* @__PURE__ */ (0, import_jsx_runtime375.jsx)(
|
|
71033
71099
|
"span",
|
|
71034
71100
|
{
|
|
71035
71101
|
className: clsx(
|
|
@@ -71038,18 +71104,18 @@ var Footer = ({
|
|
|
71038
71104
|
children: linksSeparator === "dot" ? "\u2022" : "-"
|
|
71039
71105
|
}
|
|
71040
71106
|
)
|
|
71041
|
-
] }, (0,
|
|
71107
|
+
] }, (0, import_utils145.uuid)())) ?? childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime375.jsxs)(import_react121.Fragment, { children: [
|
|
71042
71108
|
child,
|
|
71043
71109
|
i !== childrenArray.length - 1 && !hideLinksSeparator && (linksSeparator === "dot" ? "\u2022" : "-")
|
|
71044
|
-
] }, (0,
|
|
71110
|
+
] }, (0, import_utils145.uuid)())) })
|
|
71045
71111
|
]
|
|
71046
71112
|
}
|
|
71047
71113
|
);
|
|
71048
71114
|
};
|
|
71049
71115
|
|
|
71050
71116
|
// src/lib/components/Meta/Meta.tsx
|
|
71051
|
-
var
|
|
71052
|
-
var
|
|
71117
|
+
var import_react122 = require("react");
|
|
71118
|
+
var import_jsx_runtime376 = require("react/jsx-runtime");
|
|
71053
71119
|
var Meta = ({
|
|
71054
71120
|
children,
|
|
71055
71121
|
title,
|
|
@@ -71076,58 +71142,58 @@ var Meta = ({
|
|
|
71076
71142
|
themeColorDark = themeColor,
|
|
71077
71143
|
appName
|
|
71078
71144
|
}) => {
|
|
71079
|
-
return /* @__PURE__ */ (0,
|
|
71080
|
-
/* @__PURE__ */ (0,
|
|
71081
|
-
/* @__PURE__ */ (0,
|
|
71145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime376.jsxs)(import_jsx_runtime376.Fragment, { children: [
|
|
71146
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { charSet: "utf-8" }),
|
|
71147
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)(
|
|
71082
71148
|
"meta",
|
|
71083
71149
|
{
|
|
71084
71150
|
name: "viewport",
|
|
71085
71151
|
content: "width=device-width, initial-scale=1"
|
|
71086
71152
|
}
|
|
71087
71153
|
),
|
|
71088
|
-
title && /* @__PURE__ */ (0,
|
|
71089
|
-
/* @__PURE__ */ (0,
|
|
71090
|
-
/* @__PURE__ */ (0,
|
|
71091
|
-
/* @__PURE__ */ (0,
|
|
71154
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime376.jsxs)(import_jsx_runtime376.Fragment, { children: [
|
|
71155
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("title", { children: title }),
|
|
71156
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { property: "og:title", content: title }),
|
|
71157
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "twitter:title", content: title })
|
|
71092
71158
|
] }),
|
|
71093
|
-
description && /* @__PURE__ */ (0,
|
|
71094
|
-
/* @__PURE__ */ (0,
|
|
71095
|
-
/* @__PURE__ */ (0,
|
|
71096
|
-
/* @__PURE__ */ (0,
|
|
71159
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime376.jsxs)(import_jsx_runtime376.Fragment, { children: [
|
|
71160
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "description", content: description }),
|
|
71161
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { property: "og:description", content: description }),
|
|
71162
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "twitter:description", content: description })
|
|
71097
71163
|
] }),
|
|
71098
|
-
siteName && /* @__PURE__ */ (0,
|
|
71099
|
-
/* @__PURE__ */ (0,
|
|
71100
|
-
/* @__PURE__ */ (0,
|
|
71164
|
+
siteName && /* @__PURE__ */ (0, import_jsx_runtime376.jsxs)(import_jsx_runtime376.Fragment, { children: [
|
|
71165
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "application-name", content: siteName }),
|
|
71166
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { property: "og:site_name", content: siteName })
|
|
71101
71167
|
] }),
|
|
71102
|
-
author && /* @__PURE__ */ (0,
|
|
71103
|
-
/* @__PURE__ */ (0,
|
|
71104
|
-
/* @__PURE__ */ (0,
|
|
71105
|
-
/* @__PURE__ */ (0,
|
|
71168
|
+
author && /* @__PURE__ */ (0, import_jsx_runtime376.jsxs)(import_jsx_runtime376.Fragment, { children: [
|
|
71169
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "author", content: author }),
|
|
71170
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "twitter:creator", content: author }),
|
|
71171
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "publisher", content: author })
|
|
71106
71172
|
] }),
|
|
71107
|
-
url && /* @__PURE__ */ (0,
|
|
71108
|
-
/* @__PURE__ */ (0,
|
|
71109
|
-
/* @__PURE__ */ (0,
|
|
71173
|
+
url && /* @__PURE__ */ (0, import_jsx_runtime376.jsxs)(import_jsx_runtime376.Fragment, { children: [
|
|
71174
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { property: "og:url", content: url }),
|
|
71175
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "twitter:site", content: url })
|
|
71110
71176
|
] }),
|
|
71111
|
-
cover && /* @__PURE__ */ (0,
|
|
71112
|
-
/* @__PURE__ */ (0,
|
|
71113
|
-
/* @__PURE__ */ (0,
|
|
71177
|
+
cover && /* @__PURE__ */ (0, import_jsx_runtime376.jsxs)(import_jsx_runtime376.Fragment, { children: [
|
|
71178
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { property: "og:image", content: cover }),
|
|
71179
|
+
/* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "twitter:image", content: cover })
|
|
71114
71180
|
] }),
|
|
71115
|
-
appName && /* @__PURE__ */ (0,
|
|
71116
|
-
authorUrl && /* @__PURE__ */ (0,
|
|
71117
|
-
manifest && /* @__PURE__ */ (0,
|
|
71118
|
-
generator && /* @__PURE__ */ (0,
|
|
71119
|
-
keywords && /* @__PURE__ */ (0,
|
|
71120
|
-
creator && /* @__PURE__ */ (0,
|
|
71121
|
-
publisher && /* @__PURE__ */ (0,
|
|
71122
|
-
category && /* @__PURE__ */ (0,
|
|
71123
|
-
language && /* @__PURE__ */ (0,
|
|
71124
|
-
email && /* @__PURE__ */ (0,
|
|
71125
|
-
type && /* @__PURE__ */ (0,
|
|
71126
|
-
twitterCard && /* @__PURE__ */ (0,
|
|
71127
|
-
favicon && /* @__PURE__ */ (0,
|
|
71128
|
-
appleTouchIcon && /* @__PURE__ */ (0,
|
|
71129
|
-
themeColor && /* @__PURE__ */ (0,
|
|
71130
|
-
themeColorLight && /* @__PURE__ */ (0,
|
|
71181
|
+
appName && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "application-name", content: appName }),
|
|
71182
|
+
authorUrl && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("link", { rel: "author", href: authorUrl }),
|
|
71183
|
+
manifest && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("link", { rel: "manifest", href: manifest }),
|
|
71184
|
+
generator && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "generator", content: generator }),
|
|
71185
|
+
keywords && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "keywords", content: keywords?.join(",") }),
|
|
71186
|
+
creator && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "creator", content: creator }),
|
|
71187
|
+
publisher && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "publisher", content: publisher }),
|
|
71188
|
+
category && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "category", content: category }),
|
|
71189
|
+
language && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { property: "og:locale", content: language }),
|
|
71190
|
+
email && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { property: "og:email", content: email }),
|
|
71191
|
+
type && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { property: "og:type", content: type }),
|
|
71192
|
+
twitterCard && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "twitter:card", content: twitterCard }),
|
|
71193
|
+
favicon && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("link", { rel: "icon", href: favicon }),
|
|
71194
|
+
appleTouchIcon && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("link", { rel: "apple-touch-icon", href: appleTouchIcon }),
|
|
71195
|
+
themeColor && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)("meta", { name: "theme-color", content: themeColor }),
|
|
71196
|
+
themeColorLight && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)(
|
|
71131
71197
|
"meta",
|
|
71132
71198
|
{
|
|
71133
71199
|
name: "theme-color",
|
|
@@ -71135,7 +71201,7 @@ var Meta = ({
|
|
|
71135
71201
|
content: themeColorLight
|
|
71136
71202
|
}
|
|
71137
71203
|
),
|
|
71138
|
-
themeColorDark && /* @__PURE__ */ (0,
|
|
71204
|
+
themeColorDark && /* @__PURE__ */ (0, import_jsx_runtime376.jsx)(
|
|
71139
71205
|
"meta",
|
|
71140
71206
|
{
|
|
71141
71207
|
name: "theme-color",
|
|
@@ -71148,8 +71214,8 @@ var Meta = ({
|
|
|
71148
71214
|
};
|
|
71149
71215
|
|
|
71150
71216
|
// src/lib/components/PageLayout/PageLayout.tsx
|
|
71151
|
-
var
|
|
71152
|
-
var
|
|
71217
|
+
var import_react123 = require("react");
|
|
71218
|
+
var import_jsx_runtime377 = require("react/jsx-runtime");
|
|
71153
71219
|
var PageLayout = ({
|
|
71154
71220
|
children,
|
|
71155
71221
|
meta,
|
|
@@ -71160,21 +71226,21 @@ var PageLayout = ({
|
|
|
71160
71226
|
noWrapper,
|
|
71161
71227
|
noMain
|
|
71162
71228
|
}) => {
|
|
71163
|
-
return /* @__PURE__ */ (0,
|
|
71164
|
-
meta && /* @__PURE__ */ (0,
|
|
71165
|
-
header && ((0,
|
|
71166
|
-
!noWrapper ? /* @__PURE__ */ (0,
|
|
71167
|
-
footer && ((0,
|
|
71229
|
+
return /* @__PURE__ */ (0, import_jsx_runtime377.jsxs)(import_jsx_runtime377.Fragment, { children: [
|
|
71230
|
+
meta && /* @__PURE__ */ (0, import_jsx_runtime377.jsx)(Meta, { ...meta }),
|
|
71231
|
+
header && ((0, import_react123.isValidElement)(header) ? header : /* @__PURE__ */ (0, import_jsx_runtime377.jsx)(Header, { ...header })),
|
|
71232
|
+
!noWrapper ? /* @__PURE__ */ (0, import_jsx_runtime377.jsx)(Wrapper, { ...wrapperProps, children: !noMain ? /* @__PURE__ */ (0, import_jsx_runtime377.jsx)(Main, { ...mainProps, children }) : children }) : children,
|
|
71233
|
+
footer && ((0, import_react123.isValidElement)(footer) ? footer : /* @__PURE__ */ (0, import_jsx_runtime377.jsx)(Footer, { ...footer }))
|
|
71168
71234
|
] });
|
|
71169
71235
|
};
|
|
71170
71236
|
|
|
71171
71237
|
// src/lib/components/SrOnly/SrOnly.tsx
|
|
71172
|
-
var
|
|
71238
|
+
var import_react124 = require("react");
|
|
71173
71239
|
init_utils();
|
|
71174
|
-
var
|
|
71240
|
+
var import_jsx_runtime378 = require("react/jsx-runtime");
|
|
71175
71241
|
var SrOnly = ({ element = "div", ref, children }) => {
|
|
71176
71242
|
const Element = element;
|
|
71177
|
-
return /* @__PURE__ */ (0,
|
|
71243
|
+
return /* @__PURE__ */ (0, import_jsx_runtime378.jsx)(Element, { ref, className: clsx("sr-only"), children });
|
|
71178
71244
|
};
|
|
71179
71245
|
// Annotate the CommonJS export names for ESM import in node:
|
|
71180
71246
|
0 && (module.exports = {
|
|
@@ -71194,6 +71260,7 @@ var SrOnly = ({ element = "div", ref, children }) => {
|
|
|
71194
71260
|
COLORS,
|
|
71195
71261
|
Carousel,
|
|
71196
71262
|
CodeContainer,
|
|
71263
|
+
CollapsedText,
|
|
71197
71264
|
Cover,
|
|
71198
71265
|
DROP_SHADOWS,
|
|
71199
71266
|
DragList,
|