@mieweb/forms-renderer 0.1.15 → 0.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/blaze.js +1295 -1450
  2. package/dist/blaze.js.map +1 -1
  3. package/dist/blaze.umd.cjs +1361 -1516
  4. package/dist/blaze.umd.cjs.map +1 -1
  5. package/dist/react.js +1 -1
  6. package/dist/standalone.js +4382 -4537
  7. package/dist/standalone.js.map +1 -1
  8. package/dist/standalone.umd.cjs +1373 -1528
  9. package/dist/standalone.umd.cjs.map +1 -1
  10. package/package.json +2 -2
package/dist/blaze.js CHANGED
@@ -5,7 +5,7 @@
5
5
  if (!document.querySelector('#questionnaire-blaze-styles')) {
6
6
  const style = document.createElement('style');
7
7
  style.id = 'questionnaire-blaze-styles';
8
- style.textContent = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');\n@layer properties;\n@layer bootstrap, tailwind-overrides;\n@layer tailwind-overrides {\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-400: oklch(70.4% 0.191 22.216);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-orange-50: oklch(98% 0.016 73.684);\n --color-orange-500: oklch(70.5% 0.213 47.604);\n --color-orange-600: oklch(64.6% 0.222 41.116);\n --color-orange-700: oklch(55.3% 0.195 38.402);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-slate-50: oklch(98.4% 0.003 247.858);\n --color-slate-100: oklch(96.8% 0.007 247.896);\n --color-slate-200: oklch(92.9% 0.013 255.508);\n --color-slate-300: oklch(86.9% 0.022 252.894);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --color-slate-500: oklch(55.4% 0.046 257.417);\n --color-slate-600: oklch(44.6% 0.043 257.281);\n --color-slate-700: oklch(37.2% 0.044 257.287);\n --color-slate-900: oklch(20.8% 0.042 265.755);\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-neutral-100: oklch(97% 0 0);\n --color-stone-900: oklch(21.6% 0.006 56.043);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-md: 28rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\n --container-5xl: 64rem;\n --container-6xl: 72rem;\n --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-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --font-weight-light: 300;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --tracking-tight: -0.025em;\n --tracking-wide: 0.025em;\n --tracking-wider: 0.05em;\n --leading-tight: 1.25;\n --leading-relaxed: 1.625;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --blur-sm: 8px;\n --blur-lg: 16px;\n --blur-xl: 24px;\n --blur-2xl: 40px;\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 --font-titillium: \"Titillium Web\", sans-serif;\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 ::-webkit-calendar-picker-indicator {\n line-height: 1;\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 .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .static {\n position: static;\n }\n .sticky {\n position: sticky;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n .right-5 {\n right: calc(var(--spacing) * 5);\n }\n .right-7 {\n right: calc(var(--spacing) * 7);\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-5 {\n bottom: calc(var(--spacing) * 5);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .z-10 {\n z-index: 10;\n }\n .z-30 {\n z-index: 30;\n }\n .z-49 {\n z-index: 49;\n }\n .z-50 {\n z-index: 50;\n }\n .z-\\[60\\] {\n z-index: 60;\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-0 {\n margin: calc(var(--spacing) * 0);\n }\n .mx-29 {\n margin-inline: calc(var(--spacing) * 29);\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-9 {\n margin-block: calc(var(--spacing) * 9);\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-12 {\n margin-top: calc(var(--spacing) * 12);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-2\\.5 {\n margin-bottom: calc(var(--spacing) * 2.5);\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-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n .mb-10 {\n margin-bottom: calc(var(--spacing) * 10);\n }\n .mb-12 {\n margin-bottom: calc(var(--spacing) * 12);\n }\n .mb-14 {\n margin-bottom: calc(var(--spacing) * 14);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .block {\n display: block;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-flex {\n display: inline-flex;\n }\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\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-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-72 {\n height: calc(var(--spacing) * 72);\n }\n .h-dvh {\n height: 100dvh;\n }\n .h-fit {\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .max-h-32 {\n max-height: calc(var(--spacing) * 32);\n }\n .max-h-56 {\n max-height: calc(var(--spacing) * 56);\n }\n .max-h-60 {\n max-height: calc(var(--spacing) * 60);\n }\n .max-h-96 {\n max-height: calc(var(--spacing) * 96);\n }\n .max-h-\\[70vh\\] {\n max-height: 70vh;\n }\n .max-h-\\[80vh\\] {\n max-height: 80vh;\n }\n .max-h-\\[300px\\] {\n max-height: 300px;\n }\n .max-h-\\[calc\\(100svh-19rem\\)\\] {\n max-height: calc(100svh - 19rem);\n }\n .max-h-screen {\n max-height: 100vh;\n }\n .min-h-24 {\n min-height: calc(var(--spacing) * 24);\n }\n .min-h-dvh {\n min-height: 100dvh;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .custom-scrollbar {\n &::-webkit-scrollbar {\n width: calc(var(--spacing) * 1.5);\n }\n &::-webkit-scrollbar-thumb {\n border-radius: calc(infinity * 1px);\n }\n &::-webkit-scrollbar-thumb {\n background-color: var(--color-gray-500);\n }\n &::-webkit-scrollbar-track {\n border-radius: calc(infinity * 1px);\n }\n &::-webkit-scrollbar-track {\n background-color: var(--color-gray-100);\n }\n }\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\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-9 {\n width: calc(var(--spacing) * 9);\n }\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n .w-full {\n width: 100%;\n }\n .w-px {\n width: 1px;\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-5xl {\n max-width: var(--container-5xl);\n }\n .max-w-6xl {\n max-width: var(--container-6xl);\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-xl {\n max-width: var(--container-xl);\n }\n .min-w-fit {\n min-width: fit-content;\n }\n .flex-1 {\n flex: 1;\n }\n .flex-shrink-0 {\n flex-shrink: 0;\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 .cursor-pointer {\n cursor: pointer;\n }\n .resize-y {\n resize: vertical;\n }\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-wrap {\n flex-wrap: wrap;\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-around {\n justify-content: space-around;\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 .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 .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-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\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-y-auto {\n overflow-y: auto;\n }\n .overflow-y-scroll {\n overflow-y: scroll;\n }\n .overflow-y-visible {\n overflow-y: visible;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-2xl {\n border-radius: var(--radius-2xl);\n }\n .rounded-3xl {\n border-radius: var(--radius-3xl);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-xl {\n border-radius: var(--radius-xl);\n }\n .rounded-t-2xl {\n border-top-left-radius: var(--radius-2xl);\n border-top-right-radius: var(--radius-2xl);\n }\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\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-t {\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-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-\\[\\#0076a8\\] {\n border-color: #0076a8;\n }\n .border-black\\/10 {\n border-color: color-mix(in srgb, #000 10%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n }\n .border-black\\/15 {\n border-color: color-mix(in srgb, #000 15%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 15%, transparent);\n }\n }\n .border-black\\/20 {\n border-color: color-mix(in srgb, #000 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n }\n }\n .border-black\\/40 {\n border-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n }\n .border-blue-100 {\n border-color: var(--color-blue-100);\n }\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n .border-blue-200\\/60 {\n border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);\n }\n }\n .border-blue-300 {\n border-color: var(--color-blue-300);\n }\n .border-blue-400 {\n border-color: var(--color-blue-400);\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-orange-500 {\n border-color: var(--color-orange-500);\n }\n .border-slate-100\\/80 {\n border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);\n }\n }\n .border-slate-200 {\n border-color: var(--color-slate-200);\n }\n .border-slate-200\\/60 {\n border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);\n }\n }\n .border-slate-300 {\n border-color: var(--color-slate-300);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-white\\/30 {\n border-color: color-mix(in srgb, #fff 30%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 30%, transparent);\n }\n }\n .border-white\\/40 {\n border-color: color-mix(in srgb, #fff 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 40%, transparent);\n }\n }\n .bg-\\[\\#0076a8\\] {\n background-color: #0076a8;\n }\n .bg-black\\/5 {\n background-color: color-mix(in srgb, #000 5%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\n }\n .bg-black\\/6 {\n background-color: color-mix(in srgb, #000 6%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 6%, transparent);\n }\n }\n .bg-black\\/10 {\n background-color: color-mix(in srgb, #000 10%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\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-100\\/70 {\n background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);\n }\n }\n .bg-blue-500 {\n background-color: var(--color-blue-500);\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-indigo-100 {\n background-color: var(--color-indigo-100);\n }\n .bg-neutral-100 {\n background-color: var(--color-neutral-100);\n }\n .bg-orange-50 {\n background-color: var(--color-orange-50);\n }\n .bg-orange-500 {\n background-color: var(--color-orange-500);\n }\n .bg-slate-50\\/60 {\n background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);\n }\n }\n .bg-slate-100 {\n background-color: var(--color-slate-100);\n }\n .bg-slate-100\\/60 {\n background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent);\n }\n }\n .bg-slate-100\\/80 {\n background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);\n }\n }\n .bg-slate-300\\/50 {\n background-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-300) 50%, transparent);\n }\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-transparent\\/30 {\n background-color: color-mix(in oklab, transparent 30%, transparent);\n }\n .bg-white {\n background-color: var(--color-white);\n }\n .bg-white\\/70 {\n background-color: color-mix(in srgb, #fff 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 70%, transparent);\n }\n }\n .bg-white\\/75 {\n background-color: color-mix(in srgb, #fff 75%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 75%, transparent);\n }\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-gradient-to-br {\n --tw-gradient-position: to bottom right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n .from-blue-50 {\n --tw-gradient-from: var(--color-blue-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .from-gray-50 {\n --tw-gradient-from: var(--color-gray-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .from-white {\n --tw-gradient-from: var(--color-white);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .to-gray-100 {\n --tw-gradient-to: var(--color-gray-100);\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-indigo-50 {\n --tw-gradient-to: var(--color-indigo-50);\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-slate-50 {\n --tw-gradient-to: var(--color-slate-50);\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 .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .p-7 {\n padding: calc(var(--spacing) * 7);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n .px-9 {\n padding-inline: calc(var(--spacing) * 9);\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-4 {\n padding-block: calc(var(--spacing) * 4);\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-16 {\n padding-block: calc(var(--spacing) * 16);\n }\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n .pb-2\\.5 {\n padding-bottom: calc(var(--spacing) * 2.5);\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-8 {\n padding-bottom: calc(var(--spacing) * 8);\n }\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n .font-mono {\n font-family: var(--font-mono);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .font-titillium {\n font-family: var(--font-titillium);\n }\n .text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-4xl {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-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 .tracking-wide {\n --tw-tracking: var(--tracking-wide);\n letter-spacing: var(--tracking-wide);\n }\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n .break-words {\n overflow-wrap: break-word;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .whitespace-pre-wrap {\n white-space: pre-wrap;\n }\n .text-black {\n color: var(--color-black);\n }\n .text-black\\/60 {\n color: color-mix(in srgb, #000 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--color-black) 60%, transparent);\n }\n }\n .text-blue-500 {\n color: var(--color-blue-500);\n }\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n .text-blue-800 {\n color: var(--color-blue-800);\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-indigo-700 {\n color: var(--color-indigo-700);\n }\n .text-orange-700 {\n color: var(--color-orange-700);\n }\n .text-red-400 {\n color: var(--color-red-400);\n }\n .text-red-600 {\n color: var(--color-red-600);\n }\n .text-slate-400 {\n color: var(--color-slate-400);\n }\n .text-slate-500 {\n color: var(--color-slate-500);\n }\n .text-slate-600 {\n color: var(--color-slate-600);\n }\n .text-slate-700 {\n color: var(--color-slate-700);\n }\n .text-slate-900 {\n color: var(--color-slate-900);\n }\n .text-stone-900 {\n color: var(--color-stone-900);\n }\n .text-white {\n color: var(--color-white);\n }\n .italic {\n font-style: italic;\n }\n .opacity-70 {\n opacity: 70%;\n }\n .opacity-100 {\n opacity: 100%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\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-2xs {\n --tw-shadow: 0 1px 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 .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-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\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 .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 .backdrop-blur-2xl {\n --tw-backdrop-blur: blur(var(--blur-2xl));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n }\n .backdrop-blur-lg {\n --tw-backdrop-blur: blur(var(--blur-lg));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n }\n .backdrop-blur-sm {\n --tw-backdrop-blur: blur(var(--blur-sm));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n }\n .backdrop-blur-xl {\n --tw-backdrop-blur: blur(var(--blur-xl));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n }\n .backdrop-saturate-150 {\n --tw-backdrop-saturate: saturate(150%);\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, 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-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 .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 .hover\\:border-slate-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-slate-300);\n }\n }\n }\n .hover\\:border-slate-300\\/60 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent);\n }\n }\n }\n }\n .hover\\:border-white\\/50 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, #fff 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 50%, transparent);\n }\n }\n }\n }\n .hover\\:border-white\\/60 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, #fff 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n }\n }\n }\n }\n .hover\\:bg-black\\/5 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #000 5%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\n }\n }\n }\n .hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-600);\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-orange-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-orange-600);\n }\n }\n }\n .hover\\:bg-slate-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-slate-50);\n }\n }\n }\n .hover\\:bg-white\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 80%, transparent);\n }\n }\n }\n }\n .hover\\:bg-white\\/85 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 85%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 85%, transparent);\n }\n }\n }\n }\n .hover\\:bg-white\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n }\n }\n }\n }\n .hover\\:text-slate-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-slate-900);\n }\n }\n }\n .hover\\:shadow {\n &:hover {\n @media (hover: hover) {\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 .hover\\:shadow-\\[0_4px_16px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.9\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.9));\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 .hover\\:shadow-\\[0_12px_48px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.8\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 12px 48px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.8));\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 .hover\\:shadow-\\[0_20px_48px_-12px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,1\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 20px 48px -12px var(--tw-shadow-color, rgba(0,0,0,0.15)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,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 .focus\\:ring-0 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .sm\\:col-span-1 {\n @media (width >= 40rem) {\n grid-column: span 1 / span 1;\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\\:max-w-2xl {\n @media (width >= 40rem) {\n max-width: var(--container-2xl);\n }\n }\n .sm\\:max-w-4xl {\n @media (width >= 40rem) {\n max-width: var(--container-4xl);\n }\n }\n .sm\\:grid-cols-2 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\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-7 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n }\n }\n .sm\\:items-center {\n @media (width >= 40rem) {\n align-items: center;\n }\n }\n .sm\\:rounded-2xl {\n @media (width >= 40rem) {\n border-radius: var(--radius-2xl);\n }\n }\n .sm\\:text-4xl {\n @media (width >= 40rem) {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n }\n }\n .md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n .md\\:px-12 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--spacing) * 12);\n }\n }\n .md\\:text-5xl {\n @media (width >= 48rem) {\n font-size: var(--text-5xl);\n line-height: var(--tw-leading, var(--text-5xl--line-height));\n }\n }\n .lg\\:block {\n @media (width >= 64rem) {\n display: block;\n }\n }\n .lg\\:hidden {\n @media (width >= 64rem) {\n display: none;\n }\n }\n .lg\\:max-h-\\[calc\\(100dvh-15rem\\)\\] {\n @media (width >= 64rem) {\n max-height: calc(100dvh - 15rem);\n }\n }\n .lg\\:grid-cols-\\[280px_minmax\\(0\\,1fr\\)_320px\\] {\n @media (width >= 64rem) {\n grid-template-columns: 280px minmax(0,1fr) 320px;\n }\n }\n .lg\\:grid-cols-\\[minmax\\(0\\,1fr\\)\\] {\n @media (width >= 64rem) {\n grid-template-columns: minmax(0,1fr);\n }\n }\n }\n}\n.qb-render-root {\n all: revert-layer;\n * {\n all: revert-layer;\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-space-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-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-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@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-space-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-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-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 }\n }\n}\n";
8
+ style.textContent = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n@layer properties;\n.visible {\n visibility: visible;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n}\n.absolute {\n position: absolute;\n}\n.fixed {\n position: fixed;\n}\n.relative {\n position: relative;\n}\n.static {\n position: static;\n}\n.sticky {\n position: sticky;\n}\n.inset-0 {\n inset: calc(var(--spacing) * 0);\n}\n.top-0 {\n top: calc(var(--spacing) * 0);\n}\n.top-3 {\n top: calc(var(--spacing) * 3);\n}\n.top-5 {\n top: calc(var(--spacing) * 5);\n}\n.right-5 {\n right: calc(var(--spacing) * 5);\n}\n.right-7 {\n right: calc(var(--spacing) * 7);\n}\n.bottom-0 {\n bottom: calc(var(--spacing) * 0);\n}\n.bottom-5 {\n bottom: calc(var(--spacing) * 5);\n}\n.left-0 {\n left: calc(var(--spacing) * 0);\n}\n.left-1\\/2 {\n left: calc(1/2 * 100%);\n}\n.z-10 {\n z-index: 10;\n}\n.z-30 {\n z-index: 30;\n}\n.z-49 {\n z-index: 49;\n}\n.z-50 {\n z-index: 50;\n}\n.z-\\[60\\] {\n z-index: 60;\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-0 {\n margin: calc(var(--spacing) * 0);\n}\n.mx-29 {\n margin-inline: calc(var(--spacing) * 29);\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-9 {\n margin-block: calc(var(--spacing) * 9);\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-12 {\n margin-top: calc(var(--spacing) * 12);\n}\n.mr-2 {\n margin-right: calc(var(--spacing) * 2);\n}\n.mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n}\n.mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n}\n.mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n}\n.mb-2\\.5 {\n margin-bottom: calc(var(--spacing) * 2.5);\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-8 {\n margin-bottom: calc(var(--spacing) * 8);\n}\n.mb-10 {\n margin-bottom: calc(var(--spacing) * 10);\n}\n.mb-12 {\n margin-bottom: calc(var(--spacing) * 12);\n}\n.mb-14 {\n margin-bottom: calc(var(--spacing) * 14);\n}\n.ml-2 {\n margin-left: calc(var(--spacing) * 2);\n}\n.block {\n display: block;\n}\n.flex {\n display: flex;\n}\n.grid {\n display: grid;\n}\n.hidden {\n display: none;\n}\n.inline {\n display: inline;\n}\n.inline-flex {\n display: inline-flex;\n}\n.h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\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-9 {\n height: calc(var(--spacing) * 9);\n}\n.h-10 {\n height: calc(var(--spacing) * 10);\n}\n.h-12 {\n height: calc(var(--spacing) * 12);\n}\n.h-72 {\n height: calc(var(--spacing) * 72);\n}\n.h-dvh {\n height: 100dvh;\n}\n.h-fit {\n height: fit-content;\n}\n.h-full {\n height: 100%;\n}\n.max-h-32 {\n max-height: calc(var(--spacing) * 32);\n}\n.max-h-56 {\n max-height: calc(var(--spacing) * 56);\n}\n.max-h-60 {\n max-height: calc(var(--spacing) * 60);\n}\n.max-h-96 {\n max-height: calc(var(--spacing) * 96);\n}\n.max-h-\\[70vh\\] {\n max-height: 70vh;\n}\n.max-h-\\[80vh\\] {\n max-height: 80vh;\n}\n.max-h-\\[300px\\] {\n max-height: 300px;\n}\n.max-h-\\[calc\\(100svh-19rem\\)\\] {\n max-height: calc(100svh - 19rem);\n}\n.max-h-screen {\n max-height: 100vh;\n}\n.min-h-24 {\n min-height: calc(var(--spacing) * 24);\n}\n.min-h-dvh {\n min-height: 100dvh;\n}\n.min-h-screen {\n min-height: 100vh;\n}\n.custom-scrollbar {\n &::-webkit-scrollbar {\n width: calc(var(--spacing) * 1.5);\n }\n &::-webkit-scrollbar-thumb {\n border-radius: calc(infinity * 1px);\n }\n &::-webkit-scrollbar-thumb {\n background-color: var(--color-gray-500);\n }\n &::-webkit-scrollbar-track {\n border-radius: calc(infinity * 1px);\n }\n &::-webkit-scrollbar-track {\n background-color: var(--color-gray-100);\n }\n}\n.w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\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-9 {\n width: calc(var(--spacing) * 9);\n}\n.w-12 {\n width: calc(var(--spacing) * 12);\n}\n.w-full {\n width: 100%;\n}\n.w-px {\n width: 1px;\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-5xl {\n max-width: var(--container-5xl);\n}\n.max-w-6xl {\n max-width: var(--container-6xl);\n}\n.max-w-md {\n max-width: var(--container-md);\n}\n.max-w-xl {\n max-width: var(--container-xl);\n}\n.min-w-fit {\n min-width: fit-content;\n}\n.flex-1 {\n flex: 1;\n}\n.flex-shrink-0 {\n flex-shrink: 0;\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.cursor-pointer {\n cursor: pointer;\n}\n.resize-y {\n resize: vertical;\n}\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.flex-col {\n flex-direction: column;\n}\n.flex-wrap {\n flex-wrap: wrap;\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-around {\n justify-content: space-around;\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.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.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-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\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-y-auto {\n overflow-y: auto;\n}\n.overflow-y-scroll {\n overflow-y: scroll;\n}\n.overflow-y-visible {\n overflow-y: visible;\n}\n.rounded {\n border-radius: 0.25rem;\n}\n.rounded-2xl {\n border-radius: var(--radius-2xl);\n}\n.rounded-3xl {\n border-radius: var(--radius-3xl);\n}\n.rounded-lg {\n border-radius: var(--radius-lg);\n}\n.rounded-md {\n border-radius: var(--radius-md);\n}\n.rounded-xl {\n border-radius: var(--radius-xl);\n}\n.rounded-t-2xl {\n border-top-left-radius: var(--radius-2xl);\n border-top-right-radius: var(--radius-2xl);\n}\n.rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\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-t {\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-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-\\[\\#0076a8\\] {\n border-color: #0076a8;\n}\n.border-black\\/10 {\n border-color: color-mix(in srgb, #000 10%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n}\n.border-black\\/15 {\n border-color: color-mix(in srgb, #000 15%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 15%, transparent);\n }\n}\n.border-black\\/20 {\n border-color: color-mix(in srgb, #000 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n }\n}\n.border-black\\/40 {\n border-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n}\n.border-blue-100 {\n border-color: var(--color-blue-100);\n}\n.border-blue-200 {\n border-color: var(--color-blue-200);\n}\n.border-blue-200\\/60 {\n border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);\n }\n}\n.border-blue-300 {\n border-color: var(--color-blue-300);\n}\n.border-blue-400 {\n border-color: var(--color-blue-400);\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-orange-500 {\n border-color: var(--color-orange-500);\n}\n.border-slate-100\\/80 {\n border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);\n }\n}\n.border-slate-200 {\n border-color: var(--color-slate-200);\n}\n.border-slate-200\\/60 {\n border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);\n }\n}\n.border-slate-300 {\n border-color: var(--color-slate-300);\n}\n.border-transparent {\n border-color: transparent;\n}\n.border-white\\/30 {\n border-color: color-mix(in srgb, #fff 30%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 30%, transparent);\n }\n}\n.border-white\\/40 {\n border-color: color-mix(in srgb, #fff 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 40%, transparent);\n }\n}\n.bg-\\[\\#0076a8\\] {\n background-color: #0076a8;\n}\n.bg-black\\/5 {\n background-color: color-mix(in srgb, #000 5%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\n}\n.bg-black\\/6 {\n background-color: color-mix(in srgb, #000 6%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 6%, transparent);\n }\n}\n.bg-black\\/10 {\n background-color: color-mix(in srgb, #000 10%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\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-100\\/70 {\n background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);\n }\n}\n.bg-blue-500 {\n background-color: var(--color-blue-500);\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-indigo-100 {\n background-color: var(--color-indigo-100);\n}\n.bg-neutral-100 {\n background-color: var(--color-neutral-100);\n}\n.bg-orange-50 {\n background-color: var(--color-orange-50);\n}\n.bg-orange-500 {\n background-color: var(--color-orange-500);\n}\n.bg-slate-50\\/60 {\n background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);\n }\n}\n.bg-slate-100 {\n background-color: var(--color-slate-100);\n}\n.bg-slate-100\\/60 {\n background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent);\n }\n}\n.bg-slate-100\\/80 {\n background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);\n }\n}\n.bg-slate-300\\/50 {\n background-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-300) 50%, transparent);\n }\n}\n.bg-transparent {\n background-color: transparent;\n}\n.bg-transparent\\/30 {\n background-color: color-mix(in oklab, transparent 30%, transparent);\n}\n.bg-white {\n background-color: var(--color-white);\n}\n.bg-white\\/70 {\n background-color: color-mix(in srgb, #fff 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 70%, transparent);\n }\n}\n.bg-white\\/75 {\n background-color: color-mix(in srgb, #fff 75%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 75%, transparent);\n }\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-gradient-to-br {\n --tw-gradient-position: to bottom right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n}\n.from-blue-50 {\n --tw-gradient-from: var(--color-blue-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.from-gray-50 {\n --tw-gradient-from: var(--color-gray-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.from-white {\n --tw-gradient-from: var(--color-white);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.to-gray-100 {\n --tw-gradient-to: var(--color-gray-100);\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-indigo-50 {\n --tw-gradient-to: var(--color-indigo-50);\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-slate-50 {\n --tw-gradient-to: var(--color-slate-50);\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.p-0 {\n padding: calc(var(--spacing) * 0);\n}\n.p-1 {\n padding: calc(var(--spacing) * 1);\n}\n.p-2 {\n padding: calc(var(--spacing) * 2);\n}\n.p-3 {\n padding: calc(var(--spacing) * 3);\n}\n.p-4 {\n padding: calc(var(--spacing) * 4);\n}\n.p-6 {\n padding: calc(var(--spacing) * 6);\n}\n.p-7 {\n padding: calc(var(--spacing) * 7);\n}\n.px-2 {\n padding-inline: calc(var(--spacing) * 2);\n}\n.px-3 {\n padding-inline: calc(var(--spacing) * 3);\n}\n.px-4 {\n padding-inline: calc(var(--spacing) * 4);\n}\n.px-5 {\n padding-inline: calc(var(--spacing) * 5);\n}\n.px-6 {\n padding-inline: calc(var(--spacing) * 6);\n}\n.px-8 {\n padding-inline: calc(var(--spacing) * 8);\n}\n.px-9 {\n padding-inline: calc(var(--spacing) * 9);\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-4 {\n padding-block: calc(var(--spacing) * 4);\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-16 {\n padding-block: calc(var(--spacing) * 16);\n}\n.pt-4 {\n padding-top: calc(var(--spacing) * 4);\n}\n.pt-8 {\n padding-top: calc(var(--spacing) * 8);\n}\n.pr-2 {\n padding-right: calc(var(--spacing) * 2);\n}\n.pb-2\\.5 {\n padding-bottom: calc(var(--spacing) * 2.5);\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-8 {\n padding-bottom: calc(var(--spacing) * 8);\n}\n.pl-6 {\n padding-left: calc(var(--spacing) * 6);\n}\n.text-center {\n text-align: center;\n}\n.text-left {\n text-align: left;\n}\n.font-mono {\n font-family: var(--font-mono);\n}\n.font-sans {\n font-family: var(--font-sans);\n}\n.font-titillium {\n font-family: var(--font-titillium);\n}\n.text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n.text-4xl {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n}\n.text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n.text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n.text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n.text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n.text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n.leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n}\n.leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n}\n.font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n.font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n.font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n}\n.font-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.tracking-wide {\n --tw-tracking: var(--tracking-wide);\n letter-spacing: var(--tracking-wide);\n}\n.tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n}\n.break-words {\n overflow-wrap: break-word;\n}\n.whitespace-nowrap {\n white-space: nowrap;\n}\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n.text-black {\n color: var(--color-black);\n}\n.text-black\\/60 {\n color: color-mix(in srgb, #000 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--color-black) 60%, transparent);\n }\n}\n.text-blue-500 {\n color: var(--color-blue-500);\n}\n.text-blue-600 {\n color: var(--color-blue-600);\n}\n.text-blue-800 {\n color: var(--color-blue-800);\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-indigo-700 {\n color: var(--color-indigo-700);\n}\n.text-orange-700 {\n color: var(--color-orange-700);\n}\n.text-red-400 {\n color: var(--color-red-400);\n}\n.text-red-600 {\n color: var(--color-red-600);\n}\n.text-slate-400 {\n color: var(--color-slate-400);\n}\n.text-slate-500 {\n color: var(--color-slate-500);\n}\n.text-slate-600 {\n color: var(--color-slate-600);\n}\n.text-slate-700 {\n color: var(--color-slate-700);\n}\n.text-slate-900 {\n color: var(--color-slate-900);\n}\n.text-stone-900 {\n color: var(--color-stone-900);\n}\n.text-white {\n color: var(--color-white);\n}\n.italic {\n font-style: italic;\n}\n.opacity-70 {\n opacity: 70%;\n}\n.opacity-100 {\n opacity: 100%;\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\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-2xs {\n --tw-shadow: 0 1px 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.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-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\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.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.backdrop-blur-2xl {\n --tw-backdrop-blur: blur(var(--blur-2xl));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.backdrop-blur-lg {\n --tw-backdrop-blur: blur(var(--blur-lg));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.backdrop-blur-sm {\n --tw-backdrop-blur: blur(var(--blur-sm));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.backdrop-blur-xl {\n --tw-backdrop-blur: blur(var(--blur-xl));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.backdrop-saturate-150 {\n --tw-backdrop-saturate: saturate(150%);\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, 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-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.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.hover\\:border-slate-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-slate-300);\n }\n }\n}\n.hover\\:border-slate-300\\/60 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent);\n }\n }\n }\n}\n.hover\\:border-white\\/50 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, #fff 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 50%, transparent);\n }\n }\n }\n}\n.hover\\:border-white\\/60 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in srgb, #fff 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n }\n }\n }\n}\n.hover\\:bg-black\\/5 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #000 5%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\n }\n }\n}\n.hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-600);\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-orange-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-orange-600);\n }\n }\n}\n.hover\\:bg-slate-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-slate-50);\n }\n }\n}\n.hover\\:bg-white\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 80%, transparent);\n }\n }\n }\n}\n.hover\\:bg-white\\/85 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 85%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 85%, transparent);\n }\n }\n }\n}\n.hover\\:bg-white\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #fff 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n }\n }\n }\n}\n.hover\\:text-slate-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-slate-900);\n }\n }\n}\n.hover\\:shadow {\n &:hover {\n @media (hover: hover) {\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.hover\\:shadow-\\[0_4px_16px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.9\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.9));\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.hover\\:shadow-\\[0_12px_48px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.8\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 12px 48px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.8));\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.hover\\:shadow-\\[0_20px_48px_-12px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,1\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 20px 48px -12px var(--tw-shadow-color, rgba(0,0,0,0.15)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,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.focus\\:ring-0 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n.sm\\:col-span-1 {\n @media (width >= 40rem) {\n grid-column: span 1 / span 1;\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\\:max-w-2xl {\n @media (width >= 40rem) {\n max-width: var(--container-2xl);\n }\n}\n.sm\\:max-w-4xl {\n @media (width >= 40rem) {\n max-width: var(--container-4xl);\n }\n}\n.sm\\:grid-cols-2 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\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-7 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n }\n}\n.sm\\:items-center {\n @media (width >= 40rem) {\n align-items: center;\n }\n}\n.sm\\:rounded-2xl {\n @media (width >= 40rem) {\n border-radius: var(--radius-2xl);\n }\n}\n.sm\\:text-4xl {\n @media (width >= 40rem) {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n }\n}\n.md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n.md\\:px-12 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--spacing) * 12);\n }\n}\n.md\\:text-5xl {\n @media (width >= 48rem) {\n font-size: var(--text-5xl);\n line-height: var(--tw-leading, var(--text-5xl--line-height));\n }\n}\n.lg\\:block {\n @media (width >= 64rem) {\n display: block;\n }\n}\n.lg\\:hidden {\n @media (width >= 64rem) {\n display: none;\n }\n}\n.lg\\:max-h-\\[calc\\(100dvh-15rem\\)\\] {\n @media (width >= 64rem) {\n max-height: calc(100dvh - 15rem);\n }\n}\n.lg\\:grid-cols-\\[280px_minmax\\(0\\,1fr\\)_320px\\] {\n @media (width >= 64rem) {\n grid-template-columns: 280px minmax(0,1fr) 320px;\n }\n}\n.lg\\:grid-cols-\\[minmax\\(0\\,1fr\\)\\] {\n @media (width >= 64rem) {\n grid-template-columns: minmax(0,1fr);\n }\n}\n:root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji';\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',\n monospace;\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-orange-50: oklch(98% 0.016 73.684);\n --color-orange-500: oklch(70.5% 0.213 47.604);\n --color-orange-600: oklch(64.6% 0.222 41.116);\n --color-orange-700: oklch(55.3% 0.195 38.402);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-slate-50: oklch(98.4% 0.003 247.858);\n --color-slate-100: oklch(96.8% 0.007 247.896);\n --color-slate-200: oklch(92.9% 0.013 255.508);\n --color-slate-300: oklch(86.9% 0.022 252.894);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --color-slate-500: oklch(55.4% 0.046 257.417);\n --color-slate-600: oklch(44.6% 0.043 257.281);\n --color-slate-700: oklch(37.2% 0.044 257.287);\n --color-slate-900: oklch(20.8% 0.042 265.755);\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-neutral-100: oklch(97% 0 0);\n --color-stone-900: oklch(21.6% 0.006 56.043);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-md: 28rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\n --container-5xl: 64rem;\n --container-6xl: 72rem;\n --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-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --font-weight-light: 300;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --tracking-tight: -0.025em;\n --tracking-wide: 0.025em;\n --tracking-wider: 0.05em;\n --leading-tight: 1.25;\n --leading-relaxed: 1.625;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --blur-sm: 8px;\n --blur-lg: 16px;\n --blur-xl: 24px;\n --blur-2xl: 40px;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --font-titillium: \"Titillium Web\", sans-serif;\n}\n@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');\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-space-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-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-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@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-space-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-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-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 }\n }\n}\n";
9
9
  document.head.appendChild(style);
10
10
  }
11
11
  window.__QUESTIONNAIRE_BLAZE_CSS_INJECTED = true;
@@ -21302,1554 +21302,1399 @@ function un(i, d = FO) {
21302
21302
  if (!document.querySelector("#questionnaire-engine-styles")) {
21303
21303
  const i = document.createElement("style");
21304
21304
  i.id = "questionnaire-engine-styles", i.textContent = `/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
21305
- @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
21306
21305
  @layer properties;
21307
- @layer theme, base, components, utilities;
21308
- @layer theme {
21309
- :root, :host {
21310
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
21311
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
21312
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
21313
- "Courier New", monospace;
21314
- --color-red-400: oklch(70.4% 0.191 22.216);
21315
- --color-red-600: oklch(57.7% 0.245 27.325);
21316
- --color-orange-50: oklch(98% 0.016 73.684);
21317
- --color-orange-500: oklch(70.5% 0.213 47.604);
21318
- --color-orange-600: oklch(64.6% 0.222 41.116);
21319
- --color-orange-700: oklch(55.3% 0.195 38.402);
21320
- --color-blue-50: oklch(97% 0.014 254.604);
21321
- --color-blue-100: oklch(93.2% 0.032 255.585);
21322
- --color-blue-200: oklch(88.2% 0.059 254.128);
21323
- --color-blue-300: oklch(80.9% 0.105 251.813);
21324
- --color-blue-400: oklch(70.7% 0.165 254.624);
21325
- --color-blue-500: oklch(62.3% 0.214 259.815);
21326
- --color-blue-600: oklch(54.6% 0.245 262.881);
21327
- --color-blue-800: oklch(42.4% 0.199 265.638);
21328
- --color-indigo-50: oklch(96.2% 0.018 272.314);
21329
- --color-indigo-100: oklch(93% 0.034 272.788);
21330
- --color-indigo-700: oklch(45.7% 0.24 277.023);
21331
- --color-slate-50: oklch(98.4% 0.003 247.858);
21332
- --color-slate-100: oklch(96.8% 0.007 247.896);
21333
- --color-slate-200: oklch(92.9% 0.013 255.508);
21334
- --color-slate-300: oklch(86.9% 0.022 252.894);
21335
- --color-slate-400: oklch(70.4% 0.04 256.788);
21336
- --color-slate-500: oklch(55.4% 0.046 257.417);
21337
- --color-slate-600: oklch(44.6% 0.043 257.281);
21338
- --color-slate-700: oklch(37.2% 0.044 257.287);
21339
- --color-slate-900: oklch(20.8% 0.042 265.755);
21340
- --color-gray-50: oklch(98.5% 0.002 247.839);
21341
- --color-gray-100: oklch(96.7% 0.003 264.542);
21342
- --color-gray-200: oklch(92.8% 0.006 264.531);
21343
- --color-gray-300: oklch(87.2% 0.01 258.338);
21344
- --color-gray-400: oklch(70.7% 0.022 261.325);
21345
- --color-gray-500: oklch(55.1% 0.027 264.364);
21346
- --color-gray-600: oklch(44.6% 0.03 256.802);
21347
- --color-gray-700: oklch(37.3% 0.034 259.733);
21348
- --color-gray-800: oklch(27.8% 0.033 256.848);
21349
- --color-neutral-100: oklch(97% 0 0);
21350
- --color-stone-900: oklch(21.6% 0.006 56.043);
21351
- --color-black: #000;
21352
- --color-white: #fff;
21353
- --spacing: 0.25rem;
21354
- --container-md: 28rem;
21355
- --container-xl: 36rem;
21356
- --container-2xl: 42rem;
21357
- --container-3xl: 48rem;
21358
- --container-4xl: 56rem;
21359
- --container-5xl: 64rem;
21360
- --container-6xl: 72rem;
21361
- --text-xs: 0.75rem;
21362
- --text-xs--line-height: calc(1 / 0.75);
21363
- --text-sm: 0.875rem;
21364
- --text-sm--line-height: calc(1.25 / 0.875);
21365
- --text-base: 1rem;
21366
- --text-base--line-height: calc(1.5 / 1);
21367
- --text-lg: 1.125rem;
21368
- --text-lg--line-height: calc(1.75 / 1.125);
21369
- --text-xl: 1.25rem;
21370
- --text-xl--line-height: calc(1.75 / 1.25);
21371
- --text-3xl: 1.875rem;
21372
- --text-3xl--line-height: calc(2.25 / 1.875);
21373
- --text-4xl: 2.25rem;
21374
- --text-4xl--line-height: calc(2.5 / 2.25);
21375
- --text-5xl: 3rem;
21376
- --text-5xl--line-height: 1;
21377
- --font-weight-light: 300;
21378
- --font-weight-medium: 500;
21379
- --font-weight-semibold: 600;
21380
- --font-weight-bold: 700;
21381
- --tracking-tight: -0.025em;
21382
- --tracking-wide: 0.025em;
21383
- --tracking-wider: 0.05em;
21384
- --leading-tight: 1.25;
21385
- --leading-relaxed: 1.625;
21386
- --radius-md: 0.375rem;
21387
- --radius-lg: 0.5rem;
21388
- --radius-xl: 0.75rem;
21389
- --radius-2xl: 1rem;
21390
- --radius-3xl: 1.5rem;
21391
- --blur-sm: 8px;
21392
- --blur-lg: 16px;
21393
- --blur-xl: 24px;
21394
- --blur-2xl: 40px;
21395
- --default-transition-duration: 150ms;
21396
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21397
- --default-font-family: var(--font-sans);
21398
- --default-mono-font-family: var(--font-mono);
21399
- --font-titillium: "Titillium Web", sans-serif;
21400
- }
21401
- }
21402
- @layer base {
21403
- *, ::after, ::before, ::backdrop, ::file-selector-button {
21404
- box-sizing: border-box;
21405
- margin: 0;
21406
- padding: 0;
21407
- border: 0 solid;
21408
- }
21409
- html, :host {
21410
- line-height: 1.5;
21411
- -webkit-text-size-adjust: 100%;
21412
- tab-size: 4;
21413
- 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");
21414
- font-feature-settings: var(--default-font-feature-settings, normal);
21415
- font-variation-settings: var(--default-font-variation-settings, normal);
21416
- -webkit-tap-highlight-color: transparent;
21417
- }
21418
- hr {
21419
- height: 0;
21420
- color: inherit;
21421
- border-top-width: 1px;
21422
- }
21423
- abbr:where([title]) {
21424
- -webkit-text-decoration: underline dotted;
21425
- text-decoration: underline dotted;
21426
- }
21427
- h1, h2, h3, h4, h5, h6 {
21428
- font-size: inherit;
21429
- font-weight: inherit;
21430
- }
21431
- a {
21432
- color: inherit;
21433
- -webkit-text-decoration: inherit;
21434
- text-decoration: inherit;
21435
- }
21436
- b, strong {
21437
- font-weight: bolder;
21438
- }
21439
- code, kbd, samp, pre {
21440
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
21441
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
21442
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
21443
- font-size: 1em;
21444
- }
21445
- small {
21446
- font-size: 80%;
21447
- }
21448
- sub, sup {
21449
- font-size: 75%;
21450
- line-height: 0;
21451
- position: relative;
21452
- vertical-align: baseline;
21453
- }
21454
- sub {
21455
- bottom: -0.25em;
21456
- }
21457
- sup {
21458
- top: -0.5em;
21459
- }
21460
- table {
21461
- text-indent: 0;
21462
- border-color: inherit;
21463
- border-collapse: collapse;
21464
- }
21465
- :-moz-focusring {
21466
- outline: auto;
21467
- }
21468
- progress {
21469
- vertical-align: baseline;
21470
- }
21471
- summary {
21472
- display: list-item;
21473
- }
21474
- ol, ul, menu {
21475
- list-style: none;
21476
- }
21477
- img, svg, video, canvas, audio, iframe, embed, object {
21478
- display: block;
21479
- vertical-align: middle;
21480
- }
21481
- img, video {
21482
- max-width: 100%;
21483
- height: auto;
21484
- }
21485
- button, input, select, optgroup, textarea, ::file-selector-button {
21486
- font: inherit;
21487
- font-feature-settings: inherit;
21488
- font-variation-settings: inherit;
21489
- letter-spacing: inherit;
21490
- color: inherit;
21491
- border-radius: 0;
21492
- background-color: transparent;
21493
- opacity: 1;
21494
- }
21495
- :where(select:is([multiple], [size])) optgroup {
21496
- font-weight: bolder;
21497
- }
21498
- :where(select:is([multiple], [size])) optgroup option {
21499
- padding-inline-start: 20px;
21500
- }
21501
- ::file-selector-button {
21502
- margin-inline-end: 4px;
21503
- }
21504
- ::placeholder {
21505
- opacity: 1;
21506
- }
21507
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
21508
- ::placeholder {
21509
- color: currentcolor;
21510
- @supports (color: color-mix(in lab, red, red)) {
21511
- color: color-mix(in oklab, currentcolor 50%, transparent);
21512
- }
21513
- }
21514
- }
21515
- textarea {
21516
- resize: vertical;
21517
- }
21518
- ::-webkit-search-decoration {
21519
- -webkit-appearance: none;
21520
- }
21521
- ::-webkit-date-and-time-value {
21522
- min-height: 1lh;
21523
- text-align: inherit;
21524
- }
21525
- ::-webkit-datetime-edit {
21526
- display: inline-flex;
21527
- }
21528
- ::-webkit-datetime-edit-fields-wrapper {
21529
- padding: 0;
21530
- }
21531
- ::-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 {
21532
- padding-block: 0;
21533
- }
21534
- ::-webkit-calendar-picker-indicator {
21535
- line-height: 1;
21536
- }
21537
- :-moz-ui-invalid {
21538
- box-shadow: none;
21539
- }
21540
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
21541
- appearance: button;
21542
- }
21543
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
21544
- height: auto;
21545
- }
21546
- [hidden]:where(:not([hidden="until-found"])) {
21547
- display: none !important;
21548
- }
21306
+ .visible {
21307
+ visibility: visible;
21549
21308
  }
21550
- @layer utilities {
21551
- .visible {
21552
- visibility: visible;
21553
- }
21554
- .sr-only {
21555
- position: absolute;
21556
- width: 1px;
21557
- height: 1px;
21558
- padding: 0;
21559
- margin: -1px;
21560
- overflow: hidden;
21561
- clip-path: inset(50%);
21562
- white-space: nowrap;
21563
- border-width: 0;
21564
- }
21565
- .absolute {
21566
- position: absolute;
21567
- }
21568
- .fixed {
21569
- position: fixed;
21570
- }
21571
- .relative {
21572
- position: relative;
21573
- }
21574
- .static {
21575
- position: static;
21576
- }
21577
- .sticky {
21578
- position: sticky;
21579
- }
21580
- .inset-0 {
21581
- inset: calc(var(--spacing) * 0);
21582
- }
21583
- .top-0 {
21584
- top: calc(var(--spacing) * 0);
21585
- }
21586
- .top-3 {
21587
- top: calc(var(--spacing) * 3);
21588
- }
21589
- .top-5 {
21590
- top: calc(var(--spacing) * 5);
21591
- }
21592
- .right-5 {
21593
- right: calc(var(--spacing) * 5);
21594
- }
21595
- .right-7 {
21596
- right: calc(var(--spacing) * 7);
21597
- }
21598
- .bottom-0 {
21599
- bottom: calc(var(--spacing) * 0);
21600
- }
21601
- .bottom-5 {
21602
- bottom: calc(var(--spacing) * 5);
21603
- }
21604
- .left-0 {
21605
- left: calc(var(--spacing) * 0);
21606
- }
21607
- .left-1\\/2 {
21608
- left: calc(1/2 * 100%);
21609
- }
21610
- .z-10 {
21611
- z-index: 10;
21612
- }
21613
- .z-30 {
21614
- z-index: 30;
21615
- }
21616
- .z-49 {
21617
- z-index: 49;
21618
- }
21619
- .z-50 {
21620
- z-index: 50;
21621
- }
21622
- .z-\\[60\\] {
21623
- z-index: 60;
21624
- }
21625
- .container {
21626
- width: 100%;
21627
- @media (width >= 40rem) {
21628
- max-width: 40rem;
21629
- }
21630
- @media (width >= 48rem) {
21631
- max-width: 48rem;
21632
- }
21633
- @media (width >= 64rem) {
21634
- max-width: 64rem;
21635
- }
21636
- @media (width >= 80rem) {
21637
- max-width: 80rem;
21638
- }
21639
- @media (width >= 96rem) {
21640
- max-width: 96rem;
21641
- }
21642
- }
21643
- .m-0 {
21644
- margin: calc(var(--spacing) * 0);
21645
- }
21646
- .mx-29 {
21647
- margin-inline: calc(var(--spacing) * 29);
21648
- }
21649
- .mx-auto {
21650
- margin-inline: auto;
21651
- }
21652
- .my-1\\.5 {
21653
- margin-block: calc(var(--spacing) * 1.5);
21654
- }
21655
- .my-2 {
21656
- margin-block: calc(var(--spacing) * 2);
21657
- }
21658
- .my-9 {
21659
- margin-block: calc(var(--spacing) * 9);
21660
- }
21661
- .mt-1 {
21662
- margin-top: calc(var(--spacing) * 1);
21663
- }
21664
- .mt-2 {
21665
- margin-top: calc(var(--spacing) * 2);
21666
- }
21667
- .mt-3 {
21668
- margin-top: calc(var(--spacing) * 3);
21669
- }
21670
- .mt-4 {
21671
- margin-top: calc(var(--spacing) * 4);
21672
- }
21673
- .mt-5 {
21674
- margin-top: calc(var(--spacing) * 5);
21675
- }
21676
- .mt-6 {
21677
- margin-top: calc(var(--spacing) * 6);
21678
- }
21679
- .mt-8 {
21680
- margin-top: calc(var(--spacing) * 8);
21681
- }
21682
- .mt-12 {
21683
- margin-top: calc(var(--spacing) * 12);
21684
- }
21685
- .mr-2 {
21686
- margin-right: calc(var(--spacing) * 2);
21687
- }
21688
- .mb-1 {
21689
- margin-bottom: calc(var(--spacing) * 1);
21690
- }
21691
- .mb-1\\.5 {
21692
- margin-bottom: calc(var(--spacing) * 1.5);
21693
- }
21694
- .mb-2 {
21695
- margin-bottom: calc(var(--spacing) * 2);
21696
- }
21697
- .mb-2\\.5 {
21698
- margin-bottom: calc(var(--spacing) * 2.5);
21699
- }
21700
- .mb-3 {
21701
- margin-bottom: calc(var(--spacing) * 3);
21702
- }
21703
- .mb-4 {
21704
- margin-bottom: calc(var(--spacing) * 4);
21705
- }
21706
- .mb-5 {
21707
- margin-bottom: calc(var(--spacing) * 5);
21708
- }
21709
- .mb-6 {
21710
- margin-bottom: calc(var(--spacing) * 6);
21711
- }
21712
- .mb-8 {
21713
- margin-bottom: calc(var(--spacing) * 8);
21714
- }
21715
- .mb-10 {
21716
- margin-bottom: calc(var(--spacing) * 10);
21717
- }
21718
- .mb-12 {
21719
- margin-bottom: calc(var(--spacing) * 12);
21720
- }
21721
- .mb-14 {
21722
- margin-bottom: calc(var(--spacing) * 14);
21723
- }
21724
- .ml-2 {
21725
- margin-left: calc(var(--spacing) * 2);
21726
- }
21727
- .block {
21728
- display: block;
21729
- }
21730
- .flex {
21731
- display: flex;
21732
- }
21733
- .grid {
21734
- display: grid;
21735
- }
21736
- .hidden {
21737
- display: none;
21738
- }
21739
- .inline {
21740
- display: inline;
21741
- }
21742
- .inline-flex {
21743
- display: inline-flex;
21744
- }
21745
- .h-3\\.5 {
21746
- height: calc(var(--spacing) * 3.5);
21747
- }
21748
- .h-4 {
21749
- height: calc(var(--spacing) * 4);
21750
- }
21751
- .h-5 {
21752
- height: calc(var(--spacing) * 5);
21753
- }
21754
- .h-6 {
21755
- height: calc(var(--spacing) * 6);
21756
- }
21757
- .h-9 {
21758
- height: calc(var(--spacing) * 9);
21759
- }
21760
- .h-10 {
21761
- height: calc(var(--spacing) * 10);
21762
- }
21763
- .h-12 {
21764
- height: calc(var(--spacing) * 12);
21765
- }
21766
- .h-72 {
21767
- height: calc(var(--spacing) * 72);
21768
- }
21769
- .h-dvh {
21770
- height: 100dvh;
21771
- }
21772
- .h-fit {
21773
- height: fit-content;
21774
- }
21775
- .h-full {
21776
- height: 100%;
21777
- }
21778
- .max-h-32 {
21779
- max-height: calc(var(--spacing) * 32);
21780
- }
21781
- .max-h-56 {
21782
- max-height: calc(var(--spacing) * 56);
21783
- }
21784
- .max-h-60 {
21785
- max-height: calc(var(--spacing) * 60);
21786
- }
21787
- .max-h-96 {
21788
- max-height: calc(var(--spacing) * 96);
21789
- }
21790
- .max-h-\\[70vh\\] {
21791
- max-height: 70vh;
21792
- }
21793
- .max-h-\\[80vh\\] {
21794
- max-height: 80vh;
21795
- }
21796
- .max-h-\\[300px\\] {
21797
- max-height: 300px;
21798
- }
21799
- .max-h-\\[calc\\(100svh-19rem\\)\\] {
21800
- max-height: calc(100svh - 19rem);
21801
- }
21802
- .max-h-screen {
21803
- max-height: 100vh;
21804
- }
21805
- .min-h-24 {
21806
- min-height: calc(var(--spacing) * 24);
21807
- }
21808
- .min-h-dvh {
21809
- min-height: 100dvh;
21810
- }
21811
- .min-h-screen {
21812
- min-height: 100vh;
21813
- }
21814
- .custom-scrollbar {
21815
- &::-webkit-scrollbar {
21816
- width: calc(var(--spacing) * 1.5);
21817
- }
21818
- &::-webkit-scrollbar-thumb {
21819
- border-radius: calc(infinity * 1px);
21820
- }
21821
- &::-webkit-scrollbar-thumb {
21822
- background-color: var(--color-gray-500);
21823
- }
21824
- &::-webkit-scrollbar-track {
21825
- border-radius: calc(infinity * 1px);
21826
- }
21827
- &::-webkit-scrollbar-track {
21828
- background-color: var(--color-gray-100);
21829
- }
21830
- }
21831
- .w-3\\.5 {
21832
- width: calc(var(--spacing) * 3.5);
21833
- }
21834
- .w-4 {
21835
- width: calc(var(--spacing) * 4);
21836
- }
21837
- .w-5 {
21838
- width: calc(var(--spacing) * 5);
21839
- }
21840
- .w-6 {
21841
- width: calc(var(--spacing) * 6);
21842
- }
21843
- .w-9 {
21844
- width: calc(var(--spacing) * 9);
21845
- }
21846
- .w-12 {
21847
- width: calc(var(--spacing) * 12);
21848
- }
21849
- .w-full {
21850
- width: 100%;
21851
- }
21852
- .w-px {
21853
- width: 1px;
21854
- }
21855
- .max-w-3xl {
21856
- max-width: var(--container-3xl);
21857
- }
21858
- .max-w-4xl {
21859
- max-width: var(--container-4xl);
21860
- }
21861
- .max-w-5xl {
21862
- max-width: var(--container-5xl);
21863
- }
21864
- .max-w-6xl {
21865
- max-width: var(--container-6xl);
21866
- }
21867
- .max-w-md {
21868
- max-width: var(--container-md);
21869
- }
21870
- .max-w-xl {
21871
- max-width: var(--container-xl);
21872
- }
21873
- .min-w-fit {
21874
- min-width: fit-content;
21875
- }
21876
- .flex-1 {
21877
- flex: 1;
21878
- }
21879
- .flex-shrink-0 {
21880
- flex-shrink: 0;
21881
- }
21882
- .-translate-x-1\\/2 {
21883
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
21884
- translate: var(--tw-translate-x) var(--tw-translate-y);
21885
- }
21886
- .cursor-pointer {
21887
- cursor: pointer;
21888
- }
21889
- .resize-y {
21890
- resize: vertical;
21891
- }
21892
- .grid-cols-1 {
21893
- grid-template-columns: repeat(1, minmax(0, 1fr));
21894
- }
21895
- .grid-cols-2 {
21896
- grid-template-columns: repeat(2, minmax(0, 1fr));
21897
- }
21898
- .flex-col {
21899
- flex-direction: column;
21900
- }
21901
- .flex-wrap {
21902
- flex-wrap: wrap;
21903
- }
21904
- .items-center {
21905
- align-items: center;
21906
- }
21907
- .items-end {
21908
- align-items: flex-end;
21909
- }
21910
- .items-start {
21911
- align-items: flex-start;
21912
- }
21913
- .justify-around {
21914
- justify-content: space-around;
21915
- }
21916
- .justify-between {
21917
- justify-content: space-between;
21918
- }
21919
- .justify-center {
21920
- justify-content: center;
21921
- }
21922
- .justify-end {
21923
- justify-content: flex-end;
21924
- }
21925
- .gap-1\\.5 {
21926
- gap: calc(var(--spacing) * 1.5);
21927
- }
21928
- .gap-2 {
21929
- gap: calc(var(--spacing) * 2);
21930
- }
21931
- .gap-2\\.5 {
21932
- gap: calc(var(--spacing) * 2.5);
21933
- }
21934
- .gap-3 {
21935
- gap: calc(var(--spacing) * 3);
21936
- }
21937
- .gap-4 {
21938
- gap: calc(var(--spacing) * 4);
21939
- }
21940
- .gap-5 {
21941
- gap: calc(var(--spacing) * 5);
21942
- }
21943
- .space-y-1 {
21944
- :where(& > :not(:last-child)) {
21945
- --tw-space-y-reverse: 0;
21946
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
21947
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
21948
- }
21949
- }
21950
- .space-y-2 {
21951
- :where(& > :not(:last-child)) {
21952
- --tw-space-y-reverse: 0;
21953
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
21954
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
21955
- }
21956
- }
21957
- .space-y-3 {
21958
- :where(& > :not(:last-child)) {
21959
- --tw-space-y-reverse: 0;
21960
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
21961
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
21962
- }
21963
- }
21964
- .truncate {
21965
- overflow: hidden;
21966
- text-overflow: ellipsis;
21967
- white-space: nowrap;
21968
- }
21969
- .overflow-auto {
21970
- overflow: auto;
21971
- }
21972
- .overflow-hidden {
21973
- overflow: hidden;
21974
- }
21975
- .overflow-y-auto {
21976
- overflow-y: auto;
21977
- }
21978
- .overflow-y-scroll {
21979
- overflow-y: scroll;
21980
- }
21981
- .overflow-y-visible {
21982
- overflow-y: visible;
21983
- }
21984
- .rounded {
21985
- border-radius: 0.25rem;
21986
- }
21987
- .rounded-2xl {
21988
- border-radius: var(--radius-2xl);
21989
- }
21990
- .rounded-3xl {
21991
- border-radius: var(--radius-3xl);
21992
- }
21993
- .rounded-lg {
21994
- border-radius: var(--radius-lg);
21995
- }
21996
- .rounded-md {
21997
- border-radius: var(--radius-md);
21998
- }
21999
- .rounded-xl {
22000
- border-radius: var(--radius-xl);
22001
- }
22002
- .rounded-t-2xl {
22003
- border-top-left-radius: var(--radius-2xl);
22004
- border-top-right-radius: var(--radius-2xl);
22005
- }
22006
- .rounded-t-lg {
22007
- border-top-left-radius: var(--radius-lg);
22008
- border-top-right-radius: var(--radius-lg);
22009
- }
22010
- .border {
22011
- border-style: var(--tw-border-style);
22012
- border-width: 1px;
22013
- }
22014
- .border-0 {
22015
- border-style: var(--tw-border-style);
22016
- border-width: 0px;
22017
- }
22018
- .border-2 {
22019
- border-style: var(--tw-border-style);
22020
- border-width: 2px;
22021
- }
22022
- .border-t {
22023
- border-top-style: var(--tw-border-style);
22024
- border-top-width: 1px;
22025
- }
22026
- .border-r {
22027
- border-right-style: var(--tw-border-style);
22028
- border-right-width: 1px;
22029
- }
22030
- .border-b {
22031
- border-bottom-style: var(--tw-border-style);
22032
- border-bottom-width: 1px;
22033
- }
22034
- .border-l {
22035
- border-left-style: var(--tw-border-style);
22036
- border-left-width: 1px;
22037
- }
22038
- .border-dashed {
22039
- --tw-border-style: dashed;
22040
- border-style: dashed;
22041
- }
22042
- .border-\\[\\#0076a8\\] {
22043
- border-color: #0076a8;
22044
- }
22045
- .border-black\\/10 {
22046
- border-color: color-mix(in srgb, #000 10%, transparent);
22047
- @supports (color: color-mix(in lab, red, red)) {
22048
- border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
22049
- }
22050
- }
22051
- .border-black\\/15 {
22052
- border-color: color-mix(in srgb, #000 15%, transparent);
22053
- @supports (color: color-mix(in lab, red, red)) {
22054
- border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
22055
- }
22056
- }
22057
- .border-black\\/20 {
22058
- border-color: color-mix(in srgb, #000 20%, transparent);
22059
- @supports (color: color-mix(in lab, red, red)) {
22060
- border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
22061
- }
22062
- }
22063
- .border-black\\/40 {
22064
- border-color: color-mix(in srgb, #000 40%, transparent);
22065
- @supports (color: color-mix(in lab, red, red)) {
22066
- border-color: color-mix(in oklab, var(--color-black) 40%, transparent);
22067
- }
22068
- }
22069
- .border-blue-100 {
22070
- border-color: var(--color-blue-100);
22071
- }
22072
- .border-blue-200 {
22073
- border-color: var(--color-blue-200);
22074
- }
22075
- .border-blue-200\\/60 {
22076
- border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 60%, transparent);
22077
- @supports (color: color-mix(in lab, red, red)) {
22078
- border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);
22079
- }
22080
- }
22081
- .border-blue-300 {
22082
- border-color: var(--color-blue-300);
22083
- }
22084
- .border-blue-400 {
22085
- border-color: var(--color-blue-400);
22086
- }
22087
- .border-gray-200 {
22088
- border-color: var(--color-gray-200);
22089
- }
22090
- .border-gray-300 {
22091
- border-color: var(--color-gray-300);
22092
- }
22093
- .border-orange-500 {
22094
- border-color: var(--color-orange-500);
22095
- }
22096
- .border-slate-100\\/80 {
22097
- border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
22098
- @supports (color: color-mix(in lab, red, red)) {
22099
- border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
22100
- }
22101
- }
22102
- .border-slate-200 {
22103
- border-color: var(--color-slate-200);
22104
- }
22105
- .border-slate-200\\/60 {
22106
- border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
22107
- @supports (color: color-mix(in lab, red, red)) {
22108
- border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
22109
- }
22110
- }
22111
- .border-slate-300 {
22112
- border-color: var(--color-slate-300);
22113
- }
22114
- .border-transparent {
22115
- border-color: transparent;
22116
- }
22117
- .border-white\\/30 {
22118
- border-color: color-mix(in srgb, #fff 30%, transparent);
22119
- @supports (color: color-mix(in lab, red, red)) {
22120
- border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
22121
- }
22122
- }
22123
- .border-white\\/40 {
22124
- border-color: color-mix(in srgb, #fff 40%, transparent);
22125
- @supports (color: color-mix(in lab, red, red)) {
22126
- border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
22127
- }
21309
+ .sr-only {
21310
+ position: absolute;
21311
+ width: 1px;
21312
+ height: 1px;
21313
+ padding: 0;
21314
+ margin: -1px;
21315
+ overflow: hidden;
21316
+ clip-path: inset(50%);
21317
+ white-space: nowrap;
21318
+ border-width: 0;
21319
+ }
21320
+ .absolute {
21321
+ position: absolute;
21322
+ }
21323
+ .fixed {
21324
+ position: fixed;
21325
+ }
21326
+ .relative {
21327
+ position: relative;
21328
+ }
21329
+ .static {
21330
+ position: static;
21331
+ }
21332
+ .sticky {
21333
+ position: sticky;
21334
+ }
21335
+ .inset-0 {
21336
+ inset: calc(var(--spacing) * 0);
21337
+ }
21338
+ .top-0 {
21339
+ top: calc(var(--spacing) * 0);
21340
+ }
21341
+ .top-3 {
21342
+ top: calc(var(--spacing) * 3);
21343
+ }
21344
+ .top-5 {
21345
+ top: calc(var(--spacing) * 5);
21346
+ }
21347
+ .right-5 {
21348
+ right: calc(var(--spacing) * 5);
21349
+ }
21350
+ .right-7 {
21351
+ right: calc(var(--spacing) * 7);
21352
+ }
21353
+ .bottom-0 {
21354
+ bottom: calc(var(--spacing) * 0);
21355
+ }
21356
+ .bottom-5 {
21357
+ bottom: calc(var(--spacing) * 5);
21358
+ }
21359
+ .left-0 {
21360
+ left: calc(var(--spacing) * 0);
21361
+ }
21362
+ .left-1\\/2 {
21363
+ left: calc(1/2 * 100%);
21364
+ }
21365
+ .z-10 {
21366
+ z-index: 10;
21367
+ }
21368
+ .z-30 {
21369
+ z-index: 30;
21370
+ }
21371
+ .z-49 {
21372
+ z-index: 49;
21373
+ }
21374
+ .z-50 {
21375
+ z-index: 50;
21376
+ }
21377
+ .z-\\[60\\] {
21378
+ z-index: 60;
21379
+ }
21380
+ .container {
21381
+ width: 100%;
21382
+ @media (width >= 40rem) {
21383
+ max-width: 40rem;
22128
21384
  }
22129
- .bg-\\[\\#0076a8\\] {
22130
- background-color: #0076a8;
21385
+ @media (width >= 48rem) {
21386
+ max-width: 48rem;
22131
21387
  }
22132
- .bg-black\\/5 {
22133
- background-color: color-mix(in srgb, #000 5%, transparent);
22134
- @supports (color: color-mix(in lab, red, red)) {
22135
- background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
22136
- }
21388
+ @media (width >= 64rem) {
21389
+ max-width: 64rem;
22137
21390
  }
22138
- .bg-black\\/6 {
22139
- background-color: color-mix(in srgb, #000 6%, transparent);
22140
- @supports (color: color-mix(in lab, red, red)) {
22141
- background-color: color-mix(in oklab, var(--color-black) 6%, transparent);
22142
- }
21391
+ @media (width >= 80rem) {
21392
+ max-width: 80rem;
22143
21393
  }
22144
- .bg-black\\/10 {
22145
- background-color: color-mix(in srgb, #000 10%, transparent);
22146
- @supports (color: color-mix(in lab, red, red)) {
22147
- background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
22148
- }
21394
+ @media (width >= 96rem) {
21395
+ max-width: 96rem;
22149
21396
  }
22150
- .bg-black\\/50 {
22151
- background-color: color-mix(in srgb, #000 50%, transparent);
22152
- @supports (color: color-mix(in lab, red, red)) {
22153
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
22154
- }
21397
+ }
21398
+ .m-0 {
21399
+ margin: calc(var(--spacing) * 0);
21400
+ }
21401
+ .mx-29 {
21402
+ margin-inline: calc(var(--spacing) * 29);
21403
+ }
21404
+ .mx-auto {
21405
+ margin-inline: auto;
21406
+ }
21407
+ .my-1\\.5 {
21408
+ margin-block: calc(var(--spacing) * 1.5);
21409
+ }
21410
+ .my-2 {
21411
+ margin-block: calc(var(--spacing) * 2);
21412
+ }
21413
+ .my-9 {
21414
+ margin-block: calc(var(--spacing) * 9);
21415
+ }
21416
+ .mt-1 {
21417
+ margin-top: calc(var(--spacing) * 1);
21418
+ }
21419
+ .mt-2 {
21420
+ margin-top: calc(var(--spacing) * 2);
21421
+ }
21422
+ .mt-3 {
21423
+ margin-top: calc(var(--spacing) * 3);
21424
+ }
21425
+ .mt-4 {
21426
+ margin-top: calc(var(--spacing) * 4);
21427
+ }
21428
+ .mt-5 {
21429
+ margin-top: calc(var(--spacing) * 5);
21430
+ }
21431
+ .mt-6 {
21432
+ margin-top: calc(var(--spacing) * 6);
21433
+ }
21434
+ .mt-8 {
21435
+ margin-top: calc(var(--spacing) * 8);
21436
+ }
21437
+ .mt-12 {
21438
+ margin-top: calc(var(--spacing) * 12);
21439
+ }
21440
+ .mr-2 {
21441
+ margin-right: calc(var(--spacing) * 2);
21442
+ }
21443
+ .mb-1 {
21444
+ margin-bottom: calc(var(--spacing) * 1);
21445
+ }
21446
+ .mb-1\\.5 {
21447
+ margin-bottom: calc(var(--spacing) * 1.5);
21448
+ }
21449
+ .mb-2 {
21450
+ margin-bottom: calc(var(--spacing) * 2);
21451
+ }
21452
+ .mb-2\\.5 {
21453
+ margin-bottom: calc(var(--spacing) * 2.5);
21454
+ }
21455
+ .mb-3 {
21456
+ margin-bottom: calc(var(--spacing) * 3);
21457
+ }
21458
+ .mb-4 {
21459
+ margin-bottom: calc(var(--spacing) * 4);
21460
+ }
21461
+ .mb-5 {
21462
+ margin-bottom: calc(var(--spacing) * 5);
21463
+ }
21464
+ .mb-6 {
21465
+ margin-bottom: calc(var(--spacing) * 6);
21466
+ }
21467
+ .mb-8 {
21468
+ margin-bottom: calc(var(--spacing) * 8);
21469
+ }
21470
+ .mb-10 {
21471
+ margin-bottom: calc(var(--spacing) * 10);
21472
+ }
21473
+ .mb-12 {
21474
+ margin-bottom: calc(var(--spacing) * 12);
21475
+ }
21476
+ .mb-14 {
21477
+ margin-bottom: calc(var(--spacing) * 14);
21478
+ }
21479
+ .ml-2 {
21480
+ margin-left: calc(var(--spacing) * 2);
21481
+ }
21482
+ .block {
21483
+ display: block;
21484
+ }
21485
+ .flex {
21486
+ display: flex;
21487
+ }
21488
+ .grid {
21489
+ display: grid;
21490
+ }
21491
+ .hidden {
21492
+ display: none;
21493
+ }
21494
+ .inline {
21495
+ display: inline;
21496
+ }
21497
+ .inline-flex {
21498
+ display: inline-flex;
21499
+ }
21500
+ .h-3\\.5 {
21501
+ height: calc(var(--spacing) * 3.5);
21502
+ }
21503
+ .h-4 {
21504
+ height: calc(var(--spacing) * 4);
21505
+ }
21506
+ .h-5 {
21507
+ height: calc(var(--spacing) * 5);
21508
+ }
21509
+ .h-6 {
21510
+ height: calc(var(--spacing) * 6);
21511
+ }
21512
+ .h-9 {
21513
+ height: calc(var(--spacing) * 9);
21514
+ }
21515
+ .h-10 {
21516
+ height: calc(var(--spacing) * 10);
21517
+ }
21518
+ .h-12 {
21519
+ height: calc(var(--spacing) * 12);
21520
+ }
21521
+ .h-72 {
21522
+ height: calc(var(--spacing) * 72);
21523
+ }
21524
+ .h-dvh {
21525
+ height: 100dvh;
21526
+ }
21527
+ .h-fit {
21528
+ height: fit-content;
21529
+ }
21530
+ .h-full {
21531
+ height: 100%;
21532
+ }
21533
+ .max-h-32 {
21534
+ max-height: calc(var(--spacing) * 32);
21535
+ }
21536
+ .max-h-56 {
21537
+ max-height: calc(var(--spacing) * 56);
21538
+ }
21539
+ .max-h-60 {
21540
+ max-height: calc(var(--spacing) * 60);
21541
+ }
21542
+ .max-h-96 {
21543
+ max-height: calc(var(--spacing) * 96);
21544
+ }
21545
+ .max-h-\\[70vh\\] {
21546
+ max-height: 70vh;
21547
+ }
21548
+ .max-h-\\[80vh\\] {
21549
+ max-height: 80vh;
21550
+ }
21551
+ .max-h-\\[300px\\] {
21552
+ max-height: 300px;
21553
+ }
21554
+ .max-h-\\[calc\\(100svh-19rem\\)\\] {
21555
+ max-height: calc(100svh - 19rem);
21556
+ }
21557
+ .max-h-screen {
21558
+ max-height: 100vh;
21559
+ }
21560
+ .min-h-24 {
21561
+ min-height: calc(var(--spacing) * 24);
21562
+ }
21563
+ .min-h-dvh {
21564
+ min-height: 100dvh;
21565
+ }
21566
+ .min-h-screen {
21567
+ min-height: 100vh;
21568
+ }
21569
+ .custom-scrollbar {
21570
+ &::-webkit-scrollbar {
21571
+ width: calc(var(--spacing) * 1.5);
22155
21572
  }
22156
- .bg-blue-100\\/70 {
22157
- background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent);
22158
- @supports (color: color-mix(in lab, red, red)) {
22159
- background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);
22160
- }
21573
+ &::-webkit-scrollbar-thumb {
21574
+ border-radius: calc(infinity * 1px);
22161
21575
  }
22162
- .bg-blue-500 {
22163
- background-color: var(--color-blue-500);
21576
+ &::-webkit-scrollbar-thumb {
21577
+ background-color: var(--color-gray-500);
22164
21578
  }
22165
- .bg-gray-50 {
22166
- background-color: var(--color-gray-50);
21579
+ &::-webkit-scrollbar-track {
21580
+ border-radius: calc(infinity * 1px);
22167
21581
  }
22168
- .bg-gray-100 {
21582
+ &::-webkit-scrollbar-track {
22169
21583
  background-color: var(--color-gray-100);
22170
21584
  }
22171
- .bg-gray-200 {
22172
- background-color: var(--color-gray-200);
22173
- }
22174
- .bg-indigo-100 {
22175
- background-color: var(--color-indigo-100);
22176
- }
22177
- .bg-neutral-100 {
22178
- background-color: var(--color-neutral-100);
22179
- }
22180
- .bg-orange-50 {
22181
- background-color: var(--color-orange-50);
22182
- }
22183
- .bg-orange-500 {
22184
- background-color: var(--color-orange-500);
22185
- }
22186
- .bg-slate-50\\/60 {
22187
- background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
22188
- @supports (color: color-mix(in lab, red, red)) {
22189
- background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
22190
- }
22191
- }
22192
- .bg-slate-100 {
22193
- background-color: var(--color-slate-100);
22194
- }
22195
- .bg-slate-100\\/60 {
22196
- background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 60%, transparent);
22197
- @supports (color: color-mix(in lab, red, red)) {
22198
- background-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent);
22199
- }
22200
- }
22201
- .bg-slate-100\\/80 {
22202
- background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
22203
- @supports (color: color-mix(in lab, red, red)) {
22204
- background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
22205
- }
22206
- }
22207
- .bg-slate-300\\/50 {
22208
- background-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 50%, transparent);
22209
- @supports (color: color-mix(in lab, red, red)) {
22210
- background-color: color-mix(in oklab, var(--color-slate-300) 50%, transparent);
22211
- }
22212
- }
22213
- .bg-transparent {
22214
- background-color: transparent;
22215
- }
22216
- .bg-transparent\\/30 {
22217
- background-color: color-mix(in oklab, transparent 30%, transparent);
22218
- }
22219
- .bg-white {
22220
- background-color: var(--color-white);
22221
- }
22222
- .bg-white\\/70 {
22223
- background-color: color-mix(in srgb, #fff 70%, transparent);
22224
- @supports (color: color-mix(in lab, red, red)) {
22225
- background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
22226
- }
22227
- }
22228
- .bg-white\\/75 {
22229
- background-color: color-mix(in srgb, #fff 75%, transparent);
22230
- @supports (color: color-mix(in lab, red, red)) {
22231
- background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
22232
- }
22233
- }
22234
- .bg-gradient-to-b {
22235
- --tw-gradient-position: to bottom in oklab;
22236
- background-image: linear-gradient(var(--tw-gradient-stops));
22237
- }
22238
- .bg-gradient-to-br {
22239
- --tw-gradient-position: to bottom right in oklab;
22240
- background-image: linear-gradient(var(--tw-gradient-stops));
22241
- }
22242
- .from-blue-50 {
22243
- --tw-gradient-from: var(--color-blue-50);
22244
- --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));
22245
- }
22246
- .from-gray-50 {
22247
- --tw-gradient-from: var(--color-gray-50);
22248
- --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));
22249
- }
22250
- .from-white {
22251
- --tw-gradient-from: var(--color-white);
22252
- --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));
22253
- }
22254
- .to-gray-100 {
22255
- --tw-gradient-to: var(--color-gray-100);
22256
- --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));
22257
- }
22258
- .to-indigo-50 {
22259
- --tw-gradient-to: var(--color-indigo-50);
22260
- --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));
22261
- }
22262
- .to-slate-50 {
22263
- --tw-gradient-to: var(--color-slate-50);
22264
- --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));
22265
- }
22266
- .p-0 {
22267
- padding: calc(var(--spacing) * 0);
22268
- }
22269
- .p-1 {
22270
- padding: calc(var(--spacing) * 1);
22271
- }
22272
- .p-2 {
22273
- padding: calc(var(--spacing) * 2);
22274
- }
22275
- .p-3 {
22276
- padding: calc(var(--spacing) * 3);
22277
- }
22278
- .p-4 {
22279
- padding: calc(var(--spacing) * 4);
22280
- }
22281
- .p-6 {
22282
- padding: calc(var(--spacing) * 6);
22283
- }
22284
- .p-7 {
22285
- padding: calc(var(--spacing) * 7);
22286
- }
22287
- .px-2 {
22288
- padding-inline: calc(var(--spacing) * 2);
22289
- }
22290
- .px-3 {
22291
- padding-inline: calc(var(--spacing) * 3);
22292
- }
22293
- .px-4 {
22294
- padding-inline: calc(var(--spacing) * 4);
22295
- }
22296
- .px-5 {
22297
- padding-inline: calc(var(--spacing) * 5);
22298
- }
22299
- .px-6 {
22300
- padding-inline: calc(var(--spacing) * 6);
22301
- }
22302
- .px-8 {
22303
- padding-inline: calc(var(--spacing) * 8);
22304
- }
22305
- .px-9 {
22306
- padding-inline: calc(var(--spacing) * 9);
22307
- }
22308
- .py-0\\.5 {
22309
- padding-block: calc(var(--spacing) * 0.5);
22310
- }
22311
- .py-1 {
22312
- padding-block: calc(var(--spacing) * 1);
22313
- }
22314
- .py-1\\.5 {
22315
- padding-block: calc(var(--spacing) * 1.5);
22316
- }
22317
- .py-2 {
22318
- padding-block: calc(var(--spacing) * 2);
22319
- }
22320
- .py-2\\.5 {
22321
- padding-block: calc(var(--spacing) * 2.5);
22322
- }
22323
- .py-3 {
22324
- padding-block: calc(var(--spacing) * 3);
22325
- }
22326
- .py-4 {
22327
- padding-block: calc(var(--spacing) * 4);
22328
- }
22329
- .py-6 {
22330
- padding-block: calc(var(--spacing) * 6);
22331
- }
22332
- .py-10 {
22333
- padding-block: calc(var(--spacing) * 10);
22334
- }
22335
- .py-16 {
22336
- padding-block: calc(var(--spacing) * 16);
22337
- }
22338
- .pt-4 {
22339
- padding-top: calc(var(--spacing) * 4);
22340
- }
22341
- .pt-8 {
22342
- padding-top: calc(var(--spacing) * 8);
22343
- }
22344
- .pr-2 {
22345
- padding-right: calc(var(--spacing) * 2);
22346
- }
22347
- .pb-2\\.5 {
22348
- padding-bottom: calc(var(--spacing) * 2.5);
22349
- }
22350
- .pb-4 {
22351
- padding-bottom: calc(var(--spacing) * 4);
22352
- }
22353
- .pb-5 {
22354
- padding-bottom: calc(var(--spacing) * 5);
22355
- }
22356
- .pb-8 {
22357
- padding-bottom: calc(var(--spacing) * 8);
22358
- }
22359
- .pl-6 {
22360
- padding-left: calc(var(--spacing) * 6);
22361
- }
22362
- .text-center {
22363
- text-align: center;
22364
- }
22365
- .text-left {
22366
- text-align: left;
22367
- }
22368
- .font-mono {
22369
- font-family: var(--font-mono);
22370
- }
22371
- .font-sans {
22372
- font-family: var(--font-sans);
22373
- }
22374
- .font-titillium {
22375
- font-family: var(--font-titillium);
22376
- }
22377
- .text-3xl {
22378
- font-size: var(--text-3xl);
22379
- line-height: var(--tw-leading, var(--text-3xl--line-height));
22380
- }
22381
- .text-4xl {
22382
- font-size: var(--text-4xl);
22383
- line-height: var(--tw-leading, var(--text-4xl--line-height));
22384
- }
22385
- .text-base {
22386
- font-size: var(--text-base);
22387
- line-height: var(--tw-leading, var(--text-base--line-height));
22388
- }
22389
- .text-lg {
22390
- font-size: var(--text-lg);
22391
- line-height: var(--tw-leading, var(--text-lg--line-height));
22392
- }
22393
- .text-sm {
22394
- font-size: var(--text-sm);
22395
- line-height: var(--tw-leading, var(--text-sm--line-height));
22396
- }
22397
- .text-xl {
22398
- font-size: var(--text-xl);
22399
- line-height: var(--tw-leading, var(--text-xl--line-height));
22400
- }
22401
- .text-xs {
22402
- font-size: var(--text-xs);
22403
- line-height: var(--tw-leading, var(--text-xs--line-height));
22404
- }
22405
- .leading-relaxed {
22406
- --tw-leading: var(--leading-relaxed);
22407
- line-height: var(--leading-relaxed);
22408
- }
22409
- .leading-tight {
22410
- --tw-leading: var(--leading-tight);
22411
- line-height: var(--leading-tight);
22412
- }
22413
- .font-bold {
22414
- --tw-font-weight: var(--font-weight-bold);
22415
- font-weight: var(--font-weight-bold);
22416
- }
22417
- .font-light {
22418
- --tw-font-weight: var(--font-weight-light);
22419
- font-weight: var(--font-weight-light);
22420
- }
22421
- .font-medium {
22422
- --tw-font-weight: var(--font-weight-medium);
22423
- font-weight: var(--font-weight-medium);
22424
- }
22425
- .font-semibold {
22426
- --tw-font-weight: var(--font-weight-semibold);
22427
- font-weight: var(--font-weight-semibold);
22428
- }
22429
- .tracking-tight {
22430
- --tw-tracking: var(--tracking-tight);
22431
- letter-spacing: var(--tracking-tight);
22432
- }
22433
- .tracking-wide {
22434
- --tw-tracking: var(--tracking-wide);
22435
- letter-spacing: var(--tracking-wide);
22436
- }
22437
- .tracking-wider {
22438
- --tw-tracking: var(--tracking-wider);
22439
- letter-spacing: var(--tracking-wider);
22440
- }
22441
- .break-words {
22442
- overflow-wrap: break-word;
22443
- }
22444
- .whitespace-nowrap {
22445
- white-space: nowrap;
22446
- }
22447
- .whitespace-pre-wrap {
22448
- white-space: pre-wrap;
22449
- }
22450
- .text-black {
22451
- color: var(--color-black);
22452
- }
22453
- .text-black\\/60 {
22454
- color: color-mix(in srgb, #000 60%, transparent);
22455
- @supports (color: color-mix(in lab, red, red)) {
22456
- color: color-mix(in oklab, var(--color-black) 60%, transparent);
22457
- }
22458
- }
22459
- .text-blue-500 {
22460
- color: var(--color-blue-500);
22461
- }
22462
- .text-blue-600 {
22463
- color: var(--color-blue-600);
22464
- }
22465
- .text-blue-800 {
22466
- color: var(--color-blue-800);
22467
- }
22468
- .text-gray-400 {
22469
- color: var(--color-gray-400);
22470
- }
22471
- .text-gray-500 {
22472
- color: var(--color-gray-500);
22473
- }
22474
- .text-gray-600 {
22475
- color: var(--color-gray-600);
22476
- }
22477
- .text-gray-700 {
22478
- color: var(--color-gray-700);
22479
- }
22480
- .text-gray-800 {
22481
- color: var(--color-gray-800);
22482
- }
22483
- .text-indigo-700 {
22484
- color: var(--color-indigo-700);
22485
- }
22486
- .text-orange-700 {
22487
- color: var(--color-orange-700);
22488
- }
22489
- .text-red-400 {
22490
- color: var(--color-red-400);
22491
- }
22492
- .text-red-600 {
22493
- color: var(--color-red-600);
22494
- }
22495
- .text-slate-400 {
22496
- color: var(--color-slate-400);
22497
- }
22498
- .text-slate-500 {
22499
- color: var(--color-slate-500);
22500
- }
22501
- .text-slate-600 {
22502
- color: var(--color-slate-600);
22503
- }
22504
- .text-slate-700 {
22505
- color: var(--color-slate-700);
22506
- }
22507
- .text-slate-900 {
22508
- color: var(--color-slate-900);
22509
- }
22510
- .text-stone-900 {
22511
- color: var(--color-stone-900);
21585
+ }
21586
+ .w-3\\.5 {
21587
+ width: calc(var(--spacing) * 3.5);
21588
+ }
21589
+ .w-4 {
21590
+ width: calc(var(--spacing) * 4);
21591
+ }
21592
+ .w-5 {
21593
+ width: calc(var(--spacing) * 5);
21594
+ }
21595
+ .w-6 {
21596
+ width: calc(var(--spacing) * 6);
21597
+ }
21598
+ .w-9 {
21599
+ width: calc(var(--spacing) * 9);
21600
+ }
21601
+ .w-12 {
21602
+ width: calc(var(--spacing) * 12);
21603
+ }
21604
+ .w-full {
21605
+ width: 100%;
21606
+ }
21607
+ .w-px {
21608
+ width: 1px;
21609
+ }
21610
+ .max-w-3xl {
21611
+ max-width: var(--container-3xl);
21612
+ }
21613
+ .max-w-4xl {
21614
+ max-width: var(--container-4xl);
21615
+ }
21616
+ .max-w-5xl {
21617
+ max-width: var(--container-5xl);
21618
+ }
21619
+ .max-w-6xl {
21620
+ max-width: var(--container-6xl);
21621
+ }
21622
+ .max-w-md {
21623
+ max-width: var(--container-md);
21624
+ }
21625
+ .max-w-xl {
21626
+ max-width: var(--container-xl);
21627
+ }
21628
+ .min-w-fit {
21629
+ min-width: fit-content;
21630
+ }
21631
+ .flex-1 {
21632
+ flex: 1;
21633
+ }
21634
+ .flex-shrink-0 {
21635
+ flex-shrink: 0;
21636
+ }
21637
+ .-translate-x-1\\/2 {
21638
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
21639
+ translate: var(--tw-translate-x) var(--tw-translate-y);
21640
+ }
21641
+ .cursor-pointer {
21642
+ cursor: pointer;
21643
+ }
21644
+ .resize-y {
21645
+ resize: vertical;
21646
+ }
21647
+ .grid-cols-1 {
21648
+ grid-template-columns: repeat(1, minmax(0, 1fr));
21649
+ }
21650
+ .grid-cols-2 {
21651
+ grid-template-columns: repeat(2, minmax(0, 1fr));
21652
+ }
21653
+ .flex-col {
21654
+ flex-direction: column;
21655
+ }
21656
+ .flex-wrap {
21657
+ flex-wrap: wrap;
21658
+ }
21659
+ .items-center {
21660
+ align-items: center;
21661
+ }
21662
+ .items-end {
21663
+ align-items: flex-end;
21664
+ }
21665
+ .items-start {
21666
+ align-items: flex-start;
21667
+ }
21668
+ .justify-around {
21669
+ justify-content: space-around;
21670
+ }
21671
+ .justify-between {
21672
+ justify-content: space-between;
21673
+ }
21674
+ .justify-center {
21675
+ justify-content: center;
21676
+ }
21677
+ .justify-end {
21678
+ justify-content: flex-end;
21679
+ }
21680
+ .gap-1\\.5 {
21681
+ gap: calc(var(--spacing) * 1.5);
21682
+ }
21683
+ .gap-2 {
21684
+ gap: calc(var(--spacing) * 2);
21685
+ }
21686
+ .gap-2\\.5 {
21687
+ gap: calc(var(--spacing) * 2.5);
21688
+ }
21689
+ .gap-3 {
21690
+ gap: calc(var(--spacing) * 3);
21691
+ }
21692
+ .gap-4 {
21693
+ gap: calc(var(--spacing) * 4);
21694
+ }
21695
+ .gap-5 {
21696
+ gap: calc(var(--spacing) * 5);
21697
+ }
21698
+ .space-y-1 {
21699
+ :where(& > :not(:last-child)) {
21700
+ --tw-space-y-reverse: 0;
21701
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
21702
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
22512
21703
  }
22513
- .text-white {
22514
- color: var(--color-white);
21704
+ }
21705
+ .space-y-2 {
21706
+ :where(& > :not(:last-child)) {
21707
+ --tw-space-y-reverse: 0;
21708
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
21709
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
22515
21710
  }
22516
- .italic {
22517
- font-style: italic;
21711
+ }
21712
+ .space-y-3 {
21713
+ :where(& > :not(:last-child)) {
21714
+ --tw-space-y-reverse: 0;
21715
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
21716
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
22518
21717
  }
22519
- .opacity-70 {
22520
- opacity: 70%;
21718
+ }
21719
+ .truncate {
21720
+ overflow: hidden;
21721
+ text-overflow: ellipsis;
21722
+ white-space: nowrap;
21723
+ }
21724
+ .overflow-auto {
21725
+ overflow: auto;
21726
+ }
21727
+ .overflow-hidden {
21728
+ overflow: hidden;
21729
+ }
21730
+ .overflow-y-auto {
21731
+ overflow-y: auto;
21732
+ }
21733
+ .overflow-y-scroll {
21734
+ overflow-y: scroll;
21735
+ }
21736
+ .overflow-y-visible {
21737
+ overflow-y: visible;
21738
+ }
21739
+ .rounded {
21740
+ border-radius: 0.25rem;
21741
+ }
21742
+ .rounded-2xl {
21743
+ border-radius: var(--radius-2xl);
21744
+ }
21745
+ .rounded-3xl {
21746
+ border-radius: var(--radius-3xl);
21747
+ }
21748
+ .rounded-lg {
21749
+ border-radius: var(--radius-lg);
21750
+ }
21751
+ .rounded-md {
21752
+ border-radius: var(--radius-md);
21753
+ }
21754
+ .rounded-xl {
21755
+ border-radius: var(--radius-xl);
21756
+ }
21757
+ .rounded-t-2xl {
21758
+ border-top-left-radius: var(--radius-2xl);
21759
+ border-top-right-radius: var(--radius-2xl);
21760
+ }
21761
+ .rounded-t-lg {
21762
+ border-top-left-radius: var(--radius-lg);
21763
+ border-top-right-radius: var(--radius-lg);
21764
+ }
21765
+ .border {
21766
+ border-style: var(--tw-border-style);
21767
+ border-width: 1px;
21768
+ }
21769
+ .border-0 {
21770
+ border-style: var(--tw-border-style);
21771
+ border-width: 0px;
21772
+ }
21773
+ .border-2 {
21774
+ border-style: var(--tw-border-style);
21775
+ border-width: 2px;
21776
+ }
21777
+ .border-t {
21778
+ border-top-style: var(--tw-border-style);
21779
+ border-top-width: 1px;
21780
+ }
21781
+ .border-r {
21782
+ border-right-style: var(--tw-border-style);
21783
+ border-right-width: 1px;
21784
+ }
21785
+ .border-b {
21786
+ border-bottom-style: var(--tw-border-style);
21787
+ border-bottom-width: 1px;
21788
+ }
21789
+ .border-l {
21790
+ border-left-style: var(--tw-border-style);
21791
+ border-left-width: 1px;
21792
+ }
21793
+ .border-dashed {
21794
+ --tw-border-style: dashed;
21795
+ border-style: dashed;
21796
+ }
21797
+ .border-\\[\\#0076a8\\] {
21798
+ border-color: #0076a8;
21799
+ }
21800
+ .border-black\\/10 {
21801
+ border-color: color-mix(in srgb, #000 10%, transparent);
21802
+ @supports (color: color-mix(in lab, red, red)) {
21803
+ border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
22521
21804
  }
22522
- .opacity-100 {
22523
- opacity: 100%;
21805
+ }
21806
+ .border-black\\/15 {
21807
+ border-color: color-mix(in srgb, #000 15%, transparent);
21808
+ @supports (color: color-mix(in lab, red, red)) {
21809
+ border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
22524
21810
  }
22525
- .shadow {
22526
- --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));
22527
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
21811
+ }
21812
+ .border-black\\/20 {
21813
+ border-color: color-mix(in srgb, #000 20%, transparent);
21814
+ @supports (color: color-mix(in lab, red, red)) {
21815
+ border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
22528
21816
  }
22529
- .shadow-2xl {
22530
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
22531
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
21817
+ }
21818
+ .border-black\\/40 {
21819
+ border-color: color-mix(in srgb, #000 40%, transparent);
21820
+ @supports (color: color-mix(in lab, red, red)) {
21821
+ border-color: color-mix(in oklab, var(--color-black) 40%, transparent);
22532
21822
  }
22533
- .shadow-2xs {
22534
- --tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
22535
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
21823
+ }
21824
+ .border-blue-100 {
21825
+ border-color: var(--color-blue-100);
21826
+ }
21827
+ .border-blue-200 {
21828
+ border-color: var(--color-blue-200);
21829
+ }
21830
+ .border-blue-200\\/60 {
21831
+ border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 60%, transparent);
21832
+ @supports (color: color-mix(in lab, red, red)) {
21833
+ border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);
22536
21834
  }
22537
- .shadow-lg {
22538
- --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));
22539
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
21835
+ }
21836
+ .border-blue-300 {
21837
+ border-color: var(--color-blue-300);
21838
+ }
21839
+ .border-blue-400 {
21840
+ border-color: var(--color-blue-400);
21841
+ }
21842
+ .border-gray-200 {
21843
+ border-color: var(--color-gray-200);
21844
+ }
21845
+ .border-gray-300 {
21846
+ border-color: var(--color-gray-300);
21847
+ }
21848
+ .border-orange-500 {
21849
+ border-color: var(--color-orange-500);
21850
+ }
21851
+ .border-slate-100\\/80 {
21852
+ border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
21853
+ @supports (color: color-mix(in lab, red, red)) {
21854
+ border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
22540
21855
  }
22541
- .shadow-md {
22542
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
22543
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
21856
+ }
21857
+ .border-slate-200 {
21858
+ border-color: var(--color-slate-200);
21859
+ }
21860
+ .border-slate-200\\/60 {
21861
+ border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
21862
+ @supports (color: color-mix(in lab, red, red)) {
21863
+ border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
22544
21864
  }
22545
- .shadow-sm {
22546
- --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));
22547
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
21865
+ }
21866
+ .border-slate-300 {
21867
+ border-color: var(--color-slate-300);
21868
+ }
21869
+ .border-transparent {
21870
+ border-color: transparent;
21871
+ }
21872
+ .border-white\\/30 {
21873
+ border-color: color-mix(in srgb, #fff 30%, transparent);
21874
+ @supports (color: color-mix(in lab, red, red)) {
21875
+ border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
22548
21876
  }
22549
- .shadow-xl {
22550
- --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));
22551
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
21877
+ }
21878
+ .border-white\\/40 {
21879
+ border-color: color-mix(in srgb, #fff 40%, transparent);
21880
+ @supports (color: color-mix(in lab, red, red)) {
21881
+ border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
22552
21882
  }
22553
- .invert {
22554
- --tw-invert: invert(100%);
22555
- 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,);
21883
+ }
21884
+ .bg-\\[\\#0076a8\\] {
21885
+ background-color: #0076a8;
21886
+ }
21887
+ .bg-black\\/5 {
21888
+ background-color: color-mix(in srgb, #000 5%, transparent);
21889
+ @supports (color: color-mix(in lab, red, red)) {
21890
+ background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
22556
21891
  }
22557
- .backdrop-blur-2xl {
22558
- --tw-backdrop-blur: blur(var(--blur-2xl));
22559
- -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,);
22560
- 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,);
21892
+ }
21893
+ .bg-black\\/6 {
21894
+ background-color: color-mix(in srgb, #000 6%, transparent);
21895
+ @supports (color: color-mix(in lab, red, red)) {
21896
+ background-color: color-mix(in oklab, var(--color-black) 6%, transparent);
22561
21897
  }
22562
- .backdrop-blur-lg {
22563
- --tw-backdrop-blur: blur(var(--blur-lg));
22564
- -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,);
22565
- 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,);
21898
+ }
21899
+ .bg-black\\/10 {
21900
+ background-color: color-mix(in srgb, #000 10%, transparent);
21901
+ @supports (color: color-mix(in lab, red, red)) {
21902
+ background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
22566
21903
  }
22567
- .backdrop-blur-sm {
22568
- --tw-backdrop-blur: blur(var(--blur-sm));
22569
- -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,);
22570
- 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,);
21904
+ }
21905
+ .bg-black\\/50 {
21906
+ background-color: color-mix(in srgb, #000 50%, transparent);
21907
+ @supports (color: color-mix(in lab, red, red)) {
21908
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
22571
21909
  }
22572
- .backdrop-blur-xl {
22573
- --tw-backdrop-blur: blur(var(--blur-xl));
22574
- -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,);
22575
- 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,);
21910
+ }
21911
+ .bg-blue-100\\/70 {
21912
+ background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent);
21913
+ @supports (color: color-mix(in lab, red, red)) {
21914
+ background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);
22576
21915
  }
22577
- .backdrop-saturate-150 {
22578
- --tw-backdrop-saturate: saturate(150%);
22579
- -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,);
22580
- 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,);
21916
+ }
21917
+ .bg-blue-500 {
21918
+ background-color: var(--color-blue-500);
21919
+ }
21920
+ .bg-gray-50 {
21921
+ background-color: var(--color-gray-50);
21922
+ }
21923
+ .bg-gray-100 {
21924
+ background-color: var(--color-gray-100);
21925
+ }
21926
+ .bg-gray-200 {
21927
+ background-color: var(--color-gray-200);
21928
+ }
21929
+ .bg-indigo-100 {
21930
+ background-color: var(--color-indigo-100);
21931
+ }
21932
+ .bg-neutral-100 {
21933
+ background-color: var(--color-neutral-100);
21934
+ }
21935
+ .bg-orange-50 {
21936
+ background-color: var(--color-orange-50);
21937
+ }
21938
+ .bg-orange-500 {
21939
+ background-color: var(--color-orange-500);
21940
+ }
21941
+ .bg-slate-50\\/60 {
21942
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
21943
+ @supports (color: color-mix(in lab, red, red)) {
21944
+ background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
22581
21945
  }
22582
- .transition {
22583
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
22584
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
22585
- transition-duration: var(--tw-duration, var(--default-transition-duration));
21946
+ }
21947
+ .bg-slate-100 {
21948
+ background-color: var(--color-slate-100);
21949
+ }
21950
+ .bg-slate-100\\/60 {
21951
+ background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 60%, transparent);
21952
+ @supports (color: color-mix(in lab, red, red)) {
21953
+ background-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent);
22586
21954
  }
22587
- .transition-all {
22588
- transition-property: all;
22589
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
22590
- transition-duration: var(--tw-duration, var(--default-transition-duration));
21955
+ }
21956
+ .bg-slate-100\\/80 {
21957
+ background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
21958
+ @supports (color: color-mix(in lab, red, red)) {
21959
+ background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
22591
21960
  }
22592
- .transition-colors {
22593
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
22594
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
22595
- transition-duration: var(--tw-duration, var(--default-transition-duration));
21961
+ }
21962
+ .bg-slate-300\\/50 {
21963
+ background-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 50%, transparent);
21964
+ @supports (color: color-mix(in lab, red, red)) {
21965
+ background-color: color-mix(in oklab, var(--color-slate-300) 50%, transparent);
22596
21966
  }
22597
- .outline-none {
22598
- --tw-outline-style: none;
22599
- outline-style: none;
21967
+ }
21968
+ .bg-transparent {
21969
+ background-color: transparent;
21970
+ }
21971
+ .bg-transparent\\/30 {
21972
+ background-color: color-mix(in oklab, transparent 30%, transparent);
21973
+ }
21974
+ .bg-white {
21975
+ background-color: var(--color-white);
21976
+ }
21977
+ .bg-white\\/70 {
21978
+ background-color: color-mix(in srgb, #fff 70%, transparent);
21979
+ @supports (color: color-mix(in lab, red, red)) {
21980
+ background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
22600
21981
  }
22601
- .select-none {
22602
- -webkit-user-select: none;
22603
- user-select: none;
21982
+ }
21983
+ .bg-white\\/75 {
21984
+ background-color: color-mix(in srgb, #fff 75%, transparent);
21985
+ @supports (color: color-mix(in lab, red, red)) {
21986
+ background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
22604
21987
  }
22605
- .hover\\:border-slate-300 {
22606
- &:hover {
22607
- @media (hover: hover) {
22608
- border-color: var(--color-slate-300);
22609
- }
22610
- }
21988
+ }
21989
+ .bg-gradient-to-b {
21990
+ --tw-gradient-position: to bottom in oklab;
21991
+ background-image: linear-gradient(var(--tw-gradient-stops));
21992
+ }
21993
+ .bg-gradient-to-br {
21994
+ --tw-gradient-position: to bottom right in oklab;
21995
+ background-image: linear-gradient(var(--tw-gradient-stops));
21996
+ }
21997
+ .from-blue-50 {
21998
+ --tw-gradient-from: var(--color-blue-50);
21999
+ --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));
22000
+ }
22001
+ .from-gray-50 {
22002
+ --tw-gradient-from: var(--color-gray-50);
22003
+ --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));
22004
+ }
22005
+ .from-white {
22006
+ --tw-gradient-from: var(--color-white);
22007
+ --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));
22008
+ }
22009
+ .to-gray-100 {
22010
+ --tw-gradient-to: var(--color-gray-100);
22011
+ --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));
22012
+ }
22013
+ .to-indigo-50 {
22014
+ --tw-gradient-to: var(--color-indigo-50);
22015
+ --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));
22016
+ }
22017
+ .to-slate-50 {
22018
+ --tw-gradient-to: var(--color-slate-50);
22019
+ --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));
22020
+ }
22021
+ .p-0 {
22022
+ padding: calc(var(--spacing) * 0);
22023
+ }
22024
+ .p-1 {
22025
+ padding: calc(var(--spacing) * 1);
22026
+ }
22027
+ .p-2 {
22028
+ padding: calc(var(--spacing) * 2);
22029
+ }
22030
+ .p-3 {
22031
+ padding: calc(var(--spacing) * 3);
22032
+ }
22033
+ .p-4 {
22034
+ padding: calc(var(--spacing) * 4);
22035
+ }
22036
+ .p-6 {
22037
+ padding: calc(var(--spacing) * 6);
22038
+ }
22039
+ .p-7 {
22040
+ padding: calc(var(--spacing) * 7);
22041
+ }
22042
+ .px-2 {
22043
+ padding-inline: calc(var(--spacing) * 2);
22044
+ }
22045
+ .px-3 {
22046
+ padding-inline: calc(var(--spacing) * 3);
22047
+ }
22048
+ .px-4 {
22049
+ padding-inline: calc(var(--spacing) * 4);
22050
+ }
22051
+ .px-5 {
22052
+ padding-inline: calc(var(--spacing) * 5);
22053
+ }
22054
+ .px-6 {
22055
+ padding-inline: calc(var(--spacing) * 6);
22056
+ }
22057
+ .px-8 {
22058
+ padding-inline: calc(var(--spacing) * 8);
22059
+ }
22060
+ .px-9 {
22061
+ padding-inline: calc(var(--spacing) * 9);
22062
+ }
22063
+ .py-0\\.5 {
22064
+ padding-block: calc(var(--spacing) * 0.5);
22065
+ }
22066
+ .py-1 {
22067
+ padding-block: calc(var(--spacing) * 1);
22068
+ }
22069
+ .py-1\\.5 {
22070
+ padding-block: calc(var(--spacing) * 1.5);
22071
+ }
22072
+ .py-2 {
22073
+ padding-block: calc(var(--spacing) * 2);
22074
+ }
22075
+ .py-2\\.5 {
22076
+ padding-block: calc(var(--spacing) * 2.5);
22077
+ }
22078
+ .py-3 {
22079
+ padding-block: calc(var(--spacing) * 3);
22080
+ }
22081
+ .py-4 {
22082
+ padding-block: calc(var(--spacing) * 4);
22083
+ }
22084
+ .py-6 {
22085
+ padding-block: calc(var(--spacing) * 6);
22086
+ }
22087
+ .py-10 {
22088
+ padding-block: calc(var(--spacing) * 10);
22089
+ }
22090
+ .py-16 {
22091
+ padding-block: calc(var(--spacing) * 16);
22092
+ }
22093
+ .pt-4 {
22094
+ padding-top: calc(var(--spacing) * 4);
22095
+ }
22096
+ .pt-8 {
22097
+ padding-top: calc(var(--spacing) * 8);
22098
+ }
22099
+ .pr-2 {
22100
+ padding-right: calc(var(--spacing) * 2);
22101
+ }
22102
+ .pb-2\\.5 {
22103
+ padding-bottom: calc(var(--spacing) * 2.5);
22104
+ }
22105
+ .pb-4 {
22106
+ padding-bottom: calc(var(--spacing) * 4);
22107
+ }
22108
+ .pb-5 {
22109
+ padding-bottom: calc(var(--spacing) * 5);
22110
+ }
22111
+ .pb-8 {
22112
+ padding-bottom: calc(var(--spacing) * 8);
22113
+ }
22114
+ .pl-6 {
22115
+ padding-left: calc(var(--spacing) * 6);
22116
+ }
22117
+ .text-center {
22118
+ text-align: center;
22119
+ }
22120
+ .text-left {
22121
+ text-align: left;
22122
+ }
22123
+ .font-mono {
22124
+ font-family: var(--font-mono);
22125
+ }
22126
+ .font-sans {
22127
+ font-family: var(--font-sans);
22128
+ }
22129
+ .font-titillium {
22130
+ font-family: var(--font-titillium);
22131
+ }
22132
+ .text-3xl {
22133
+ font-size: var(--text-3xl);
22134
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
22135
+ }
22136
+ .text-4xl {
22137
+ font-size: var(--text-4xl);
22138
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
22139
+ }
22140
+ .text-base {
22141
+ font-size: var(--text-base);
22142
+ line-height: var(--tw-leading, var(--text-base--line-height));
22143
+ }
22144
+ .text-lg {
22145
+ font-size: var(--text-lg);
22146
+ line-height: var(--tw-leading, var(--text-lg--line-height));
22147
+ }
22148
+ .text-sm {
22149
+ font-size: var(--text-sm);
22150
+ line-height: var(--tw-leading, var(--text-sm--line-height));
22151
+ }
22152
+ .text-xl {
22153
+ font-size: var(--text-xl);
22154
+ line-height: var(--tw-leading, var(--text-xl--line-height));
22155
+ }
22156
+ .text-xs {
22157
+ font-size: var(--text-xs);
22158
+ line-height: var(--tw-leading, var(--text-xs--line-height));
22159
+ }
22160
+ .leading-relaxed {
22161
+ --tw-leading: var(--leading-relaxed);
22162
+ line-height: var(--leading-relaxed);
22163
+ }
22164
+ .leading-tight {
22165
+ --tw-leading: var(--leading-tight);
22166
+ line-height: var(--leading-tight);
22167
+ }
22168
+ .font-bold {
22169
+ --tw-font-weight: var(--font-weight-bold);
22170
+ font-weight: var(--font-weight-bold);
22171
+ }
22172
+ .font-light {
22173
+ --tw-font-weight: var(--font-weight-light);
22174
+ font-weight: var(--font-weight-light);
22175
+ }
22176
+ .font-medium {
22177
+ --tw-font-weight: var(--font-weight-medium);
22178
+ font-weight: var(--font-weight-medium);
22179
+ }
22180
+ .font-semibold {
22181
+ --tw-font-weight: var(--font-weight-semibold);
22182
+ font-weight: var(--font-weight-semibold);
22183
+ }
22184
+ .tracking-tight {
22185
+ --tw-tracking: var(--tracking-tight);
22186
+ letter-spacing: var(--tracking-tight);
22187
+ }
22188
+ .tracking-wide {
22189
+ --tw-tracking: var(--tracking-wide);
22190
+ letter-spacing: var(--tracking-wide);
22191
+ }
22192
+ .tracking-wider {
22193
+ --tw-tracking: var(--tracking-wider);
22194
+ letter-spacing: var(--tracking-wider);
22195
+ }
22196
+ .break-words {
22197
+ overflow-wrap: break-word;
22198
+ }
22199
+ .whitespace-nowrap {
22200
+ white-space: nowrap;
22201
+ }
22202
+ .whitespace-pre-wrap {
22203
+ white-space: pre-wrap;
22204
+ }
22205
+ .text-black {
22206
+ color: var(--color-black);
22207
+ }
22208
+ .text-black\\/60 {
22209
+ color: color-mix(in srgb, #000 60%, transparent);
22210
+ @supports (color: color-mix(in lab, red, red)) {
22211
+ color: color-mix(in oklab, var(--color-black) 60%, transparent);
22611
22212
  }
22612
- .hover\\:border-slate-300\\/60 {
22613
- &:hover {
22614
- @media (hover: hover) {
22615
- border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 60%, transparent);
22616
- @supports (color: color-mix(in lab, red, red)) {
22617
- border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent);
22618
- }
22619
- }
22213
+ }
22214
+ .text-blue-500 {
22215
+ color: var(--color-blue-500);
22216
+ }
22217
+ .text-blue-600 {
22218
+ color: var(--color-blue-600);
22219
+ }
22220
+ .text-blue-800 {
22221
+ color: var(--color-blue-800);
22222
+ }
22223
+ .text-gray-400 {
22224
+ color: var(--color-gray-400);
22225
+ }
22226
+ .text-gray-500 {
22227
+ color: var(--color-gray-500);
22228
+ }
22229
+ .text-gray-600 {
22230
+ color: var(--color-gray-600);
22231
+ }
22232
+ .text-gray-700 {
22233
+ color: var(--color-gray-700);
22234
+ }
22235
+ .text-gray-800 {
22236
+ color: var(--color-gray-800);
22237
+ }
22238
+ .text-indigo-700 {
22239
+ color: var(--color-indigo-700);
22240
+ }
22241
+ .text-orange-700 {
22242
+ color: var(--color-orange-700);
22243
+ }
22244
+ .text-red-400 {
22245
+ color: var(--color-red-400);
22246
+ }
22247
+ .text-red-600 {
22248
+ color: var(--color-red-600);
22249
+ }
22250
+ .text-slate-400 {
22251
+ color: var(--color-slate-400);
22252
+ }
22253
+ .text-slate-500 {
22254
+ color: var(--color-slate-500);
22255
+ }
22256
+ .text-slate-600 {
22257
+ color: var(--color-slate-600);
22258
+ }
22259
+ .text-slate-700 {
22260
+ color: var(--color-slate-700);
22261
+ }
22262
+ .text-slate-900 {
22263
+ color: var(--color-slate-900);
22264
+ }
22265
+ .text-stone-900 {
22266
+ color: var(--color-stone-900);
22267
+ }
22268
+ .text-white {
22269
+ color: var(--color-white);
22270
+ }
22271
+ .italic {
22272
+ font-style: italic;
22273
+ }
22274
+ .opacity-70 {
22275
+ opacity: 70%;
22276
+ }
22277
+ .opacity-100 {
22278
+ opacity: 100%;
22279
+ }
22280
+ .shadow {
22281
+ --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));
22282
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22283
+ }
22284
+ .shadow-2xl {
22285
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
22286
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22287
+ }
22288
+ .shadow-2xs {
22289
+ --tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
22290
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22291
+ }
22292
+ .shadow-lg {
22293
+ --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));
22294
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22295
+ }
22296
+ .shadow-md {
22297
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
22298
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22299
+ }
22300
+ .shadow-sm {
22301
+ --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));
22302
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22303
+ }
22304
+ .shadow-xl {
22305
+ --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));
22306
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22307
+ }
22308
+ .invert {
22309
+ --tw-invert: invert(100%);
22310
+ 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,);
22311
+ }
22312
+ .backdrop-blur-2xl {
22313
+ --tw-backdrop-blur: blur(var(--blur-2xl));
22314
+ -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,);
22315
+ 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,);
22316
+ }
22317
+ .backdrop-blur-lg {
22318
+ --tw-backdrop-blur: blur(var(--blur-lg));
22319
+ -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,);
22320
+ 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,);
22321
+ }
22322
+ .backdrop-blur-sm {
22323
+ --tw-backdrop-blur: blur(var(--blur-sm));
22324
+ -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,);
22325
+ 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,);
22326
+ }
22327
+ .backdrop-blur-xl {
22328
+ --tw-backdrop-blur: blur(var(--blur-xl));
22329
+ -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,);
22330
+ 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,);
22331
+ }
22332
+ .backdrop-saturate-150 {
22333
+ --tw-backdrop-saturate: saturate(150%);
22334
+ -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,);
22335
+ 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,);
22336
+ }
22337
+ .transition {
22338
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
22339
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
22340
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
22341
+ }
22342
+ .transition-all {
22343
+ transition-property: all;
22344
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
22345
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
22346
+ }
22347
+ .transition-colors {
22348
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
22349
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
22350
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
22351
+ }
22352
+ .outline-none {
22353
+ --tw-outline-style: none;
22354
+ outline-style: none;
22355
+ }
22356
+ .select-none {
22357
+ -webkit-user-select: none;
22358
+ user-select: none;
22359
+ }
22360
+ .hover\\:border-slate-300 {
22361
+ &:hover {
22362
+ @media (hover: hover) {
22363
+ border-color: var(--color-slate-300);
22620
22364
  }
22621
22365
  }
22622
- .hover\\:border-white\\/50 {
22623
- &:hover {
22624
- @media (hover: hover) {
22625
- border-color: color-mix(in srgb, #fff 50%, transparent);
22626
- @supports (color: color-mix(in lab, red, red)) {
22627
- border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
22628
- }
22366
+ }
22367
+ .hover\\:border-slate-300\\/60 {
22368
+ &:hover {
22369
+ @media (hover: hover) {
22370
+ border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 60%, transparent);
22371
+ @supports (color: color-mix(in lab, red, red)) {
22372
+ border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent);
22629
22373
  }
22630
22374
  }
22631
22375
  }
22632
- .hover\\:border-white\\/60 {
22633
- &:hover {
22634
- @media (hover: hover) {
22635
- border-color: color-mix(in srgb, #fff 60%, transparent);
22636
- @supports (color: color-mix(in lab, red, red)) {
22637
- border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
22638
- }
22376
+ }
22377
+ .hover\\:border-white\\/50 {
22378
+ &:hover {
22379
+ @media (hover: hover) {
22380
+ border-color: color-mix(in srgb, #fff 50%, transparent);
22381
+ @supports (color: color-mix(in lab, red, red)) {
22382
+ border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
22639
22383
  }
22640
22384
  }
22641
22385
  }
22642
- .hover\\:bg-black\\/5 {
22643
- &:hover {
22644
- @media (hover: hover) {
22645
- background-color: color-mix(in srgb, #000 5%, transparent);
22646
- @supports (color: color-mix(in lab, red, red)) {
22647
- background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
22648
- }
22386
+ }
22387
+ .hover\\:border-white\\/60 {
22388
+ &:hover {
22389
+ @media (hover: hover) {
22390
+ border-color: color-mix(in srgb, #fff 60%, transparent);
22391
+ @supports (color: color-mix(in lab, red, red)) {
22392
+ border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
22649
22393
  }
22650
22394
  }
22651
22395
  }
22652
- .hover\\:bg-blue-600 {
22653
- &:hover {
22654
- @media (hover: hover) {
22655
- background-color: var(--color-blue-600);
22396
+ }
22397
+ .hover\\:bg-black\\/5 {
22398
+ &:hover {
22399
+ @media (hover: hover) {
22400
+ background-color: color-mix(in srgb, #000 5%, transparent);
22401
+ @supports (color: color-mix(in lab, red, red)) {
22402
+ background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
22656
22403
  }
22657
22404
  }
22658
22405
  }
22659
- .hover\\:bg-gray-50 {
22660
- &:hover {
22661
- @media (hover: hover) {
22662
- background-color: var(--color-gray-50);
22663
- }
22406
+ }
22407
+ .hover\\:bg-blue-600 {
22408
+ &:hover {
22409
+ @media (hover: hover) {
22410
+ background-color: var(--color-blue-600);
22664
22411
  }
22665
22412
  }
22666
- .hover\\:bg-orange-600 {
22667
- &:hover {
22668
- @media (hover: hover) {
22669
- background-color: var(--color-orange-600);
22670
- }
22413
+ }
22414
+ .hover\\:bg-gray-50 {
22415
+ &:hover {
22416
+ @media (hover: hover) {
22417
+ background-color: var(--color-gray-50);
22671
22418
  }
22672
22419
  }
22673
- .hover\\:bg-slate-50 {
22674
- &:hover {
22675
- @media (hover: hover) {
22676
- background-color: var(--color-slate-50);
22677
- }
22420
+ }
22421
+ .hover\\:bg-orange-600 {
22422
+ &:hover {
22423
+ @media (hover: hover) {
22424
+ background-color: var(--color-orange-600);
22678
22425
  }
22679
22426
  }
22680
- .hover\\:bg-white\\/80 {
22681
- &:hover {
22682
- @media (hover: hover) {
22683
- background-color: color-mix(in srgb, #fff 80%, transparent);
22684
- @supports (color: color-mix(in lab, red, red)) {
22685
- background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
22686
- }
22687
- }
22427
+ }
22428
+ .hover\\:bg-slate-50 {
22429
+ &:hover {
22430
+ @media (hover: hover) {
22431
+ background-color: var(--color-slate-50);
22688
22432
  }
22689
22433
  }
22690
- .hover\\:bg-white\\/85 {
22691
- &:hover {
22692
- @media (hover: hover) {
22693
- background-color: color-mix(in srgb, #fff 85%, transparent);
22694
- @supports (color: color-mix(in lab, red, red)) {
22695
- background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
22696
- }
22434
+ }
22435
+ .hover\\:bg-white\\/80 {
22436
+ &:hover {
22437
+ @media (hover: hover) {
22438
+ background-color: color-mix(in srgb, #fff 80%, transparent);
22439
+ @supports (color: color-mix(in lab, red, red)) {
22440
+ background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
22697
22441
  }
22698
22442
  }
22699
22443
  }
22700
- .hover\\:bg-white\\/90 {
22701
- &:hover {
22702
- @media (hover: hover) {
22703
- background-color: color-mix(in srgb, #fff 90%, transparent);
22704
- @supports (color: color-mix(in lab, red, red)) {
22705
- background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
22706
- }
22444
+ }
22445
+ .hover\\:bg-white\\/85 {
22446
+ &:hover {
22447
+ @media (hover: hover) {
22448
+ background-color: color-mix(in srgb, #fff 85%, transparent);
22449
+ @supports (color: color-mix(in lab, red, red)) {
22450
+ background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
22707
22451
  }
22708
22452
  }
22709
22453
  }
22710
- .hover\\:text-slate-900 {
22711
- &:hover {
22712
- @media (hover: hover) {
22713
- color: var(--color-slate-900);
22454
+ }
22455
+ .hover\\:bg-white\\/90 {
22456
+ &:hover {
22457
+ @media (hover: hover) {
22458
+ background-color: color-mix(in srgb, #fff 90%, transparent);
22459
+ @supports (color: color-mix(in lab, red, red)) {
22460
+ background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
22714
22461
  }
22715
22462
  }
22716
22463
  }
22717
- .hover\\:shadow {
22718
- &:hover {
22719
- @media (hover: hover) {
22720
- --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));
22721
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22722
- }
22464
+ }
22465
+ .hover\\:text-slate-900 {
22466
+ &:hover {
22467
+ @media (hover: hover) {
22468
+ color: var(--color-slate-900);
22723
22469
  }
22724
22470
  }
22725
- .hover\\:shadow-\\[0_4px_16px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.9\\)\\] {
22726
- &:hover {
22727
- @media (hover: hover) {
22728
- --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.9));
22729
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22730
- }
22471
+ }
22472
+ .hover\\:shadow {
22473
+ &:hover {
22474
+ @media (hover: hover) {
22475
+ --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));
22476
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22731
22477
  }
22732
22478
  }
22733
- .hover\\:shadow-\\[0_12px_48px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.8\\)\\] {
22734
- &:hover {
22735
- @media (hover: hover) {
22736
- --tw-shadow: 0 12px 48px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.8));
22737
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22738
- }
22479
+ }
22480
+ .hover\\:shadow-\\[0_4px_16px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.9\\)\\] {
22481
+ &:hover {
22482
+ @media (hover: hover) {
22483
+ --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.9));
22484
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22739
22485
  }
22740
22486
  }
22741
- .hover\\:shadow-\\[0_20px_48px_-12px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,1\\)\\] {
22742
- &:hover {
22743
- @media (hover: hover) {
22744
- --tw-shadow: 0 20px 48px -12px var(--tw-shadow-color, rgba(0,0,0,0.15)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,1));
22745
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22746
- }
22487
+ }
22488
+ .hover\\:shadow-\\[0_12px_48px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.8\\)\\] {
22489
+ &:hover {
22490
+ @media (hover: hover) {
22491
+ --tw-shadow: 0 12px 48px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.8));
22492
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22747
22493
  }
22748
22494
  }
22749
- .focus\\:ring-0 {
22750
- &:focus {
22751
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
22495
+ }
22496
+ .hover\\:shadow-\\[0_20px_48px_-12px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,1\\)\\] {
22497
+ &:hover {
22498
+ @media (hover: hover) {
22499
+ --tw-shadow: 0 20px 48px -12px var(--tw-shadow-color, rgba(0,0,0,0.15)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,1));
22752
22500
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22753
22501
  }
22754
22502
  }
22755
- .sm\\:col-span-1 {
22756
- @media (width >= 40rem) {
22757
- grid-column: span 1 / span 1;
22758
- }
22503
+ }
22504
+ .focus\\:ring-0 {
22505
+ &:focus {
22506
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
22507
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22759
22508
  }
22760
- .sm\\:col-span-2 {
22761
- @media (width >= 40rem) {
22762
- grid-column: span 2 / span 2;
22763
- }
22509
+ }
22510
+ .sm\\:col-span-1 {
22511
+ @media (width >= 40rem) {
22512
+ grid-column: span 1 / span 1;
22764
22513
  }
22765
- .sm\\:col-span-3 {
22766
- @media (width >= 40rem) {
22767
- grid-column: span 3 / span 3;
22768
- }
22514
+ }
22515
+ .sm\\:col-span-2 {
22516
+ @media (width >= 40rem) {
22517
+ grid-column: span 2 / span 2;
22769
22518
  }
22770
- .sm\\:max-w-2xl {
22771
- @media (width >= 40rem) {
22772
- max-width: var(--container-2xl);
22773
- }
22519
+ }
22520
+ .sm\\:col-span-3 {
22521
+ @media (width >= 40rem) {
22522
+ grid-column: span 3 / span 3;
22774
22523
  }
22775
- .sm\\:max-w-4xl {
22776
- @media (width >= 40rem) {
22777
- max-width: var(--container-4xl);
22778
- }
22524
+ }
22525
+ .sm\\:max-w-2xl {
22526
+ @media (width >= 40rem) {
22527
+ max-width: var(--container-2xl);
22779
22528
  }
22780
- .sm\\:grid-cols-2 {
22781
- @media (width >= 40rem) {
22782
- grid-template-columns: repeat(2, minmax(0, 1fr));
22783
- }
22529
+ }
22530
+ .sm\\:max-w-4xl {
22531
+ @media (width >= 40rem) {
22532
+ max-width: var(--container-4xl);
22784
22533
  }
22785
- .sm\\:grid-cols-3 {
22786
- @media (width >= 40rem) {
22787
- grid-template-columns: repeat(3, minmax(0, 1fr));
22788
- }
22534
+ }
22535
+ .sm\\:grid-cols-2 {
22536
+ @media (width >= 40rem) {
22537
+ grid-template-columns: repeat(2, minmax(0, 1fr));
22789
22538
  }
22790
- .sm\\:grid-cols-7 {
22791
- @media (width >= 40rem) {
22792
- grid-template-columns: repeat(7, minmax(0, 1fr));
22793
- }
22539
+ }
22540
+ .sm\\:grid-cols-3 {
22541
+ @media (width >= 40rem) {
22542
+ grid-template-columns: repeat(3, minmax(0, 1fr));
22794
22543
  }
22795
- .sm\\:items-center {
22796
- @media (width >= 40rem) {
22797
- align-items: center;
22798
- }
22544
+ }
22545
+ .sm\\:grid-cols-7 {
22546
+ @media (width >= 40rem) {
22547
+ grid-template-columns: repeat(7, minmax(0, 1fr));
22799
22548
  }
22800
- .sm\\:rounded-2xl {
22801
- @media (width >= 40rem) {
22802
- border-radius: var(--radius-2xl);
22803
- }
22549
+ }
22550
+ .sm\\:items-center {
22551
+ @media (width >= 40rem) {
22552
+ align-items: center;
22804
22553
  }
22805
- .sm\\:text-4xl {
22806
- @media (width >= 40rem) {
22807
- font-size: var(--text-4xl);
22808
- line-height: var(--tw-leading, var(--text-4xl--line-height));
22809
- }
22554
+ }
22555
+ .sm\\:rounded-2xl {
22556
+ @media (width >= 40rem) {
22557
+ border-radius: var(--radius-2xl);
22810
22558
  }
22811
- .md\\:grid-cols-2 {
22812
- @media (width >= 48rem) {
22813
- grid-template-columns: repeat(2, minmax(0, 1fr));
22814
- }
22559
+ }
22560
+ .sm\\:text-4xl {
22561
+ @media (width >= 40rem) {
22562
+ font-size: var(--text-4xl);
22563
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
22815
22564
  }
22816
- .md\\:px-12 {
22817
- @media (width >= 48rem) {
22818
- padding-inline: calc(var(--spacing) * 12);
22819
- }
22565
+ }
22566
+ .md\\:grid-cols-2 {
22567
+ @media (width >= 48rem) {
22568
+ grid-template-columns: repeat(2, minmax(0, 1fr));
22820
22569
  }
22821
- .md\\:text-5xl {
22822
- @media (width >= 48rem) {
22823
- font-size: var(--text-5xl);
22824
- line-height: var(--tw-leading, var(--text-5xl--line-height));
22825
- }
22570
+ }
22571
+ .md\\:px-12 {
22572
+ @media (width >= 48rem) {
22573
+ padding-inline: calc(var(--spacing) * 12);
22826
22574
  }
22827
- .lg\\:block {
22828
- @media (width >= 64rem) {
22829
- display: block;
22830
- }
22575
+ }
22576
+ .md\\:text-5xl {
22577
+ @media (width >= 48rem) {
22578
+ font-size: var(--text-5xl);
22579
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
22831
22580
  }
22832
- .lg\\:hidden {
22833
- @media (width >= 64rem) {
22834
- display: none;
22835
- }
22581
+ }
22582
+ .lg\\:block {
22583
+ @media (width >= 64rem) {
22584
+ display: block;
22836
22585
  }
22837
- .lg\\:max-h-\\[calc\\(100dvh-15rem\\)\\] {
22838
- @media (width >= 64rem) {
22839
- max-height: calc(100dvh - 15rem);
22840
- }
22586
+ }
22587
+ .lg\\:hidden {
22588
+ @media (width >= 64rem) {
22589
+ display: none;
22841
22590
  }
22842
- .lg\\:grid-cols-\\[280px_minmax\\(0\\,1fr\\)_320px\\] {
22843
- @media (width >= 64rem) {
22844
- grid-template-columns: 280px minmax(0,1fr) 320px;
22845
- }
22591
+ }
22592
+ .lg\\:max-h-\\[calc\\(100dvh-15rem\\)\\] {
22593
+ @media (width >= 64rem) {
22594
+ max-height: calc(100dvh - 15rem);
22846
22595
  }
22847
- .lg\\:grid-cols-\\[minmax\\(0\\,1fr\\)\\] {
22848
- @media (width >= 64rem) {
22849
- grid-template-columns: minmax(0,1fr);
22850
- }
22596
+ }
22597
+ .lg\\:grid-cols-\\[280px_minmax\\(0\\,1fr\\)_320px\\] {
22598
+ @media (width >= 64rem) {
22599
+ grid-template-columns: 280px minmax(0,1fr) 320px;
22851
22600
  }
22852
22601
  }
22602
+ .lg\\:grid-cols-\\[minmax\\(0\\,1fr\\)\\] {
22603
+ @media (width >= 64rem) {
22604
+ grid-template-columns: minmax(0,1fr);
22605
+ }
22606
+ }
22607
+ :root, :host {
22608
+ --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
22609
+ 'Noto Color Emoji';
22610
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
22611
+ monospace;
22612
+ --color-red-400: oklch(70.4% 0.191 22.216);
22613
+ --color-red-600: oklch(57.7% 0.245 27.325);
22614
+ --color-orange-50: oklch(98% 0.016 73.684);
22615
+ --color-orange-500: oklch(70.5% 0.213 47.604);
22616
+ --color-orange-600: oklch(64.6% 0.222 41.116);
22617
+ --color-orange-700: oklch(55.3% 0.195 38.402);
22618
+ --color-blue-50: oklch(97% 0.014 254.604);
22619
+ --color-blue-100: oklch(93.2% 0.032 255.585);
22620
+ --color-blue-200: oklch(88.2% 0.059 254.128);
22621
+ --color-blue-300: oklch(80.9% 0.105 251.813);
22622
+ --color-blue-400: oklch(70.7% 0.165 254.624);
22623
+ --color-blue-500: oklch(62.3% 0.214 259.815);
22624
+ --color-blue-600: oklch(54.6% 0.245 262.881);
22625
+ --color-blue-800: oklch(42.4% 0.199 265.638);
22626
+ --color-indigo-50: oklch(96.2% 0.018 272.314);
22627
+ --color-indigo-100: oklch(93% 0.034 272.788);
22628
+ --color-indigo-700: oklch(45.7% 0.24 277.023);
22629
+ --color-slate-50: oklch(98.4% 0.003 247.858);
22630
+ --color-slate-100: oklch(96.8% 0.007 247.896);
22631
+ --color-slate-200: oklch(92.9% 0.013 255.508);
22632
+ --color-slate-300: oklch(86.9% 0.022 252.894);
22633
+ --color-slate-400: oklch(70.4% 0.04 256.788);
22634
+ --color-slate-500: oklch(55.4% 0.046 257.417);
22635
+ --color-slate-600: oklch(44.6% 0.043 257.281);
22636
+ --color-slate-700: oklch(37.2% 0.044 257.287);
22637
+ --color-slate-900: oklch(20.8% 0.042 265.755);
22638
+ --color-gray-50: oklch(98.5% 0.002 247.839);
22639
+ --color-gray-100: oklch(96.7% 0.003 264.542);
22640
+ --color-gray-200: oklch(92.8% 0.006 264.531);
22641
+ --color-gray-300: oklch(87.2% 0.01 258.338);
22642
+ --color-gray-400: oklch(70.7% 0.022 261.325);
22643
+ --color-gray-500: oklch(55.1% 0.027 264.364);
22644
+ --color-gray-600: oklch(44.6% 0.03 256.802);
22645
+ --color-gray-700: oklch(37.3% 0.034 259.733);
22646
+ --color-gray-800: oklch(27.8% 0.033 256.848);
22647
+ --color-neutral-100: oklch(97% 0 0);
22648
+ --color-stone-900: oklch(21.6% 0.006 56.043);
22649
+ --color-black: #000;
22650
+ --color-white: #fff;
22651
+ --spacing: 0.25rem;
22652
+ --container-md: 28rem;
22653
+ --container-xl: 36rem;
22654
+ --container-2xl: 42rem;
22655
+ --container-3xl: 48rem;
22656
+ --container-4xl: 56rem;
22657
+ --container-5xl: 64rem;
22658
+ --container-6xl: 72rem;
22659
+ --text-xs: 0.75rem;
22660
+ --text-xs--line-height: calc(1 / 0.75);
22661
+ --text-sm: 0.875rem;
22662
+ --text-sm--line-height: calc(1.25 / 0.875);
22663
+ --text-base: 1rem;
22664
+ --text-base--line-height: calc(1.5 / 1);
22665
+ --text-lg: 1.125rem;
22666
+ --text-lg--line-height: calc(1.75 / 1.125);
22667
+ --text-xl: 1.25rem;
22668
+ --text-xl--line-height: calc(1.75 / 1.25);
22669
+ --text-3xl: 1.875rem;
22670
+ --text-3xl--line-height: calc(2.25 / 1.875);
22671
+ --text-4xl: 2.25rem;
22672
+ --text-4xl--line-height: calc(2.5 / 2.25);
22673
+ --text-5xl: 3rem;
22674
+ --text-5xl--line-height: 1;
22675
+ --font-weight-light: 300;
22676
+ --font-weight-medium: 500;
22677
+ --font-weight-semibold: 600;
22678
+ --font-weight-bold: 700;
22679
+ --tracking-tight: -0.025em;
22680
+ --tracking-wide: 0.025em;
22681
+ --tracking-wider: 0.05em;
22682
+ --leading-tight: 1.25;
22683
+ --leading-relaxed: 1.625;
22684
+ --radius-md: 0.375rem;
22685
+ --radius-lg: 0.5rem;
22686
+ --radius-xl: 0.75rem;
22687
+ --radius-2xl: 1rem;
22688
+ --radius-3xl: 1.5rem;
22689
+ --blur-sm: 8px;
22690
+ --blur-lg: 16px;
22691
+ --blur-xl: 24px;
22692
+ --blur-2xl: 40px;
22693
+ --default-transition-duration: 150ms;
22694
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22695
+ --font-titillium: "Titillium Web", sans-serif;
22696
+ }
22697
+ @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
22853
22698
  @property --tw-translate-x {
22854
22699
  syntax: "*";
22855
22700
  inherits: false;