@blotoutio/providers-shop-gpt-sdk 1.24.0 → 1.24.2
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/index.cjs.js +925 -129
- package/index.d.ts +9 -0
- package/index.js +925 -129
- package/index.mjs +925 -129
- package/package.json +1 -1
package/index.cjs.js
CHANGED
|
@@ -415,6 +415,9 @@ const createPreview = ({ preview }) => {
|
|
|
415
415
|
};
|
|
416
416
|
const getExperimentName = (mode) => (mode !== null && mode !== void 0 ? mode : 'disabled');
|
|
417
417
|
const createExperiment = (props) => {
|
|
418
|
+
if (props.preview === true) {
|
|
419
|
+
return createPreview(props);
|
|
420
|
+
}
|
|
418
421
|
switch (props.name) {
|
|
419
422
|
case 'enabled':
|
|
420
423
|
return createEnabled();
|
|
@@ -450,6 +453,13 @@ const uiActions = new Set([
|
|
|
450
453
|
'customPromptClicked',
|
|
451
454
|
'productRecommendationClicked',
|
|
452
455
|
'blotoutLinkClicked',
|
|
456
|
+
'chatbotClosed-search',
|
|
457
|
+
'chatbotOpened-search-query',
|
|
458
|
+
'chatbotOpened-search-support',
|
|
459
|
+
'chatbotOpened-search-other',
|
|
460
|
+
'chatbotOpened-nudge-query',
|
|
461
|
+
'chatbotOpened-nudge-support',
|
|
462
|
+
'chatbotOpened-nudge-other',
|
|
453
463
|
]);
|
|
454
464
|
/** Action length should not exceed 42 */
|
|
455
465
|
new Set([
|
|
@@ -964,7 +974,7 @@ const init = (params) => {
|
|
|
964
974
|
// exit if not in top window
|
|
965
975
|
return;
|
|
966
976
|
}
|
|
967
|
-
const { enabled, mode, devMode, merchantUrl, profiles, productHandles, targetPath, view, brandName, quickPrompts, merchantImage, latestThreadLoad, botIconUrl, css, nudge, loadUIManually, metafieldDisplayName, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
|
|
977
|
+
const { enabled, mode, devMode, merchantUrl, profiles, productHandles, targetPath, view, brandName, quickPrompts, supportPrompts, searchSuggestions, merchantImage, latestThreadLoad, botIconUrl, css, nudge, loadUIManually, metafieldDisplayName, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
|
|
968
978
|
const experiment = createExperiment({
|
|
969
979
|
name: getExperimentName(mode),
|
|
970
980
|
userId: params.userId,
|
|
@@ -1023,6 +1033,8 @@ const init = (params) => {
|
|
|
1023
1033
|
path: targetPath,
|
|
1024
1034
|
brandName,
|
|
1025
1035
|
quickPrompts,
|
|
1036
|
+
supportPrompts,
|
|
1037
|
+
searchSuggestions: searchSuggestions !== null && searchSuggestions !== void 0 ? searchSuggestions : [],
|
|
1026
1038
|
merchantImage,
|
|
1027
1039
|
latestThreadLoad: latestThreadLoad !== null && latestThreadLoad !== void 0 ? latestThreadLoad : DEFAULT_MAX_THREAD_AGE,
|
|
1028
1040
|
botIconUrl,
|
|
@@ -1261,6 +1273,28 @@ const shopGPTStyles = i$4 `
|
|
|
1261
1273
|
}
|
|
1262
1274
|
}
|
|
1263
1275
|
|
|
1276
|
+
#shop-gpt-mini-modal {
|
|
1277
|
+
right: 20px;
|
|
1278
|
+
bottom: 20px;
|
|
1279
|
+
width: 400px;
|
|
1280
|
+
position: fixed;
|
|
1281
|
+
z-index: 2000;
|
|
1282
|
+
box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
|
|
1283
|
+
0px 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
1284
|
+
border-radius: 8px;
|
|
1285
|
+
overflow: hidden;
|
|
1286
|
+
display: flex;
|
|
1287
|
+
flex-direction: column;
|
|
1288
|
+
align-items: stretch;
|
|
1289
|
+
|
|
1290
|
+
@media screen and (max-width: 768px) {
|
|
1291
|
+
right: 0;
|
|
1292
|
+
bottom: 0;
|
|
1293
|
+
width: 100vw;
|
|
1294
|
+
transform: none;
|
|
1295
|
+
}
|
|
1296
|
+
}
|
|
1297
|
+
|
|
1264
1298
|
.chatbot-widget {
|
|
1265
1299
|
position: fixed;
|
|
1266
1300
|
bottom: 20px;
|
|
@@ -1273,33 +1307,11 @@ const shopGPTStyles = i$4 `
|
|
|
1273
1307
|
padding: 0;
|
|
1274
1308
|
}
|
|
1275
1309
|
|
|
1276
|
-
.chatbot-hover-text {
|
|
1277
|
-
position: absolute;
|
|
1278
|
-
color: var(--shopgpt-secondary);
|
|
1279
|
-
padding: 8px;
|
|
1280
|
-
white-space: nowrap;
|
|
1281
|
-
font-size: 16px;
|
|
1282
|
-
line-height: 21px;
|
|
1283
|
-
opacity: 0;
|
|
1284
|
-
transition: opacity 0.2s;
|
|
1285
|
-
pointer-events: none;
|
|
1286
|
-
|
|
1287
|
-
top: calc(0% - 30%);
|
|
1288
|
-
right: calc(100% + 5px);
|
|
1289
|
-
|
|
1290
|
-
border-radius: 5px 5px 0px;
|
|
1291
|
-
background: white;
|
|
1292
|
-
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
|
|
1293
|
-
|
|
1294
|
-
font-weight: 400;
|
|
1295
|
-
line-height: 150%;
|
|
1296
|
-
}
|
|
1297
|
-
|
|
1298
1310
|
.nudge {
|
|
1299
1311
|
position: absolute;
|
|
1300
1312
|
padding: 0;
|
|
1301
1313
|
|
|
1302
|
-
right:
|
|
1314
|
+
right: -100px;
|
|
1303
1315
|
bottom: calc(100%);
|
|
1304
1316
|
|
|
1305
1317
|
transform: translateX(0);
|
|
@@ -1308,12 +1320,6 @@ const shopGPTStyles = i$4 `
|
|
|
1308
1320
|
|
|
1309
1321
|
width: 367px;
|
|
1310
1322
|
}
|
|
1311
|
-
|
|
1312
|
-
&:hover {
|
|
1313
|
-
.chatbot-hover-text {
|
|
1314
|
-
opacity: 1;
|
|
1315
|
-
}
|
|
1316
|
-
}
|
|
1317
1323
|
}
|
|
1318
1324
|
|
|
1319
1325
|
@keyframes slideIn {
|
|
@@ -2200,8 +2206,11 @@ const rightBtn = b `<svg width="14" height="14" viewBox="0 0 24 24" fill="none"
|
|
|
2200
2206
|
const chevronRight = b `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2201
2207
|
<path d="M5.25 10.5L8.75 7L5.25 3.5" stroke="white" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
|
|
2202
2208
|
</svg>`;
|
|
2209
|
+
const minus = b `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 16" fill="none">
|
|
2210
|
+
<path d="M3.53345 8H12.8668" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
|
2211
|
+
</svg>`;
|
|
2203
2212
|
|
|
2204
|
-
var css_248z = "/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", 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-orange-50: #f25c2b;\n --color-orange-100: #520c03;\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\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-green-100: oklch(96.2% 0.044 156.743);\n --color-green-400: oklch(79.2% 0.209 151.711);\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-cyan-500: oklch(71.5% 0.143 215.221);\n --color-blue-50: #3b82f6;\n --color-blue-100: #172554;\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-violet-200: oklch(89.4% 0.057 293.283);\n --color-purple-600: oklch(55.8% 0.288 302.321);\n --color-slate-100: oklch(96.8% 0.007 247.896);\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-800: oklch(27.9% 0.041 260.031);\n --color-slate-950: oklch(12.9% 0.042 264.695);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-neutral-50: #8799af;\n --color-neutral-100: #172a41;\n --color-neutral-600: oklch(43.9% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\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-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-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --tracking-tight: -0.025em;\n --leading-normal: 1.5;\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-3xl: 1.5rem;\n --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\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-spin: spin 1s linear infinite;\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\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 --color-primary: #18181b;\n --color-primary-foreground: #fafafa;\n --color-secondary: #f4f4f5;\n --color-secondary-foreground: #18181b;\n --color-destructive: #dc2626;\n --color-destructive-foreground: #fef2f2;\n --color-background: #ffffff;\n --color-input: #e4e4e7;\n --color-accent: #f4f4f5;\n --color-accent-foreground: #18181b;\n --color-card: #ffffff;\n --color-card-foreground: #09090b;\n --color-border: #e4e4e7;\n --color-sidebar-ring: #a1a1aa;\n --color-muted-foreground: #74716e;\n --color-orange-10: #fff3e6;\n --color-orange-20: #ffdfbf;\n --color-orange-30: #ffb47f;\n --color-orange-40: #ff8446;\n --color-orange-60: #cd4b27;\n --color-orange-70: #b03719;\n --color-orange-80: #892c0f;\n --color-orange-90: #61170d;\n --color-neutral-10: #f1f4f8;\n --color-neutral-20: #dbe2eb;\n --color-neutral-30: #bfccda;\n --color-neutral-40: #a3b2c6;\n --color-neutral-60: #677c95;\n --color-neutral-70: #4e647f;\n --color-neutral-80: #394d66;\n --color-neutral-90: #293b51;\n --color-blue-10: #dbeafe;\n --color-blue-20: #bfdbfe;\n --color-blue-30: #93c5fd;\n --color-blue-40: #60a5fa;\n --color-blue-60: #2563eb;\n --color-blue-70: #1d4ed8;\n --color-blue-80: #1e40af;\n --color-blue-90: #1e3a8a;\n --radius-default: 16px;\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\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, h2, h3, h4, h5, 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, strong {\n font-weight: bolder;\n }\n code, kbd, samp, 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, 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, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::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 ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-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\\/card-header {\n container-type: inline-size;\n container-name: card-header;\n }\n .\\@container {\n container-type: inline-size;\n }\n .pointer-events-none {\n pointer-events: none;\n }\n .collapse {\n visibility: collapse;\n }\n .invisible {\n visibility: hidden;\n }\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .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 .sticky\\! {\n position: sticky !important;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .inset-x-0 {\n inset-inline: calc(var(--spacing) * 0);\n }\n .inset-y-0 {\n inset-block: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-1\\.5 {\n top: calc(var(--spacing) * 1.5);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .top-3\\.5 {\n top: calc(var(--spacing) * 3.5);\n }\n .top-4 {\n top: calc(var(--spacing) * 4);\n }\n .top-\\[15px\\] {\n top: 15px;\n }\n .top-\\[50\\%\\] {\n top: 50%;\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-1 {\n right: calc(var(--spacing) * 1);\n }\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n .right-4 {\n right: calc(var(--spacing) * 4);\n }\n .right-\\[14px\\] {\n right: 14px;\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-2 {\n left: calc(var(--spacing) * 2);\n }\n .left-\\[14px\\] {\n left: 14px;\n }\n .left-\\[50\\%\\] {\n left: 50%;\n }\n .left-full {\n left: 100%;\n }\n .isolate {\n isolation: isolate;\n }\n .z-10 {\n z-index: 10;\n }\n .z-20 {\n z-index: 20;\n }\n .z-40 {\n z-index: 40;\n }\n .z-50 {\n z-index: 50;\n }\n .z-55 {\n z-index: 55;\n }\n .col-span-1 {\n grid-column: span 1 / span 1;\n }\n .col-span-6 {\n grid-column: span 6 / span 6;\n }\n .col-span-full {\n grid-column: 1 / -1;\n }\n .col-start-1 {\n grid-column-start: 1;\n }\n .col-start-2 {\n grid-column-start: 2;\n }\n .row-auto {\n grid-row: auto;\n }\n .row-span-2 {\n grid-row: span 2 / span 2;\n }\n .row-start-1 {\n grid-row-start: 1;\n }\n .float-left {\n float: left;\n }\n .float-right {\n float: right;\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-2\\.5 {\n margin: calc(var(--spacing) * -2.5);\n }\n .m-0 {\n margin: calc(var(--spacing) * 0);\n }\n .-mx-1\\.5 {\n margin-inline: calc(var(--spacing) * -1.5);\n }\n .-mx-2 {\n margin-inline: calc(var(--spacing) * -2);\n }\n .-mx-4 {\n margin-inline: calc(var(--spacing) * -4);\n }\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n .mx-3\\.5 {\n margin-inline: calc(var(--spacing) * 3.5);\n }\n .mx-\\[20px\\] {\n margin-inline: 20px;\n }\n .mx-auto {\n margin-inline: auto;\n }\n .-my-1\\.5 {\n margin-block: calc(var(--spacing) * -1.5);\n }\n .-my-2 {\n margin-block: calc(var(--spacing) * -2);\n }\n .-my-3 {\n margin-block: calc(var(--spacing) * -3);\n }\n .my-0 {\n margin-block: calc(var(--spacing) * 0);\n }\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n .my-5 {\n margin-block: calc(var(--spacing) * 5);\n }\n .my-6 {\n margin-block: calc(var(--spacing) * 6);\n }\n .my-\\[10px\\] {\n margin-block: 10px;\n }\n .mt-1 {\n margin-top: calc(var(--spacing) * 1);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n .mt-10 {\n margin-top: calc(var(--spacing) * 10);\n }\n .mt-11 {\n margin-top: calc(var(--spacing) * 11);\n }\n .mt-30 {\n margin-top: calc(var(--spacing) * 30);\n }\n .mt-auto {\n margin-top: auto;\n }\n .-mr-px {\n margin-right: -1px;\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .mr-3 {\n margin-right: calc(var(--spacing) * 3);\n }\n .mr-10 {\n margin-right: calc(var(--spacing) * 10);\n }\n .mr-16 {\n margin-right: calc(var(--spacing) * 16);\n }\n .mr-auto {\n margin-right: auto;\n }\n .mb-0 {\n margin-bottom: calc(var(--spacing) * 0);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-5 {\n margin-bottom: calc(var(--spacing) * 5);\n }\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n .mb-7 {\n margin-bottom: calc(var(--spacing) * 7);\n }\n .mb-\\[4px\\] {\n margin-bottom: 4px;\n }\n .mb-\\[24px\\] {\n margin-bottom: 24px;\n }\n .-ml-0\\.5 {\n margin-left: calc(var(--spacing) * -0.5);\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .ml-3 {\n margin-left: calc(var(--spacing) * 3);\n }\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n .ml-10 {\n margin-left: calc(var(--spacing) * 10);\n }\n .ml-20 {\n margin-left: calc(var(--spacing) * 20);\n }\n .ml-\\[28px\\] {\n margin-left: 28px;\n }\n .ml-auto {\n margin-left: auto;\n }\n .line-clamp-1 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .flow-root {\n display: flow-root;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .list-item {\n display: list-item;\n }\n .table {\n display: table;\n }\n .table\\! {\n display: table !important;\n }\n .table-cell {\n display: table-cell;\n }\n .table-row {\n display: table-row;\n }\n .field-sizing-content {\n field-sizing: content;\n }\n .aspect-square {\n aspect-ratio: 1 / 1;\n }\n .size-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-7 {\n width: calc(var(--spacing) * 7);\n height: calc(var(--spacing) * 7);\n }\n .size-8 {\n width: calc(var(--spacing) * 8);\n height: calc(var(--spacing) * 8);\n }\n .size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n }\n .size-12 {\n width: calc(var(--spacing) * 12);\n height: calc(var(--spacing) * 12);\n }\n .size-full {\n width: 100%;\n height: 100%;\n }\n .h-0 {\n height: calc(var(--spacing) * 0);\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 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n .h-30 {\n height: calc(var(--spacing) * 30);\n }\n .h-\\[15px\\] {\n height: 15px;\n }\n .h-\\[20px\\] {\n height: 20px;\n }\n .h-\\[28px\\] {\n height: 28px;\n }\n .h-\\[36px\\] {\n height: 36px;\n }\n .h-\\[64px\\] {\n height: 64px;\n }\n .h-\\[70px\\] {\n height: 70px;\n }\n .h-\\[108px\\] {\n height: 108px;\n }\n .h-\\[calc-size\\(max-content\\,size\\)\\] {\n height: calc-size(max-content,size);\n }\n .h-auto {\n height: auto;\n }\n .h-fit {\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .h-screen {\n height: 100vh;\n }\n .h-svh {\n height: 100svh;\n }\n .min-h-0 {\n min-height: calc(var(--spacing) * 0);\n }\n .min-h-16 {\n min-height: calc(var(--spacing) * 16);\n }\n .min-h-\\[48px\\] {\n min-height: 48px;\n }\n .min-h-full {\n min-height: 100%;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .min-h-svh {\n min-height: 100svh;\n }\n .w-\\(--sidebar-width\\) {\n width: var(--sidebar-width);\n }\n .w-3\\/4 {\n width: calc(3/4 * 100%);\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n .w-11 {\n width: calc(var(--spacing) * 11);\n }\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n .w-55 {\n width: calc(var(--spacing) * 55);\n }\n .w-106 {\n width: calc(var(--spacing) * 106);\n }\n .w-240 {\n width: calc(var(--spacing) * 240);\n }\n .w-\\[20px\\] {\n width: 20px;\n }\n .w-\\[50px\\] {\n width: 50px;\n }\n .w-\\[64px\\] {\n width: 64px;\n }\n .w-\\[70px\\] {\n width: 70px;\n }\n .w-\\[145px\\] {\n width: 145px;\n }\n .w-\\[220px\\] {\n width: 220px;\n }\n .w-\\[333px\\] {\n width: 333px;\n }\n .w-\\[500px\\] {\n width: 500px;\n }\n .w-auto {\n width: auto;\n }\n .w-fit {\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .w-screen {\n width: 100vw;\n }\n .\\!max-w-\\[860px\\] {\n max-width: 860px !important;\n }\n .\\!max-w-none {\n max-width: none !important;\n }\n .max-w-\\(--skeleton-width\\) {\n max-width: var(--skeleton-width);\n }\n .max-w-3xl {\n max-width: var(--container-3xl);\n }\n .max-w-4xl {\n max-width: var(--container-4xl);\n }\n .max-w-7xl {\n max-width: var(--container-7xl);\n }\n .max-w-\\[177px\\] {\n max-width: 177px;\n }\n .max-w-\\[200px\\] {\n max-width: 200px;\n }\n .max-w-\\[367px\\] {\n max-width: 367px;\n }\n .max-w-\\[450px\\] {\n max-width: 450px;\n }\n .max-w-\\[573px\\] {\n max-width: 573px;\n }\n .max-w-\\[688px\\] {\n max-width: 688px;\n }\n .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n }\n .max-w-full {\n max-width: 100%;\n }\n .max-w-lg {\n max-width: var(--container-lg);\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-sm {\n max-width: var(--container-sm);\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-0 {\n min-width: calc(var(--spacing) * 0);\n }\n .min-w-5 {\n min-width: calc(var(--spacing) * 5);\n }\n .min-w-\\[700px\\] {\n min-width: 700px;\n }\n .min-w-fit {\n min-width: fit-content;\n }\n .min-w-full {\n min-width: 100%;\n }\n .min-w-xs {\n min-width: var(--container-xs);\n }\n .flex-1 {\n flex: 1;\n }\n .flex-auto {\n flex: auto;\n }\n .flex-none {\n flex: none;\n }\n .flex-shrink {\n flex-shrink: 1;\n }\n .shrink-0 {\n flex-shrink: 0;\n }\n .flex-grow {\n flex-grow: 1;\n }\n .grow {\n flex-grow: 1;\n }\n .border-collapse {\n border-collapse: collapse;\n }\n .origin-\\(--radix-tooltip-content-transform-origin\\) {\n transform-origin: var(--radix-tooltip-content-transform-origin);\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-px {\n --tw-translate-x: -1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[-50\\%\\] {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-px {\n --tw-translate-x: 1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-0\\.5 {\n --tw-translate-y: calc(var(--spacing) * 0.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[-50\\%\\] {\n --tw-translate-y: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[calc\\(-50\\%_-_2px\\)\\] {\n --tw-translate-y: calc(-50% - 2px);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .rotate-45 {\n rotate: 45deg;\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-pulse {\n animation: var(--animate-pulse);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .\\!cursor-default {\n cursor: default !important;\n }\n .cursor-grab {\n cursor: grab;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .resize {\n resize: both;\n }\n .snap-x {\n scroll-snap-type: x var(--tw-scroll-snap-strictness);\n }\n .snap-mandatory {\n --tw-scroll-snap-strictness: mandatory;\n }\n .appearance-none {\n appearance: none;\n }\n .auto-rows-min {\n grid-auto-rows: min-content;\n }\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n .grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n .grid-cols-\\[repeat\\(3\\,auto\\)\\] {\n grid-template-columns: repeat(3,auto);\n }\n .grid-cols-subgrid {\n grid-template-columns: subgrid;\n }\n .grid-rows-\\[auto_auto\\] {\n grid-template-rows: auto auto;\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-wrap {\n flex-wrap: wrap;\n }\n .place-items-center {\n place-items: center;\n }\n .\\!items-start {\n align-items: flex-start !important;\n }\n .items-center {\n align-items: center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .justify-start {\n justify-content: flex-start;\n }\n .gap-0 {\n gap: calc(var(--spacing) * 0);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n .gap-10 {\n gap: calc(var(--spacing) * 10);\n }\n .gap-25 {\n gap: calc(var(--spacing) * 25);\n }\n .gap-\\[4px\\] {\n gap: 4px;\n }\n .gap-\\[8px\\] {\n gap: 8px;\n }\n .gap-\\[10px\\] {\n gap: 10px;\n }\n .space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .gap-x-1\\.5 {\n column-gap: calc(var(--spacing) * 1.5);\n }\n .gap-x-2 {\n column-gap: calc(var(--spacing) * 2);\n }\n .gap-x-2\\.5 {\n column-gap: calc(var(--spacing) * 2.5);\n }\n .gap-x-3 {\n column-gap: calc(var(--spacing) * 3);\n }\n .gap-x-4 {\n column-gap: calc(var(--spacing) * 4);\n }\n .gap-x-6 {\n column-gap: calc(var(--spacing) * 6);\n }\n .-space-x-px {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(-1px * var(--tw-space-x-reverse));\n margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .space-x-4 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));\n margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .space-x-6 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));\n margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));\n }\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-4 {\n row-gap: calc(var(--spacing) * 4);\n }\n .gap-y-5 {\n row-gap: calc(var(--spacing) * 5);\n }\n .gap-y-7 {\n row-gap: calc(var(--spacing) * 7);\n }\n .gap-y-8 {\n row-gap: calc(var(--spacing) * 8);\n }\n .divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0;\n border-bottom-style: var(--tw-border-style);\n border-top-style: var(--tw-border-style);\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n }\n }\n .divide-gray-100 {\n :where(& > :not(:last-child)) {\n border-color: var(--color-gray-100);\n }\n }\n .divide-gray-200 {\n :where(& > :not(:last-child)) {\n border-color: var(--color-gray-200);\n }\n }\n .divide-gray-300 {\n :where(& > :not(:last-child)) {\n border-color: var(--color-gray-300);\n }\n }\n .self-center {\n align-self: center;\n }\n .self-start {\n align-self: flex-start;\n }\n .justify-self-end {\n justify-self: flex-end;\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-auto {\n overflow: auto;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-x-auto {\n overflow-x: auto;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-3xl {\n border-radius: var(--radius-3xl);\n }\n .rounded-\\[2px\\] {\n border-radius: 2px;\n }\n .rounded-\\[4px\\] {\n border-radius: 4px;\n }\n .rounded-\\[6px\\] {\n border-radius: 6px;\n }\n .rounded-default {\n border-radius: var(--radius-default);\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-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-t-md {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\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 .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-\\[0\\.5\\] {\n border-style: var(--tw-border-style);\n border-width: 0.5;\n }\n .border-\\[0\\.5px\\] {\n border-style: var(--tw-border-style);\n border-width: 0.5px;\n }\n .border-y {\n border-block-style: var(--tw-border-style);\n border-block-width: 1px;\n }\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-t-1 {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-1 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\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-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\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-\\[\\#e4e4e7\\] {\n border-color: #e4e4e7;\n }\n .border-blue-600 {\n border-color: var(--color-blue-600);\n }\n .border-border {\n border-color: var(--color-border);\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-900\\/5 {\n border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);\n }\n }\n .border-gray-900\\/25 {\n border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 25%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-gray-900) 25%, transparent);\n }\n }\n .border-input {\n border-color: var(--color-input);\n }\n .border-neutral-40 {\n border-color: var(--color-neutral-40);\n }\n .border-primary {\n border-color: var(--color-primary);\n }\n .border-red-600 {\n border-color: var(--color-red-600);\n }\n .border-sidebar-ring {\n border-color: var(--color-sidebar-ring);\n }\n .border-slate-300 {\n border-color: var(--color-slate-300);\n }\n .border-slate-400 {\n border-color: var(--color-slate-400);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-white {\n border-color: var(--color-white);\n }\n .\\!bg-\\[\\#1877F2\\] {\n background-color: #1877F2 !important;\n }\n .\\!bg-\\[\\#ff7a59\\] {\n background-color: #ff7a59 !important;\n }\n .bg-\\[\\#ffffff\\] {\n background-color: #ffffff;\n }\n .bg-accent {\n background-color: var(--color-accent);\n }\n .bg-background {\n background-color: var(--color-background);\n }\n .bg-black\\/50 {\n background-color: color-mix(in srgb, #000 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n }\n }\n .bg-blue-10 {\n background-color: var(--color-blue-10);\n }\n .bg-blue-20 {\n background-color: var(--color-blue-20);\n }\n .bg-blue-30 {\n background-color: var(--color-blue-30);\n }\n .bg-blue-40 {\n background-color: var(--color-blue-40);\n }\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n .bg-blue-60 {\n background-color: var(--color-blue-60);\n }\n .bg-blue-70 {\n background-color: var(--color-blue-70);\n }\n .bg-blue-80 {\n background-color: var(--color-blue-80);\n }\n .bg-blue-90 {\n background-color: var(--color-blue-90);\n }\n .bg-blue-100 {\n background-color: var(--color-blue-100);\n }\n .bg-blue-200 {\n background-color: var(--color-blue-200);\n }\n .bg-blue-300 {\n background-color: var(--color-blue-300);\n }\n .bg-blue-600 {\n background-color: var(--color-blue-600);\n }\n .bg-border {\n background-color: var(--color-border);\n }\n .bg-card {\n background-color: var(--color-card);\n }\n .bg-destructive {\n background-color: var(--color-destructive);\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-500\\/75 {\n background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);\n }\n }\n .bg-gray-900\\/80 {\n background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);\n }\n }\n .bg-green-100 {\n background-color: var(--color-green-100);\n }\n .bg-green-600 {\n background-color: var(--color-green-600);\n }\n .bg-neutral-10 {\n background-color: var(--color-neutral-10);\n }\n .bg-neutral-20 {\n background-color: var(--color-neutral-20);\n }\n .bg-neutral-30 {\n background-color: var(--color-neutral-30);\n }\n .bg-neutral-40 {\n background-color: var(--color-neutral-40);\n }\n .bg-neutral-50 {\n background-color: var(--color-neutral-50);\n }\n .bg-neutral-60 {\n background-color: var(--color-neutral-60);\n }\n .bg-neutral-70 {\n background-color: var(--color-neutral-70);\n }\n .bg-neutral-80 {\n background-color: var(--color-neutral-80);\n }\n .bg-neutral-90 {\n background-color: var(--color-neutral-90);\n }\n .bg-neutral-100 {\n background-color: var(--color-neutral-100);\n }\n .bg-neutral-950 {\n background-color: var(--color-neutral-950);\n }\n .bg-orange-10 {\n background-color: var(--color-orange-10);\n }\n .bg-orange-20 {\n background-color: var(--color-orange-20);\n }\n .bg-orange-30 {\n background-color: var(--color-orange-30);\n }\n .bg-orange-40 {\n background-color: var(--color-orange-40);\n }\n .bg-orange-50 {\n background-color: var(--color-orange-50);\n }\n .bg-orange-60 {\n background-color: var(--color-orange-60);\n }\n .bg-orange-70 {\n background-color: var(--color-orange-70);\n }\n .bg-orange-80 {\n background-color: var(--color-orange-80);\n }\n .bg-orange-90 {\n background-color: var(--color-orange-90);\n }\n .bg-orange-100 {\n background-color: var(--color-orange-100);\n }\n .bg-primary {\n background-color: var(--color-primary);\n }\n .bg-purple-600 {\n background-color: var(--color-purple-600);\n }\n .bg-red-100 {\n background-color: var(--color-red-100);\n }\n .bg-red-300 {\n background-color: var(--color-red-300);\n }\n .bg-red-600 {\n background-color: var(--color-red-600);\n }\n .bg-secondary {\n background-color: var(--color-secondary);\n }\n .bg-slate-100 {\n background-color: var(--color-slate-100);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-violet-200 {\n background-color: var(--color-violet-200);\n }\n .bg-white {\n background-color: var(--color-white);\n }\n .bg-yellow-100 {\n background-color: var(--color-yellow-100);\n }\n .bg-yellow-600 {\n background-color: var(--color-yellow-600);\n }\n .bg-yellow-900 {\n background-color: var(--color-yellow-900);\n }\n .bg-gradient-to-b {\n --tw-gradient-position: to bottom in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n .bg-none {\n background-image: none;\n }\n .from-cyan-500 {\n --tw-gradient-from: var(--color-cyan-500);\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 .to-blue-500 {\n --tw-gradient-to: var(--color-blue-500);\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 .bg-cover {\n background-size: cover;\n }\n .bg-center {\n background-position: center;\n }\n .fill-primary {\n fill: var(--color-primary);\n }\n .object-contain {\n object-fit: contain;\n }\n .object-cover {\n object-fit: cover;\n }\n .object-center {\n object-position: center;\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-2\\.5 {\n padding: calc(var(--spacing) * 2.5);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .p-7 {\n padding: calc(var(--spacing) * 7);\n }\n .p-8 {\n padding: calc(var(--spacing) * 8);\n }\n .p-10 {\n padding: calc(var(--spacing) * 10);\n }\n .p-1234 {\n padding: calc(var(--spacing) * 1234);\n }\n .p-4321 {\n padding: calc(var(--spacing) * 4321);\n }\n .p-9999 {\n padding: calc(var(--spacing) * 9999);\n }\n .p-\\[12px\\] {\n padding: 12px;\n }\n .p-\\[20px\\] {\n padding: 20px;\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-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .px-7 {\n padding-inline: calc(var(--spacing) * 7);\n }\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n .px-11 {\n padding-inline: calc(var(--spacing) * 11);\n }\n .px-20 {\n padding-inline: calc(var(--spacing) * 20);\n }\n .px-\\[10px\\] {\n padding-inline: 10px;\n }\n .px-\\[18px\\] {\n padding-inline: 18px;\n }\n .px-\\[20px\\] {\n padding-inline: 20px;\n }\n .px-\\[30px\\] {\n padding-inline: 30px;\n }\n .px-\\[40px\\] {\n padding-inline: 40px;\n }\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .py-3\\.5 {\n padding-block: calc(var(--spacing) * 3.5);\n }\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n .py-5 {\n padding-block: calc(var(--spacing) * 5);\n }\n .py-6 {\n padding-block: calc(var(--spacing) * 6);\n }\n .py-10 {\n padding-block: calc(var(--spacing) * 10);\n }\n .py-22 {\n padding-block: calc(var(--spacing) * 22);\n }\n .py-24 {\n padding-block: calc(var(--spacing) * 24);\n }\n .py-\\[20px\\] {\n padding-block: 20px;\n }\n .pt-0 {\n padding-top: calc(var(--spacing) * 0);\n }\n .pt-0\\.5 {\n padding-top: calc(var(--spacing) * 0.5);\n }\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n .pt-5 {\n padding-top: calc(var(--spacing) * 5);\n }\n .pt-6 {\n padding-top: calc(var(--spacing) * 6);\n }\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n .pt-10 {\n padding-top: calc(var(--spacing) * 10);\n }\n .pt-11 {\n padding-top: calc(var(--spacing) * 11);\n }\n .pt-16 {\n padding-top: calc(var(--spacing) * 16);\n }\n .pr-1 {\n padding-right: calc(var(--spacing) * 1);\n }\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n .pr-5 {\n padding-right: calc(var(--spacing) * 5);\n }\n .pr-8 {\n padding-right: calc(var(--spacing) * 8);\n }\n .pb-0 {\n padding-bottom: calc(var(--spacing) * 0);\n }\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n .pb-5 {\n padding-bottom: calc(var(--spacing) * 5);\n }\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n .pb-8 {\n padding-bottom: calc(var(--spacing) * 8);\n }\n .pb-15 {\n padding-bottom: calc(var(--spacing) * 15);\n }\n .pl-0 {\n padding-left: calc(var(--spacing) * 0);\n }\n .pl-1 {\n padding-left: calc(var(--spacing) * 1);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .pl-3 {\n padding-left: calc(var(--spacing) * 3);\n }\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n .pl-8 {\n padding-left: calc(var(--spacing) * 8);\n }\n .pl-11 {\n padding-left: calc(var(--spacing) * 11);\n }\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n .text-right {\n text-align: right;\n }\n .align-middle {\n vertical-align: middle;\n }\n .font-mono {\n font-family: var(--font-mono);\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--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-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-sm\\/6 {\n font-size: var(--text-sm);\n line-height: calc(var(--spacing) * 6);\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xl\\/7 {\n font-size: var(--text-xl);\n line-height: calc(var(--spacing) * 7);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-xs\\/5 {\n font-size: var(--text-xs);\n line-height: calc(var(--spacing) * 5);\n }\n .text-xs\\/6 {\n font-size: var(--text-xs);\n line-height: calc(var(--spacing) * 6);\n }\n .text-\\[0\\.8rem\\] {\n font-size: 0.8rem;\n }\n .text-\\[0\\.85em\\] {\n font-size: 0.85em;\n }\n .text-\\[12px\\] {\n font-size: 12px;\n }\n .text-\\[14px\\] {\n font-size: 14px;\n }\n .text-\\[18px\\] {\n font-size: 18px;\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-\\[1\\] {\n --tw-leading: 1;\n line-height: 1;\n }\n .leading-\\[24px\\] {\n --tw-leading: 24px;\n line-height: 24px;\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 .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\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 .tracking-tight {\n --tw-tracking: var(--tracking-tight);\n letter-spacing: var(--tracking-tight);\n }\n .text-balance {\n text-wrap: balance;\n }\n .text-pretty {\n text-wrap: pretty;\n }\n .text-wrap {\n text-wrap: wrap;\n }\n .break-words {\n overflow-wrap: break-word;\n }\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n .whitespace-normal {\n white-space: normal;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .whitespace-pre-wrap {\n white-space: pre-wrap;\n }\n .\\!text-white {\n color: var(--color-white) !important;\n }\n .text-\\[\\#666\\] {\n color: #666;\n }\n .text-\\[rgba\\(17\\,17\\,17\\,0\\.32\\)\\] {\n color: rgba(17,17,17,0.32);\n }\n .text-black {\n color: var(--color-black);\n }\n .text-blue-50 {\n color: var(--color-blue-50);\n }\n .text-blue-300 {\n color: var(--color-blue-300);\n }\n .text-blue-400 {\n color: var(--color-blue-400);\n }\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n .text-blue-700 {\n color: var(--color-blue-700);\n }\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n .text-card-foreground {\n color: var(--color-card-foreground);\n }\n .text-current {\n color: currentcolor;\n }\n .text-destructive-foreground {\n color: var(--color-destructive-foreground);\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-green-400 {\n color: var(--color-green-400);\n }\n .text-green-600 {\n color: var(--color-green-600);\n }\n .text-green-700 {\n color: var(--color-green-700);\n }\n .text-green-800 {\n color: var(--color-green-800);\n }\n .text-muted-foreground {\n color: var(--color-muted-foreground);\n }\n .text-neutral-80 {\n color: var(--color-neutral-80);\n }\n .text-neutral-100 {\n color: var(--color-neutral-100);\n }\n .text-neutral-600 {\n color: var(--color-neutral-600);\n }\n .text-neutral-950 {\n color: var(--color-neutral-950);\n }\n .text-orange-50 {\n color: var(--color-orange-50);\n }\n .text-primary {\n color: var(--color-primary);\n }\n .text-primary-foreground {\n color: var(--color-primary-foreground);\n }\n .text-purple-600 {\n color: var(--color-purple-600);\n }\n .text-red-300 {\n color: var(--color-red-300);\n }\n .text-red-400 {\n color: var(--color-red-400);\n }\n .text-red-500 {\n color: var(--color-red-500);\n }\n .text-red-600 {\n color: var(--color-red-600);\n }\n .text-red-700 {\n color: var(--color-red-700);\n }\n .text-red-800 {\n color: var(--color-red-800);\n }\n .text-red-900 {\n color: var(--color-red-900);\n }\n .text-secondary-foreground {\n color: var(--color-secondary-foreground);\n }\n .text-slate-500 {\n color: var(--color-slate-500);\n }\n .text-slate-800 {\n color: var(--color-slate-800);\n }\n .text-slate-950 {\n color: var(--color-slate-950);\n }\n .text-white {\n color: var(--color-white);\n }\n .text-yellow-400 {\n color: var(--color-yellow-400);\n }\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n .text-yellow-700 {\n color: var(--color-yellow-700);\n }\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n .text-yellow-900 {\n color: var(--color-yellow-900);\n }\n .capitalize {\n text-transform: capitalize;\n }\n .lowercase {\n text-transform: lowercase;\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\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 .line-through {\n text-decoration-line: line-through;\n }\n .no-underline {\n text-decoration-line: none;\n }\n .underline {\n text-decoration-line: underline;\n }\n .decoration-solid {\n text-decoration-style: solid;\n }\n .underline-offset-4 {\n text-underline-offset: 4px;\n }\n .caret-red-600 {\n caret-color: var(--color-red-600);\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .opacity-70 {\n opacity: 70%;\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\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)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\] {\n --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-\\[0_3px_10px_rgba\\(0\\,0\\,0\\,0\\.14\\)\\] {\n --tw-shadow: 0 3px 10px var(--tw-shadow-color, rgba(0,0,0,0.14));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-base {\n --tw-shadow: 0px 1px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.06));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-sm {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-xs {\n --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring-gray-300 {\n --tw-ring-color: var(--color-gray-300);\n }\n .ring-gray-900\\/10 {\n --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);\n }\n }\n .ring-sidebar-ring {\n --tw-ring-color: var(--color-sidebar-ring);\n }\n .ring-offset-background {\n --tw-ring-offset-color: var(--color-background);\n }\n .outline-hidden {\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .outline-1 {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .-outline-offset-1 {\n outline-offset: calc(1px * -1);\n }\n .outline-gray-300 {\n outline-color: var(--color-gray-300);\n }\n .outline-red-300 {\n outline-color: var(--color-red-300);\n }\n .blur {\n --tw-blur: blur(8px);\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 .drop-shadow-md {\n --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));\n --tw-drop-shadow: drop-shadow(var(--drop-shadow-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 .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 .\\!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,) !important;\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 .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,) !important;\n }\n .backdrop-filter {\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n }\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, 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-\\[color\\,box-shadow\\] {\n transition-property: color,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-\\[left\\,right\\,width\\] {\n transition-property: left,right,width;\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-\\[margin\\,opacity\\] {\n transition-property: margin,opacity;\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-\\[width\\,height\\,padding\\] {\n transition-property: width,height,padding;\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-\\[width\\] {\n transition-property: width;\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-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\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-opacity {\n transition-property: opacity;\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: transform, translate, scale, 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 .duration-100 {\n --tw-duration: 100ms;\n transition-duration: 100ms;\n }\n .duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\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 .ease-in {\n --tw-ease: var(--ease-in);\n transition-timing-function: var(--ease-in);\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n .ease-linear {\n --tw-ease: linear;\n transition-timing-function: linear;\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .\\[-ms-overflow-style\\:none\\] {\n -ms-overflow-style: none;\n }\n .\\[-webkit-overflow-scrolling\\:touch\\] {\n -webkit-overflow-scrolling: touch;\n }\n .\\[scrollbar-width\\:none\\] {\n scrollbar-width: none;\n }\n .ring-inset {\n --tw-ring-inset: inset;\n }\n .group-focus-within\\/menu-item\\:opacity-100 {\n &:is(:where(.group\\/menu-item):focus-within *) {\n opacity: 100%;\n }\n }\n .group-hover\\:text-blue-600 {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n color: var(--color-blue-600);\n }\n }\n }\n .group-hover\\/menu-item\\:opacity-100 {\n &:is(:where(.group\\/menu-item):hover *) {\n @media (hover: hover) {\n opacity: 100%;\n }\n }\n }\n .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8 {\n &:is(:where(.group\\/menu-item):has(*[data-sidebar=\"menu-action\"]) *) {\n padding-right: calc(var(--spacing) * 8);\n }\n }\n .group-data-\\[checked\\]\\:translate-x-5 {\n &:is(:where(.group)[data-checked] *) {\n --tw-translate-x: calc(var(--spacing) * 5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .group-data-\\[checked\\]\\:opacity-0 {\n &:is(:where(.group)[data-checked] *) {\n opacity: 0%;\n }\n }\n .group-data-\\[checked\\]\\:opacity-100 {\n &:is(:where(.group)[data-checked] *) {\n opacity: 100%;\n }\n }\n .group-data-\\[checked\\]\\:duration-100 {\n &:is(:where(.group)[data-checked] *) {\n --tw-duration: 100ms;\n transition-duration: 100ms;\n }\n }\n .group-data-\\[checked\\]\\:duration-200 {\n &:is(:where(.group)[data-checked] *) {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .group-data-\\[checked\\]\\:ease-in {\n &:is(:where(.group)[data-checked] *) {\n --tw-ease: var(--ease-in);\n transition-timing-function: var(--ease-in);\n }\n }\n .group-data-\\[checked\\]\\:ease-out {\n &:is(:where(.group)[data-checked] *) {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:-mt-8 {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n margin-top: calc(var(--spacing) * -8);\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:hidden {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n display: none;\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:size-8\\! {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--spacing) * 8) !important;\n height: calc(var(--spacing) * 8) !important;\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\) {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: var(--sidebar-width-icon);\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\)\\] {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\+2px\\)\\] {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n overflow: hidden;\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:p-0\\! {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n padding: calc(var(--spacing) * 0) !important;\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:p-2\\! {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n padding: calc(var(--spacing) * 2) !important;\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:opacity-0 {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n opacity: 0%;\n }\n }\n .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n right: calc(var(--sidebar-width) * -1);\n }\n }\n .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n left: calc(var(--sidebar-width) * -1);\n }\n }\n .group-data-\\[collapsible\\=offcanvas\\]\\:w-0 {\n &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n width: calc(var(--spacing) * 0);\n }\n }\n .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0 {\n &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .group-data-\\[side\\=left\\]\\:-right-4 {\n &:is(:where(.group)[data-side=\"left\"] *) {\n right: calc(var(--spacing) * -4);\n }\n }\n .group-data-\\[side\\=left\\]\\:border-r {\n &:is(:where(.group)[data-side=\"left\"] *) {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n }\n .group-data-\\[side\\=right\\]\\:left-0 {\n &:is(:where(.group)[data-side=\"right\"] *) {\n left: calc(var(--spacing) * 0);\n }\n }\n .group-data-\\[side\\=right\\]\\:rotate-180 {\n &:is(:where(.group)[data-side=\"right\"] *) {\n rotate: 180deg;\n }\n }\n .group-data-\\[side\\=right\\]\\:border-l {\n &:is(:where(.group)[data-side=\"right\"] *) {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n }\n .group-data-\\[variant\\=floating\\]\\:rounded-lg {\n &:is(:where(.group)[data-variant=\"floating\"] *) {\n border-radius: var(--radius-lg);\n }\n }\n .group-data-\\[variant\\=floating\\]\\:border {\n &:is(:where(.group)[data-variant=\"floating\"] *) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n }\n .group-data-\\[variant\\=floating\\]\\:shadow-sm {\n &:is(:where(.group)[data-variant=\"floating\"] *) {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .peer-disabled\\:cursor-not-allowed {\n &:is(:where(.peer):disabled ~ *) {\n cursor: not-allowed;\n }\n }\n .peer-disabled\\:opacity-70 {\n &:is(:where(.peer):disabled ~ *) {\n opacity: 70%;\n }\n }\n .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5 {\n &:is(:where(.peer\\/menu-button)[data-size=\"default\"] ~ *) {\n top: calc(var(--spacing) * 1.5);\n }\n }\n .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5 {\n &:is(:where(.peer\\/menu-button)[data-size=\"lg\"] ~ *) {\n top: calc(var(--spacing) * 2.5);\n }\n }\n .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1 {\n &:is(:where(.peer\\/menu-button)[data-size=\"sm\"] ~ *) {\n top: calc(var(--spacing) * 1);\n }\n }\n .file\\:border-0 {\n &::file-selector-button {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n }\n .file\\:bg-transparent {\n &::file-selector-button {\n background-color: transparent;\n }\n }\n .file\\:text-sm {\n &::file-selector-button {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n }\n .file\\:font-medium {\n &::file-selector-button {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n }\n .placeholder\\:text-gray-400 {\n &::placeholder {\n color: var(--color-gray-400);\n }\n }\n .placeholder\\:text-muted-foreground {\n &::placeholder {\n color: var(--color-muted-foreground);\n }\n }\n .placeholder\\:text-red-300 {\n &::placeholder {\n color: var(--color-red-300);\n }\n }\n .after\\:absolute {\n &::after {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .after\\:-inset-2 {\n &::after {\n content: var(--tw-content);\n inset: calc(var(--spacing) * -2);\n }\n }\n .after\\:inset-y-0 {\n &::after {\n content: var(--tw-content);\n inset-block: calc(var(--spacing) * 0);\n }\n }\n .after\\:left-1\\/2 {\n &::after {\n content: var(--tw-content);\n left: calc(1/2 * 100%);\n }\n }\n .after\\:w-\\[2px\\] {\n &::after {\n content: var(--tw-content);\n width: 2px;\n }\n }\n .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full {\n &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n &::after {\n content: var(--tw-content);\n left: 100%;\n }\n }\n }\n .last\\:border-b-0 {\n &:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n }\n .focus-within\\:relative {\n &:focus-within {\n position: relative;\n }\n }\n .focus-within\\:ring-2 {\n &:focus-within {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-within\\:ring-blue-600 {\n &:focus-within {\n --tw-ring-color: var(--color-blue-600);\n }\n }\n .focus-within\\:ring-offset-2 {\n &:focus-within {\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 }\n .focus-within\\:outline-none {\n &:focus-within {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .hover\\:cursor-pointer {\n &:hover {\n @media (hover: hover) {\n cursor: pointer;\n }\n }\n }\n .hover\\:border-blue-600 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-blue-600);\n }\n }\n }\n .hover\\:border-gray-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-gray-400);\n }\n }\n }\n .hover\\:border-red-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-red-300);\n }\n }\n }\n .hover\\:\\!bg-\\[\\#12478a\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #12478a !important;\n }\n }\n }\n .hover\\:\\!bg-\\[\\#af543d\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #af543d !important;\n }\n }\n }\n .hover\\:bg-\\[\\#F4F4F5\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #F4F4F5;\n }\n }\n }\n .hover\\:bg-accent {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-accent);\n }\n }\n }\n .hover\\:bg-accent\\/50 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #f4f4f5 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n }\n }\n }\n }\n .hover\\:bg-blue-100 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-100);\n }\n }\n }\n .hover\\:bg-blue-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-200);\n }\n }\n }\n .hover\\:bg-blue-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-500);\n }\n }\n }\n .hover\\:bg-blue-700 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-700);\n }\n }\n }\n .hover\\:bg-destructive\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #dc2626 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);\n }\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-100 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-100);\n }\n }\n }\n .hover\\:bg-gray-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-200);\n }\n }\n }\n .hover\\:bg-primary\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #18181b 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);\n }\n }\n }\n }\n .hover\\:bg-red-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-red-50);\n }\n }\n }\n .hover\\:bg-red-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-red-200);\n }\n }\n }\n .hover\\:bg-red-700 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-red-700);\n }\n }\n }\n .hover\\:bg-secondary\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #f4f4f5 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n }\n }\n }\n }\n .hover\\:text-accent-foreground {\n &:hover {\n @media (hover: hover) {\n color: var(--color-accent-foreground);\n }\n }\n }\n .hover\\:text-black {\n &:hover {\n @media (hover: hover) {\n color: var(--color-black);\n }\n }\n }\n .hover\\:text-blue-500 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-blue-500);\n }\n }\n }\n .hover\\:text-blue-600 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-blue-600);\n }\n }\n }\n .hover\\:text-blue-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-blue-900);\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-gray-700 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-700);\n }\n }\n }\n .hover\\:text-gray-800 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-800);\n }\n }\n }\n .hover\\:text-green-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-green-900);\n }\n }\n }\n .hover\\:text-red-800 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-red-800);\n }\n }\n }\n .hover\\:text-red-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-red-900);\n }\n }\n }\n .hover\\:text-yellow-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-yellow-900);\n }\n }\n }\n .hover\\:no-underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: none;\n }\n }\n }\n .hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n }\n .hover\\:opacity-50 {\n &:hover {\n @media (hover: hover) {\n opacity: 50%;\n }\n }\n }\n .hover\\:opacity-90 {\n &:hover {\n @media (hover: hover) {\n opacity: 90%;\n }\n }\n }\n .hover\\:opacity-100 {\n &:hover {\n @media (hover: hover) {\n opacity: 100%;\n }\n }\n }\n .hover\\:shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-accent\\)\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .focus\\:relative {\n &:focus {\n position: relative;\n }\n }\n .focus\\:z-10 {\n &:focus {\n z-index: 10;\n }\n }\n .focus\\:z-20 {\n &:focus {\n z-index: 20;\n }\n }\n .focus\\:ring-2 {\n &:focus {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-blue-500 {\n &:focus {\n --tw-ring-color: var(--color-blue-500);\n }\n }\n .focus\\:ring-blue-600 {\n &:focus {\n --tw-ring-color: var(--color-blue-600);\n }\n }\n .focus\\:ring-red-500 {\n &:focus {\n --tw-ring-color: var(--color-red-500);\n }\n }\n .focus\\:ring-offset-2 {\n &:focus {\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 }\n .focus\\:outline-hidden {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n }\n .focus\\:outline-2 {\n &:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n }\n .focus\\:-outline-offset-2 {\n &:focus {\n outline-offset: calc(2px * -1);\n }\n }\n .focus\\:outline-offset-0 {\n &:focus {\n outline-offset: 0px;\n }\n }\n .focus\\:outline-blue-600 {\n &:focus {\n outline-color: var(--color-blue-600);\n }\n }\n .focus\\:outline-red-600 {\n &:focus {\n outline-color: var(--color-red-600);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus-visible\\:border-red-300 {\n &:focus-visible {\n border-color: var(--color-red-300);\n }\n }\n .focus-visible\\:ring-1 {\n &:focus-visible {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:ring-2 {\n &:focus-visible {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:ring-\\[3px\\] {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:ring-destructive\\/20 {\n &:focus-visible {\n --tw-ring-color: color-mix(in srgb, #dc2626 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n }\n }\n }\n .focus-visible\\:ring-red-300 {\n &:focus-visible {\n --tw-ring-color: var(--color-red-300);\n }\n }\n .focus-visible\\:outline {\n &:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n }\n .focus-visible\\:outline-2 {\n &:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n }\n .focus-visible\\:outline-offset-2 {\n &:focus-visible {\n outline-offset: 2px;\n }\n }\n .focus-visible\\:outline-blue-600 {\n &:focus-visible {\n outline-color: var(--color-blue-600);\n }\n }\n .focus-visible\\:outline-none {\n &:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .active\\:bg-gray-200 {\n &:active {\n background-color: var(--color-gray-200);\n }\n }\n .active\\:opacity-100 {\n &:active {\n opacity: 100%;\n }\n }\n .disabled\\:pointer-events-none {\n &:disabled {\n pointer-events: none;\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .disabled\\:bg-\\[\\#FFFFFF\\] {\n &:disabled {\n background-color: #FFFFFF;\n }\n }\n .disabled\\:bg-gray-50 {\n &:disabled {\n background-color: var(--color-gray-50);\n }\n }\n .disabled\\:text-gray-500 {\n &:disabled {\n color: var(--color-gray-500);\n }\n }\n .disabled\\:opacity-50 {\n &:disabled {\n opacity: 50%;\n }\n }\n .disabled\\:outline-gray-200 {\n &:disabled {\n outline-color: var(--color-gray-200);\n }\n }\n .in-data-\\[side\\=left\\]\\:cursor-w-resize {\n :where(*[data-side=\"left\"]) & {\n cursor: w-resize;\n }\n }\n .in-data-\\[side\\=right\\]\\:cursor-e-resize {\n :where(*[data-side=\"right\"]) & {\n cursor: e-resize;\n }\n }\n .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\] {\n &:has(*[data-slot=\"card-action\"]) {\n grid-template-columns: 1fr auto;\n }\n }\n .has-\\[\\[aria-checked\\=true\\]\\]\\:border-blue-600 {\n &:has(*:is([aria-checked=true])) {\n border-color: var(--color-blue-600);\n }\n }\n .has-\\[\\[aria-checked\\=true\\]\\]\\:bg-blue-50 {\n &:has(*:is([aria-checked=true])) {\n background-color: var(--color-blue-50);\n }\n }\n .has-\\[\\>svg\\]\\:px-2\\.5 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n }\n .has-\\[\\>svg\\]\\:px-3 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 3);\n }\n }\n .has-\\[\\>svg\\]\\:px-4 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 4);\n }\n }\n .aria-disabled\\:pointer-events-none {\n &[aria-disabled=\"true\"] {\n pointer-events: none;\n }\n }\n .aria-disabled\\:opacity-50 {\n &[aria-disabled=\"true\"] {\n opacity: 50%;\n }\n }\n .aria-invalid\\:border-destructive {\n &[aria-invalid=\"true\"] {\n border-color: var(--color-destructive);\n }\n }\n .aria-invalid\\:ring-destructive\\/20 {\n &[aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in srgb, #dc2626 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n }\n }\n }\n .data-\\[active\\=true\\]\\:font-medium {\n &[data-active=\"true\"] {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n }\n .data-\\[checked\\]\\:bg-blue-600 {\n &[data-checked] {\n background-color: var(--color-blue-600);\n }\n }\n .data-\\[closed\\]\\:-translate-x-full {\n &[data-closed] {\n --tw-translate-x: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .data-\\[closed\\]\\:translate-y-4 {\n &[data-closed] {\n --tw-translate-y: calc(var(--spacing) * 4);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .data-\\[closed\\]\\:opacity-0 {\n &[data-closed] {\n opacity: 0%;\n }\n }\n .data-\\[enter\\]\\:duration-300 {\n &[data-enter] {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n }\n .data-\\[enter\\]\\:ease-out {\n &[data-enter] {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n }\n .data-\\[leave\\]\\:duration-200 {\n &[data-leave] {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .data-\\[leave\\]\\:ease-in {\n &[data-leave] {\n --tw-ease: var(--ease-in);\n transition-timing-function: var(--ease-in);\n }\n }\n .data-\\[orientation\\=horizontal\\]\\:h-px {\n &[data-orientation=\"horizontal\"] {\n height: 1px;\n }\n }\n .data-\\[orientation\\=horizontal\\]\\:w-full {\n &[data-orientation=\"horizontal\"] {\n width: 100%;\n }\n }\n .data-\\[orientation\\=vertical\\]\\:h-full {\n &[data-orientation=\"vertical\"] {\n height: 100%;\n }\n }\n .data-\\[orientation\\=vertical\\]\\:w-px {\n &[data-orientation=\"vertical\"] {\n width: 1px;\n }\n }\n .data-\\[state\\=checked\\]\\:border-blue-600 {\n &[data-state=\"checked\"] {\n border-color: var(--color-blue-600);\n }\n }\n .data-\\[state\\=checked\\]\\:border-primary {\n &[data-state=\"checked\"] {\n border-color: var(--color-primary);\n }\n }\n .data-\\[state\\=checked\\]\\:bg-blue-600 {\n &[data-state=\"checked\"] {\n background-color: var(--color-blue-600);\n }\n }\n .data-\\[state\\=checked\\]\\:bg-primary {\n &[data-state=\"checked\"] {\n background-color: var(--color-primary);\n }\n }\n .data-\\[state\\=checked\\]\\:text-primary-foreground {\n &[data-state=\"checked\"] {\n color: var(--color-primary-foreground);\n }\n }\n .data-\\[state\\=checked\\]\\:text-white {\n &[data-state=\"checked\"] {\n color: var(--color-white);\n }\n }\n .data-\\[state\\=closed\\]\\:duration-300 {\n &[data-state=\"closed\"] {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n }\n .data-\\[state\\=open\\]\\:bg-accent {\n &[data-state=\"open\"] {\n background-color: var(--color-accent);\n }\n }\n .data-\\[state\\=open\\]\\:bg-secondary {\n &[data-state=\"open\"] {\n background-color: var(--color-secondary);\n }\n }\n .data-\\[state\\=open\\]\\:text-muted-foreground {\n &[data-state=\"open\"] {\n color: var(--color-muted-foreground);\n }\n }\n .data-\\[state\\=open\\]\\:opacity-100 {\n &[data-state=\"open\"] {\n opacity: 100%;\n }\n }\n .data-\\[state\\=open\\]\\:duration-500 {\n &[data-state=\"open\"] {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n }\n .sm\\:col-span-2 {\n @media (width >= 40rem) {\n grid-column: span 2 / span 2;\n }\n }\n .sm\\:col-span-3 {\n @media (width >= 40rem) {\n grid-column: span 3 / span 3;\n }\n }\n .sm\\:-mx-6 {\n @media (width >= 40rem) {\n margin-inline: calc(var(--spacing) * -6);\n }\n }\n .sm\\:mx-0 {\n @media (width >= 40rem) {\n margin-inline: calc(var(--spacing) * 0);\n }\n }\n .sm\\:my-8 {\n @media (width >= 40rem) {\n margin-block: calc(var(--spacing) * 8);\n }\n }\n .sm\\:mt-0 {\n @media (width >= 40rem) {\n margin-top: calc(var(--spacing) * 0);\n }\n }\n .sm\\:mt-4 {\n @media (width >= 40rem) {\n margin-top: calc(var(--spacing) * 4);\n }\n }\n .sm\\:mt-10 {\n @media (width >= 40rem) {\n margin-top: calc(var(--spacing) * 10);\n }\n }\n .sm\\:mb-1 {\n @media (width >= 40rem) {\n margin-bottom: calc(var(--spacing) * 1);\n }\n }\n .sm\\:ml-4 {\n @media (width >= 40rem) {\n margin-left: calc(var(--spacing) * 4);\n }\n }\n .sm\\:ml-8 {\n @media (width >= 40rem) {\n margin-left: calc(var(--spacing) * 8);\n }\n }\n .sm\\:block {\n @media (width >= 40rem) {\n display: block;\n }\n }\n .sm\\:flex {\n @media (width >= 40rem) {\n display: flex;\n }\n }\n .sm\\:grid {\n @media (width >= 40rem) {\n display: grid;\n }\n }\n .sm\\:hidden {\n @media (width >= 40rem) {\n display: none;\n }\n }\n .sm\\:size-4 {\n @media (width >= 40rem) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .sm\\:size-10 {\n @media (width >= 40rem) {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n }\n .sm\\:w-full {\n @media (width >= 40rem) {\n width: 100%;\n }\n }\n .sm\\:max-w-lg {\n @media (width >= 40rem) {\n max-width: var(--container-lg);\n }\n }\n .sm\\:max-w-sm {\n @media (width >= 40rem) {\n max-width: var(--container-sm);\n }\n }\n .sm\\:grid-cols-3 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n .sm\\:grid-cols-6 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n }\n .sm\\:flex-row {\n @media (width >= 40rem) {\n flex-direction: row;\n }\n }\n .sm\\:flex-row-reverse {\n @media (width >= 40rem) {\n flex-direction: row-reverse;\n }\n }\n .sm\\:items-center {\n @media (width >= 40rem) {\n align-items: center;\n }\n }\n .sm\\:items-start {\n @media (width >= 40rem) {\n align-items: flex-start;\n }\n }\n .sm\\:justify-end {\n @media (width >= 40rem) {\n justify-content: flex-end;\n }\n }\n .sm\\:gap-4 {\n @media (width >= 40rem) {\n gap: calc(var(--spacing) * 4);\n }\n }\n .sm\\:truncate {\n @media (width >= 40rem) {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n .sm\\:rounded-lg {\n @media (width >= 40rem) {\n border-radius: var(--radius-lg);\n }\n }\n .sm\\:p-0 {\n @media (width >= 40rem) {\n padding: calc(var(--spacing) * 0);\n }\n }\n .sm\\:p-6 {\n @media (width >= 40rem) {\n padding: calc(var(--spacing) * 6);\n }\n }\n .sm\\:px-0 {\n @media (width >= 40rem) {\n padding-inline: calc(var(--spacing) * 0);\n }\n }\n .sm\\:px-6 {\n @media (width >= 40rem) {\n padding-inline: calc(var(--spacing) * 6);\n }\n }\n .sm\\:px-8 {\n @media (width >= 40rem) {\n padding-inline: calc(var(--spacing) * 8);\n }\n }\n .sm\\:py-4 {\n @media (width >= 40rem) {\n padding-block: calc(var(--spacing) * 4);\n }\n }\n .sm\\:py-32 {\n @media (width >= 40rem) {\n padding-block: calc(var(--spacing) * 32);\n }\n }\n .sm\\:pr-0 {\n @media (width >= 40rem) {\n padding-right: calc(var(--spacing) * 0);\n }\n }\n .sm\\:pl-0 {\n @media (width >= 40rem) {\n padding-left: calc(var(--spacing) * 0);\n }\n }\n .sm\\:text-left {\n @media (width >= 40rem) {\n text-align: left;\n }\n }\n .sm\\:text-2xl {\n @media (width >= 40rem) {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n }\n .sm\\:text-7xl {\n @media (width >= 40rem) {\n font-size: var(--text-7xl);\n line-height: var(--tw-leading, var(--text-7xl--line-height));\n }\n }\n .sm\\:text-sm\\/6 {\n @media (width >= 40rem) {\n font-size: var(--text-sm);\n line-height: calc(var(--spacing) * 6);\n }\n }\n .sm\\:text-xl {\n @media (width >= 40rem) {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n }\n .sm\\:text-xl\\/8 {\n @media (width >= 40rem) {\n font-size: var(--text-xl);\n line-height: calc(var(--spacing) * 8);\n }\n }\n .sm\\:tracking-tight {\n @media (width >= 40rem) {\n --tw-tracking: var(--tracking-tight);\n letter-spacing: var(--tracking-tight);\n }\n }\n .data-\\[closed\\]\\:sm\\:translate-y-0 {\n &[data-closed] {\n @media (width >= 40rem) {\n --tw-translate-y: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n }\n .data-\\[closed\\]\\:sm\\:scale-95 {\n &[data-closed] {\n @media (width >= 40rem) {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n }\n .md\\:ml-12 {\n @media (width >= 48rem) {\n margin-left: calc(var(--spacing) * 12);\n }\n }\n .md\\:block {\n @media (width >= 48rem) {\n display: block;\n }\n }\n .md\\:flex {\n @media (width >= 48rem) {\n display: flex;\n }\n }\n .md\\:hidden {\n @media (width >= 48rem) {\n display: none;\n }\n }\n .md\\:flex-1 {\n @media (width >= 48rem) {\n flex: 1;\n }\n }\n .md\\:items-center {\n @media (width >= 48rem) {\n align-items: center;\n }\n }\n .md\\:justify-between {\n @media (width >= 48rem) {\n justify-content: space-between;\n }\n }\n .md\\:text-sm {\n @media (width >= 48rem) {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n }\n .md\\:opacity-0 {\n @media (width >= 48rem) {\n opacity: 0%;\n }\n }\n .md\\:peer-data-\\[variant\\=inset\\]\\:m-2 {\n @media (width >= 48rem) {\n &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n margin: calc(var(--spacing) * 2);\n }\n }\n }\n .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0 {\n @media (width >= 48rem) {\n &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n margin-left: calc(var(--spacing) * 0);\n }\n }\n }\n .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl {\n @media (width >= 48rem) {\n &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n border-radius: var(--radius-xl);\n }\n }\n }\n .md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm {\n @media (width >= 48rem) {\n &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ml-2 {\n @media (width >= 48rem) {\n &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n &:is(:where(.peer)[data-state=\"collapsed\"] ~ *) {\n margin-left: calc(var(--spacing) * 2);\n }\n }\n }\n }\n .md\\:after\\:hidden {\n @media (width >= 48rem) {\n &::after {\n content: var(--tw-content);\n display: none;\n }\n }\n }\n .lg\\:fixed {\n @media (width >= 64rem) {\n position: fixed;\n }\n }\n .lg\\:inset-y-0 {\n @media (width >= 64rem) {\n inset-block: calc(var(--spacing) * 0);\n }\n }\n .lg\\:z-50 {\n @media (width >= 64rem) {\n z-index: 50;\n }\n }\n .lg\\:-mx-8 {\n @media (width >= 64rem) {\n margin-inline: calc(var(--spacing) * -8);\n }\n }\n .lg\\:ml-16 {\n @media (width >= 64rem) {\n margin-left: calc(var(--spacing) * 16);\n }\n }\n .lg\\:flex {\n @media (width >= 64rem) {\n display: flex;\n }\n }\n .lg\\:hidden {\n @media (width >= 64rem) {\n display: none;\n }\n }\n .lg\\:w-72 {\n @media (width >= 64rem) {\n width: calc(var(--spacing) * 72);\n }\n }\n .lg\\:w-full {\n @media (width >= 64rem) {\n width: 100%;\n }\n }\n .lg\\:grid-cols-3 {\n @media (width >= 64rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n .lg\\:flex-col {\n @media (width >= 64rem) {\n flex-direction: column;\n }\n }\n .lg\\:justify-between {\n @media (width >= 64rem) {\n justify-content: space-between;\n }\n }\n .lg\\:justify-end {\n @media (width >= 64rem) {\n justify-content: flex-end;\n }\n }\n .lg\\:px-8 {\n @media (width >= 64rem) {\n padding-inline: calc(var(--spacing) * 8);\n }\n }\n .lg\\:pl-72 {\n @media (width >= 64rem) {\n padding-left: calc(var(--spacing) * 72);\n }\n }\n .xl\\:ml-20 {\n @media (width >= 80rem) {\n margin-left: calc(var(--spacing) * 20);\n }\n }\n .xl\\:gap-x-8 {\n @media (width >= 80rem) {\n column-gap: calc(var(--spacing) * 8);\n }\n }\n .\\32 xl\\:ml-24 {\n @media (width >= 96rem) {\n margin-left: calc(var(--spacing) * 24);\n }\n }\n .\\@max-md\\:hidden {\n @container (width < 28rem) {\n display: none;\n }\n }\n .\\@max-md\\:grid-cols-1 {\n @container (width < 28rem) {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n }\n .dark\\:border-input {\n @media (prefers-color-scheme: dark) {\n border-color: var(--color-input);\n }\n }\n .dark\\:bg-destructive\\/60 {\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #dc2626 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent);\n }\n }\n }\n .dark\\:bg-input\\/30 {\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #e4e4e7 30%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-input) 30%, transparent);\n }\n }\n }\n .dark\\:hover\\:bg-accent\\/50 {\n @media (prefers-color-scheme: dark) {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #f4f4f5 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n }\n }\n }\n }\n }\n .dark\\:hover\\:bg-input\\/50 {\n @media (prefers-color-scheme: dark) {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #e4e4e7 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-input) 50%, transparent);\n }\n }\n }\n }\n }\n .dark\\:focus-visible\\:ring-destructive\\/40 {\n @media (prefers-color-scheme: dark) {\n &:focus-visible {\n --tw-ring-color: color-mix(in srgb, #dc2626 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n }\n }\n }\n }\n .dark\\:has-\\[\\[aria-checked\\=true\\]\\]\\:border-blue-900 {\n @media (prefers-color-scheme: dark) {\n &:has(*:is([aria-checked=true])) {\n border-color: var(--color-blue-900);\n }\n }\n }\n .dark\\:has-\\[\\[aria-checked\\=true\\]\\]\\:bg-blue-950 {\n @media (prefers-color-scheme: dark) {\n &:has(*:is([aria-checked=true])) {\n background-color: var(--color-blue-950);\n }\n }\n }\n .dark\\:aria-invalid\\:ring-destructive\\/40 {\n @media (prefers-color-scheme: dark) {\n &[aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in srgb, #dc2626 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n }\n }\n }\n }\n .dark\\:data-\\[state\\=checked\\]\\:border-blue-700 {\n @media (prefers-color-scheme: dark) {\n &[data-state=\"checked\"] {\n border-color: var(--color-blue-700);\n }\n }\n }\n .dark\\:data-\\[state\\=checked\\]\\:bg-blue-700 {\n @media (prefers-color-scheme: dark) {\n &[data-state=\"checked\"] {\n background-color: var(--color-blue-700);\n }\n }\n }\n .dark\\:data-\\[state\\=checked\\]\\:bg-primary {\n @media (prefers-color-scheme: dark) {\n &[data-state=\"checked\"] {\n background-color: var(--color-primary);\n }\n }\n }\n .\\[\\&_svg\\]\\:pointer-events-none {\n & svg {\n pointer-events: none;\n }\n }\n .\\[\\&_svg\\]\\:size-4 {\n & svg {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&_svg\\]\\:shrink-0 {\n & svg {\n flex-shrink: 0;\n }\n }\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n & svg:not([class*='size-']) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden {\n &::-webkit-scrollbar {\n display: none;\n }\n }\n .\\[\\.border-b\\]\\:pb-6 {\n &:is(.border-b) {\n padding-bottom: calc(var(--spacing) * 6);\n }\n }\n .\\[\\.border-t\\]\\:pt-6 {\n &:is(.border-t) {\n padding-top: calc(var(--spacing) * 6);\n }\n }\n .\\[\\&\\>button\\]\\:hidden {\n &>button {\n display: none;\n }\n }\n .\\[\\&\\>span\\:last-child\\]\\:truncate {\n &>span:last-child {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n .\\[\\&\\>svg\\]\\:pointer-events-none {\n &>svg {\n pointer-events: none;\n }\n }\n .\\[\\&\\>svg\\]\\:size-3 {\n &>svg {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n }\n .\\[\\&\\>svg\\]\\:size-4 {\n &>svg {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\>svg\\]\\:shrink-0 {\n &>svg {\n flex-shrink: 0;\n }\n }\n .\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180 {\n &[data-state=open]>svg {\n rotate: 180deg;\n }\n }\n .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 {\n [data-side=left][data-collapsible=offcanvas] & {\n right: calc(var(--spacing) * -2);\n }\n }\n .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize {\n [data-side=left][data-state=collapsed] & {\n cursor: e-resize;\n }\n }\n .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 {\n [data-side=right][data-collapsible=offcanvas] & {\n left: calc(var(--spacing) * -2);\n }\n }\n .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize {\n [data-side=right][data-state=collapsed] & {\n cursor: w-resize;\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-accent {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-accent);\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-destructive\\/90 {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #dc2626 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);\n }\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-primary\\/90 {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #18181b 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);\n }\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-secondary\\/90 {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #f4f4f5 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent);\n }\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:text-accent-foreground {\n a& {\n &:hover {\n @media (hover: hover) {\n color: var(--color-accent-foreground);\n }\n }\n }\n }\n}\n@layer base {\n :root,\n :host {\n font-family: 'Inter', sans-serif;\n }\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-scroll-snap-strictness {\n syntax: \"*\";\n inherits: false;\n initial-value: proximity;\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-x-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ordinal {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-slashed-zero {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-figure {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-spacing {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-fraction {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ease {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-content {\n syntax: \"*\";\n initial-value: \"\";\n inherits: false;\n}\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\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 *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\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-scroll-snap-strictness: proximity;\n --tw-space-y-reverse: 0;\n --tw-space-x-reverse: 0;\n --tw-divide-y-reverse: 0;\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-tracking: 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-content: \"\";\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n }\n }\n}\n";
|
|
2213
|
+
var css_248z = "/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", 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-orange-50: #f25c2b;\n --color-orange-100: #520c03;\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\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-green-100: oklch(96.2% 0.044 156.743);\n --color-green-400: oklch(79.2% 0.209 151.711);\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-cyan-500: oklch(71.5% 0.143 215.221);\n --color-blue-50: #3b82f6;\n --color-blue-100: #172554;\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-violet-200: oklch(89.4% 0.057 293.283);\n --color-purple-600: oklch(55.8% 0.288 302.321);\n --color-slate-100: oklch(96.8% 0.007 247.896);\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-800: oklch(27.9% 0.041 260.031);\n --color-slate-950: oklch(12.9% 0.042 264.695);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-neutral-50: #8799af;\n --color-neutral-100: #172a41;\n --color-neutral-600: oklch(43.9% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\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-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-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --tracking-tight: -0.025em;\n --leading-normal: 1.5;\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-3xl: 1.5rem;\n --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\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-spin: spin 1s linear infinite;\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\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 --color-primary: #18181b;\n --color-primary-foreground: #fafafa;\n --color-secondary: #f4f4f5;\n --color-secondary-foreground: #18181b;\n --color-destructive: #dc2626;\n --color-destructive-foreground: #fef2f2;\n --color-background: #ffffff;\n --color-input: #e4e4e7;\n --color-accent: #f4f4f5;\n --color-accent-foreground: #18181b;\n --color-card: #ffffff;\n --color-card-foreground: #09090b;\n --color-border: #e4e4e7;\n --color-sidebar-ring: #a1a1aa;\n --color-muted-foreground: #74716e;\n --color-orange-10: #fff3e6;\n --color-orange-20: #ffdfbf;\n --color-orange-30: #ffb47f;\n --color-orange-40: #ff8446;\n --color-orange-60: #cd4b27;\n --color-orange-70: #b03719;\n --color-orange-80: #892c0f;\n --color-orange-90: #61170d;\n --color-neutral-10: #f1f4f8;\n --color-neutral-20: #dbe2eb;\n --color-neutral-30: #bfccda;\n --color-neutral-40: #a3b2c6;\n --color-neutral-60: #677c95;\n --color-neutral-70: #4e647f;\n --color-neutral-80: #394d66;\n --color-neutral-90: #293b51;\n --color-blue-10: #dbeafe;\n --color-blue-20: #bfdbfe;\n --color-blue-30: #93c5fd;\n --color-blue-40: #60a5fa;\n --color-blue-60: #2563eb;\n --color-blue-70: #1d4ed8;\n --color-blue-80: #1e40af;\n --color-blue-90: #1e3a8a;\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\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, h2, h3, h4, h5, 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, strong {\n font-weight: bolder;\n }\n code, kbd, samp, 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, 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, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::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 ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-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\\/card-header {\n container-type: inline-size;\n container-name: card-header;\n }\n .\\@container {\n container-type: inline-size;\n }\n .pointer-events-none {\n pointer-events: none;\n }\n .collapse {\n visibility: collapse;\n }\n .invisible {\n visibility: hidden;\n }\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .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 .sticky\\! {\n position: sticky !important;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .inset-x-0 {\n inset-inline: calc(var(--spacing) * 0);\n }\n .inset-y-0 {\n inset-block: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-1\\.5 {\n top: calc(var(--spacing) * 1.5);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .top-3\\.5 {\n top: calc(var(--spacing) * 3.5);\n }\n .top-4 {\n top: calc(var(--spacing) * 4);\n }\n .top-\\[15px\\] {\n top: 15px;\n }\n .top-\\[50\\%\\] {\n top: 50%;\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-1 {\n right: calc(var(--spacing) * 1);\n }\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n .right-4 {\n right: calc(var(--spacing) * 4);\n }\n .right-\\[14px\\] {\n right: 14px;\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-2 {\n left: calc(var(--spacing) * 2);\n }\n .left-\\[14px\\] {\n left: 14px;\n }\n .left-\\[50\\%\\] {\n left: 50%;\n }\n .left-full {\n left: 100%;\n }\n .isolate {\n isolation: isolate;\n }\n .z-10 {\n z-index: 10;\n }\n .z-20 {\n z-index: 20;\n }\n .z-40 {\n z-index: 40;\n }\n .z-50 {\n z-index: 50;\n }\n .z-55 {\n z-index: 55;\n }\n .col-span-1 {\n grid-column: span 1 / span 1;\n }\n .col-span-6 {\n grid-column: span 6 / span 6;\n }\n .col-span-full {\n grid-column: 1 / -1;\n }\n .col-start-1 {\n grid-column-start: 1;\n }\n .col-start-2 {\n grid-column-start: 2;\n }\n .row-auto {\n grid-row: auto;\n }\n .row-span-2 {\n grid-row: span 2 / span 2;\n }\n .row-start-1 {\n grid-row-start: 1;\n }\n .float-left {\n float: left;\n }\n .float-right {\n float: right;\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-2\\.5 {\n margin: calc(var(--spacing) * -2.5);\n }\n .m-0 {\n margin: calc(var(--spacing) * 0);\n }\n .-mx-1\\.5 {\n margin-inline: calc(var(--spacing) * -1.5);\n }\n .-mx-2 {\n margin-inline: calc(var(--spacing) * -2);\n }\n .-mx-4 {\n margin-inline: calc(var(--spacing) * -4);\n }\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n .mx-3\\.5 {\n margin-inline: calc(var(--spacing) * 3.5);\n }\n .mx-\\[20px\\] {\n margin-inline: 20px;\n }\n .mx-auto {\n margin-inline: auto;\n }\n .-my-1\\.5 {\n margin-block: calc(var(--spacing) * -1.5);\n }\n .-my-2 {\n margin-block: calc(var(--spacing) * -2);\n }\n .-my-3 {\n margin-block: calc(var(--spacing) * -3);\n }\n .my-0 {\n margin-block: calc(var(--spacing) * 0);\n }\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n .my-5 {\n margin-block: calc(var(--spacing) * 5);\n }\n .my-6 {\n margin-block: calc(var(--spacing) * 6);\n }\n .my-\\[10px\\] {\n margin-block: 10px;\n }\n .mt-1 {\n margin-top: calc(var(--spacing) * 1);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n .mt-10 {\n margin-top: calc(var(--spacing) * 10);\n }\n .mt-11 {\n margin-top: calc(var(--spacing) * 11);\n }\n .mt-30 {\n margin-top: calc(var(--spacing) * 30);\n }\n .mt-auto {\n margin-top: auto;\n }\n .-mr-px {\n margin-right: -1px;\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .mr-3 {\n margin-right: calc(var(--spacing) * 3);\n }\n .mr-10 {\n margin-right: calc(var(--spacing) * 10);\n }\n .mr-16 {\n margin-right: calc(var(--spacing) * 16);\n }\n .mr-auto {\n margin-right: auto;\n }\n .mb-0 {\n margin-bottom: calc(var(--spacing) * 0);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-5 {\n margin-bottom: calc(var(--spacing) * 5);\n }\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n .mb-7 {\n margin-bottom: calc(var(--spacing) * 7);\n }\n .mb-\\[4px\\] {\n margin-bottom: 4px;\n }\n .mb-\\[24px\\] {\n margin-bottom: 24px;\n }\n .-ml-0\\.5 {\n margin-left: calc(var(--spacing) * -0.5);\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .ml-3 {\n margin-left: calc(var(--spacing) * 3);\n }\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n .ml-10 {\n margin-left: calc(var(--spacing) * 10);\n }\n .ml-20 {\n margin-left: calc(var(--spacing) * 20);\n }\n .ml-\\[28px\\] {\n margin-left: 28px;\n }\n .ml-auto {\n margin-left: auto;\n }\n .line-clamp-1 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .flow-root {\n display: flow-root;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .list-item {\n display: list-item;\n }\n .table {\n display: table;\n }\n .table\\! {\n display: table !important;\n }\n .table-cell {\n display: table-cell;\n }\n .table-row {\n display: table-row;\n }\n .field-sizing-content {\n field-sizing: content;\n }\n .aspect-square {\n aspect-ratio: 1 / 1;\n }\n .size-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-7 {\n width: calc(var(--spacing) * 7);\n height: calc(var(--spacing) * 7);\n }\n .size-8 {\n width: calc(var(--spacing) * 8);\n height: calc(var(--spacing) * 8);\n }\n .size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n }\n .size-12 {\n width: calc(var(--spacing) * 12);\n height: calc(var(--spacing) * 12);\n }\n .size-full {\n width: 100%;\n height: 100%;\n }\n .h-0 {\n height: calc(var(--spacing) * 0);\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 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n .h-30 {\n height: calc(var(--spacing) * 30);\n }\n .h-\\[15px\\] {\n height: 15px;\n }\n .h-\\[20px\\] {\n height: 20px;\n }\n .h-\\[28px\\] {\n height: 28px;\n }\n .h-\\[36px\\] {\n height: 36px;\n }\n .h-\\[64px\\] {\n height: 64px;\n }\n .h-\\[70px\\] {\n height: 70px;\n }\n .h-\\[108px\\] {\n height: 108px;\n }\n .h-\\[calc-size\\(max-content\\,size\\)\\] {\n height: calc-size(max-content,size);\n }\n .h-auto {\n height: auto;\n }\n .h-fit {\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .h-screen {\n height: 100vh;\n }\n .h-svh {\n height: 100svh;\n }\n .min-h-0 {\n min-height: calc(var(--spacing) * 0);\n }\n .min-h-16 {\n min-height: calc(var(--spacing) * 16);\n }\n .min-h-\\[48px\\] {\n min-height: 48px;\n }\n .min-h-full {\n min-height: 100%;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .min-h-svh {\n min-height: 100svh;\n }\n .w-\\(--sidebar-width\\) {\n width: var(--sidebar-width);\n }\n .w-3\\/4 {\n width: calc(3/4 * 100%);\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n .w-11 {\n width: calc(var(--spacing) * 11);\n }\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n .w-55 {\n width: calc(var(--spacing) * 55);\n }\n .w-106 {\n width: calc(var(--spacing) * 106);\n }\n .w-240 {\n width: calc(var(--spacing) * 240);\n }\n .w-\\[20px\\] {\n width: 20px;\n }\n .w-\\[50px\\] {\n width: 50px;\n }\n .w-\\[64px\\] {\n width: 64px;\n }\n .w-\\[70px\\] {\n width: 70px;\n }\n .w-\\[145px\\] {\n width: 145px;\n }\n .w-\\[220px\\] {\n width: 220px;\n }\n .w-\\[333px\\] {\n width: 333px;\n }\n .w-\\[500px\\] {\n width: 500px;\n }\n .w-auto {\n width: auto;\n }\n .w-fit {\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .w-screen {\n width: 100vw;\n }\n .\\!max-w-\\[860px\\] {\n max-width: 860px !important;\n }\n .\\!max-w-none {\n max-width: none !important;\n }\n .max-w-\\(--skeleton-width\\) {\n max-width: var(--skeleton-width);\n }\n .max-w-3xl {\n max-width: var(--container-3xl);\n }\n .max-w-4xl {\n max-width: var(--container-4xl);\n }\n .max-w-7xl {\n max-width: var(--container-7xl);\n }\n .max-w-\\[177px\\] {\n max-width: 177px;\n }\n .max-w-\\[200px\\] {\n max-width: 200px;\n }\n .max-w-\\[450px\\] {\n max-width: 450px;\n }\n .max-w-\\[573px\\] {\n max-width: 573px;\n }\n .max-w-\\[688px\\] {\n max-width: 688px;\n }\n .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n }\n .max-w-full {\n max-width: 100%;\n }\n .max-w-lg {\n max-width: var(--container-lg);\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-sm {\n max-width: var(--container-sm);\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-0 {\n min-width: calc(var(--spacing) * 0);\n }\n .min-w-5 {\n min-width: calc(var(--spacing) * 5);\n }\n .min-w-\\[700px\\] {\n min-width: 700px;\n }\n .min-w-fit {\n min-width: fit-content;\n }\n .min-w-full {\n min-width: 100%;\n }\n .min-w-xs {\n min-width: var(--container-xs);\n }\n .flex-1 {\n flex: 1;\n }\n .flex-auto {\n flex: auto;\n }\n .flex-none {\n flex: none;\n }\n .flex-shrink {\n flex-shrink: 1;\n }\n .shrink-0 {\n flex-shrink: 0;\n }\n .flex-grow {\n flex-grow: 1;\n }\n .grow {\n flex-grow: 1;\n }\n .border-collapse {\n border-collapse: collapse;\n }\n .origin-\\(--radix-tooltip-content-transform-origin\\) {\n transform-origin: var(--radix-tooltip-content-transform-origin);\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-px {\n --tw-translate-x: -1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[-50\\%\\] {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-px {\n --tw-translate-x: 1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-0\\.5 {\n --tw-translate-y: calc(var(--spacing) * 0.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[-50\\%\\] {\n --tw-translate-y: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[calc\\(-50\\%_-_2px\\)\\] {\n --tw-translate-y: calc(-50% - 2px);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .rotate-45 {\n rotate: 45deg;\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-pulse {\n animation: var(--animate-pulse);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .\\!cursor-default {\n cursor: default !important;\n }\n .cursor-grab {\n cursor: grab;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .resize {\n resize: both;\n }\n .snap-x {\n scroll-snap-type: x var(--tw-scroll-snap-strictness);\n }\n .snap-mandatory {\n --tw-scroll-snap-strictness: mandatory;\n }\n .appearance-none {\n appearance: none;\n }\n .auto-rows-min {\n grid-auto-rows: min-content;\n }\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n .grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n .grid-cols-\\[repeat\\(3\\,auto\\)\\] {\n grid-template-columns: repeat(3,auto);\n }\n .grid-cols-subgrid {\n grid-template-columns: subgrid;\n }\n .grid-rows-\\[auto_auto\\] {\n grid-template-rows: auto auto;\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-wrap {\n flex-wrap: wrap;\n }\n .place-items-center {\n place-items: center;\n }\n .\\!items-start {\n align-items: flex-start !important;\n }\n .items-center {\n align-items: center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .justify-start {\n justify-content: flex-start;\n }\n .gap-0 {\n gap: calc(var(--spacing) * 0);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n .gap-10 {\n gap: calc(var(--spacing) * 10);\n }\n .gap-25 {\n gap: calc(var(--spacing) * 25);\n }\n .gap-\\[4px\\] {\n gap: 4px;\n }\n .gap-\\[8px\\] {\n gap: 8px;\n }\n .gap-\\[10px\\] {\n gap: 10px;\n }\n .space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .gap-x-1\\.5 {\n column-gap: calc(var(--spacing) * 1.5);\n }\n .gap-x-2 {\n column-gap: calc(var(--spacing) * 2);\n }\n .gap-x-2\\.5 {\n column-gap: calc(var(--spacing) * 2.5);\n }\n .gap-x-3 {\n column-gap: calc(var(--spacing) * 3);\n }\n .gap-x-4 {\n column-gap: calc(var(--spacing) * 4);\n }\n .gap-x-6 {\n column-gap: calc(var(--spacing) * 6);\n }\n .-space-x-px {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(-1px * var(--tw-space-x-reverse));\n margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .space-x-4 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));\n margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .space-x-6 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));\n margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .gap-y-2 {\n row-gap: calc(var(--spacing) * 2);\n }\n .gap-y-4 {\n row-gap: calc(var(--spacing) * 4);\n }\n .gap-y-5 {\n row-gap: calc(var(--spacing) * 5);\n }\n .gap-y-7 {\n row-gap: calc(var(--spacing) * 7);\n }\n .gap-y-8 {\n row-gap: calc(var(--spacing) * 8);\n }\n .divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0;\n border-bottom-style: var(--tw-border-style);\n border-top-style: var(--tw-border-style);\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n }\n }\n .divide-gray-100 {\n :where(& > :not(:last-child)) {\n border-color: var(--color-gray-100);\n }\n }\n .divide-gray-200 {\n :where(& > :not(:last-child)) {\n border-color: var(--color-gray-200);\n }\n }\n .divide-gray-300 {\n :where(& > :not(:last-child)) {\n border-color: var(--color-gray-300);\n }\n }\n .self-center {\n align-self: center;\n }\n .self-start {\n align-self: flex-start;\n }\n .justify-self-end {\n justify-self: flex-end;\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-auto {\n overflow: auto;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-x-auto {\n overflow-x: auto;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-3xl {\n border-radius: var(--radius-3xl);\n }\n .rounded-\\[2px\\] {\n border-radius: 2px;\n }\n .rounded-\\[4px\\] {\n border-radius: 4px;\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-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-t-md {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\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 .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-\\[0\\.5\\] {\n border-style: var(--tw-border-style);\n border-width: 0.5;\n }\n .border-\\[0\\.5px\\] {\n border-style: var(--tw-border-style);\n border-width: 0.5px;\n }\n .border-y {\n border-block-style: var(--tw-border-style);\n border-block-width: 1px;\n }\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-t-1 {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-1 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\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-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\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-blue-600 {\n border-color: var(--color-blue-600);\n }\n .border-border {\n border-color: var(--color-border);\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-900\\/5 {\n border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);\n }\n }\n .border-gray-900\\/25 {\n border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 25%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-gray-900) 25%, transparent);\n }\n }\n .border-input {\n border-color: var(--color-input);\n }\n .border-neutral-40 {\n border-color: var(--color-neutral-40);\n }\n .border-primary {\n border-color: var(--color-primary);\n }\n .border-red-600 {\n border-color: var(--color-red-600);\n }\n .border-sidebar-ring {\n border-color: var(--color-sidebar-ring);\n }\n .border-slate-300 {\n border-color: var(--color-slate-300);\n }\n .border-slate-400 {\n border-color: var(--color-slate-400);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-white {\n border-color: var(--color-white);\n }\n .\\!bg-\\[\\#1877F2\\] {\n background-color: #1877F2 !important;\n }\n .\\!bg-\\[\\#ff7a59\\] {\n background-color: #ff7a59 !important;\n }\n .bg-\\[\\#ffffff\\] {\n background-color: #ffffff;\n }\n .bg-accent {\n background-color: var(--color-accent);\n }\n .bg-background {\n background-color: var(--color-background);\n }\n .bg-black\\/50 {\n background-color: color-mix(in srgb, #000 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n }\n }\n .bg-blue-10 {\n background-color: var(--color-blue-10);\n }\n .bg-blue-20 {\n background-color: var(--color-blue-20);\n }\n .bg-blue-30 {\n background-color: var(--color-blue-30);\n }\n .bg-blue-40 {\n background-color: var(--color-blue-40);\n }\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n .bg-blue-60 {\n background-color: var(--color-blue-60);\n }\n .bg-blue-70 {\n background-color: var(--color-blue-70);\n }\n .bg-blue-80 {\n background-color: var(--color-blue-80);\n }\n .bg-blue-90 {\n background-color: var(--color-blue-90);\n }\n .bg-blue-100 {\n background-color: var(--color-blue-100);\n }\n .bg-blue-200 {\n background-color: var(--color-blue-200);\n }\n .bg-blue-300 {\n background-color: var(--color-blue-300);\n }\n .bg-blue-600 {\n background-color: var(--color-blue-600);\n }\n .bg-border {\n background-color: var(--color-border);\n }\n .bg-card {\n background-color: var(--color-card);\n }\n .bg-destructive {\n background-color: var(--color-destructive);\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-500\\/75 {\n background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);\n }\n }\n .bg-gray-900\\/80 {\n background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);\n }\n }\n .bg-green-100 {\n background-color: var(--color-green-100);\n }\n .bg-green-600 {\n background-color: var(--color-green-600);\n }\n .bg-neutral-10 {\n background-color: var(--color-neutral-10);\n }\n .bg-neutral-20 {\n background-color: var(--color-neutral-20);\n }\n .bg-neutral-30 {\n background-color: var(--color-neutral-30);\n }\n .bg-neutral-40 {\n background-color: var(--color-neutral-40);\n }\n .bg-neutral-50 {\n background-color: var(--color-neutral-50);\n }\n .bg-neutral-60 {\n background-color: var(--color-neutral-60);\n }\n .bg-neutral-70 {\n background-color: var(--color-neutral-70);\n }\n .bg-neutral-80 {\n background-color: var(--color-neutral-80);\n }\n .bg-neutral-90 {\n background-color: var(--color-neutral-90);\n }\n .bg-neutral-100 {\n background-color: var(--color-neutral-100);\n }\n .bg-neutral-950 {\n background-color: var(--color-neutral-950);\n }\n .bg-orange-10 {\n background-color: var(--color-orange-10);\n }\n .bg-orange-20 {\n background-color: var(--color-orange-20);\n }\n .bg-orange-30 {\n background-color: var(--color-orange-30);\n }\n .bg-orange-40 {\n background-color: var(--color-orange-40);\n }\n .bg-orange-50 {\n background-color: var(--color-orange-50);\n }\n .bg-orange-60 {\n background-color: var(--color-orange-60);\n }\n .bg-orange-70 {\n background-color: var(--color-orange-70);\n }\n .bg-orange-80 {\n background-color: var(--color-orange-80);\n }\n .bg-orange-90 {\n background-color: var(--color-orange-90);\n }\n .bg-orange-100 {\n background-color: var(--color-orange-100);\n }\n .bg-primary {\n background-color: var(--color-primary);\n }\n .bg-purple-600 {\n background-color: var(--color-purple-600);\n }\n .bg-red-100 {\n background-color: var(--color-red-100);\n }\n .bg-red-300 {\n background-color: var(--color-red-300);\n }\n .bg-red-600 {\n background-color: var(--color-red-600);\n }\n .bg-secondary {\n background-color: var(--color-secondary);\n }\n .bg-slate-100 {\n background-color: var(--color-slate-100);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-violet-200 {\n background-color: var(--color-violet-200);\n }\n .bg-white {\n background-color: var(--color-white);\n }\n .bg-yellow-100 {\n background-color: var(--color-yellow-100);\n }\n .bg-yellow-600 {\n background-color: var(--color-yellow-600);\n }\n .bg-yellow-900 {\n background-color: var(--color-yellow-900);\n }\n .bg-gradient-to-b {\n --tw-gradient-position: to bottom in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n .bg-none {\n background-image: none;\n }\n .from-cyan-500 {\n --tw-gradient-from: var(--color-cyan-500);\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 .to-blue-500 {\n --tw-gradient-to: var(--color-blue-500);\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 .bg-cover {\n background-size: cover;\n }\n .bg-center {\n background-position: center;\n }\n .fill-primary {\n fill: var(--color-primary);\n }\n .object-contain {\n object-fit: contain;\n }\n .object-cover {\n object-fit: cover;\n }\n .object-center {\n object-position: center;\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-2\\.5 {\n padding: calc(var(--spacing) * 2.5);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .p-7 {\n padding: calc(var(--spacing) * 7);\n }\n .p-8 {\n padding: calc(var(--spacing) * 8);\n }\n .p-10 {\n padding: calc(var(--spacing) * 10);\n }\n .p-1234 {\n padding: calc(var(--spacing) * 1234);\n }\n .p-4321 {\n padding: calc(var(--spacing) * 4321);\n }\n .p-9999 {\n padding: calc(var(--spacing) * 9999);\n }\n .p-\\[12px\\] {\n padding: 12px;\n }\n .p-\\[20px\\] {\n padding: 20px;\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-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .px-7 {\n padding-inline: calc(var(--spacing) * 7);\n }\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n .px-11 {\n padding-inline: calc(var(--spacing) * 11);\n }\n .px-20 {\n padding-inline: calc(var(--spacing) * 20);\n }\n .px-\\[10px\\] {\n padding-inline: 10px;\n }\n .px-\\[18px\\] {\n padding-inline: 18px;\n }\n .px-\\[20px\\] {\n padding-inline: 20px;\n }\n .px-\\[30px\\] {\n padding-inline: 30px;\n }\n .px-\\[40px\\] {\n padding-inline: 40px;\n }\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .py-3\\.5 {\n padding-block: calc(var(--spacing) * 3.5);\n }\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n .py-5 {\n padding-block: calc(var(--spacing) * 5);\n }\n .py-6 {\n padding-block: calc(var(--spacing) * 6);\n }\n .py-10 {\n padding-block: calc(var(--spacing) * 10);\n }\n .py-22 {\n padding-block: calc(var(--spacing) * 22);\n }\n .py-24 {\n padding-block: calc(var(--spacing) * 24);\n }\n .py-\\[20px\\] {\n padding-block: 20px;\n }\n .pt-0 {\n padding-top: calc(var(--spacing) * 0);\n }\n .pt-0\\.5 {\n padding-top: calc(var(--spacing) * 0.5);\n }\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n .pt-5 {\n padding-top: calc(var(--spacing) * 5);\n }\n .pt-6 {\n padding-top: calc(var(--spacing) * 6);\n }\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n .pt-10 {\n padding-top: calc(var(--spacing) * 10);\n }\n .pt-11 {\n padding-top: calc(var(--spacing) * 11);\n }\n .pt-16 {\n padding-top: calc(var(--spacing) * 16);\n }\n .pr-1 {\n padding-right: calc(var(--spacing) * 1);\n }\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n .pr-5 {\n padding-right: calc(var(--spacing) * 5);\n }\n .pr-8 {\n padding-right: calc(var(--spacing) * 8);\n }\n .pb-0 {\n padding-bottom: calc(var(--spacing) * 0);\n }\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n .pb-5 {\n padding-bottom: calc(var(--spacing) * 5);\n }\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n .pb-8 {\n padding-bottom: calc(var(--spacing) * 8);\n }\n .pb-15 {\n padding-bottom: calc(var(--spacing) * 15);\n }\n .pl-0 {\n padding-left: calc(var(--spacing) * 0);\n }\n .pl-1 {\n padding-left: calc(var(--spacing) * 1);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .pl-3 {\n padding-left: calc(var(--spacing) * 3);\n }\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n .pl-8 {\n padding-left: calc(var(--spacing) * 8);\n }\n .pl-11 {\n padding-left: calc(var(--spacing) * 11);\n }\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n .text-right {\n text-align: right;\n }\n .align-middle {\n vertical-align: middle;\n }\n .font-mono {\n font-family: var(--font-mono);\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--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-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-sm\\/6 {\n font-size: var(--text-sm);\n line-height: calc(var(--spacing) * 6);\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xl\\/7 {\n font-size: var(--text-xl);\n line-height: calc(var(--spacing) * 7);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-xs\\/5 {\n font-size: var(--text-xs);\n line-height: calc(var(--spacing) * 5);\n }\n .text-xs\\/6 {\n font-size: var(--text-xs);\n line-height: calc(var(--spacing) * 6);\n }\n .text-\\[0\\.8rem\\] {\n font-size: 0.8rem;\n }\n .text-\\[0\\.85em\\] {\n font-size: 0.85em;\n }\n .text-\\[12px\\] {\n font-size: 12px;\n }\n .text-\\[14px\\] {\n font-size: 14px;\n }\n .text-\\[18px\\] {\n font-size: 18px;\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-\\[1\\] {\n --tw-leading: 1;\n line-height: 1;\n }\n .leading-\\[24px\\] {\n --tw-leading: 24px;\n line-height: 24px;\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 .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\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 .tracking-tight {\n --tw-tracking: var(--tracking-tight);\n letter-spacing: var(--tracking-tight);\n }\n .text-balance {\n text-wrap: balance;\n }\n .text-pretty {\n text-wrap: pretty;\n }\n .text-wrap {\n text-wrap: wrap;\n }\n .break-words {\n overflow-wrap: break-word;\n }\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n .whitespace-normal {\n white-space: normal;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .whitespace-pre-wrap {\n white-space: pre-wrap;\n }\n .\\!text-white {\n color: var(--color-white) !important;\n }\n .text-\\[\\#666\\] {\n color: #666;\n }\n .text-\\[rgba\\(17\\,17\\,17\\,0\\.32\\)\\] {\n color: rgba(17,17,17,0.32);\n }\n .text-black {\n color: var(--color-black);\n }\n .text-blue-50 {\n color: var(--color-blue-50);\n }\n .text-blue-300 {\n color: var(--color-blue-300);\n }\n .text-blue-400 {\n color: var(--color-blue-400);\n }\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n .text-blue-700 {\n color: var(--color-blue-700);\n }\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n .text-card-foreground {\n color: var(--color-card-foreground);\n }\n .text-current {\n color: currentcolor;\n }\n .text-destructive-foreground {\n color: var(--color-destructive-foreground);\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-green-400 {\n color: var(--color-green-400);\n }\n .text-green-600 {\n color: var(--color-green-600);\n }\n .text-green-700 {\n color: var(--color-green-700);\n }\n .text-green-800 {\n color: var(--color-green-800);\n }\n .text-muted-foreground {\n color: var(--color-muted-foreground);\n }\n .text-neutral-80 {\n color: var(--color-neutral-80);\n }\n .text-neutral-100 {\n color: var(--color-neutral-100);\n }\n .text-neutral-600 {\n color: var(--color-neutral-600);\n }\n .text-neutral-950 {\n color: var(--color-neutral-950);\n }\n .text-orange-50 {\n color: var(--color-orange-50);\n }\n .text-primary {\n color: var(--color-primary);\n }\n .text-primary-foreground {\n color: var(--color-primary-foreground);\n }\n .text-purple-600 {\n color: var(--color-purple-600);\n }\n .text-red-300 {\n color: var(--color-red-300);\n }\n .text-red-400 {\n color: var(--color-red-400);\n }\n .text-red-500 {\n color: var(--color-red-500);\n }\n .text-red-600 {\n color: var(--color-red-600);\n }\n .text-red-700 {\n color: var(--color-red-700);\n }\n .text-red-800 {\n color: var(--color-red-800);\n }\n .text-red-900 {\n color: var(--color-red-900);\n }\n .text-secondary-foreground {\n color: var(--color-secondary-foreground);\n }\n .text-slate-500 {\n color: var(--color-slate-500);\n }\n .text-slate-800 {\n color: var(--color-slate-800);\n }\n .text-slate-950 {\n color: var(--color-slate-950);\n }\n .text-white {\n color: var(--color-white);\n }\n .text-yellow-400 {\n color: var(--color-yellow-400);\n }\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n .text-yellow-700 {\n color: var(--color-yellow-700);\n }\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n .text-yellow-900 {\n color: var(--color-yellow-900);\n }\n .capitalize {\n text-transform: capitalize;\n }\n .lowercase {\n text-transform: lowercase;\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\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 .line-through {\n text-decoration-line: line-through;\n }\n .no-underline {\n text-decoration-line: none;\n }\n .underline {\n text-decoration-line: underline;\n }\n .decoration-solid {\n text-decoration-style: solid;\n }\n .underline-offset-4 {\n text-underline-offset: 4px;\n }\n .caret-red-600 {\n caret-color: var(--color-red-600);\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .opacity-70 {\n opacity: 70%;\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\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)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\] {\n --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-\\[0_3px_10px_rgba\\(0\\,0\\,0\\,0\\.14\\)\\] {\n --tw-shadow: 0 3px 10px var(--tw-shadow-color, rgba(0,0,0,0.14));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-sm {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-xs {\n --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring-gray-300 {\n --tw-ring-color: var(--color-gray-300);\n }\n .ring-gray-900\\/10 {\n --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);\n }\n }\n .ring-sidebar-ring {\n --tw-ring-color: var(--color-sidebar-ring);\n }\n .ring-offset-background {\n --tw-ring-offset-color: var(--color-background);\n }\n .outline-hidden {\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .outline-1 {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .-outline-offset-1 {\n outline-offset: calc(1px * -1);\n }\n .outline-gray-300 {\n outline-color: var(--color-gray-300);\n }\n .outline-red-300 {\n outline-color: var(--color-red-300);\n }\n .blur {\n --tw-blur: blur(8px);\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 .drop-shadow-md {\n --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));\n --tw-drop-shadow: drop-shadow(var(--drop-shadow-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 .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 .\\!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,) !important;\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 .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,) !important;\n }\n .backdrop-filter {\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n }\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, 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-\\[color\\,box-shadow\\] {\n transition-property: color,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-\\[left\\,right\\,width\\] {\n transition-property: left,right,width;\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-\\[margin\\,opacity\\] {\n transition-property: margin,opacity;\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-\\[width\\,height\\,padding\\] {\n transition-property: width,height,padding;\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-\\[width\\] {\n transition-property: width;\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-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\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-opacity {\n transition-property: opacity;\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: transform, translate, scale, 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 .duration-100 {\n --tw-duration: 100ms;\n transition-duration: 100ms;\n }\n .duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\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 .ease-in {\n --tw-ease: var(--ease-in);\n transition-timing-function: var(--ease-in);\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n .ease-linear {\n --tw-ease: linear;\n transition-timing-function: linear;\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .\\[-ms-overflow-style\\:none\\] {\n -ms-overflow-style: none;\n }\n .\\[-webkit-overflow-scrolling\\:touch\\] {\n -webkit-overflow-scrolling: touch;\n }\n .\\[scrollbar-width\\:none\\] {\n scrollbar-width: none;\n }\n .ring-inset {\n --tw-ring-inset: inset;\n }\n .group-focus-within\\/menu-item\\:opacity-100 {\n &:is(:where(.group\\/menu-item):focus-within *) {\n opacity: 100%;\n }\n }\n .group-hover\\:text-blue-600 {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n color: var(--color-blue-600);\n }\n }\n }\n .group-hover\\/menu-item\\:opacity-100 {\n &:is(:where(.group\\/menu-item):hover *) {\n @media (hover: hover) {\n opacity: 100%;\n }\n }\n }\n .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8 {\n &:is(:where(.group\\/menu-item):has(*[data-sidebar=\"menu-action\"]) *) {\n padding-right: calc(var(--spacing) * 8);\n }\n }\n .group-data-\\[checked\\]\\:translate-x-5 {\n &:is(:where(.group)[data-checked] *) {\n --tw-translate-x: calc(var(--spacing) * 5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .group-data-\\[checked\\]\\:opacity-0 {\n &:is(:where(.group)[data-checked] *) {\n opacity: 0%;\n }\n }\n .group-data-\\[checked\\]\\:opacity-100 {\n &:is(:where(.group)[data-checked] *) {\n opacity: 100%;\n }\n }\n .group-data-\\[checked\\]\\:duration-100 {\n &:is(:where(.group)[data-checked] *) {\n --tw-duration: 100ms;\n transition-duration: 100ms;\n }\n }\n .group-data-\\[checked\\]\\:duration-200 {\n &:is(:where(.group)[data-checked] *) {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .group-data-\\[checked\\]\\:ease-in {\n &:is(:where(.group)[data-checked] *) {\n --tw-ease: var(--ease-in);\n transition-timing-function: var(--ease-in);\n }\n }\n .group-data-\\[checked\\]\\:ease-out {\n &:is(:where(.group)[data-checked] *) {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:-mt-8 {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n margin-top: calc(var(--spacing) * -8);\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:hidden {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n display: none;\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:size-8\\! {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--spacing) * 8) !important;\n height: calc(var(--spacing) * 8) !important;\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\) {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: var(--sidebar-width-icon);\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\)\\] {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\+2px\\)\\] {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n overflow: hidden;\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:p-0\\! {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n padding: calc(var(--spacing) * 0) !important;\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:p-2\\! {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n padding: calc(var(--spacing) * 2) !important;\n }\n }\n .group-data-\\[collapsible\\=icon\\]\\:opacity-0 {\n &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n opacity: 0%;\n }\n }\n .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n right: calc(var(--sidebar-width) * -1);\n }\n }\n .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n left: calc(var(--sidebar-width) * -1);\n }\n }\n .group-data-\\[collapsible\\=offcanvas\\]\\:w-0 {\n &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n width: calc(var(--spacing) * 0);\n }\n }\n .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0 {\n &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .group-data-\\[side\\=left\\]\\:-right-4 {\n &:is(:where(.group)[data-side=\"left\"] *) {\n right: calc(var(--spacing) * -4);\n }\n }\n .group-data-\\[side\\=left\\]\\:border-r {\n &:is(:where(.group)[data-side=\"left\"] *) {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n }\n .group-data-\\[side\\=right\\]\\:left-0 {\n &:is(:where(.group)[data-side=\"right\"] *) {\n left: calc(var(--spacing) * 0);\n }\n }\n .group-data-\\[side\\=right\\]\\:rotate-180 {\n &:is(:where(.group)[data-side=\"right\"] *) {\n rotate: 180deg;\n }\n }\n .group-data-\\[side\\=right\\]\\:border-l {\n &:is(:where(.group)[data-side=\"right\"] *) {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n }\n .group-data-\\[variant\\=floating\\]\\:rounded-lg {\n &:is(:where(.group)[data-variant=\"floating\"] *) {\n border-radius: var(--radius-lg);\n }\n }\n .group-data-\\[variant\\=floating\\]\\:border {\n &:is(:where(.group)[data-variant=\"floating\"] *) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n }\n .group-data-\\[variant\\=floating\\]\\:shadow-sm {\n &:is(:where(.group)[data-variant=\"floating\"] *) {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .peer-disabled\\:cursor-not-allowed {\n &:is(:where(.peer):disabled ~ *) {\n cursor: not-allowed;\n }\n }\n .peer-disabled\\:opacity-70 {\n &:is(:where(.peer):disabled ~ *) {\n opacity: 70%;\n }\n }\n .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5 {\n &:is(:where(.peer\\/menu-button)[data-size=\"default\"] ~ *) {\n top: calc(var(--spacing) * 1.5);\n }\n }\n .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5 {\n &:is(:where(.peer\\/menu-button)[data-size=\"lg\"] ~ *) {\n top: calc(var(--spacing) * 2.5);\n }\n }\n .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1 {\n &:is(:where(.peer\\/menu-button)[data-size=\"sm\"] ~ *) {\n top: calc(var(--spacing) * 1);\n }\n }\n .file\\:border-0 {\n &::file-selector-button {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n }\n .file\\:bg-transparent {\n &::file-selector-button {\n background-color: transparent;\n }\n }\n .file\\:text-sm {\n &::file-selector-button {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n }\n .file\\:font-medium {\n &::file-selector-button {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n }\n .placeholder\\:text-gray-400 {\n &::placeholder {\n color: var(--color-gray-400);\n }\n }\n .placeholder\\:text-muted-foreground {\n &::placeholder {\n color: var(--color-muted-foreground);\n }\n }\n .placeholder\\:text-red-300 {\n &::placeholder {\n color: var(--color-red-300);\n }\n }\n .after\\:absolute {\n &::after {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .after\\:-inset-2 {\n &::after {\n content: var(--tw-content);\n inset: calc(var(--spacing) * -2);\n }\n }\n .after\\:inset-y-0 {\n &::after {\n content: var(--tw-content);\n inset-block: calc(var(--spacing) * 0);\n }\n }\n .after\\:left-1\\/2 {\n &::after {\n content: var(--tw-content);\n left: calc(1/2 * 100%);\n }\n }\n .after\\:w-\\[2px\\] {\n &::after {\n content: var(--tw-content);\n width: 2px;\n }\n }\n .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full {\n &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n &::after {\n content: var(--tw-content);\n left: 100%;\n }\n }\n }\n .last\\:border-b-0 {\n &:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n }\n .focus-within\\:relative {\n &:focus-within {\n position: relative;\n }\n }\n .focus-within\\:ring-2 {\n &:focus-within {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-within\\:ring-blue-600 {\n &:focus-within {\n --tw-ring-color: var(--color-blue-600);\n }\n }\n .focus-within\\:ring-offset-2 {\n &:focus-within {\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 }\n .focus-within\\:outline-none {\n &:focus-within {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .hover\\:cursor-pointer {\n &:hover {\n @media (hover: hover) {\n cursor: pointer;\n }\n }\n }\n .hover\\:border-blue-600 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-blue-600);\n }\n }\n }\n .hover\\:border-gray-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-gray-400);\n }\n }\n }\n .hover\\:border-red-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-red-300);\n }\n }\n }\n .hover\\:\\!bg-\\[\\#12478a\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #12478a !important;\n }\n }\n }\n .hover\\:\\!bg-\\[\\#af543d\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #af543d !important;\n }\n }\n }\n .hover\\:bg-accent {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-accent);\n }\n }\n }\n .hover\\:bg-accent\\/50 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #f4f4f5 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n }\n }\n }\n }\n .hover\\:bg-blue-100 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-100);\n }\n }\n }\n .hover\\:bg-blue-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-200);\n }\n }\n }\n .hover\\:bg-blue-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-500);\n }\n }\n }\n .hover\\:bg-blue-700 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-700);\n }\n }\n }\n .hover\\:bg-destructive\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #dc2626 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);\n }\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-100 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-100);\n }\n }\n }\n .hover\\:bg-gray-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-200);\n }\n }\n }\n .hover\\:bg-primary\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #18181b 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);\n }\n }\n }\n }\n .hover\\:bg-red-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-red-50);\n }\n }\n }\n .hover\\:bg-red-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-red-200);\n }\n }\n }\n .hover\\:bg-red-700 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-red-700);\n }\n }\n }\n .hover\\:bg-secondary\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #f4f4f5 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n }\n }\n }\n }\n .hover\\:text-accent-foreground {\n &:hover {\n @media (hover: hover) {\n color: var(--color-accent-foreground);\n }\n }\n }\n .hover\\:text-black {\n &:hover {\n @media (hover: hover) {\n color: var(--color-black);\n }\n }\n }\n .hover\\:text-blue-500 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-blue-500);\n }\n }\n }\n .hover\\:text-blue-600 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-blue-600);\n }\n }\n }\n .hover\\:text-blue-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-blue-900);\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-gray-700 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-700);\n }\n }\n }\n .hover\\:text-gray-800 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-800);\n }\n }\n }\n .hover\\:text-green-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-green-900);\n }\n }\n }\n .hover\\:text-red-800 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-red-800);\n }\n }\n }\n .hover\\:text-red-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-red-900);\n }\n }\n }\n .hover\\:text-yellow-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-yellow-900);\n }\n }\n }\n .hover\\:no-underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: none;\n }\n }\n }\n .hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n }\n .hover\\:opacity-90 {\n &:hover {\n @media (hover: hover) {\n opacity: 90%;\n }\n }\n }\n .hover\\:opacity-100 {\n &:hover {\n @media (hover: hover) {\n opacity: 100%;\n }\n }\n }\n .hover\\:shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-accent\\)\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .focus\\:relative {\n &:focus {\n position: relative;\n }\n }\n .focus\\:z-10 {\n &:focus {\n z-index: 10;\n }\n }\n .focus\\:z-20 {\n &:focus {\n z-index: 20;\n }\n }\n .focus\\:ring-2 {\n &:focus {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-blue-500 {\n &:focus {\n --tw-ring-color: var(--color-blue-500);\n }\n }\n .focus\\:ring-blue-600 {\n &:focus {\n --tw-ring-color: var(--color-blue-600);\n }\n }\n .focus\\:ring-red-500 {\n &:focus {\n --tw-ring-color: var(--color-red-500);\n }\n }\n .focus\\:ring-offset-2 {\n &:focus {\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 }\n .focus\\:outline-hidden {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n }\n .focus\\:outline-2 {\n &:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n }\n .focus\\:-outline-offset-2 {\n &:focus {\n outline-offset: calc(2px * -1);\n }\n }\n .focus\\:outline-offset-0 {\n &:focus {\n outline-offset: 0px;\n }\n }\n .focus\\:outline-blue-600 {\n &:focus {\n outline-color: var(--color-blue-600);\n }\n }\n .focus\\:outline-red-600 {\n &:focus {\n outline-color: var(--color-red-600);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus-visible\\:border-red-300 {\n &:focus-visible {\n border-color: var(--color-red-300);\n }\n }\n .focus-visible\\:ring-1 {\n &:focus-visible {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:ring-2 {\n &:focus-visible {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:ring-\\[3px\\] {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:ring-destructive\\/20 {\n &:focus-visible {\n --tw-ring-color: color-mix(in srgb, #dc2626 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n }\n }\n }\n .focus-visible\\:ring-red-300 {\n &:focus-visible {\n --tw-ring-color: var(--color-red-300);\n }\n }\n .focus-visible\\:outline {\n &:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n }\n .focus-visible\\:outline-2 {\n &:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n }\n .focus-visible\\:outline-offset-2 {\n &:focus-visible {\n outline-offset: 2px;\n }\n }\n .focus-visible\\:outline-blue-600 {\n &:focus-visible {\n outline-color: var(--color-blue-600);\n }\n }\n .focus-visible\\:outline-none {\n &:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .active\\:bg-gray-200 {\n &:active {\n background-color: var(--color-gray-200);\n }\n }\n .disabled\\:pointer-events-none {\n &:disabled {\n pointer-events: none;\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .disabled\\:bg-gray-50 {\n &:disabled {\n background-color: var(--color-gray-50);\n }\n }\n .disabled\\:text-gray-500 {\n &:disabled {\n color: var(--color-gray-500);\n }\n }\n .disabled\\:opacity-50 {\n &:disabled {\n opacity: 50%;\n }\n }\n .disabled\\:outline-gray-200 {\n &:disabled {\n outline-color: var(--color-gray-200);\n }\n }\n .in-data-\\[side\\=left\\]\\:cursor-w-resize {\n :where(*[data-side=\"left\"]) & {\n cursor: w-resize;\n }\n }\n .in-data-\\[side\\=right\\]\\:cursor-e-resize {\n :where(*[data-side=\"right\"]) & {\n cursor: e-resize;\n }\n }\n .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\] {\n &:has(*[data-slot=\"card-action\"]) {\n grid-template-columns: 1fr auto;\n }\n }\n .has-\\[\\[aria-checked\\=true\\]\\]\\:border-blue-600 {\n &:has(*:is([aria-checked=true])) {\n border-color: var(--color-blue-600);\n }\n }\n .has-\\[\\[aria-checked\\=true\\]\\]\\:bg-blue-50 {\n &:has(*:is([aria-checked=true])) {\n background-color: var(--color-blue-50);\n }\n }\n .has-\\[\\>svg\\]\\:px-2\\.5 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n }\n .has-\\[\\>svg\\]\\:px-3 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 3);\n }\n }\n .has-\\[\\>svg\\]\\:px-4 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 4);\n }\n }\n .aria-disabled\\:pointer-events-none {\n &[aria-disabled=\"true\"] {\n pointer-events: none;\n }\n }\n .aria-disabled\\:opacity-50 {\n &[aria-disabled=\"true\"] {\n opacity: 50%;\n }\n }\n .aria-invalid\\:border-destructive {\n &[aria-invalid=\"true\"] {\n border-color: var(--color-destructive);\n }\n }\n .aria-invalid\\:ring-destructive\\/20 {\n &[aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in srgb, #dc2626 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n }\n }\n }\n .data-\\[active\\=true\\]\\:font-medium {\n &[data-active=\"true\"] {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n }\n .data-\\[checked\\]\\:bg-blue-600 {\n &[data-checked] {\n background-color: var(--color-blue-600);\n }\n }\n .data-\\[closed\\]\\:-translate-x-full {\n &[data-closed] {\n --tw-translate-x: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .data-\\[closed\\]\\:translate-y-4 {\n &[data-closed] {\n --tw-translate-y: calc(var(--spacing) * 4);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .data-\\[closed\\]\\:opacity-0 {\n &[data-closed] {\n opacity: 0%;\n }\n }\n .data-\\[enter\\]\\:duration-300 {\n &[data-enter] {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n }\n .data-\\[enter\\]\\:ease-out {\n &[data-enter] {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n }\n .data-\\[leave\\]\\:duration-200 {\n &[data-leave] {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n }\n .data-\\[leave\\]\\:ease-in {\n &[data-leave] {\n --tw-ease: var(--ease-in);\n transition-timing-function: var(--ease-in);\n }\n }\n .data-\\[orientation\\=horizontal\\]\\:h-px {\n &[data-orientation=\"horizontal\"] {\n height: 1px;\n }\n }\n .data-\\[orientation\\=horizontal\\]\\:w-full {\n &[data-orientation=\"horizontal\"] {\n width: 100%;\n }\n }\n .data-\\[orientation\\=vertical\\]\\:h-full {\n &[data-orientation=\"vertical\"] {\n height: 100%;\n }\n }\n .data-\\[orientation\\=vertical\\]\\:w-px {\n &[data-orientation=\"vertical\"] {\n width: 1px;\n }\n }\n .data-\\[state\\=checked\\]\\:border-blue-600 {\n &[data-state=\"checked\"] {\n border-color: var(--color-blue-600);\n }\n }\n .data-\\[state\\=checked\\]\\:border-primary {\n &[data-state=\"checked\"] {\n border-color: var(--color-primary);\n }\n }\n .data-\\[state\\=checked\\]\\:bg-blue-600 {\n &[data-state=\"checked\"] {\n background-color: var(--color-blue-600);\n }\n }\n .data-\\[state\\=checked\\]\\:bg-primary {\n &[data-state=\"checked\"] {\n background-color: var(--color-primary);\n }\n }\n .data-\\[state\\=checked\\]\\:text-primary-foreground {\n &[data-state=\"checked\"] {\n color: var(--color-primary-foreground);\n }\n }\n .data-\\[state\\=checked\\]\\:text-white {\n &[data-state=\"checked\"] {\n color: var(--color-white);\n }\n }\n .data-\\[state\\=closed\\]\\:duration-300 {\n &[data-state=\"closed\"] {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n }\n .data-\\[state\\=open\\]\\:bg-accent {\n &[data-state=\"open\"] {\n background-color: var(--color-accent);\n }\n }\n .data-\\[state\\=open\\]\\:bg-secondary {\n &[data-state=\"open\"] {\n background-color: var(--color-secondary);\n }\n }\n .data-\\[state\\=open\\]\\:text-muted-foreground {\n &[data-state=\"open\"] {\n color: var(--color-muted-foreground);\n }\n }\n .data-\\[state\\=open\\]\\:opacity-100 {\n &[data-state=\"open\"] {\n opacity: 100%;\n }\n }\n .data-\\[state\\=open\\]\\:duration-500 {\n &[data-state=\"open\"] {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n }\n .sm\\:col-span-2 {\n @media (width >= 40rem) {\n grid-column: span 2 / span 2;\n }\n }\n .sm\\:col-span-3 {\n @media (width >= 40rem) {\n grid-column: span 3 / span 3;\n }\n }\n .sm\\:-mx-6 {\n @media (width >= 40rem) {\n margin-inline: calc(var(--spacing) * -6);\n }\n }\n .sm\\:mx-0 {\n @media (width >= 40rem) {\n margin-inline: calc(var(--spacing) * 0);\n }\n }\n .sm\\:my-8 {\n @media (width >= 40rem) {\n margin-block: calc(var(--spacing) * 8);\n }\n }\n .sm\\:mt-0 {\n @media (width >= 40rem) {\n margin-top: calc(var(--spacing) * 0);\n }\n }\n .sm\\:mt-4 {\n @media (width >= 40rem) {\n margin-top: calc(var(--spacing) * 4);\n }\n }\n .sm\\:mt-10 {\n @media (width >= 40rem) {\n margin-top: calc(var(--spacing) * 10);\n }\n }\n .sm\\:mb-1 {\n @media (width >= 40rem) {\n margin-bottom: calc(var(--spacing) * 1);\n }\n }\n .sm\\:ml-4 {\n @media (width >= 40rem) {\n margin-left: calc(var(--spacing) * 4);\n }\n }\n .sm\\:ml-8 {\n @media (width >= 40rem) {\n margin-left: calc(var(--spacing) * 8);\n }\n }\n .sm\\:block {\n @media (width >= 40rem) {\n display: block;\n }\n }\n .sm\\:flex {\n @media (width >= 40rem) {\n display: flex;\n }\n }\n .sm\\:grid {\n @media (width >= 40rem) {\n display: grid;\n }\n }\n .sm\\:hidden {\n @media (width >= 40rem) {\n display: none;\n }\n }\n .sm\\:size-4 {\n @media (width >= 40rem) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .sm\\:size-10 {\n @media (width >= 40rem) {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n }\n .sm\\:w-full {\n @media (width >= 40rem) {\n width: 100%;\n }\n }\n .sm\\:max-w-lg {\n @media (width >= 40rem) {\n max-width: var(--container-lg);\n }\n }\n .sm\\:max-w-sm {\n @media (width >= 40rem) {\n max-width: var(--container-sm);\n }\n }\n .sm\\:grid-cols-3 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n .sm\\:grid-cols-6 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n }\n .sm\\:flex-row {\n @media (width >= 40rem) {\n flex-direction: row;\n }\n }\n .sm\\:flex-row-reverse {\n @media (width >= 40rem) {\n flex-direction: row-reverse;\n }\n }\n .sm\\:items-center {\n @media (width >= 40rem) {\n align-items: center;\n }\n }\n .sm\\:items-start {\n @media (width >= 40rem) {\n align-items: flex-start;\n }\n }\n .sm\\:justify-end {\n @media (width >= 40rem) {\n justify-content: flex-end;\n }\n }\n .sm\\:gap-4 {\n @media (width >= 40rem) {\n gap: calc(var(--spacing) * 4);\n }\n }\n .sm\\:truncate {\n @media (width >= 40rem) {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n .sm\\:rounded-lg {\n @media (width >= 40rem) {\n border-radius: var(--radius-lg);\n }\n }\n .sm\\:p-0 {\n @media (width >= 40rem) {\n padding: calc(var(--spacing) * 0);\n }\n }\n .sm\\:p-6 {\n @media (width >= 40rem) {\n padding: calc(var(--spacing) * 6);\n }\n }\n .sm\\:px-0 {\n @media (width >= 40rem) {\n padding-inline: calc(var(--spacing) * 0);\n }\n }\n .sm\\:px-6 {\n @media (width >= 40rem) {\n padding-inline: calc(var(--spacing) * 6);\n }\n }\n .sm\\:px-8 {\n @media (width >= 40rem) {\n padding-inline: calc(var(--spacing) * 8);\n }\n }\n .sm\\:py-4 {\n @media (width >= 40rem) {\n padding-block: calc(var(--spacing) * 4);\n }\n }\n .sm\\:py-32 {\n @media (width >= 40rem) {\n padding-block: calc(var(--spacing) * 32);\n }\n }\n .sm\\:pr-0 {\n @media (width >= 40rem) {\n padding-right: calc(var(--spacing) * 0);\n }\n }\n .sm\\:pl-0 {\n @media (width >= 40rem) {\n padding-left: calc(var(--spacing) * 0);\n }\n }\n .sm\\:text-left {\n @media (width >= 40rem) {\n text-align: left;\n }\n }\n .sm\\:text-2xl {\n @media (width >= 40rem) {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n }\n .sm\\:text-7xl {\n @media (width >= 40rem) {\n font-size: var(--text-7xl);\n line-height: var(--tw-leading, var(--text-7xl--line-height));\n }\n }\n .sm\\:text-sm\\/6 {\n @media (width >= 40rem) {\n font-size: var(--text-sm);\n line-height: calc(var(--spacing) * 6);\n }\n }\n .sm\\:text-xl {\n @media (width >= 40rem) {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n }\n .sm\\:text-xl\\/8 {\n @media (width >= 40rem) {\n font-size: var(--text-xl);\n line-height: calc(var(--spacing) * 8);\n }\n }\n .sm\\:tracking-tight {\n @media (width >= 40rem) {\n --tw-tracking: var(--tracking-tight);\n letter-spacing: var(--tracking-tight);\n }\n }\n .data-\\[closed\\]\\:sm\\:translate-y-0 {\n &[data-closed] {\n @media (width >= 40rem) {\n --tw-translate-y: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n }\n .data-\\[closed\\]\\:sm\\:scale-95 {\n &[data-closed] {\n @media (width >= 40rem) {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n }\n .md\\:ml-12 {\n @media (width >= 48rem) {\n margin-left: calc(var(--spacing) * 12);\n }\n }\n .md\\:block {\n @media (width >= 48rem) {\n display: block;\n }\n }\n .md\\:flex {\n @media (width >= 48rem) {\n display: flex;\n }\n }\n .md\\:hidden {\n @media (width >= 48rem) {\n display: none;\n }\n }\n .md\\:flex-1 {\n @media (width >= 48rem) {\n flex: 1;\n }\n }\n .md\\:items-center {\n @media (width >= 48rem) {\n align-items: center;\n }\n }\n .md\\:justify-between {\n @media (width >= 48rem) {\n justify-content: space-between;\n }\n }\n .md\\:text-sm {\n @media (width >= 48rem) {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n }\n .md\\:opacity-0 {\n @media (width >= 48rem) {\n opacity: 0%;\n }\n }\n .md\\:peer-data-\\[variant\\=inset\\]\\:m-2 {\n @media (width >= 48rem) {\n &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n margin: calc(var(--spacing) * 2);\n }\n }\n }\n .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0 {\n @media (width >= 48rem) {\n &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n margin-left: calc(var(--spacing) * 0);\n }\n }\n }\n .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl {\n @media (width >= 48rem) {\n &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n border-radius: var(--radius-xl);\n }\n }\n }\n .md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm {\n @media (width >= 48rem) {\n &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ml-2 {\n @media (width >= 48rem) {\n &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n &:is(:where(.peer)[data-state=\"collapsed\"] ~ *) {\n margin-left: calc(var(--spacing) * 2);\n }\n }\n }\n }\n .md\\:after\\:hidden {\n @media (width >= 48rem) {\n &::after {\n content: var(--tw-content);\n display: none;\n }\n }\n }\n .lg\\:fixed {\n @media (width >= 64rem) {\n position: fixed;\n }\n }\n .lg\\:inset-y-0 {\n @media (width >= 64rem) {\n inset-block: calc(var(--spacing) * 0);\n }\n }\n .lg\\:z-50 {\n @media (width >= 64rem) {\n z-index: 50;\n }\n }\n .lg\\:-mx-8 {\n @media (width >= 64rem) {\n margin-inline: calc(var(--spacing) * -8);\n }\n }\n .lg\\:ml-16 {\n @media (width >= 64rem) {\n margin-left: calc(var(--spacing) * 16);\n }\n }\n .lg\\:flex {\n @media (width >= 64rem) {\n display: flex;\n }\n }\n .lg\\:hidden {\n @media (width >= 64rem) {\n display: none;\n }\n }\n .lg\\:w-72 {\n @media (width >= 64rem) {\n width: calc(var(--spacing) * 72);\n }\n }\n .lg\\:w-full {\n @media (width >= 64rem) {\n width: 100%;\n }\n }\n .lg\\:grid-cols-3 {\n @media (width >= 64rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n .lg\\:flex-col {\n @media (width >= 64rem) {\n flex-direction: column;\n }\n }\n .lg\\:justify-between {\n @media (width >= 64rem) {\n justify-content: space-between;\n }\n }\n .lg\\:justify-end {\n @media (width >= 64rem) {\n justify-content: flex-end;\n }\n }\n .lg\\:px-8 {\n @media (width >= 64rem) {\n padding-inline: calc(var(--spacing) * 8);\n }\n }\n .lg\\:pl-72 {\n @media (width >= 64rem) {\n padding-left: calc(var(--spacing) * 72);\n }\n }\n .xl\\:ml-20 {\n @media (width >= 80rem) {\n margin-left: calc(var(--spacing) * 20);\n }\n }\n .xl\\:gap-x-8 {\n @media (width >= 80rem) {\n column-gap: calc(var(--spacing) * 8);\n }\n }\n .\\32 xl\\:ml-24 {\n @media (width >= 96rem) {\n margin-left: calc(var(--spacing) * 24);\n }\n }\n .\\@max-md\\:hidden {\n @container (width < 28rem) {\n display: none;\n }\n }\n .\\@max-md\\:grid-cols-1 {\n @container (width < 28rem) {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n }\n .dark\\:border-input {\n @media (prefers-color-scheme: dark) {\n border-color: var(--color-input);\n }\n }\n .dark\\:bg-destructive\\/60 {\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #dc2626 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent);\n }\n }\n }\n .dark\\:bg-input\\/30 {\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #e4e4e7 30%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-input) 30%, transparent);\n }\n }\n }\n .dark\\:hover\\:bg-accent\\/50 {\n @media (prefers-color-scheme: dark) {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #f4f4f5 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n }\n }\n }\n }\n }\n .dark\\:hover\\:bg-input\\/50 {\n @media (prefers-color-scheme: dark) {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #e4e4e7 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-input) 50%, transparent);\n }\n }\n }\n }\n }\n .dark\\:focus-visible\\:ring-destructive\\/40 {\n @media (prefers-color-scheme: dark) {\n &:focus-visible {\n --tw-ring-color: color-mix(in srgb, #dc2626 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n }\n }\n }\n }\n .dark\\:has-\\[\\[aria-checked\\=true\\]\\]\\:border-blue-900 {\n @media (prefers-color-scheme: dark) {\n &:has(*:is([aria-checked=true])) {\n border-color: var(--color-blue-900);\n }\n }\n }\n .dark\\:has-\\[\\[aria-checked\\=true\\]\\]\\:bg-blue-950 {\n @media (prefers-color-scheme: dark) {\n &:has(*:is([aria-checked=true])) {\n background-color: var(--color-blue-950);\n }\n }\n }\n .dark\\:aria-invalid\\:ring-destructive\\/40 {\n @media (prefers-color-scheme: dark) {\n &[aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in srgb, #dc2626 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n }\n }\n }\n }\n .dark\\:data-\\[state\\=checked\\]\\:border-blue-700 {\n @media (prefers-color-scheme: dark) {\n &[data-state=\"checked\"] {\n border-color: var(--color-blue-700);\n }\n }\n }\n .dark\\:data-\\[state\\=checked\\]\\:bg-blue-700 {\n @media (prefers-color-scheme: dark) {\n &[data-state=\"checked\"] {\n background-color: var(--color-blue-700);\n }\n }\n }\n .dark\\:data-\\[state\\=checked\\]\\:bg-primary {\n @media (prefers-color-scheme: dark) {\n &[data-state=\"checked\"] {\n background-color: var(--color-primary);\n }\n }\n }\n .\\[\\&_svg\\]\\:pointer-events-none {\n & svg {\n pointer-events: none;\n }\n }\n .\\[\\&_svg\\]\\:size-4 {\n & svg {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&_svg\\]\\:shrink-0 {\n & svg {\n flex-shrink: 0;\n }\n }\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n & svg:not([class*='size-']) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden {\n &::-webkit-scrollbar {\n display: none;\n }\n }\n .\\[\\.border-b\\]\\:pb-6 {\n &:is(.border-b) {\n padding-bottom: calc(var(--spacing) * 6);\n }\n }\n .\\[\\.border-t\\]\\:pt-6 {\n &:is(.border-t) {\n padding-top: calc(var(--spacing) * 6);\n }\n }\n .\\[\\&\\>button\\]\\:hidden {\n &>button {\n display: none;\n }\n }\n .\\[\\&\\>span\\:last-child\\]\\:truncate {\n &>span:last-child {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n .\\[\\&\\>svg\\]\\:pointer-events-none {\n &>svg {\n pointer-events: none;\n }\n }\n .\\[\\&\\>svg\\]\\:size-3 {\n &>svg {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n }\n .\\[\\&\\>svg\\]\\:size-4 {\n &>svg {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\>svg\\]\\:shrink-0 {\n &>svg {\n flex-shrink: 0;\n }\n }\n .\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180 {\n &[data-state=open]>svg {\n rotate: 180deg;\n }\n }\n .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 {\n [data-side=left][data-collapsible=offcanvas] & {\n right: calc(var(--spacing) * -2);\n }\n }\n .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize {\n [data-side=left][data-state=collapsed] & {\n cursor: e-resize;\n }\n }\n .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 {\n [data-side=right][data-collapsible=offcanvas] & {\n left: calc(var(--spacing) * -2);\n }\n }\n .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize {\n [data-side=right][data-state=collapsed] & {\n cursor: w-resize;\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-accent {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-accent);\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-destructive\\/90 {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #dc2626 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);\n }\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-primary\\/90 {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #18181b 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);\n }\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-secondary\\/90 {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #f4f4f5 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent);\n }\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:text-accent-foreground {\n a& {\n &:hover {\n @media (hover: hover) {\n color: var(--color-accent-foreground);\n }\n }\n }\n }\n}\n@layer base {\n :root,\n :host {\n font-family: 'Inter', sans-serif;\n }\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-scroll-snap-strictness {\n syntax: \"*\";\n inherits: false;\n initial-value: proximity;\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-x-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ordinal {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-slashed-zero {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-figure {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-spacing {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-fraction {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ease {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-content {\n syntax: \"*\";\n initial-value: \"\";\n inherits: false;\n}\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\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 *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\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-scroll-snap-strictness: proximity;\n --tw-space-y-reverse: 0;\n --tw-space-x-reverse: 0;\n --tw-divide-y-reverse: 0;\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-tracking: 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-content: \"\";\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n }\n }\n}\n";
|
|
2205
2214
|
|
|
2206
2215
|
const stylesheet = new CSSStyleSheet();
|
|
2207
2216
|
stylesheet.replaceSync(css_248z);
|
|
@@ -5923,8 +5932,8 @@ if (!customElements.get('bt-card-wrapper')) {
|
|
|
5923
5932
|
}
|
|
5924
5933
|
|
|
5925
5934
|
var _ProductItem_sheet;
|
|
5926
|
-
const TWLitElement$
|
|
5927
|
-
class ProductItem extends TWLitElement$
|
|
5935
|
+
const TWLitElement$4 = TW(i$1);
|
|
5936
|
+
class ProductItem extends TWLitElement$4 {
|
|
5928
5937
|
constructor() {
|
|
5929
5938
|
super(...arguments);
|
|
5930
5939
|
_ProductItem_sheet.set(this, null);
|
|
@@ -8744,7 +8753,8 @@ const chatSectionStyles = i$4 `
|
|
|
8744
8753
|
.prompt {
|
|
8745
8754
|
padding: 8px 12px;
|
|
8746
8755
|
border-radius: 6px;
|
|
8747
|
-
border:
|
|
8756
|
+
border: 1.5px solid #d1d5db;
|
|
8757
|
+
background: #e5e7eb;
|
|
8748
8758
|
text-decoration: none;
|
|
8749
8759
|
white-space: nowrap;
|
|
8750
8760
|
display: inline-flex;
|
|
@@ -8755,13 +8765,18 @@ const chatSectionStyles = i$4 `
|
|
|
8755
8765
|
font-size: 14px;
|
|
8756
8766
|
font-weight: 500;
|
|
8757
8767
|
line-height: 20px;
|
|
8768
|
+
transition: background-color 0.2s ease, border-color 0.2s ease;
|
|
8758
8769
|
|
|
8759
8770
|
&:hover {
|
|
8760
|
-
opacity: 0.
|
|
8771
|
+
opacity: 0.9;
|
|
8772
|
+
background: #d1d5db;
|
|
8773
|
+
border-color: #9ca3af;
|
|
8761
8774
|
}
|
|
8762
8775
|
|
|
8763
8776
|
&:active {
|
|
8764
8777
|
opacity: 1;
|
|
8778
|
+
background: #9ca3af;
|
|
8779
|
+
border-color: #6b7280;
|
|
8765
8780
|
}
|
|
8766
8781
|
}
|
|
8767
8782
|
|
|
@@ -9152,13 +9167,64 @@ if (!customElements.get('confirm-dialog')) {
|
|
|
9152
9167
|
customElements.define('confirm-dialog', ConfirmDialog);
|
|
9153
9168
|
}
|
|
9154
9169
|
|
|
9170
|
+
const chatbotIconStyles = i$4 `
|
|
9171
|
+
@keyframes scaleIn {
|
|
9172
|
+
0% {
|
|
9173
|
+
transform: scale(0.05);
|
|
9174
|
+
opacity: 0;
|
|
9175
|
+
}
|
|
9176
|
+
50% {
|
|
9177
|
+
transform: scale(1.1);
|
|
9178
|
+
opacity: 0.8;
|
|
9179
|
+
}
|
|
9180
|
+
100% {
|
|
9181
|
+
transform: scale(1);
|
|
9182
|
+
opacity: 1;
|
|
9183
|
+
}
|
|
9184
|
+
}
|
|
9185
|
+
|
|
9186
|
+
.chatbot-icon {
|
|
9187
|
+
border: none;
|
|
9188
|
+
cursor: pointer;
|
|
9189
|
+
display: inline-flex;
|
|
9190
|
+
padding: 16px 20px;
|
|
9191
|
+
justify-content: center;
|
|
9192
|
+
align-items: center;
|
|
9193
|
+
gap: 6px;
|
|
9194
|
+
border-radius: 50px;
|
|
9195
|
+
background: #020617;
|
|
9196
|
+
box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.3);
|
|
9197
|
+
min-width: fit-content;
|
|
9198
|
+
animation: scaleIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
|
|
9199
|
+
}
|
|
9200
|
+
|
|
9201
|
+
.icon-wrapper {
|
|
9202
|
+
display: flex;
|
|
9203
|
+
align-items: center;
|
|
9204
|
+
justify-content: center;
|
|
9205
|
+
flex-shrink: 0;
|
|
9206
|
+
}
|
|
9207
|
+
|
|
9208
|
+
.text {
|
|
9209
|
+
color: #fff;
|
|
9210
|
+
text-align: center;
|
|
9211
|
+
font-size: 14px;
|
|
9212
|
+
font-style: normal;
|
|
9213
|
+
font-weight: 400;
|
|
9214
|
+
line-height: 20px;
|
|
9215
|
+
white-space: nowrap;
|
|
9216
|
+
letter-spacing: 0.02em;
|
|
9217
|
+
}
|
|
9218
|
+
`;
|
|
9219
|
+
|
|
9155
9220
|
var _ChatbotIcon_sheet;
|
|
9156
|
-
const chatbotIcon = b `<svg width="
|
|
9157
|
-
<path d="
|
|
9221
|
+
const chatbotIcon = b `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
9222
|
+
<path d="M10.8333 6.66667H5.83333M14.1667 10H5.83333M17.5 12.5C17.5 12.942 17.3244 13.366 17.0118 13.6785C16.6993 13.9911 16.2754 14.1667 15.8333 14.1667H5.83333L2.5 17.5V4.16667C2.5 3.72464 2.67559 3.30072 2.98816 2.98816C3.30072 2.67559 3.72464 2.5 4.16667 2.5H15.8333C16.2754 2.5 16.6993 2.67559 17.0118 2.98816C17.3244 3.30072 17.5 3.72464 17.5 4.16667V12.5Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
|
9158
9223
|
</svg>`;
|
|
9159
9224
|
class ChatbotIcon extends i$1 {
|
|
9160
9225
|
constructor() {
|
|
9161
9226
|
super(...arguments);
|
|
9227
|
+
this.text = 'Ask Anything!';
|
|
9162
9228
|
_ChatbotIcon_sheet.set(this, null);
|
|
9163
9229
|
}
|
|
9164
9230
|
connectedCallback() {
|
|
@@ -9179,36 +9245,30 @@ class ChatbotIcon extends i$1 {
|
|
|
9179
9245
|
__classPrivateFieldGet(this, _ChatbotIcon_sheet, "f").replaceSync((_a = this.css) !== null && _a !== void 0 ? _a : '');
|
|
9180
9246
|
}
|
|
9181
9247
|
render() {
|
|
9182
|
-
return x `
|
|
9248
|
+
return x `
|
|
9249
|
+
<div class="chatbot-icon">
|
|
9250
|
+
<div class="icon-wrapper">${chatbotIcon}</div>
|
|
9251
|
+
<span class="text">${this.text}</span>
|
|
9252
|
+
</div>
|
|
9253
|
+
`;
|
|
9183
9254
|
}
|
|
9184
9255
|
}
|
|
9185
9256
|
_ChatbotIcon_sheet = new WeakMap();
|
|
9186
|
-
ChatbotIcon.styles = [
|
|
9187
|
-
i$4 `
|
|
9188
|
-
.chatbot-icon {
|
|
9189
|
-
border: none;
|
|
9190
|
-
cursor: pointer;
|
|
9191
|
-
width: 60px;
|
|
9192
|
-
height: 58px;
|
|
9193
|
-
background-color: #020617;
|
|
9194
|
-
border-radius: 50%;
|
|
9195
|
-
display: flex;
|
|
9196
|
-
justify-content: center;
|
|
9197
|
-
align-items: center;
|
|
9198
|
-
box-shadow: 0px 10px 10px -5px #0000000a;
|
|
9199
|
-
}
|
|
9200
|
-
`,
|
|
9201
|
-
];
|
|
9257
|
+
ChatbotIcon.styles = [chatbotIconStyles];
|
|
9202
9258
|
__decorate([
|
|
9203
9259
|
n$1({ type: String }),
|
|
9204
9260
|
__metadata("design:type", String)
|
|
9205
9261
|
], ChatbotIcon.prototype, "css", void 0);
|
|
9262
|
+
__decorate([
|
|
9263
|
+
n$1({ type: String }),
|
|
9264
|
+
__metadata("design:type", Object)
|
|
9265
|
+
], ChatbotIcon.prototype, "text", void 0);
|
|
9206
9266
|
if (!customElements.get('chatbot-icon')) {
|
|
9207
9267
|
customElements.define('chatbot-icon', ChatbotIcon);
|
|
9208
9268
|
}
|
|
9209
9269
|
|
|
9210
|
-
const TWLitElement$
|
|
9211
|
-
class BTUserForm extends TWLitElement$
|
|
9270
|
+
const TWLitElement$3 = TW(i$1);
|
|
9271
|
+
class BTUserForm extends TWLitElement$3 {
|
|
9212
9272
|
submitUserData(e) {
|
|
9213
9273
|
e.preventDefault();
|
|
9214
9274
|
this.dispatchEvent(new CustomEvent('submit-user-data', {
|
|
@@ -9297,9 +9357,54 @@ if (!customElements.get('bt-user-form')) {
|
|
|
9297
9357
|
customElements.define('bt-user-form', BTUserForm);
|
|
9298
9358
|
}
|
|
9299
9359
|
|
|
9360
|
+
const chatIcon = b `<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
9361
|
+
<path d="M13.9999 6.99999V2.33333H9.33325M2.33325 14H4.66659M10.4999 12.8333V15.1667M17.4999 12.8333V15.1667M23.3333 14H25.6666M9.33325 21L4.66659 25.6667V9.33333C4.66659 8.71449 4.91242 8.121 5.35 7.68341C5.78759 7.24583 6.38108 6.99999 6.99992 6.99999H20.9999C21.6188 6.99999 22.2122 7.24583 22.6498 7.68341C23.0874 8.121 23.3333 8.71449 23.3333 9.33333V18.6667C23.3333 19.2855 23.0874 19.879 22.6498 20.3166C22.2122 20.7542 21.6188 21 20.9999 21H9.33325Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
|
9362
|
+
</svg>`;
|
|
9363
|
+
class ChatIcon extends i$1 {
|
|
9364
|
+
constructor() {
|
|
9365
|
+
super(...arguments);
|
|
9366
|
+
this.isStylesheetInjected = false;
|
|
9367
|
+
}
|
|
9368
|
+
connectedCallback() {
|
|
9369
|
+
super.connectedCallback();
|
|
9370
|
+
if (!this.isStylesheetInjected && this.css) {
|
|
9371
|
+
const sheet = new CSSStyleSheet();
|
|
9372
|
+
sheet.replaceSync(this.css);
|
|
9373
|
+
this.shadowRoot.adoptedStyleSheets.push(sheet);
|
|
9374
|
+
this.isStylesheetInjected = true;
|
|
9375
|
+
}
|
|
9376
|
+
}
|
|
9377
|
+
render() {
|
|
9378
|
+
return x ` <div class="chat-icon">${chatIcon}</div> `;
|
|
9379
|
+
}
|
|
9380
|
+
}
|
|
9381
|
+
ChatIcon.styles = [
|
|
9382
|
+
i$4 `
|
|
9383
|
+
.chat-icon {
|
|
9384
|
+
border: none;
|
|
9385
|
+
cursor: pointer;
|
|
9386
|
+
width: 60px;
|
|
9387
|
+
height: 58px;
|
|
9388
|
+
background-color: #020617;
|
|
9389
|
+
border-radius: 50%;
|
|
9390
|
+
display: flex;
|
|
9391
|
+
justify-content: center;
|
|
9392
|
+
align-items: center;
|
|
9393
|
+
box-shadow: 0px 10px 10px -5px #0000000a;
|
|
9394
|
+
}
|
|
9395
|
+
`,
|
|
9396
|
+
];
|
|
9397
|
+
__decorate([
|
|
9398
|
+
n$1({ type: String }),
|
|
9399
|
+
__metadata("design:type", String)
|
|
9400
|
+
], ChatIcon.prototype, "css", void 0);
|
|
9401
|
+
if (!customElements.get('chat-icon')) {
|
|
9402
|
+
customElements.define('chat-icon', ChatIcon);
|
|
9403
|
+
}
|
|
9404
|
+
|
|
9300
9405
|
var _PopupView_sheet;
|
|
9301
|
-
const TWLitElement$
|
|
9302
|
-
class PopupView extends TWLitElement$
|
|
9406
|
+
const TWLitElement$2 = TW(i$1);
|
|
9407
|
+
class PopupView extends TWLitElement$2 {
|
|
9303
9408
|
constructor() {
|
|
9304
9409
|
super(...arguments);
|
|
9305
9410
|
this.showChatThreads = false;
|
|
@@ -9508,7 +9613,7 @@ class PopupView extends TWLitElement$1 {
|
|
|
9508
9613
|
<div class="chat-welcome">
|
|
9509
9614
|
${this.botIconUrl
|
|
9510
9615
|
? this.renderBotIcon(60, 60)
|
|
9511
|
-
: x ` <
|
|
9616
|
+
: x ` <chat-icon .css=${this.css}></chat-icon>`}
|
|
9512
9617
|
<div>
|
|
9513
9618
|
<h2 class="welcome-title">Hello!</h2>
|
|
9514
9619
|
<p class="welcome-message">
|
|
@@ -9815,7 +9920,7 @@ class PopupView extends TWLitElement$1 {
|
|
|
9815
9920
|
this.sendEvent('blotoutLinkClicked');
|
|
9816
9921
|
}}
|
|
9817
9922
|
>
|
|
9818
|
-
|
|
9923
|
+
EvoAI
|
|
9819
9924
|
</a>
|
|
9820
9925
|
</footer>
|
|
9821
9926
|
</div>
|
|
@@ -9972,6 +10077,659 @@ if (!customElements.get('popup-view')) {
|
|
|
9972
10077
|
customElements.define('popup-view', PopupView);
|
|
9973
10078
|
}
|
|
9974
10079
|
|
|
10080
|
+
const popupViewMiniStyles = i$4 `
|
|
10081
|
+
@keyframes blink {
|
|
10082
|
+
0%,
|
|
10083
|
+
50% {
|
|
10084
|
+
opacity: 1;
|
|
10085
|
+
}
|
|
10086
|
+
51%,
|
|
10087
|
+
100% {
|
|
10088
|
+
opacity: 0;
|
|
10089
|
+
}
|
|
10090
|
+
}
|
|
10091
|
+
|
|
10092
|
+
@keyframes genieEffect {
|
|
10093
|
+
0% {
|
|
10094
|
+
transform: scale(1) translateY(0) translateX(0);
|
|
10095
|
+
opacity: 1;
|
|
10096
|
+
transform-origin: bottom right;
|
|
10097
|
+
}
|
|
10098
|
+
15% {
|
|
10099
|
+
transform: scale(0.95) translateY(5px) translateX(20px);
|
|
10100
|
+
opacity: 0.95;
|
|
10101
|
+
}
|
|
10102
|
+
30% {
|
|
10103
|
+
transform: scale(0.85) translateY(15px) translateX(50px);
|
|
10104
|
+
opacity: 0.9;
|
|
10105
|
+
}
|
|
10106
|
+
45% {
|
|
10107
|
+
transform: scale(0.7) translateY(30px) translateX(80px);
|
|
10108
|
+
opacity: 0.8;
|
|
10109
|
+
}
|
|
10110
|
+
60% {
|
|
10111
|
+
transform: scale(0.5) translateY(50px) translateX(120px);
|
|
10112
|
+
opacity: 0.7;
|
|
10113
|
+
}
|
|
10114
|
+
75% {
|
|
10115
|
+
transform: scale(0.3) translateY(75px) translateX(160px);
|
|
10116
|
+
opacity: 0.5;
|
|
10117
|
+
}
|
|
10118
|
+
90% {
|
|
10119
|
+
transform: scale(0.15) translateY(100px) translateX(190px);
|
|
10120
|
+
opacity: 0.2;
|
|
10121
|
+
}
|
|
10122
|
+
100% {
|
|
10123
|
+
transform: scale(0.05) translateY(120px) translateX(200px);
|
|
10124
|
+
opacity: 0;
|
|
10125
|
+
transform-origin: bottom right;
|
|
10126
|
+
}
|
|
10127
|
+
}
|
|
10128
|
+
|
|
10129
|
+
.main-container {
|
|
10130
|
+
transition: all 0.3s ease;
|
|
10131
|
+
}
|
|
10132
|
+
|
|
10133
|
+
.main-container.minimizing {
|
|
10134
|
+
animation: genieEffect 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
|
|
10135
|
+
pointer-events: none;
|
|
10136
|
+
}
|
|
10137
|
+
|
|
10138
|
+
.header-section {
|
|
10139
|
+
display: flex;
|
|
10140
|
+
align-items: center;
|
|
10141
|
+
}
|
|
10142
|
+
|
|
10143
|
+
.header-left {
|
|
10144
|
+
display: flex;
|
|
10145
|
+
align-items: center;
|
|
10146
|
+
background: #020617;
|
|
10147
|
+
padding: 8px 10px 0px 10px;
|
|
10148
|
+
color: white;
|
|
10149
|
+
border-radius: 8px 8px 0px 0px;
|
|
10150
|
+
gap: 3px;
|
|
10151
|
+
}
|
|
10152
|
+
|
|
10153
|
+
.header-middle {
|
|
10154
|
+
flex: 1;
|
|
10155
|
+
}
|
|
10156
|
+
|
|
10157
|
+
.header-right {
|
|
10158
|
+
display: flex;
|
|
10159
|
+
align-items: center;
|
|
10160
|
+
}
|
|
10161
|
+
|
|
10162
|
+
.sparkle-icon {
|
|
10163
|
+
display: inline-flex;
|
|
10164
|
+
align-items: center;
|
|
10165
|
+
justify-content: center;
|
|
10166
|
+
width: 10px;
|
|
10167
|
+
height: 10px;
|
|
10168
|
+
color: white;
|
|
10169
|
+
}
|
|
10170
|
+
|
|
10171
|
+
.sparkle-icon svg {
|
|
10172
|
+
width: 10px;
|
|
10173
|
+
height: 10px;
|
|
10174
|
+
}
|
|
10175
|
+
|
|
10176
|
+
.ask-anything-text {
|
|
10177
|
+
color: white;
|
|
10178
|
+
font-size: 12px;
|
|
10179
|
+
letter-spacing: 0.02em;
|
|
10180
|
+
}
|
|
10181
|
+
|
|
10182
|
+
.close-btn {
|
|
10183
|
+
border-radius: 10px;
|
|
10184
|
+
opacity: 0.6;
|
|
10185
|
+
background: #020617;
|
|
10186
|
+
cursor: pointer;
|
|
10187
|
+
padding: 3px;
|
|
10188
|
+
transition: opacity 0.2s ease;
|
|
10189
|
+
}
|
|
10190
|
+
|
|
10191
|
+
.close-btn:disabled {
|
|
10192
|
+
opacity: 0.3;
|
|
10193
|
+
cursor: not-allowed;
|
|
10194
|
+
}
|
|
10195
|
+
|
|
10196
|
+
.textarea-section {
|
|
10197
|
+
background: #020617;
|
|
10198
|
+
position: relative;
|
|
10199
|
+
padding: 8px 8px 0px 8px;
|
|
10200
|
+
border-radius: 0px 8px 0px 0px;
|
|
10201
|
+
width: 100%;
|
|
10202
|
+
}
|
|
10203
|
+
|
|
10204
|
+
.textarea-wrapper {
|
|
10205
|
+
position: relative;
|
|
10206
|
+
width: 100%;
|
|
10207
|
+
}
|
|
10208
|
+
|
|
10209
|
+
.send-btn-wrapper {
|
|
10210
|
+
position: absolute;
|
|
10211
|
+
right: 10px;
|
|
10212
|
+
top: 10px;
|
|
10213
|
+
height: 32px;
|
|
10214
|
+
width: 36px;
|
|
10215
|
+
display: flex;
|
|
10216
|
+
align-items: center;
|
|
10217
|
+
justify-content: center;
|
|
10218
|
+
}
|
|
10219
|
+
|
|
10220
|
+
.textarea {
|
|
10221
|
+
background: white;
|
|
10222
|
+
width: 100%;
|
|
10223
|
+
border: none;
|
|
10224
|
+
resize: none;
|
|
10225
|
+
font-size: 13px;
|
|
10226
|
+
min-height: 20px;
|
|
10227
|
+
padding: 8px 44px 8px 10px;
|
|
10228
|
+
border-radius: 4px;
|
|
10229
|
+
caret-color: transparent;
|
|
10230
|
+
}
|
|
10231
|
+
|
|
10232
|
+
@media screen and (max-width: 768px) {
|
|
10233
|
+
.textarea {
|
|
10234
|
+
font-size: 16px !important; /* prevents iOS zoom */
|
|
10235
|
+
transform: scale(0.875); /* 16px * 0.875 = 14px visual size */
|
|
10236
|
+
transform-origin: left center;
|
|
10237
|
+
width: 114.3%;
|
|
10238
|
+
height: 114.3%; /* compensate for scale */
|
|
10239
|
+
}
|
|
10240
|
+
|
|
10241
|
+
.textarea::placeholder {
|
|
10242
|
+
font-size: 16px !important;
|
|
10243
|
+
}
|
|
10244
|
+
|
|
10245
|
+
/* Firefox-specific fixes */
|
|
10246
|
+
@supports (-moz-appearance: none) {
|
|
10247
|
+
.textarea {
|
|
10248
|
+
width: 100% !important;
|
|
10249
|
+
height: auto !important;
|
|
10250
|
+
transform: scale(0.875);
|
|
10251
|
+
transform-origin: left top;
|
|
10252
|
+
margin-right: -12.5%; /* Compensate for Firefox scaling behavior */
|
|
10253
|
+
}
|
|
10254
|
+
}
|
|
10255
|
+
}
|
|
10256
|
+
|
|
10257
|
+
.textarea::placeholder {
|
|
10258
|
+
color: #94a3b8;
|
|
10259
|
+
}
|
|
10260
|
+
|
|
10261
|
+
.textarea:focus {
|
|
10262
|
+
outline: none;
|
|
10263
|
+
caret-color: #020617;
|
|
10264
|
+
}
|
|
10265
|
+
|
|
10266
|
+
.textarea:focus + .fake-cursor,
|
|
10267
|
+
.textarea:not(:placeholder-shown) + .fake-cursor {
|
|
10268
|
+
display: none;
|
|
10269
|
+
}
|
|
10270
|
+
|
|
10271
|
+
.fake-cursor {
|
|
10272
|
+
position: absolute;
|
|
10273
|
+
left: 10px;
|
|
10274
|
+
top: 9px;
|
|
10275
|
+
width: 1px;
|
|
10276
|
+
height: 16px;
|
|
10277
|
+
background-color: #020617;
|
|
10278
|
+
animation: blink 1.2s infinite;
|
|
10279
|
+
pointer-events: none;
|
|
10280
|
+
z-index: 1;
|
|
10281
|
+
}
|
|
10282
|
+
|
|
10283
|
+
.send-btn {
|
|
10284
|
+
display: flex;
|
|
10285
|
+
align-items: center;
|
|
10286
|
+
justify-content: center;
|
|
10287
|
+
opacity: 0.8;
|
|
10288
|
+
background: transparent;
|
|
10289
|
+
border: none;
|
|
10290
|
+
cursor: pointer;
|
|
10291
|
+
width: 28px;
|
|
10292
|
+
height: 28px;
|
|
10293
|
+
border-radius: 4px;
|
|
10294
|
+
|
|
10295
|
+
&:disabled {
|
|
10296
|
+
opacity: 0.5;
|
|
10297
|
+
cursor: not-allowed;
|
|
10298
|
+
}
|
|
10299
|
+
}
|
|
10300
|
+
|
|
10301
|
+
.buttons-section {
|
|
10302
|
+
display: flex;
|
|
10303
|
+
background: #020617;
|
|
10304
|
+
padding: 6px 8px 8px;
|
|
10305
|
+
gap: 8px;
|
|
10306
|
+
}
|
|
10307
|
+
|
|
10308
|
+
.action-btn {
|
|
10309
|
+
display: flex;
|
|
10310
|
+
padding: 6px 16px;
|
|
10311
|
+
justify-content: center;
|
|
10312
|
+
align-items: center;
|
|
10313
|
+
flex: 1 0 0;
|
|
10314
|
+
border: 1px solid #d1d5db;
|
|
10315
|
+
color: #d1d5db;
|
|
10316
|
+
background: #1e293b;
|
|
10317
|
+
border-radius: 4px;
|
|
10318
|
+
cursor: pointer;
|
|
10319
|
+
text-align: center;
|
|
10320
|
+
line-height: 20px;
|
|
10321
|
+
font-size: 14px;
|
|
10322
|
+
position: relative;
|
|
10323
|
+
transition: all 0.2s ease;
|
|
10324
|
+
}
|
|
10325
|
+
|
|
10326
|
+
.action-btn:hover:not(:disabled) {
|
|
10327
|
+
background: #0f172a;
|
|
10328
|
+
border-color: #9ca3af;
|
|
10329
|
+
color: #f3f4f6;
|
|
10330
|
+
}
|
|
10331
|
+
|
|
10332
|
+
.action-btn:hover:not(:disabled)::before {
|
|
10333
|
+
content: '';
|
|
10334
|
+
position: absolute;
|
|
10335
|
+
top: 0;
|
|
10336
|
+
left: 0;
|
|
10337
|
+
right: 0;
|
|
10338
|
+
bottom: 0;
|
|
10339
|
+
background: rgba(255, 255, 255, 0.1);
|
|
10340
|
+
border-radius: 4px;
|
|
10341
|
+
pointer-events: none;
|
|
10342
|
+
}
|
|
10343
|
+
`;
|
|
10344
|
+
|
|
10345
|
+
const TWLitElement$1 = TW(i$1);
|
|
10346
|
+
class PopupViewMini extends TWLitElement$1 {
|
|
10347
|
+
constructor() {
|
|
10348
|
+
super(...arguments);
|
|
10349
|
+
this.userQuery = '';
|
|
10350
|
+
this.isAnimating = false;
|
|
10351
|
+
this.isUserInteracting = false;
|
|
10352
|
+
this.isWaitingForNext = false;
|
|
10353
|
+
this.isStylesheetInjected = false;
|
|
10354
|
+
this.currentSuggestionIndex = 0;
|
|
10355
|
+
this.currentCharIndex = 0;
|
|
10356
|
+
this.textareaElement = null;
|
|
10357
|
+
}
|
|
10358
|
+
connectedCallback() {
|
|
10359
|
+
super.connectedCallback();
|
|
10360
|
+
this.injectCustomCSS();
|
|
10361
|
+
this.startSuggestionAnimation();
|
|
10362
|
+
}
|
|
10363
|
+
disconnectedCallback() {
|
|
10364
|
+
super.disconnectedCallback();
|
|
10365
|
+
this.stopSuggestionAnimation();
|
|
10366
|
+
}
|
|
10367
|
+
updated(changedProps) {
|
|
10368
|
+
var _a;
|
|
10369
|
+
super.updated(changedProps);
|
|
10370
|
+
if (changedProps.has('css')) {
|
|
10371
|
+
this.injectCustomCSS();
|
|
10372
|
+
}
|
|
10373
|
+
if (changedProps.has('searchSuggestions')) {
|
|
10374
|
+
this.startSuggestionAnimation();
|
|
10375
|
+
}
|
|
10376
|
+
if (!this.textareaElement) {
|
|
10377
|
+
this.textareaElement = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('textarea');
|
|
10378
|
+
}
|
|
10379
|
+
}
|
|
10380
|
+
startSuggestionAnimation() {
|
|
10381
|
+
if (!this.searchSuggestions ||
|
|
10382
|
+
this.searchSuggestions.length === 0 ||
|
|
10383
|
+
this.isUserInteracting) {
|
|
10384
|
+
return;
|
|
10385
|
+
}
|
|
10386
|
+
this.currentSuggestionIndex = 0;
|
|
10387
|
+
this.currentCharIndex = 0;
|
|
10388
|
+
if (this.typingTimer) {
|
|
10389
|
+
clearInterval(this.typingTimer);
|
|
10390
|
+
this.typingTimer = undefined;
|
|
10391
|
+
}
|
|
10392
|
+
this.typingTimer = setInterval(() => this.typeNextChar(), 100);
|
|
10393
|
+
}
|
|
10394
|
+
stopSuggestionAnimation() {
|
|
10395
|
+
if (this.typingTimer) {
|
|
10396
|
+
clearInterval(this.typingTimer);
|
|
10397
|
+
this.typingTimer = undefined;
|
|
10398
|
+
}
|
|
10399
|
+
if (this.nextTimeout) {
|
|
10400
|
+
clearTimeout(this.nextTimeout);
|
|
10401
|
+
this.nextTimeout = undefined;
|
|
10402
|
+
this.isWaitingForNext = false;
|
|
10403
|
+
}
|
|
10404
|
+
}
|
|
10405
|
+
typeNextChar() {
|
|
10406
|
+
if (!this.searchSuggestions ||
|
|
10407
|
+
this.searchSuggestions.length === 0 ||
|
|
10408
|
+
this.isUserInteracting) {
|
|
10409
|
+
return;
|
|
10410
|
+
}
|
|
10411
|
+
const currentSuggestion = this.searchSuggestions[this.currentSuggestionIndex];
|
|
10412
|
+
if (!currentSuggestion) {
|
|
10413
|
+
this.currentSuggestionIndex = 0;
|
|
10414
|
+
this.currentCharIndex = 0;
|
|
10415
|
+
return;
|
|
10416
|
+
}
|
|
10417
|
+
if (this.currentCharIndex <= currentSuggestion.length) {
|
|
10418
|
+
this.currentCharIndex++;
|
|
10419
|
+
const textarea = this.textareaElement;
|
|
10420
|
+
const placeholderText = currentSuggestion.slice(0, this.currentCharIndex);
|
|
10421
|
+
if (textarea && !this.isUserInteracting) {
|
|
10422
|
+
textarea.placeholder = placeholderText;
|
|
10423
|
+
}
|
|
10424
|
+
}
|
|
10425
|
+
else {
|
|
10426
|
+
if (this.isWaitingForNext) {
|
|
10427
|
+
return;
|
|
10428
|
+
}
|
|
10429
|
+
this.isWaitingForNext = true;
|
|
10430
|
+
this.nextTimeout = setTimeout(() => {
|
|
10431
|
+
const newIndex = (this.currentSuggestionIndex + 1) % this.searchSuggestions.length;
|
|
10432
|
+
this.currentSuggestionIndex = newIndex;
|
|
10433
|
+
this.currentCharIndex = 0;
|
|
10434
|
+
const textarea = this.textareaElement;
|
|
10435
|
+
if (textarea && !this.isUserInteracting) {
|
|
10436
|
+
textarea.placeholder = '';
|
|
10437
|
+
}
|
|
10438
|
+
this.isWaitingForNext = false;
|
|
10439
|
+
this.nextTimeout = undefined;
|
|
10440
|
+
}, 1000);
|
|
10441
|
+
}
|
|
10442
|
+
}
|
|
10443
|
+
onTextareaFocus() {
|
|
10444
|
+
this.isUserInteracting = true;
|
|
10445
|
+
this.stopSuggestionAnimation();
|
|
10446
|
+
const textarea = this.textareaElement;
|
|
10447
|
+
if (textarea) {
|
|
10448
|
+
textarea.placeholder = 'What are you searching for?';
|
|
10449
|
+
}
|
|
10450
|
+
}
|
|
10451
|
+
onTextareaInput(e) {
|
|
10452
|
+
this.isUserInteracting = true;
|
|
10453
|
+
this.stopSuggestionAnimation();
|
|
10454
|
+
const target = e.target;
|
|
10455
|
+
target.style.height = 'auto';
|
|
10456
|
+
target.style.height = `${target.scrollHeight}px`;
|
|
10457
|
+
this.userQuery = target.value;
|
|
10458
|
+
}
|
|
10459
|
+
onTextareaBlur() {
|
|
10460
|
+
if (!this.userQuery.trim()) {
|
|
10461
|
+
this.isUserInteracting = false;
|
|
10462
|
+
this.startSuggestionAnimation();
|
|
10463
|
+
}
|
|
10464
|
+
}
|
|
10465
|
+
injectCustomCSS() {
|
|
10466
|
+
if (!this.isStylesheetInjected && this.css) {
|
|
10467
|
+
const sheet = new CSSStyleSheet();
|
|
10468
|
+
sheet.replaceSync(this.css);
|
|
10469
|
+
this.shadowRoot.adoptedStyleSheets.push(sheet);
|
|
10470
|
+
this.isStylesheetInjected = true;
|
|
10471
|
+
}
|
|
10472
|
+
}
|
|
10473
|
+
onSubmit(e) {
|
|
10474
|
+
e.preventDefault();
|
|
10475
|
+
const message = this.userQuery;
|
|
10476
|
+
if (!(message === null || message === void 0 ? void 0 : message.trim())) {
|
|
10477
|
+
return;
|
|
10478
|
+
}
|
|
10479
|
+
this.userQuery = '';
|
|
10480
|
+
this.handlePromptClick('query', message);
|
|
10481
|
+
}
|
|
10482
|
+
minimizeMiniVersion() {
|
|
10483
|
+
if (this.isAnimating) {
|
|
10484
|
+
return;
|
|
10485
|
+
}
|
|
10486
|
+
this.isAnimating = true;
|
|
10487
|
+
setTimeout(() => {
|
|
10488
|
+
this.dispatchEvent(new CustomEvent('minimize-mini', {
|
|
10489
|
+
bubbles: true,
|
|
10490
|
+
composed: true,
|
|
10491
|
+
}));
|
|
10492
|
+
}, 200);
|
|
10493
|
+
}
|
|
10494
|
+
handlePromptClick(id, message) {
|
|
10495
|
+
this.dispatchEvent(new CustomEvent('popup-mini-prompt-click', {
|
|
10496
|
+
detail: { id, message },
|
|
10497
|
+
bubbles: true,
|
|
10498
|
+
composed: true,
|
|
10499
|
+
}));
|
|
10500
|
+
}
|
|
10501
|
+
render() {
|
|
10502
|
+
const firstPromptText = this.nudgePrompt || 'Explore Products';
|
|
10503
|
+
const secondPromptText = 'Get Order Support';
|
|
10504
|
+
return x `
|
|
10505
|
+
<div class="main-container ${this.isAnimating ? 'minimizing' : ''}">
|
|
10506
|
+
<div class="header-section">
|
|
10507
|
+
<div class="header-left">
|
|
10508
|
+
<span class="sparkle-icon">${sparklesSharp}</span>
|
|
10509
|
+
<span class="ask-anything-text">Ask Anything</span>
|
|
10510
|
+
</div>
|
|
10511
|
+
<div class="header-middle"></div>
|
|
10512
|
+
<div class="header-right">
|
|
10513
|
+
<button
|
|
10514
|
+
class="close-btn"
|
|
10515
|
+
?disabled=${this.isAnimating}
|
|
10516
|
+
@click=${(e) => {
|
|
10517
|
+
e.preventDefault();
|
|
10518
|
+
this.minimizeMiniVersion();
|
|
10519
|
+
}}
|
|
10520
|
+
>
|
|
10521
|
+
${minus}
|
|
10522
|
+
</button>
|
|
10523
|
+
</div>
|
|
10524
|
+
</div>
|
|
10525
|
+
<div class="textarea-section">
|
|
10526
|
+
<div class="textarea-wrapper">
|
|
10527
|
+
<textarea
|
|
10528
|
+
class="textarea"
|
|
10529
|
+
.value=${this.userQuery}
|
|
10530
|
+
rows="1"
|
|
10531
|
+
placeholder="What are you searching for?"
|
|
10532
|
+
?disabled=${this.isAnimating}
|
|
10533
|
+
@input=${this.onTextareaInput}
|
|
10534
|
+
@focus=${this.onTextareaFocus}
|
|
10535
|
+
@blur=${this.onTextareaBlur}
|
|
10536
|
+
@keydown=${(e) => {
|
|
10537
|
+
if (e.key === 'Enter' && !e.shiftKey) {
|
|
10538
|
+
e.preventDefault();
|
|
10539
|
+
this.onSubmit(e);
|
|
10540
|
+
}
|
|
10541
|
+
}}
|
|
10542
|
+
></textarea>
|
|
10543
|
+
<div class="fake-cursor"></div>
|
|
10544
|
+
</div>
|
|
10545
|
+
<div class="send-btn-wrapper">
|
|
10546
|
+
<button
|
|
10547
|
+
class="send-btn"
|
|
10548
|
+
type="submit"
|
|
10549
|
+
?disabled=${!this.userQuery.trim() || this.isAnimating}
|
|
10550
|
+
@click=${this.onSubmit}
|
|
10551
|
+
>
|
|
10552
|
+
${sendBtn}
|
|
10553
|
+
</button>
|
|
10554
|
+
</div>
|
|
10555
|
+
</div>
|
|
10556
|
+
<div class="buttons-section">
|
|
10557
|
+
<button
|
|
10558
|
+
class="action-btn"
|
|
10559
|
+
type="button"
|
|
10560
|
+
?disabled=${this.isAnimating}
|
|
10561
|
+
@click=${(e) => {
|
|
10562
|
+
e.preventDefault();
|
|
10563
|
+
this.handlePromptClick('other', firstPromptText);
|
|
10564
|
+
}}
|
|
10565
|
+
>
|
|
10566
|
+
${firstPromptText}
|
|
10567
|
+
</button>
|
|
10568
|
+
<button
|
|
10569
|
+
class="action-btn"
|
|
10570
|
+
type="button"
|
|
10571
|
+
?disabled=${this.isAnimating}
|
|
10572
|
+
@click=${(e) => {
|
|
10573
|
+
e.preventDefault();
|
|
10574
|
+
this.handlePromptClick('support', secondPromptText);
|
|
10575
|
+
}}
|
|
10576
|
+
>
|
|
10577
|
+
${secondPromptText}
|
|
10578
|
+
</button>
|
|
10579
|
+
</div>
|
|
10580
|
+
</div>
|
|
10581
|
+
`;
|
|
10582
|
+
}
|
|
10583
|
+
}
|
|
10584
|
+
PopupViewMini.styles = [popupViewMiniStyles];
|
|
10585
|
+
__decorate([
|
|
10586
|
+
n$1({ type: String }),
|
|
10587
|
+
__metadata("design:type", Object)
|
|
10588
|
+
], PopupViewMini.prototype, "userQuery", void 0);
|
|
10589
|
+
__decorate([
|
|
10590
|
+
n$1({ type: String }),
|
|
10591
|
+
__metadata("design:type", Object)
|
|
10592
|
+
], PopupViewMini.prototype, "nudgePrompt", void 0);
|
|
10593
|
+
__decorate([
|
|
10594
|
+
n$1({ type: String }),
|
|
10595
|
+
__metadata("design:type", String)
|
|
10596
|
+
], PopupViewMini.prototype, "css", void 0);
|
|
10597
|
+
__decorate([
|
|
10598
|
+
n$1({ type: Array }),
|
|
10599
|
+
__metadata("design:type", Array)
|
|
10600
|
+
], PopupViewMini.prototype, "searchSuggestions", void 0);
|
|
10601
|
+
__decorate([
|
|
10602
|
+
r$1(),
|
|
10603
|
+
__metadata("design:type", Object)
|
|
10604
|
+
], PopupViewMini.prototype, "isAnimating", void 0);
|
|
10605
|
+
__decorate([
|
|
10606
|
+
r$1(),
|
|
10607
|
+
__metadata("design:type", Object)
|
|
10608
|
+
], PopupViewMini.prototype, "isUserInteracting", void 0);
|
|
10609
|
+
if (!customElements.get('popup-view-mini')) {
|
|
10610
|
+
customElements.define('popup-view-mini', PopupViewMini);
|
|
10611
|
+
}
|
|
10612
|
+
|
|
10613
|
+
const helloIcon = b `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
|
10614
|
+
<path d="M0 16H16V0H0V16Z" fill="url(#pattern0_1282_2773)"/>
|
|
10615
|
+
<defs>
|
|
10616
|
+
<pattern id="pattern0_1282_2773" patternContentUnits="objectBoundingBox" width="1" height="1">
|
|
10617
|
+
<use xlink:href="#image0_1282_2773" transform="scale(0.00625)"/>
|
|
10618
|
+
</pattern>
|
|
10619
|
+
<image id="image0_1282_2773" width="160" height="160" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
|
|
10620
|
+
</defs>
|
|
10621
|
+
</svg>`;
|
|
10622
|
+
const statusIcon = b `<svg xmlns="http://www.w3.org/2000/svg" width="7" height="8" viewBox="0 0 7 8" fill="none">
|
|
10623
|
+
<path d="M3.5 6.5C4.88071 6.5 6 5.38071 6 4C6 2.61929 4.88071 1.5 3.5 1.5C2.11929 1.5 1 2.61929 1 4C1 5.38071 2.11929 6.5 3.5 6.5Z" fill="#16A34A" stroke="#16A34A" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
|
|
10624
|
+
</svg>`;
|
|
10625
|
+
|
|
10626
|
+
const chatNudgeStyles = i$4 `
|
|
10627
|
+
.nudge-container {
|
|
10628
|
+
display: inline-flex;
|
|
10629
|
+
padding: 16px;
|
|
10630
|
+
flex-direction: column;
|
|
10631
|
+
justify-content: center;
|
|
10632
|
+
align-items: center;
|
|
10633
|
+
gap: 10px;
|
|
10634
|
+
width: 256px;
|
|
10635
|
+
border-radius: 8px;
|
|
10636
|
+
background: #fff;
|
|
10637
|
+
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
|
|
10638
|
+
}
|
|
10639
|
+
|
|
10640
|
+
.icon-container {
|
|
10641
|
+
display: flex;
|
|
10642
|
+
justify-content: space-between;
|
|
10643
|
+
align-items: center;
|
|
10644
|
+
width: 100%;
|
|
10645
|
+
}
|
|
10646
|
+
|
|
10647
|
+
.close-btn {
|
|
10648
|
+
opacity: 1;
|
|
10649
|
+
cursor: pointer;
|
|
10650
|
+
}
|
|
10651
|
+
|
|
10652
|
+
.close-btn:hover {
|
|
10653
|
+
opacity: 0.5;
|
|
10654
|
+
}
|
|
10655
|
+
|
|
10656
|
+
.close-btn:active {
|
|
10657
|
+
opacity: 1;
|
|
10658
|
+
}
|
|
10659
|
+
|
|
10660
|
+
.content-section {
|
|
10661
|
+
display: flex;
|
|
10662
|
+
flex-direction: column;
|
|
10663
|
+
}
|
|
10664
|
+
|
|
10665
|
+
.heading {
|
|
10666
|
+
color: #020617;
|
|
10667
|
+
font-size: 12px;
|
|
10668
|
+
font-style: normal;
|
|
10669
|
+
font-weight: 600;
|
|
10670
|
+
line-height: 16px;
|
|
10671
|
+
}
|
|
10672
|
+
|
|
10673
|
+
.status-container {
|
|
10674
|
+
display: flex;
|
|
10675
|
+
align-items: center;
|
|
10676
|
+
gap: 4px;
|
|
10677
|
+
justify-content: flex-start;
|
|
10678
|
+
width: 100%;
|
|
10679
|
+
margin: 4px 0px;
|
|
10680
|
+
}
|
|
10681
|
+
|
|
10682
|
+
.status-dot {
|
|
10683
|
+
width: 32px;
|
|
10684
|
+
height: 32px;
|
|
10685
|
+
}
|
|
10686
|
+
|
|
10687
|
+
.status-text {
|
|
10688
|
+
color: #71717a;
|
|
10689
|
+
font-size: 10px;
|
|
10690
|
+
font-style: normal;
|
|
10691
|
+
font-weight: 500;
|
|
10692
|
+
line-height: 16px;
|
|
10693
|
+
}
|
|
10694
|
+
|
|
10695
|
+
.buttons-container {
|
|
10696
|
+
display: flex;
|
|
10697
|
+
flex-direction: column;
|
|
10698
|
+
gap: 4px;
|
|
10699
|
+
align-content: flex-start;
|
|
10700
|
+
}
|
|
10701
|
+
|
|
10702
|
+
.prompt-button {
|
|
10703
|
+
cursor: pointer;
|
|
10704
|
+
display: flex;
|
|
10705
|
+
align-items: center;
|
|
10706
|
+
justify-content: center;
|
|
10707
|
+
gap: 8px;
|
|
10708
|
+
padding: 8px 16px;
|
|
10709
|
+
background: #ffffff;
|
|
10710
|
+
border: 1px solid #e4e4e7;
|
|
10711
|
+
border-radius: 6px;
|
|
10712
|
+
width: fit-content;
|
|
10713
|
+
}
|
|
10714
|
+
|
|
10715
|
+
.prompt-button:hover {
|
|
10716
|
+
background: #f4f4f5;
|
|
10717
|
+
}
|
|
10718
|
+
|
|
10719
|
+
.prompt-button:disabled {
|
|
10720
|
+
background: #ffffff;
|
|
10721
|
+
opacity: 0.5;
|
|
10722
|
+
}
|
|
10723
|
+
|
|
10724
|
+
.prompt-text {
|
|
10725
|
+
color: #18181b;
|
|
10726
|
+
font-size: 12px;
|
|
10727
|
+
font-style: normal;
|
|
10728
|
+
font-weight: 500;
|
|
10729
|
+
line-height: 16px;
|
|
10730
|
+
}
|
|
10731
|
+
`;
|
|
10732
|
+
|
|
9975
10733
|
const TWLitElement = TW(i$1);
|
|
9976
10734
|
class ChatNudge extends TWLitElement {
|
|
9977
10735
|
closeNudge(e) {
|
|
@@ -10010,7 +10768,7 @@ class ChatNudge extends TWLitElement {
|
|
|
10010
10768
|
return x `
|
|
10011
10769
|
${o(prompts, (prompt) => x `
|
|
10012
10770
|
<button
|
|
10013
|
-
class="
|
|
10771
|
+
class="prompt-button"
|
|
10014
10772
|
@click=${(e) => this.handlePromptClick(e, prompt.id, prompt.text)}
|
|
10015
10773
|
>
|
|
10016
10774
|
<bt-lucide-icon
|
|
@@ -10019,52 +10777,38 @@ class ChatNudge extends TWLitElement {
|
|
|
10019
10777
|
height="16"
|
|
10020
10778
|
stroke="#E1983F"
|
|
10021
10779
|
></bt-lucide-icon>
|
|
10022
|
-
<p class="
|
|
10780
|
+
<p class="prompt-text">${prompt.text}</p>
|
|
10023
10781
|
</button>
|
|
10024
10782
|
`)}
|
|
10025
10783
|
`;
|
|
10026
10784
|
}
|
|
10027
10785
|
render() {
|
|
10028
10786
|
return x `
|
|
10029
|
-
<div
|
|
10030
|
-
class="
|
|
10031
|
-
|
|
10032
|
-
|
|
10033
|
-
|
|
10034
|
-
|
|
10035
|
-
|
|
10036
|
-
|
|
10037
|
-
|
|
10038
|
-
>
|
|
10039
|
-
<bt-lucide-icon
|
|
10040
|
-
name="x"
|
|
10041
|
-
width="16"
|
|
10042
|
-
height="16"
|
|
10043
|
-
stroke="#020617"
|
|
10044
|
-
></bt-lucide-icon>
|
|
10045
|
-
</div>
|
|
10787
|
+
<div class="nudge-container">
|
|
10788
|
+
<div class="icon-container">
|
|
10789
|
+
<div>${helloIcon}</div>
|
|
10790
|
+
<div class="close-btn" @click=${this.closeNudge}>
|
|
10791
|
+
<bt-lucide-icon
|
|
10792
|
+
name="x"
|
|
10793
|
+
width="16"
|
|
10794
|
+
height="16"
|
|
10795
|
+
stroke="#020617"
|
|
10796
|
+
></bt-lucide-icon>
|
|
10046
10797
|
</div>
|
|
10047
|
-
<h3 class="text-slate-950 font-semibold">
|
|
10048
|
-
Welcome to ${this.brandName ? this.brandName : 'ShopGPT'}!
|
|
10049
|
-
</h3>
|
|
10050
|
-
<p class="text-slate-500 text-sm font-medium">
|
|
10051
|
-
${this.welcomeMessage
|
|
10052
|
-
? this.welcomeMessage
|
|
10053
|
-
: 'I’m your personal AI concierge & I’m here to help you.'}
|
|
10054
|
-
</p>
|
|
10055
10798
|
</div>
|
|
10056
|
-
<div class="
|
|
10057
|
-
<h2 class="
|
|
10058
|
-
|
|
10059
|
-
|
|
10060
|
-
|
|
10061
|
-
${this.renderPrompts()}
|
|
10799
|
+
<div class="content-section">
|
|
10800
|
+
<h2 class="heading">Hello! What can we help you with today?</h2>
|
|
10801
|
+
<div class="status-container">
|
|
10802
|
+
${statusIcon}
|
|
10803
|
+
<div class="status-text">We're Online!</div>
|
|
10062
10804
|
</div>
|
|
10805
|
+
<div class="buttons-container">${this.renderPrompts()}</div>
|
|
10063
10806
|
</div>
|
|
10064
10807
|
</div>
|
|
10065
10808
|
`;
|
|
10066
10809
|
}
|
|
10067
10810
|
}
|
|
10811
|
+
ChatNudge.styles = [chatNudgeStyles];
|
|
10068
10812
|
__decorate([
|
|
10069
10813
|
n$1({ type: String }),
|
|
10070
10814
|
__metadata("design:type", Object)
|
|
@@ -10143,7 +10887,6 @@ const soothingWaterDropSound = 'data:audio/mpeg;base64,SUQzBAAAAAAAa1RQRTEAAAAaA
|
|
|
10143
10887
|
|
|
10144
10888
|
var _ShopGPT_sheet;
|
|
10145
10889
|
const DIALOG_DELAY = 1000;
|
|
10146
|
-
const SUPPORT_PROMPTS = 'Where is my order,Tracking link for my order,Return my order,Cancel my order';
|
|
10147
10890
|
const normalizePath = (path) => path.replace(/\/$/, '');
|
|
10148
10891
|
class ShopGPT extends i$1 {
|
|
10149
10892
|
constructor() {
|
|
@@ -10165,6 +10908,8 @@ class ShopGPT extends i$1 {
|
|
|
10165
10908
|
this.showNudge = false;
|
|
10166
10909
|
this.shouldAskUserEmail = false;
|
|
10167
10910
|
this.supportRequested = false;
|
|
10911
|
+
this.searchRequested = false;
|
|
10912
|
+
this.miniPopupSeen = false;
|
|
10168
10913
|
_ShopGPT_sheet.set(this, null);
|
|
10169
10914
|
this.loadData = async () => {
|
|
10170
10915
|
if (!this.shopGPTAPI) {
|
|
@@ -10203,6 +10948,7 @@ class ShopGPT extends i$1 {
|
|
|
10203
10948
|
}
|
|
10204
10949
|
connectedCallback() {
|
|
10205
10950
|
super.connectedCallback();
|
|
10951
|
+
this.miniPopupSeen = false;
|
|
10206
10952
|
this.updateAdoptedStylesheet();
|
|
10207
10953
|
if (!this.view || this.view === 'overlay') {
|
|
10208
10954
|
if (!this.path) {
|
|
@@ -10216,7 +10962,6 @@ class ShopGPT extends i$1 {
|
|
|
10216
10962
|
}
|
|
10217
10963
|
}
|
|
10218
10964
|
this.init();
|
|
10219
|
-
this.startNudgeTimer();
|
|
10220
10965
|
}
|
|
10221
10966
|
updated(changedProperties) {
|
|
10222
10967
|
if (changedProperties.has('css')) {
|
|
@@ -10646,17 +11391,42 @@ class ShopGPT extends i$1 {
|
|
|
10646
11391
|
setUserInteracted(this.destination);
|
|
10647
11392
|
this.handleUserInteraction();
|
|
10648
11393
|
}
|
|
11394
|
+
handlePopUpViewMinimised(e) {
|
|
11395
|
+
e.stopPropagation();
|
|
11396
|
+
this.miniPopupSeen = true;
|
|
11397
|
+
this.shopGPTAPI.sendEvent('chatbotClosed-search');
|
|
11398
|
+
this.startNudgeTimer();
|
|
11399
|
+
}
|
|
10649
11400
|
async handleNudgePromptClick(e) {
|
|
10650
11401
|
e.stopPropagation();
|
|
11402
|
+
let nudgeAction = 'chatbotOpened-nudge-other';
|
|
11403
|
+
await this.setSelectedThreadId('');
|
|
11404
|
+
await this.createChatThread({ title: '' }, false);
|
|
11405
|
+
if (e.detail.id === 'query') {
|
|
11406
|
+
nudgeAction = 'chatbotOpened-nudge-query';
|
|
11407
|
+
this.sendMessageToServer(e, e.detail.message, true);
|
|
11408
|
+
}
|
|
11409
|
+
if (e.detail.id === 'support') {
|
|
11410
|
+
nudgeAction = 'chatbotOpened-nudge-support';
|
|
11411
|
+
this.supportRequested = true;
|
|
11412
|
+
}
|
|
11413
|
+
this.openModal(nudgeAction);
|
|
11414
|
+
}
|
|
11415
|
+
async handleMiniPopUpPromptClick(e) {
|
|
11416
|
+
e.stopPropagation();
|
|
11417
|
+
this.miniPopupSeen = true;
|
|
11418
|
+
let miniPopAction = 'chatbotOpened-nudge-other';
|
|
10651
11419
|
await this.setSelectedThreadId('');
|
|
10652
11420
|
await this.createChatThread({ title: '' }, false);
|
|
10653
11421
|
if (e.detail.id === 'query') {
|
|
11422
|
+
miniPopAction = 'chatbotOpened-search-query';
|
|
10654
11423
|
this.sendMessageToServer(e, e.detail.message, true);
|
|
10655
11424
|
}
|
|
10656
11425
|
if (e.detail.id === 'support') {
|
|
11426
|
+
miniPopAction = 'chatbotOpened-search-support';
|
|
10657
11427
|
this.supportRequested = true;
|
|
10658
11428
|
}
|
|
10659
|
-
this.openModal();
|
|
11429
|
+
this.openModal(miniPopAction);
|
|
10660
11430
|
}
|
|
10661
11431
|
submitUserData(e) {
|
|
10662
11432
|
e.stopPropagation();
|
|
@@ -10752,7 +11522,7 @@ class ShopGPT extends i$1 {
|
|
|
10752
11522
|
`;
|
|
10753
11523
|
}
|
|
10754
11524
|
modalMode() {
|
|
10755
|
-
var _a, _b, _c;
|
|
11525
|
+
var _a, _b, _c, _d;
|
|
10756
11526
|
const thread = this.chatThreads.get(this.selectedThreadId);
|
|
10757
11527
|
const closeModal = () => {
|
|
10758
11528
|
this.modalState = 'close';
|
|
@@ -10773,8 +11543,10 @@ class ShopGPT extends i$1 {
|
|
|
10773
11543
|
>
|
|
10774
11544
|
<popup-view
|
|
10775
11545
|
.prompts=${this.supportRequested
|
|
10776
|
-
?
|
|
10777
|
-
: this.
|
|
11546
|
+
? this.supportPrompts
|
|
11547
|
+
: this.searchRequested
|
|
11548
|
+
? this.searchSuggestions
|
|
11549
|
+
: this.quickPrompts}
|
|
10778
11550
|
.brandName=${this.brandName}
|
|
10779
11551
|
.isFailed=${this.isFailed}
|
|
10780
11552
|
.isLoadingHistory=${this.isLoadingHistory}
|
|
@@ -10799,40 +11571,54 @@ class ShopGPT extends i$1 {
|
|
|
10799
11571
|
></popup-view>
|
|
10800
11572
|
</div>`
|
|
10801
11573
|
: E}
|
|
10802
|
-
|
|
10803
|
-
|
|
10804
|
-
|
|
10805
|
-
|
|
10806
|
-
|
|
10807
|
-
|
|
10808
|
-
|
|
10809
|
-
|
|
10810
|
-
|
|
10811
|
-
|
|
10812
|
-
|
|
10813
|
-
|
|
10814
|
-
|
|
10815
|
-
|
|
10816
|
-
|
|
10817
|
-
? x ` <div class="
|
|
10818
|
-
|
|
10819
|
-
|
|
10820
|
-
.
|
|
10821
|
-
|
|
10822
|
-
|
|
10823
|
-
|
|
10824
|
-
|
|
10825
|
-
|
|
10826
|
-
|
|
10827
|
-
|
|
10828
|
-
|
|
10829
|
-
|
|
11574
|
+
${!this.miniPopupSeen && this.modalState !== 'open'
|
|
11575
|
+
? x ` <div
|
|
11576
|
+
id="shop-gpt-mini-modal"
|
|
11577
|
+
@minimize-mini=${this.handlePopUpViewMinimised}
|
|
11578
|
+
@mini-prompt-click=${this.handleMiniPopUpPromptClick}
|
|
11579
|
+
>
|
|
11580
|
+
<popup-view-mini
|
|
11581
|
+
.css=${this.css}
|
|
11582
|
+
.nudgePrompt=${(_a = this.nudge) === null || _a === void 0 ? void 0 : _a.prompt}
|
|
11583
|
+
.searchSuggestions=${this.searchSuggestions}
|
|
11584
|
+
@popup-mini-prompt-click=${this.handleMiniPopUpPromptClick}
|
|
11585
|
+
></popup-view-mini>
|
|
11586
|
+
</div>`
|
|
11587
|
+
: E}
|
|
11588
|
+
${this.miniPopupSeen || this.modalState === 'open'
|
|
11589
|
+
? x ` <div class="chatbot-widget">
|
|
11590
|
+
<button
|
|
11591
|
+
@click=${(e) => {
|
|
11592
|
+
e.preventDefault();
|
|
11593
|
+
if (this.modalState === 'open') {
|
|
11594
|
+
closeModal();
|
|
11595
|
+
}
|
|
11596
|
+
else {
|
|
11597
|
+
this.openModal();
|
|
11598
|
+
}
|
|
11599
|
+
}}
|
|
11600
|
+
>
|
|
11601
|
+
<chatbot-icon .css=${this.css}></chatbot-icon>
|
|
11602
|
+
</button>
|
|
11603
|
+
${(hasNudgeOverride() || ((_b = this.nudge) === null || _b === void 0 ? void 0 : _b.show)) && this.showNudge
|
|
11604
|
+
? x ` <div class="nudge">
|
|
11605
|
+
<chat-nudge
|
|
11606
|
+
.brandName=${this.brandName}
|
|
11607
|
+
.prompt=${(_c = this.nudge) === null || _c === void 0 ? void 0 : _c.prompt}
|
|
11608
|
+
.welcomeMessage=${(_d = this.nudge) === null || _d === void 0 ? void 0 : _d.welcomeMessage}
|
|
11609
|
+
@close-nudge=${this.closeNudge}
|
|
11610
|
+
@nudge-prompt-click=${this.handleNudgePromptClick}
|
|
11611
|
+
></chat-nudge>
|
|
11612
|
+
</div>`
|
|
11613
|
+
: E}
|
|
11614
|
+
</div>`
|
|
11615
|
+
: E}
|
|
10830
11616
|
`;
|
|
10831
11617
|
}
|
|
10832
|
-
openModal() {
|
|
11618
|
+
openModal(action) {
|
|
10833
11619
|
setIsBotOpened(this.destination, this.sessionId, true);
|
|
10834
11620
|
setUserInteracted(this.destination);
|
|
10835
|
-
this.shopGPTAPI.sendEvent('chatbotOpened');
|
|
11621
|
+
this.shopGPTAPI.sendEvent(action !== null && action !== void 0 ? action : 'chatbotOpened');
|
|
10836
11622
|
this.modalState = 'open';
|
|
10837
11623
|
this.handleUserInteraction();
|
|
10838
11624
|
}
|
|
@@ -10963,6 +11749,14 @@ __decorate([
|
|
|
10963
11749
|
r$1(),
|
|
10964
11750
|
__metadata("design:type", Object)
|
|
10965
11751
|
], ShopGPT.prototype, "supportRequested", void 0);
|
|
11752
|
+
__decorate([
|
|
11753
|
+
r$1(),
|
|
11754
|
+
__metadata("design:type", Object)
|
|
11755
|
+
], ShopGPT.prototype, "searchRequested", void 0);
|
|
11756
|
+
__decorate([
|
|
11757
|
+
r$1(),
|
|
11758
|
+
__metadata("design:type", Object)
|
|
11759
|
+
], ShopGPT.prototype, "miniPopupSeen", void 0);
|
|
10966
11760
|
if (!customElements.get('shop-gpt')) {
|
|
10967
11761
|
customElements.define('shop-gpt', ShopGPT);
|
|
10968
11762
|
}
|
|
@@ -10989,6 +11783,8 @@ if (typeof window != 'undefined' && typeof document != 'undefined') {
|
|
|
10989
11783
|
shopGPT.path = params.path;
|
|
10990
11784
|
shopGPT.brandName = params.brandName;
|
|
10991
11785
|
shopGPT.quickPrompts = params.quickPrompts;
|
|
11786
|
+
shopGPT.supportPrompts = params.supportPrompts;
|
|
11787
|
+
shopGPT.searchSuggestions = params.searchSuggestions;
|
|
10992
11788
|
shopGPT.merchantImage = params.merchantImage;
|
|
10993
11789
|
shopGPT.latestThreadLoad = params.latestThreadLoad;
|
|
10994
11790
|
shopGPT.botIconUrl = params.botIconUrl;
|