@maildeno/editor 0.1.2 → 0.1.3
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.
|
@@ -15,7 +15,7 @@ var RowPreviewRow_default = /* @__PURE__ */ defineComponent({
|
|
|
15
15
|
depth: {}
|
|
16
16
|
},
|
|
17
17
|
setup(__props) {
|
|
18
|
-
const RowPreviewChildren = defineAsyncComponent(() => import("./element-
|
|
18
|
+
const RowPreviewChildren = defineAsyncComponent(() => import("./element-CMhqxYnE.js").then((n) => n.o));
|
|
19
19
|
const props = __props;
|
|
20
20
|
function resolveBackground(item) {
|
|
21
21
|
const bg = item?.backgroundGradient;
|
|
@@ -7171,7 +7171,7 @@ function usePortalTarget() {
|
|
|
7171
7171
|
}
|
|
7172
7172
|
//#endregion
|
|
7173
7173
|
//#region src/assets/css/main.css?inline
|
|
7174
|
-
var main_default = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-divide-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-ordinal: initial;\n --tw-slashed-zero: initial;\n --tw-numeric-figure: initial;\n --tw-numeric-spacing: initial;\n --tw-numeric-fraction: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-content: \"\";\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-50: oklch(97.1% .013 17.38);\n --color-red-200: oklch(88.5% .062 18.334);\n --color-red-400: oklch(70.4% .191 22.216);\n --color-red-500: oklch(63.7% .237 25.331);\n --color-red-600: oklch(57.7% .245 27.325);\n --color-red-700: oklch(50.5% .213 27.518);\n --color-orange-300: oklch(83.7% .128 66.29);\n --color-orange-400: oklch(75% .183 55.934);\n --color-orange-500: oklch(70.5% .213 47.604);\n --color-amber-50: oklch(98.7% .022 95.277);\n --color-amber-100: oklch(96.2% .059 95.617);\n --color-amber-200: oklch(92.4% .12 95.746);\n --color-amber-300: oklch(87.9% .169 91.605);\n --color-amber-400: oklch(82.8% .189 84.429);\n --color-amber-500: oklch(76.9% .188 70.08);\n --color-amber-600: oklch(66.6% .179 58.318);\n --color-amber-700: oklch(55.5% .163 48.998);\n --color-amber-800: oklch(47.3% .137 46.201);\n --color-yellow-50: oklch(98.7% .026 102.212);\n --color-yellow-200: oklch(94.5% .129 101.54);\n --color-yellow-700: oklch(55.4% .135 66.442);\n --color-green-400: oklch(79.2% .209 151.711);\n --color-emerald-50: oklch(97.9% .021 166.113);\n --color-emerald-100: oklch(95% .052 163.051);\n --color-emerald-200: oklch(90.5% .093 164.15);\n --color-emerald-400: oklch(76.5% .177 163.223);\n --color-emerald-500: oklch(69.6% .17 162.48);\n --color-emerald-600: oklch(59.6% .145 163.225);\n --color-emerald-700: oklch(50.8% .118 165.612);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-sky-200: oklch(90.1% .058 230.902);\n --color-sky-400: oklch(74.6% .16 232.661);\n --color-sky-600: oklch(58.8% .158 241.966);\n --color-sky-700: oklch(50% .134 242.749);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-300: oklch(80.9% .105 251.813);\n --color-blue-400: oklch(70.7% .165 254.624);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-700: oklch(48.8% .243 264.376);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-indigo-50: oklch(96.2% .018 272.314);\n --color-indigo-200: oklch(87% .065 274.039);\n --color-indigo-600: oklch(51.1% .262 276.966);\n --color-violet-50: oklch(96.9% .016 293.756);\n --color-violet-100: oklch(94.3% .029 294.588);\n --color-violet-600: oklch(54.1% .281 293.009);\n --color-purple-50: oklch(97.7% .014 308.299);\n --color-purple-200: oklch(90.2% .063 306.703);\n --color-purple-300: oklch(82.7% .119 306.383);\n --color-purple-400: oklch(71.4% .203 305.504);\n --color-purple-500: oklch(62.7% .265 303.9);\n --color-purple-600: oklch(55.8% .288 302.321);\n --color-purple-700: oklch(49.6% .265 301.924);\n --color-rose-400: oklch(71.2% .194 13.428);\n --color-rose-500: oklch(64.5% .246 16.439);\n --color-rose-600: oklch(58.6% .253 17.585);\n --color-slate-100: oklch(96.8% .007 247.896);\n --color-slate-200: oklch(92.9% .013 255.508);\n --color-slate-600: oklch(44.6% .043 257.281);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-gray-800: oklch(27.8% .033 256.848);\n --color-gray-900: oklch(21% .034 264.665);\n --color-gray-950: oklch(13% .028 261.692);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --container-xs: 20rem;\n --container-md: 28rem;\n --container-4xl: 56rem;\n --text-xs: .75rem;\n --text-xs--line-height: calc(1 / .75);\n --text-sm: .875rem;\n --text-sm--line-height: calc(1.25 / .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 --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --tracking-normal: 0em;\n --tracking-wide: .025em;\n --tracking-wider: .05em;\n --tracking-widest: .1em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-relaxed: 1.625;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;\n --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;\n --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;\n --shadow-2xl: 0 25px 50px -12px #00000040;\n --ease-in: cubic-bezier(.4, 0, 1, 1);\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --animate-spin: spin 1s linear infinite;\n --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;\n --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;\n --animate-bounce: bounce 1s infinite;\n --blur-sm: 8px;\n --blur-md: 12px;\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, 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\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\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\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring:where(:not(iframe)) {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n\n :host, body, input, textarea, pre {\n font-family: Satoshi, sans-serif;\n }\n\n ul {\n list-style: outside;\n }\n\n ol {\n list-style: decimal;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n\n .collapse {\n visibility: collapse;\n }\n\n .invisible {\n visibility: hidden;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .sticky {\n position: sticky;\n }\n\n .inset-0 {\n inset: 0;\n }\n\n .inset-y-0 {\n inset-block: 0;\n }\n\n .-top-0\\.5 {\n top: calc(var(--spacing) * -.5);\n }\n\n .-top-1 {\n top: calc(var(--spacing) * -1);\n }\n\n .-top-1\\.5 {\n top: calc(var(--spacing) * -1.5);\n }\n\n .-top-2 {\n top: calc(var(--spacing) * -2);\n }\n\n .-top-4 {\n top: calc(var(--spacing) * -4);\n }\n\n .-top-8 {\n top: calc(var(--spacing) * -8);\n }\n\n .-top-9 {\n top: calc(var(--spacing) * -9);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-0\\.5 {\n top: calc(var(--spacing) * .5);\n }\n\n .top-1 {\n top: var(--spacing);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n\n .top-13 {\n top: calc(var(--spacing) * 13);\n }\n\n .top-16 {\n top: calc(var(--spacing) * 16);\n }\n\n .top-\\[53\\%\\] {\n top: 53%;\n }\n\n .top-full {\n top: 100%;\n }\n\n .-right-1 {\n right: calc(var(--spacing) * -1);\n }\n\n .-right-2 {\n right: calc(var(--spacing) * -2);\n }\n\n .-right-3 {\n right: calc(var(--spacing) * -3);\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-1 {\n right: var(--spacing);\n }\n\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n\n .right-4 {\n right: calc(var(--spacing) * 4);\n }\n\n .right-full {\n right: 100%;\n }\n\n .-bottom-1 {\n bottom: calc(var(--spacing) * -1);\n }\n\n .-bottom-3\\.5 {\n bottom: calc(var(--spacing) * -3.5);\n }\n\n .-bottom-5\\.5 {\n bottom: calc(var(--spacing) * -5.5);\n }\n\n .bottom-0 {\n bottom: 0;\n }\n\n .bottom-\\[-125\\%\\] {\n bottom: -125%;\n }\n\n .bottom-full {\n bottom: 100%;\n }\n\n .-left-2 {\n left: calc(var(--spacing) * -2);\n }\n\n .-left-3 {\n left: calc(var(--spacing) * -3);\n }\n\n .-left-full {\n left: -100%;\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-0\\.5 {\n left: calc(var(--spacing) * .5);\n }\n\n .left-0\\.75 {\n left: calc(var(--spacing) * .75);\n }\n\n .left-1\\/2 {\n left: 50%;\n }\n\n .left-2 {\n left: calc(var(--spacing) * 2);\n }\n\n .left-2\\/2 {\n left: 100%;\n }\n\n .left-3 {\n left: calc(var(--spacing) * 3);\n }\n\n .left-3\\.5 {\n left: calc(var(--spacing) * 3.5);\n }\n\n .left-4 {\n left: calc(var(--spacing) * 4);\n }\n\n .z-0 {\n z-index: 0;\n }\n\n .z-8 {\n z-index: 8;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-20 {\n z-index: 20;\n }\n\n .z-30 {\n z-index: 30;\n }\n\n .z-40 {\n z-index: 40;\n }\n\n .z-50 {\n z-index: 50;\n }\n\n .z-60 {\n z-index: 60;\n }\n\n .z-80 {\n z-index: 80;\n }\n\n .z-100 {\n z-index: 100;\n }\n\n .z-110 {\n z-index: 110;\n }\n\n .z-9000 {\n z-index: 9000;\n }\n\n .z-9999 {\n z-index: 9999;\n }\n\n .col-span-1 {\n grid-column: span 1 / span 1;\n }\n\n .col-span-2 {\n grid-column: span 2 / span 2;\n }\n\n .col-span-3 {\n grid-column: span 3 / span 3;\n }\n\n .col-span-4 {\n grid-column: span 4 / span 4;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .-mx-20 {\n margin-inline: calc(var(--spacing) * -20);\n }\n\n .mx-0\\.5 {\n margin-inline: calc(var(--spacing) * .5);\n }\n\n .mx-1 {\n margin-inline: var(--spacing);\n }\n\n .mx-1\\.5 {\n margin-inline: calc(var(--spacing) * 1.5);\n }\n\n .mx-3 {\n margin-inline: calc(var(--spacing) * 3);\n }\n\n .mx-4 {\n margin-inline: calc(var(--spacing) * 4);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n }\n\n .mt-0\\.5 {\n margin-top: calc(var(--spacing) * .5);\n }\n\n .mt-1 {\n margin-top: var(--spacing);\n }\n\n .mt-1\\.5 {\n margin-top: calc(var(--spacing) * 1.5);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.5 {\n margin-top: calc(var(--spacing) * 2.5);\n }\n\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-auto {\n margin-top: auto;\n }\n\n .mr-0\\.5 {\n margin-right: calc(var(--spacing) * .5);\n }\n\n .mr-1 {\n margin-right: var(--spacing);\n }\n\n .mr-3 {\n margin-right: calc(var(--spacing) * 3);\n }\n\n .-mb-1 {\n margin-bottom: calc(var(--spacing) * -1);\n }\n\n .mb-0 {\n margin-bottom: 0;\n }\n\n .mb-0\\.5 {\n margin-bottom: calc(var(--spacing) * .5);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-1\\.25 {\n margin-bottom: calc(var(--spacing) * 1.25);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-5 {\n margin-bottom: calc(var(--spacing) * 5);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .-ml-0\\.75 {\n margin-left: calc(var(--spacing) * -.75);\n }\n\n .ml-0\\.5 {\n margin-left: calc(var(--spacing) * .5);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-3 {\n margin-left: calc(var(--spacing) * 3);\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .line-clamp-3 {\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .inline-table {\n display: inline-table;\n }\n\n .table {\n display: table;\n }\n\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .size-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n\n .size-3\\.25 {\n width: calc(var(--spacing) * 3.25);\n height: calc(var(--spacing) * 3.25);\n }\n\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .size-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n height: calc(var(--spacing) * 4.25);\n }\n\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n\n .size-11 {\n width: calc(var(--spacing) * 11);\n height: calc(var(--spacing) * 11);\n }\n\n .size-\\[18px\\] {\n width: 18px;\n height: 18px;\n }\n\n .size-full {\n width: 100%;\n height: 100%;\n }\n\n .h-0\\.5 {\n height: calc(var(--spacing) * .5);\n }\n\n .h-0\\.75 {\n height: calc(var(--spacing) * .75);\n }\n\n .h-1 {\n height: var(--spacing);\n }\n\n .h-1\\.5 {\n height: calc(var(--spacing) * 1.5);\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.5 {\n height: calc(var(--spacing) * 2.5);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-3\\.25 {\n height: calc(var(--spacing) * 3.25);\n }\n\n .h-3\\.75 {\n height: calc(var(--spacing) * 3.75);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-4\\.75 {\n height: calc(var(--spacing) * 4.75);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-37\\.5 {\n height: calc(var(--spacing) * 37.5);\n }\n\n .h-\\[30px\\] {\n height: 30px;\n }\n\n .h-\\[32px\\] {\n height: 32px;\n }\n\n .h-\\[60vh\\] {\n height: 60vh;\n }\n\n .h-\\[calc\\(100vh-5\\.25rem\\)\\] {\n height: calc(100vh - 5.25rem);\n }\n\n .h-\\[calc\\(100vh-7\\.5rem\\)\\] {\n height: calc(100vh - 7.5rem);\n }\n\n .h-fit {\n height: fit-content;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-screen {\n height: 100vh;\n }\n\n .max-h-44 {\n max-height: calc(var(--spacing) * 44);\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-87\\.5 {\n min-height: calc(var(--spacing) * 87.5);\n }\n\n .min-h-auto {\n min-height: auto;\n }\n\n .min-h-screen {\n min-height: 100vh;\n }\n\n .w-0 {\n width: 0;\n }\n\n .w-1 {\n width: var(--spacing);\n }\n\n .w-1\\.5 {\n width: calc(var(--spacing) * 1.5);\n }\n\n .w-1\\/2 {\n width: 50%;\n }\n\n .w-1\\/3 {\n width: 33.3333%;\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n\n .w-2\\/3 {\n width: 66.6667%;\n }\n\n .w-3 {\n width: calc(var(--spacing) * 3);\n }\n\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n\n .w-3\\.25 {\n width: calc(var(--spacing) * 3.25);\n }\n\n .w-3\\/4 {\n width: 75%;\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.75 {\n width: calc(var(--spacing) * 4.75);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-5\\.25 {\n width: calc(var(--spacing) * 5.25);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n\n .w-7\\.5 {\n width: calc(var(--spacing) * 7.5);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-14 {\n width: calc(var(--spacing) * 14);\n }\n\n .w-15 {\n width: calc(var(--spacing) * 15);\n }\n\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n\n .w-30 {\n width: calc(var(--spacing) * 30);\n }\n\n .w-44 {\n width: calc(var(--spacing) * 44);\n }\n\n .w-50 {\n width: calc(var(--spacing) * 50);\n }\n\n .w-56 {\n width: calc(var(--spacing) * 56);\n }\n\n .w-60 {\n width: calc(var(--spacing) * 60);\n }\n\n .w-65 {\n width: calc(var(--spacing) * 65);\n }\n\n .w-68 {\n width: calc(var(--spacing) * 68);\n }\n\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n\n .w-85 {\n width: calc(var(--spacing) * 85);\n }\n\n .w-\\[28\\%\\] {\n width: 28%;\n }\n\n .w-\\[40\\%\\] {\n width: 40%;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-max {\n width: max-content;\n }\n\n .w-md {\n width: var(--container-md);\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-4xl {\n max-width: var(--container-4xl);\n }\n\n .max-w-20 {\n max-width: calc(var(--spacing) * 20);\n }\n\n .max-w-22 {\n max-width: calc(var(--spacing) * 22);\n }\n\n .max-w-22\\.5 {\n max-width: calc(var(--spacing) * 22.5);\n }\n\n .max-w-25 {\n max-width: calc(var(--spacing) * 25);\n }\n\n .max-w-\\[240px\\] {\n max-width: 240px;\n }\n\n .max-w-\\[1600px\\] {\n max-width: 1600px;\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .max-w-md {\n max-width: var(--container-md);\n }\n\n .max-w-xs {\n max-width: var(--container-xs);\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-4\\.5 {\n min-width: calc(var(--spacing) * 4.5);\n }\n\n .min-w-75 {\n min-width: calc(var(--spacing) * 75);\n }\n\n .min-w-105 {\n min-width: calc(var(--spacing) * 105);\n }\n\n .min-w-full {\n min-width: 100%;\n }\n\n .min-w-max {\n min-width: max-content;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-2 {\n flex: 2;\n }\n\n .flex-shrink, .shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .grow {\n flex-grow: 1;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .-translate-x-0\\.5 {\n --tw-translate-x: calc(var(--spacing) * -.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\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\n .-translate-x-2\\/2 {\n --tw-translate-x: calc(calc(2 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-x-full {\n --tw-translate-x: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-0 {\n --tw-translate-x: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-0\\.75 {\n --tw-translate-x: calc(var(--spacing) * .75);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-3\\.5 {\n --tw-translate-x: calc(var(--spacing) * 3.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-5 {\n --tw-translate-x: calc(var(--spacing) * 5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-0\\.5 {\n --tw-translate-y: calc(var(--spacing) * -.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1 {\n --tw-translate-y: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-0 {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-0\\.5 {\n --tw-translate-y: calc(var(--spacing) * .5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-1 {\n --tw-translate-y: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-px {\n --tw-translate-y: 1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .scale-95 {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .scale-100 {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .-rotate-90 {\n rotate: -90deg;\n }\n\n .rotate-45 {\n rotate: 45deg;\n }\n\n .rotate-90 {\n rotate: 90deg;\n }\n\n .rotate-180 {\n rotate: 180deg;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .animate-bounce {\n animation: var(--animate-bounce);\n }\n\n .animate-ping {\n animation: var(--animate-ping);\n }\n\n .animate-pulse {\n animation: var(--animate-pulse);\n }\n\n .animate-spin {\n animation: var(--animate-spin);\n }\n\n .cursor-crosshair {\n cursor: crosshair;\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .resize {\n resize: both;\n }\n\n .list-none {\n list-style-type: none;\n }\n\n .\\[appearance\\:textfield\\] {\n appearance: textfield;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .flex-col-reverse {\n flex-direction: column-reverse;\n }\n\n .flex-row {\n flex-direction: row;\n }\n\n .flex-wrap {\n flex-wrap: wrap;\n }\n\n .place-content-center {\n place-content: center;\n }\n\n .items-baseline {\n align-items: baseline;\n }\n\n .items-center {\n align-items: center;\n }\n\n .items-end {\n align-items: flex-end;\n }\n\n .items-start {\n align-items: flex-start;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-end {\n justify-content: flex-end;\n }\n\n .justify-start {\n justify-content: flex-start;\n }\n\n .gap-0\\.5 {\n gap: calc(var(--spacing) * .5);\n }\n\n .gap-1 {\n gap: var(--spacing);\n }\n\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n :where(.space-y-0\\.5 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-1\\.5 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :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 :where(.space-y-2\\.5 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-3 > :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 :where(.space-y-4 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-5 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .gap-x-3 {\n column-gap: calc(var(--spacing) * 3);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n :where(.divide-y > :not(:last-child)) {\n --tw-divide-y-reverse: 0;\n border-bottom-style: var(--tw-border-style);\n border-top-style: var(--tw-border-style);\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n }\n\n :where(.divide-\\(--md-border\\) > :not(:last-child)) {\n border-color: var(--md-border);\n }\n\n .self-stretch {\n align-self: stretch;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-visible {\n overflow: visible;\n }\n\n .overflow-x-auto {\n overflow-x: auto;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-2xl {\n border-radius: var(--radius-2xl);\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n\n .rounded-md {\n border-radius: var(--radius-md);\n }\n\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-xl {\n border-radius: var(--radius-xl);\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .\\!border-\\[var\\(--md-border\\)\\] {\n border-color: var(--md-border) !important;\n }\n\n .\\!border-\\[var\\(--md-danger\\)\\] {\n border-color: var(--md-danger) !important;\n }\n\n .\\!border-gray-200 {\n border-color: var(--color-gray-200) !important;\n }\n\n .\\!border-red-600 {\n border-color: var(--color-red-600) !important;\n }\n\n .border-\\(--md-border\\), .border-\\(--md-border\\)\\/60 {\n border-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-border\\)\\/60 {\n border-color: color-mix(in oklab, var(--md-border) 60%, transparent);\n }\n }\n\n .border-\\(--md-border\\)\\/65 {\n border-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-border\\)\\/65 {\n border-color: color-mix(in oklab, var(--md-border) 65%, transparent);\n }\n }\n\n .border-\\(--md-border\\)\\/75 {\n border-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-border\\)\\/75 {\n border-color: color-mix(in oklab, var(--md-border) 75%, transparent);\n }\n }\n\n .border-\\(--md-border\\)\\/80 {\n border-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-border\\)\\/80 {\n border-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n }\n }\n\n .border-\\(--md-border-strong\\), .border-\\(--md-border-strong\\)\\/80 {\n border-color: var(--md-border-strong);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-border-strong\\)\\/80 {\n border-color: color-mix(in oklab, var(--md-border-strong) 80%, transparent);\n }\n }\n\n .border-\\(--md-danger-border\\) {\n border-color: var(--md-danger-border);\n }\n\n .border-\\(--md-info\\)\\! {\n border-color: var(--md-info) !important;\n }\n\n .border-\\(--md-info-border\\) {\n border-color: var(--md-info-border);\n }\n\n .border-\\(--md-overlay-border\\) {\n border-color: var(--md-overlay-border);\n }\n\n .border-\\(--md-row-selection\\) {\n border-color: var(--md-row-selection);\n }\n\n .border-\\(--md-row-selection-fg\\) {\n border-color: var(--md-row-selection-fg);\n }\n\n .border-\\(--md-selection\\) {\n border-color: var(--md-selection);\n }\n\n .border-\\(--md-selection-fg\\)\\/60 {\n border-color: var(--md-selection-fg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-selection-fg\\)\\/60 {\n border-color: color-mix(in oklab, var(--md-selection-fg) 60%, transparent);\n }\n }\n\n .border-\\(--md-text\\), .border-\\(--md-text\\)\\/10 {\n border-color: var(--md-text);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-text\\)\\/10 {\n border-color: color-mix(in oklab, var(--md-text) 10%, transparent);\n }\n }\n\n .border-\\(--md-warning-border\\) {\n border-color: var(--md-warning-border);\n }\n\n .border-amber-200 {\n border-color: var(--color-amber-200);\n }\n\n .border-blue-100 {\n border-color: var(--color-blue-100);\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-blue-500\\/20 {\n border-color: #3080ff33;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-blue-500\\/20 {\n border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n }\n }\n\n .border-emerald-100 {\n border-color: var(--color-emerald-100);\n }\n\n .border-emerald-200 {\n border-color: var(--color-emerald-200);\n }\n\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-800 {\n border-color: var(--color-gray-800);\n }\n\n .border-indigo-200 {\n border-color: var(--color-indigo-200);\n }\n\n .border-purple-200 {\n border-color: var(--color-purple-200);\n }\n\n .border-red-200 {\n border-color: var(--color-red-200);\n }\n\n .border-sky-100 {\n border-color: var(--color-sky-100);\n }\n\n .border-sky-200 {\n border-color: var(--color-sky-200);\n }\n\n .border-slate-200 {\n border-color: var(--color-slate-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\n }\n\n .border-white\\/10 {\n border-color: #ffffff1a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-white\\/10 {\n border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n }\n }\n\n .border-yellow-200 {\n border-color: var(--color-yellow-200);\n }\n\n .border-t-\\[\\#42389E\\] {\n border-top-color: #42389e;\n }\n\n .border-r-\\[\\#42389E\\] {\n border-right-color: #42389e;\n }\n\n .border-b-transparent {\n border-bottom-color: #0000;\n }\n\n .border-l-transparent {\n border-left-color: #0000;\n }\n\n .\\!bg-\\[var\\(--md-border\\)\\] {\n background-color: var(--md-border) !important;\n }\n\n .\\!bg-\\[var\\(--md-danger\\)\\] {\n background-color: var(--md-danger) !important;\n }\n\n .\\!bg-gray-200 {\n background-color: var(--color-gray-200) !important;\n }\n\n .\\!bg-red-600 {\n background-color: var(--color-red-600) !important;\n }\n\n .bg-\\(--md-border\\), .bg-\\(--md-border\\)\\/80 {\n background-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-border\\)\\/80 {\n background-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n }\n }\n\n .bg-\\(--md-border-strong\\) {\n background-color: var(--md-border-strong);\n }\n\n .bg-\\(--md-danger-bg\\) {\n background-color: var(--md-danger-bg);\n }\n\n .bg-\\(--md-danger-border\\) {\n background-color: var(--md-danger-border);\n }\n\n .bg-\\(--md-info\\)\\! {\n background-color: var(--md-info) !important;\n }\n\n .bg-\\(--md-info-bg\\) {\n background-color: var(--md-info-bg);\n }\n\n .bg-\\(--md-info-border\\) {\n background-color: var(--md-info-border);\n }\n\n .bg-\\(--md-overlay-bg\\) {\n background-color: var(--md-overlay-bg);\n }\n\n .bg-\\(--md-primary\\) {\n background-color: var(--md-primary);\n }\n\n .bg-\\(--md-row-selection\\) {\n background-color: var(--md-row-selection);\n }\n\n .bg-\\(--md-row-selection-bg\\), .bg-\\(--md-row-selection-bg\\)\\/40 {\n background-color: var(--md-row-selection-bg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-row-selection-bg\\)\\/40 {\n background-color: color-mix(in oklab, var(--md-row-selection-bg) 40%, transparent);\n }\n }\n\n .bg-\\(--md-row-selection-bg\\)\\/70 {\n background-color: var(--md-row-selection-bg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-row-selection-bg\\)\\/70 {\n background-color: color-mix(in oklab, var(--md-row-selection-bg) 70%, transparent);\n }\n }\n\n .bg-\\(--md-row-selection-fg\\) {\n background-color: var(--md-row-selection-fg);\n }\n\n .bg-\\(--md-selection\\), .bg-\\(--md-selection\\)\\/75 {\n background-color: var(--md-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-selection\\)\\/75 {\n background-color: color-mix(in oklab, var(--md-selection) 75%, transparent);\n }\n }\n\n .bg-\\(--md-selection-bg\\) {\n background-color: var(--md-selection-bg);\n }\n\n .bg-\\(--md-surface\\), .bg-\\(--md-surface\\)\\/90 {\n background-color: var(--md-surface);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-surface\\)\\/90 {\n background-color: color-mix(in oklab, var(--md-surface) 90%, transparent);\n }\n }\n\n .bg-\\(--md-surface-hover\\), .bg-\\(--md-surface-hover\\)\\/30 {\n background-color: var(--md-surface-hover);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-surface-hover\\)\\/30 {\n background-color: color-mix(in oklab, var(--md-surface-hover) 30%, transparent);\n }\n }\n\n .bg-\\(--md-surface-hover\\)\\/50 {\n background-color: var(--md-surface-hover);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-surface-hover\\)\\/50 {\n background-color: color-mix(in oklab, var(--md-surface-hover) 50%, transparent);\n }\n }\n\n .bg-\\(--md-surface-muted\\), .bg-\\(--md-surface-muted\\)\\/75 {\n background-color: var(--md-surface-muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-surface-muted\\)\\/75 {\n background-color: color-mix(in oklab, var(--md-surface-muted) 75%, transparent);\n }\n }\n\n .bg-\\(--md-surface-muted\\)\\/80 {\n background-color: var(--md-surface-muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-surface-muted\\)\\/80 {\n background-color: color-mix(in oklab, var(--md-surface-muted) 80%, transparent);\n }\n }\n\n .bg-\\(--md-text\\), .bg-\\(--md-text\\)\\/0 {\n background-color: var(--md-text);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-text\\)\\/0 {\n background-color: color-mix(in oklab, var(--md-text) 0%, transparent);\n }\n }\n\n .bg-\\(--md-text-subtle\\) {\n background-color: var(--md-text-subtle);\n }\n\n .bg-\\(--md-toolbar-bg\\)\\/95 {\n background-color: var(--md-toolbar-bg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-toolbar-bg\\)\\/95 {\n background-color: color-mix(in oklab, var(--md-toolbar-bg) 95%, transparent);\n }\n }\n\n .bg-\\(--md-toolbar-border\\) {\n background-color: var(--md-toolbar-border);\n }\n\n .bg-\\(--md-tooltip-bg\\) {\n background-color: var(--md-tooltip-bg);\n }\n\n .bg-\\(--md-warning-bg\\) {\n background-color: var(--md-warning-bg);\n }\n\n .bg-\\(--md-warning-border\\) {\n background-color: var(--md-warning-border);\n }\n\n .bg-\\[\\#0b0b0c\\] {\n background-color: #0b0b0c;\n }\n\n .bg-\\[\\#1a1a1d\\] {\n background-color: #1a1a1d;\n }\n\n .bg-\\[\\#28c840\\] {\n background-color: #28c840;\n }\n\n .bg-\\[\\#42389E\\] {\n background-color: #42389e;\n }\n\n .bg-\\[\\#42389E\\]\\/10 {\n background-color: oklab(41.5418% .0313346 -.155848 / .1);\n }\n\n .bg-\\[\\#101012\\] {\n background-color: #101012;\n }\n\n .bg-\\[\\#febc2e\\] {\n background-color: #febc2e;\n }\n\n .bg-\\[\\#ff5f57\\] {\n background-color: #ff5f57;\n }\n\n .bg-\\[var\\(--md-border\\)\\]\\/80 {\n background-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\[var\\(--md-border\\)\\]\\/80 {\n background-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n }\n }\n\n .bg-\\[var\\(--md-row-selection-bg\\)\\] {\n background-color: var(--md-row-selection-bg);\n }\n\n .bg-\\[var\\(--md-selection\\)\\] {\n background-color: var(--md-selection);\n }\n\n .bg-\\[var\\(--md-surface-hover\\)\\] {\n background-color: var(--md-surface-hover);\n }\n\n .bg-\\[var\\(--md-toolbar-bg\\)\\]\\/95 {\n background-color: var(--md-toolbar-bg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\[var\\(--md-toolbar-bg\\)\\]\\/95 {\n background-color: color-mix(in oklab, var(--md-toolbar-bg) 95%, transparent);\n }\n }\n\n .bg-\\[var\\(--md-tooltip-bg\\)\\] {\n background-color: var(--md-tooltip-bg);\n }\n\n .bg-amber-50 {\n background-color: var(--color-amber-50);\n }\n\n .bg-amber-50\\/80 {\n background-color: #fffbebcc;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-amber-50\\/80 {\n background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);\n }\n }\n\n .bg-amber-100 {\n background-color: var(--color-amber-100);\n }\n\n .bg-amber-400 {\n background-color: var(--color-amber-400);\n }\n\n .bg-amber-500\\/10 {\n background-color: #f99c001a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-amber-500\\/10 {\n background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);\n }\n }\n\n .bg-amber-500\\/15 {\n background-color: #f99c0026;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-amber-500\\/15 {\n background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);\n }\n }\n\n .bg-black\\/35 {\n background-color: #00000059;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-black\\/35 {\n background-color: color-mix(in oklab, var(--color-black) 35%, transparent);\n }\n }\n\n .bg-black\\/40 {\n background-color: #0006;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-black\\/40 {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n }\n\n .bg-black\\/70 {\n background-color: #000000b3;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-black\\/70 {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-blue-500\\/5 {\n background-color: #3080ff0d;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-blue-500\\/5 {\n background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);\n }\n }\n\n .bg-blue-500\\/10 {\n background-color: #3080ff1a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-blue-500\\/10 {\n background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);\n }\n }\n\n .bg-blue-500\\/20 {\n background-color: #3080ff33;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-blue-500\\/20 {\n background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n }\n }\n\n .bg-emerald-50 {\n background-color: var(--color-emerald-50);\n }\n\n .bg-emerald-100 {\n background-color: var(--color-emerald-100);\n }\n\n .bg-emerald-400 {\n background-color: var(--color-emerald-400);\n }\n\n .bg-emerald-500 {\n background-color: var(--color-emerald-500);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-50\\/40 {\n background-color: #f9fafb66;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/40 {\n background-color: color-mix(in oklab, var(--color-gray-50) 40%, transparent);\n }\n }\n\n .bg-gray-50\\/50 {\n background-color: #f9fafb80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/50 {\n background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n }\n }\n\n .bg-gray-50\\/70 {\n background-color: #f9fafbb3;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/70 {\n background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent);\n }\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n\n .bg-gray-800 {\n background-color: var(--color-gray-800);\n }\n\n .bg-gray-900 {\n background-color: var(--color-gray-900);\n }\n\n .bg-gray-950 {\n background-color: var(--color-gray-950);\n }\n\n .bg-indigo-50 {\n background-color: var(--color-indigo-50);\n }\n\n .bg-orange-500\\/20 {\n background-color: #fe6e0033;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-orange-500\\/20 {\n background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);\n }\n }\n\n .bg-purple-50 {\n background-color: var(--color-purple-50);\n }\n\n .bg-purple-500\\/20 {\n background-color: #ac4bff33;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-purple-500\\/20 {\n background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);\n }\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-sky-50 {\n background-color: var(--color-sky-50);\n }\n\n .bg-slate-100 {\n background-color: var(--color-slate-100);\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-violet-50 {\n background-color: var(--color-violet-50);\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .bg-white\\/3 {\n background-color: #ffffff08;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-white\\/3 {\n background-color: color-mix(in oklab, var(--color-white) 3%, transparent);\n }\n }\n\n .bg-white\\/10 {\n background-color: #ffffff1a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-white\\/10 {\n background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n }\n }\n\n .bg-white\\/95 {\n background-color: #fffffff2;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-white\\/95 {\n background-color: color-mix(in oklab, var(--color-white) 95%, transparent);\n }\n }\n\n .bg-yellow-50 {\n background-color: var(--color-yellow-50);\n }\n\n .bg-linear-to-br {\n --tw-gradient-position: to bottom right;\n }\n\n @supports (background-image: linear-gradient(in lab, red, red)) {\n .bg-linear-to-br {\n --tw-gradient-position: to bottom right in oklab;\n }\n }\n\n .bg-linear-to-br {\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n\n .bg-linear-to-r {\n --tw-gradient-position: to right;\n }\n\n @supports (background-image: linear-gradient(in lab, red, red)) {\n .bg-linear-to-r {\n --tw-gradient-position: to right in oklab;\n }\n }\n\n .bg-linear-to-r {\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\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\n .bg-gradient-to-r {\n --tw-gradient-position: to right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n\n .from-\\(--md-row-selection\\) {\n --tw-gradient-from: var(--md-row-selection);\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\n .from-\\[\\#42389E\\] {\n --tw-gradient-from: #42389e;\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\n .from-\\[var\\(--md-selection\\)\\] {\n --tw-gradient-from: var(--md-selection);\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\n .to-\\(--md-row-selection-fg\\) {\n --tw-gradient-to: var(--md-row-selection-fg);\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\n .to-\\[\\#6B5BC9\\] {\n --tw-gradient-to: #6b5bc9;\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\n .to-\\[var\\(--md-selection-fg\\)\\] {\n --tw-gradient-to: var(--md-selection-fg);\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\n .stroke-\\(--md-text-muted\\) {\n stroke: var(--md-text-muted);\n }\n\n .stroke-current {\n stroke: currentColor;\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .object-cover {\n object-fit: cover;\n }\n\n .p-0\\.5 {\n padding: calc(var(--spacing) * .5);\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .p-1\\.25 {\n padding: calc(var(--spacing) * 1.25);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-2\\.5 {\n padding: calc(var(--spacing) * 2.5);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .\\!px-6 {\n padding-inline: calc(var(--spacing) * 6) !important;\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\n }\n\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .px-1\\.75 {\n padding-inline: calc(var(--spacing) * 1.75);\n }\n\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .px-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n\n .px-5\\! {\n padding-inline: calc(var(--spacing) * 5) !important;\n }\n\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n\n .px-20 {\n padding-inline: calc(var(--spacing) * 20);\n }\n\n .\\!py-2 {\n padding-block: calc(var(--spacing) * 2) !important;\n }\n\n .py-0 {\n padding-block: 0;\n }\n\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * .5);\n }\n\n .py-0\\.75 {\n padding-block: calc(var(--spacing) * .75);\n }\n\n .py-1 {\n padding-block: var(--spacing);\n }\n\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .py-1\\.25 {\n padding-block: calc(var(--spacing) * 1.25);\n }\n\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n\n .py-2\\.75 {\n padding-block: calc(var(--spacing) * 2.75);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-3\\.25 {\n padding-block: calc(var(--spacing) * 3.25);\n }\n\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n\n .py-6 {\n padding-block: calc(var(--spacing) * 6);\n }\n\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .py-12 {\n padding-block: calc(var(--spacing) * 12);\n }\n\n .py-16 {\n padding-block: calc(var(--spacing) * 16);\n }\n\n .py-24 {\n padding-block: calc(var(--spacing) * 24);\n }\n\n .py-\\[8px\\] {\n padding-block: 8px;\n }\n\n .py-px {\n padding-block: 1px;\n }\n\n .pt-0 {\n padding-top: 0;\n }\n\n .pt-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n\n .pr-7 {\n padding-right: calc(var(--spacing) * 7);\n }\n\n .pb-1 {\n padding-bottom: var(--spacing);\n }\n\n .pb-1\\.5 {\n padding-bottom: calc(var(--spacing) * 1.5);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .pb-5 {\n padding-bottom: calc(var(--spacing) * 5);\n }\n\n .pb-20 {\n padding-bottom: calc(var(--spacing) * 20);\n }\n\n .\\!pl-6 {\n padding-left: calc(var(--spacing) * 6) !important;\n }\n\n .pl-0\\.5 {\n padding-left: calc(var(--spacing) * .5);\n }\n\n .pl-1 {\n padding-left: var(--spacing);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-5 {\n padding-left: calc(var(--spacing) * 5);\n }\n\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-6\\! {\n padding-left: calc(var(--spacing) * 6) !important;\n }\n\n .pl-7 {\n padding-left: calc(var(--spacing) * 7);\n }\n\n .pl-9 {\n padding-left: calc(var(--spacing) * 9);\n }\n\n .pl-14 {\n padding-left: calc(var(--spacing) * 14);\n }\n\n .pl-\\[Xpx\\] {\n padding-left: Xpx;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-right {\n text-align: right;\n }\n\n .font-mono {\n font-family: var(--font-mono);\n }\n\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .text-\\[8px\\] {\n font-size: 8px;\n }\n\n .text-\\[9\\.5px\\] {\n font-size: 9.5px;\n }\n\n .text-\\[9px\\] {\n font-size: 9px;\n }\n\n .text-\\[10\\.5px\\] {\n font-size: 10.5px;\n }\n\n .text-\\[10px\\] {\n font-size: 10px;\n }\n\n .text-\\[11\\.5px\\] {\n font-size: 11.5px;\n }\n\n .text-\\[11px\\] {\n font-size: 11px;\n }\n\n .text-\\[12\\.5px\\] {\n font-size: 12.5px;\n }\n\n .text-\\[12px\\] {\n font-size: 12px;\n }\n\n .text-\\[13\\.5px\\] {\n font-size: 13.5px;\n }\n\n .text-\\[13px\\] {\n font-size: 13px;\n }\n\n .text-\\[14px\\] {\n font-size: 14px;\n }\n\n .text-\\[15px\\] {\n font-size: 15px;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .tracking-\\[\\.02em\\] {\n --tw-tracking: .02em;\n letter-spacing: .02em;\n }\n\n .tracking-\\[\\.05em\\] {\n --tw-tracking: .05em;\n letter-spacing: .05em;\n }\n\n .tracking-\\[\\.06em\\] {\n --tw-tracking: .06em;\n letter-spacing: .06em;\n }\n\n .tracking-\\[\\.08em\\] {\n --tw-tracking: .08em;\n letter-spacing: .08em;\n }\n\n .tracking-normal {\n --tw-tracking: var(--tracking-normal);\n letter-spacing: var(--tracking-normal);\n }\n\n .tracking-wide {\n --tw-tracking: var(--tracking-wide);\n letter-spacing: var(--tracking-wide);\n }\n\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .tracking-widest {\n --tw-tracking: var(--tracking-widest);\n letter-spacing: var(--tracking-widest);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .break-all {\n word-break: break-all;\n }\n\n .whitespace-normal {\n white-space: normal;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .whitespace-pre {\n white-space: pre;\n }\n\n .\\!text-\\[var\\(--md-text\\)\\] {\n color: var(--md-text) !important;\n }\n\n .\\!text-gray-800 {\n color: var(--color-gray-800) !important;\n }\n\n .text-\\(--md-danger\\), .text-\\(--md-danger\\)\\/80 {\n color: var(--md-danger);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-\\(--md-danger\\)\\/80 {\n color: color-mix(in oklab, var(--md-danger) 80%, transparent);\n }\n }\n\n .text-\\(--md-danger-fg\\) {\n color: var(--md-danger-fg);\n }\n\n .text-\\(--md-info\\) {\n color: var(--md-info);\n }\n\n .text-\\(--md-info-fg\\) {\n color: var(--md-info-fg);\n }\n\n .text-\\(--md-primary\\) {\n color: var(--md-primary);\n }\n\n .text-\\(--md-row-selection\\) {\n color: var(--md-row-selection);\n }\n\n .text-\\(--md-row-selection-fg\\) {\n color: var(--md-row-selection-fg);\n }\n\n .text-\\(--md-selection\\) {\n color: var(--md-selection);\n }\n\n .text-\\(--md-selection-fg\\) {\n color: var(--md-selection-fg);\n }\n\n .text-\\(--md-success\\) {\n color: var(--md-success);\n }\n\n .text-\\(--md-surface\\) {\n color: var(--md-surface);\n }\n\n .text-\\(--md-text\\) {\n color: var(--md-text);\n }\n\n .text-\\(--md-text-muted\\) {\n color: var(--md-text-muted);\n }\n\n .text-\\(--md-text-subtle\\), .text-\\(--md-text-subtle\\)\\/75 {\n color: var(--md-text-subtle);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-\\(--md-text-subtle\\)\\/75 {\n color: color-mix(in oklab, var(--md-text-subtle) 75%, transparent);\n }\n }\n\n .text-\\(--md-toolbar-text\\) {\n color: var(--md-toolbar-text);\n }\n\n .text-\\(--md-tooltip-text\\) {\n color: var(--md-tooltip-text);\n }\n\n .text-\\(--md-warning\\) {\n color: var(--md-warning);\n }\n\n .text-\\(--md-warning-fg\\), .text-\\(--md-warning-fg\\)\\/80 {\n color: var(--md-warning-fg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-\\(--md-warning-fg\\)\\/80 {\n color: color-mix(in oklab, var(--md-warning-fg) 80%, transparent);\n }\n }\n\n .text-\\[\\#42389E\\] {\n color: #42389e;\n }\n\n .text-\\[var\\(--md-danger\\)\\] {\n color: var(--md-danger);\n }\n\n .text-\\[var\\(--md-row-selection\\)\\] {\n color: var(--md-row-selection);\n }\n\n .text-\\[var\\(--md-row-selection-fg\\)\\] {\n color: var(--md-row-selection-fg);\n }\n\n .text-\\[var\\(--md-text\\)\\] {\n color: var(--md-text);\n }\n\n .text-\\[var\\(--md-text-muted\\)\\] {\n color: var(--md-text-muted);\n }\n\n .text-\\[var\\(--md-text-subtle\\)\\] {\n color: var(--md-text-subtle);\n }\n\n .text-\\[var\\(--md-toolbar-text\\)\\] {\n color: var(--md-toolbar-text);\n }\n\n .text-\\[var\\(--md-tooltip-text\\)\\] {\n color: var(--md-tooltip-text);\n }\n\n .text-amber-200 {\n color: var(--color-amber-200);\n }\n\n .text-amber-300 {\n color: var(--color-amber-300);\n }\n\n .text-amber-400 {\n color: var(--color-amber-400);\n }\n\n .text-amber-500 {\n color: var(--color-amber-500);\n }\n\n .text-amber-600 {\n color: var(--color-amber-600);\n }\n\n .text-amber-700 {\n color: var(--color-amber-700);\n }\n\n .text-amber-800 {\n color: var(--color-amber-800);\n }\n\n .text-blue-200 {\n color: var(--color-blue-200);\n }\n\n .text-blue-300 {\n color: var(--color-blue-300);\n }\n\n .text-blue-400 {\n color: var(--color-blue-400);\n }\n\n .text-blue-400\\/50 {\n color: #54a2ff80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-blue-400\\/50 {\n color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);\n }\n }\n\n .text-blue-500 {\n color: var(--color-blue-500);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-700 {\n color: var(--color-blue-700);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-emerald-400 {\n color: var(--color-emerald-400);\n }\n\n .text-emerald-500 {\n color: var(--color-emerald-500);\n }\n\n .text-emerald-600 {\n color: var(--color-emerald-600);\n }\n\n .text-emerald-700 {\n color: var(--color-emerald-700);\n }\n\n .text-gray-100 {\n color: var(--color-gray-100);\n }\n\n .text-gray-200 {\n color: var(--color-gray-200);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-gray-800 {\n color: var(--color-gray-800);\n }\n\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n\n .text-green-400 {\n color: var(--color-green-400);\n }\n\n .text-indigo-600 {\n color: var(--color-indigo-600);\n }\n\n .text-orange-300 {\n color: var(--color-orange-300);\n }\n\n .text-orange-400 {\n color: var(--color-orange-400);\n }\n\n .text-orange-500 {\n color: var(--color-orange-500);\n }\n\n .text-purple-300 {\n color: var(--color-purple-300);\n }\n\n .text-purple-400 {\n color: var(--color-purple-400);\n }\n\n .text-purple-500 {\n color: var(--color-purple-500);\n }\n\n .text-purple-600 {\n color: var(--color-purple-600);\n }\n\n .text-purple-700 {\n color: var(--color-purple-700);\n }\n\n .text-red-400 {\n color: var(--color-red-400);\n }\n\n .text-red-500 {\n color: var(--color-red-500);\n }\n\n .text-red-600 {\n color: var(--color-red-600);\n }\n\n .text-red-700 {\n color: var(--color-red-700);\n }\n\n .text-rose-400 {\n color: var(--color-rose-400);\n }\n\n .text-rose-500 {\n color: var(--color-rose-500);\n }\n\n .text-rose-600 {\n color: var(--color-rose-600);\n }\n\n .text-sky-400 {\n color: var(--color-sky-400);\n }\n\n .text-sky-600 {\n color: var(--color-sky-600);\n }\n\n .text-sky-700 {\n color: var(--color-sky-700);\n }\n\n .text-slate-600 {\n color: var(--color-slate-600);\n }\n\n .text-violet-600 {\n color: var(--color-violet-600);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-700 {\n color: var(--color-yellow-700);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .lowercase {\n text-transform: lowercase;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .tabular-nums {\n --tw-numeric-spacing: tabular-nums;\n font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );\n }\n\n .line-through {\n text-decoration-line: line-through;\n }\n\n .overline {\n text-decoration-line: overline;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .placeholder-\\(--md-text-subtle\\)::placeholder {\n color: var(--md-text-subtle);\n }\n\n .accent-\\(--md-selection\\) {\n accent-color: var(--md-selection);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-25 {\n opacity: .25;\n }\n\n .opacity-30 {\n opacity: .3;\n }\n\n .opacity-40 {\n opacity: .4;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .opacity-75 {\n opacity: .75;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\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 .shadow-\\(--md-overlay-shadow\\) {\n --tw-shadow: var(--md-overlay-shadow);\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 .shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);\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 .shadow-\\[0_1px_2px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\] {\n --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0000000a);\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 .shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\] {\n --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0000000a);\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 .shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\,0_0_0_0\\.5px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\] {\n --tw-shadow: 0 1px 3px var(--tw-shadow-color, #00000014), 0 0 0 .5px var(--tw-shadow-color, #00000014);\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 .shadow-\\[0_2px_8px_-1px_rgba\\(16\\,24\\,40\\,0\\.08\\)\\] {\n --tw-shadow: 0 2px 8px -1px var(--tw-shadow-color, #10182814);\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 .shadow-\\[0_4px_12px_-2px_rgba\\(16\\,24\\,40\\,0\\.08\\)\\,0_2px_4px_-1px_rgba\\(16\\,24\\,40\\,0\\.04\\)\\] {\n --tw-shadow: 0 4px 12px -2px var(--tw-shadow-color, #10182814), 0 2px 4px -1px var(--tw-shadow-color, #1018280a);\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 .shadow-\\[0_8px_24px_-4px_rgba\\(16\\,24\\,40\\,0\\.10\\)\\,0_4px_8px_-2px_rgba\\(16\\,24\\,40\\,0\\.06\\)\\] {\n --tw-shadow: 0 8px 24px -4px var(--tw-shadow-color, #1018281a), 0 4px 8px -2px var(--tw-shadow-color, #1018280f);\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 .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\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 .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\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 .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\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 .shadow-xs {\n --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);\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 .ring, .ring-1 {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .ring-\\(--md-danger\\) {\n --tw-ring-color: var(--md-danger);\n }\n\n .ring-\\(--md-row-selection\\), .ring-\\(--md-row-selection\\)\\/70 {\n --tw-ring-color: var(--md-row-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-\\(--md-row-selection\\)\\/70 {\n --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 70%, transparent);\n }\n }\n\n .ring-\\(--md-selection\\), .ring-\\(--md-selection\\)\\/70 {\n --tw-ring-color: var(--md-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-\\(--md-selection\\)\\/70 {\n --tw-ring-color: color-mix(in oklab, var(--md-selection) 70%, transparent);\n }\n }\n\n .ring-\\(--md-toolbar-border\\) {\n --tw-ring-color: var(--md-toolbar-border);\n }\n\n .ring-\\(--md-warning\\) {\n --tw-ring-color: var(--md-warning);\n }\n\n .ring-\\[var\\(--md-row-selection\\)\\]\\/40 {\n --tw-ring-color: var(--md-row-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-\\[var\\(--md-row-selection\\)\\]\\/40 {\n --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 40%, transparent);\n }\n }\n\n .ring-\\[var\\(--md-row-selection\\)\\]\\/70 {\n --tw-ring-color: var(--md-row-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-\\[var\\(--md-row-selection\\)\\]\\/70 {\n --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 70%, transparent);\n }\n }\n\n .ring-\\[var\\(--md-surface\\)\\] {\n --tw-ring-color: var(--md-surface);\n }\n\n .ring-amber-100 {\n --tw-ring-color: var(--color-amber-100);\n }\n\n .ring-blue-500\\/30 {\n --tw-ring-color: #3080ff4d;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-blue-500\\/30 {\n --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);\n }\n }\n\n .ring-emerald-100 {\n --tw-ring-color: var(--color-emerald-100);\n }\n\n .ring-gray-200 {\n --tw-ring-color: var(--color-gray-200);\n }\n\n .ring-orange-500\\/30 {\n --tw-ring-color: #fe6e004d;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-orange-500\\/30 {\n --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);\n }\n }\n\n .ring-purple-200 {\n --tw-ring-color: var(--color-purple-200);\n }\n\n .ring-purple-500\\/30 {\n --tw-ring-color: #ac4bff4d;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-purple-500\\/30 {\n --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);\n }\n }\n\n .ring-white\\/5 {\n --tw-ring-color: #ffffff0d;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-white\\/5 {\n --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n }\n }\n\n .ring-white\\/10 {\n --tw-ring-color: #ffffff1a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-white\\/10 {\n --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n }\n }\n\n .ring-offset-1 {\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n\n .outline, .outline-1 {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .outline-offset-0 {\n outline-offset: 0px;\n }\n\n .outline-\\(--md-border\\), .outline-\\(--md-border\\)\\/80 {\n outline-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .outline-\\(--md-border\\)\\/80 {\n outline-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n }\n }\n\n .outline-\\(--md-row-selection\\), .outline-\\(--md-row-selection\\)\\/50 {\n outline-color: var(--md-row-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .outline-\\(--md-row-selection\\)\\/50 {\n outline-color: color-mix(in oklab, var(--md-row-selection) 50%, transparent);\n }\n }\n\n .outline-\\(--md-row-selection-fg\\) {\n outline-color: var(--md-row-selection-fg);\n }\n\n .outline-\\(--md-surface-hover\\) {\n outline-color: var(--md-surface-hover);\n }\n\n .outline-transparent {\n outline-color: #0000;\n }\n\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\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\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .backdrop-blur {\n --tw-backdrop-blur: blur(8px);\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\n .backdrop-blur-md {\n --tw-backdrop-blur: blur(var(--blur-md));\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\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\n .backdrop-filter {\n -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n }\n\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\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\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\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .duration-100 {\n --tw-duration: .1s;\n transition-duration: .1s;\n }\n\n .duration-120 {\n --tw-duration: .12s;\n transition-duration: .12s;\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-200 {\n --tw-duration: .2s;\n transition-duration: .2s;\n }\n\n .ease-in {\n --tw-ease: var(--ease-in);\n transition-timing-function: var(--ease-in);\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .outline-dashed {\n --tw-outline-style: dashed;\n outline-style: dashed;\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n\n @media (hover: hover) {\n .group-hover\\:flex:is(:where(.group):hover *) {\n display: flex;\n }\n\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:gap-1:is(:where(.group):hover *) {\n gap: var(--spacing);\n }\n\n .group-hover\\:border-\\(--md-border-strong\\):is(:where(.group):hover *) {\n border-color: var(--md-border-strong);\n }\n\n .group-hover\\:bg-\\(--md-row-selection-bg\\):is(:where(.group):hover *) {\n background-color: var(--md-row-selection-bg);\n }\n\n .group-hover\\:bg-\\(--md-text\\)\\/\\[0\\.03\\]:is(:where(.group):hover *) {\n background-color: var(--md-text);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-hover\\:bg-\\(--md-text\\)\\/\\[0\\.03\\]:is(:where(.group):hover *) {\n background-color: color-mix(in oklab, var(--md-text) 3%, transparent);\n }\n }\n\n .group-hover\\:bg-gray-900:is(:where(.group):hover *) {\n background-color: var(--color-gray-900);\n }\n\n .group-hover\\:text-\\(--md-text-muted\\):is(:where(.group):hover *) {\n color: var(--md-text-muted);\n }\n\n .group-hover\\:text-\\(--md-text-subtle\\):is(:where(.group):hover *) {\n color: var(--md-text-subtle);\n }\n\n .group-hover\\:text-white:is(:where(.group):hover *) {\n color: var(--color-white);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *), .group-hover\\/badge\\:opacity-100:is(:where(.group\\/badge):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/btn\\:translate-y-0:is(:where(.group\\/btn):hover *) {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\/btn\\:opacity-100:is(:where(.group\\/btn):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/close\\:translate-y-0:is(:where(.group\\/close):hover *) {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\/close\\:opacity-100:is(:where(.group\\/close):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/del\\:translate-y-0:is(:where(.group\\/del):hover *) {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\/del\\:opacity-100:is(:where(.group\\/del):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/inner\\:text-\\(--md-selection-fg\\):is(:where(.group\\/inner):hover *) {\n color: var(--md-selection-fg);\n }\n\n .group-hover\\/leaf\\:opacity-100:is(:where(.group\\/leaf):hover *), .group-hover\\/nestedrow\\:opacity-100:is(:where(.group\\/nestedrow):hover *), .group-hover\\/next\\:opacity-100:is(:where(.group\\/next):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/pill\\:translate-y-0:is(:where(.group\\/pill):hover *) {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\/pill\\:opacity-100:is(:where(.group\\/pill):hover *), .group-hover\\/prev\\:opacity-100:is(:where(.group\\/prev):hover *), .group-hover\\/row\\:opacity-100:is(:where(.group\\/row):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/vis\\:pointer-events-auto:is(:where(.group\\/vis):hover *) {\n pointer-events: auto;\n }\n\n .group-hover\\/vis\\:translate-y-0:is(:where(.group\\/vis):hover *) {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\/vis\\:opacity-100:is(:where(.group\\/vis):hover *) {\n opacity: 1;\n }\n }\n\n .placeholder\\:text-sm::placeholder {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .placeholder\\:text-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .after\\:absolute:after {\n content: var(--tw-content);\n position: absolute;\n }\n\n .after\\:top-full:after {\n content: var(--tw-content);\n top: 100%;\n }\n\n .after\\:right-2:after {\n content: var(--tw-content);\n right: calc(var(--spacing) * 2);\n }\n\n .after\\:right-3:after {\n content: var(--tw-content);\n right: calc(var(--spacing) * 3);\n }\n\n .after\\:bottom-full:after {\n content: var(--tw-content);\n bottom: 100%;\n }\n\n .after\\:left-1\\/2:after {\n content: var(--tw-content);\n left: 50%;\n }\n\n .after\\:-translate-x-1\\/2:after {\n content: var(--tw-content);\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .after\\:rotate-180:after {\n content: var(--tw-content);\n rotate: 180deg;\n }\n\n .after\\:border-4:after {\n content: var(--tw-content);\n border-style: var(--tw-border-style);\n border-width: 4px;\n }\n\n .after\\:border-transparent:after {\n content: var(--tw-content);\n border-color: #0000;\n }\n\n .after\\:border-t-\\(--md-tooltip-bg\\):after, .after\\:border-t-\\[var\\(--md-tooltip-bg\\)\\]:after {\n content: var(--tw-content);\n border-top-color: var(--md-tooltip-bg);\n }\n\n .after\\:border-b-\\(--md-tooltip-bg\\):after {\n content: var(--tw-content);\n border-bottom-color: var(--md-tooltip-bg);\n }\n\n .after\\:content-\\[\\'\\'\\]:after {\n --tw-content: \"\";\n content: var(--tw-content);\n }\n\n .last\\:mb-0:last-child {\n margin-bottom: 0;\n }\n\n .last\\:border-r-0:last-child {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .focus-within\\:border-purple-500:focus-within {\n border-color: var(--color-purple-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-within\\:ring-purple-500\\/15:focus-within {\n --tw-ring-color: #ac4bff26;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-within\\:ring-purple-500\\/15:focus-within {\n --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);\n }\n }\n\n @media (hover: hover) {\n .hover\\:scale-105:hover {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:scale-110:hover {\n --tw-scale-x: 110%;\n --tw-scale-y: 110%;\n --tw-scale-z: 110%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:border-\\(--md-border\\):hover {\n border-color: var(--md-border);\n }\n\n .hover\\:border-\\(--md-border-strong\\):hover {\n border-color: var(--md-border-strong);\n }\n\n .hover\\:border-\\(--md-row-selection\\):hover {\n border-color: var(--md-row-selection);\n }\n\n .hover\\:border-\\(--md-selection\\):hover {\n border-color: var(--md-selection);\n }\n\n .hover\\:border-\\(--md-text-subtle\\):hover {\n border-color: var(--md-text-subtle);\n }\n\n .hover\\:border-purple-400:hover {\n border-color: var(--color-purple-400);\n }\n\n .hover\\:bg-\\(--md-border\\):hover {\n background-color: var(--md-border);\n }\n\n .hover\\:bg-\\(--md-danger-bg\\):hover {\n background-color: var(--md-danger-bg);\n }\n\n .hover\\:bg-\\(--md-row-selection-bg\\):hover, .hover\\:bg-\\(--md-row-selection-bg\\)\\/40:hover {\n background-color: var(--md-row-selection-bg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-\\(--md-row-selection-bg\\)\\/40:hover {\n background-color: color-mix(in oklab, var(--md-row-selection-bg) 40%, transparent);\n }\n }\n\n .hover\\:bg-\\(--md-selection-bg\\):hover {\n background-color: var(--md-selection-bg);\n }\n\n .hover\\:bg-\\(--md-success-bg\\):hover {\n background-color: var(--md-success-bg);\n }\n\n .hover\\:bg-\\(--md-surface-hover\\):hover, .hover\\:bg-\\(--md-surface-hover\\)\\/40:hover {\n background-color: var(--md-surface-hover);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-\\(--md-surface-hover\\)\\/40:hover {\n background-color: color-mix(in oklab, var(--md-surface-hover) 40%, transparent);\n }\n }\n\n .hover\\:bg-\\(--md-surface-hover\\)\\/50:hover {\n background-color: var(--md-surface-hover);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-\\(--md-surface-hover\\)\\/50:hover {\n background-color: color-mix(in oklab, var(--md-surface-hover) 50%, transparent);\n }\n }\n\n .hover\\:bg-\\(--md-surface-muted\\):hover {\n background-color: var(--md-surface-muted);\n }\n\n .hover\\:bg-\\[\\#3a3187\\]:hover {\n background-color: #3a3187;\n }\n\n .hover\\:bg-\\[\\#42389E\\]:hover {\n background-color: #42389e;\n }\n\n .hover\\:bg-\\[var\\(--md-danger-bg\\)\\]:hover {\n background-color: var(--md-danger-bg);\n }\n\n .hover\\:bg-\\[var\\(--md-row-selection-bg\\)\\]:hover {\n background-color: var(--md-row-selection-bg);\n }\n\n .hover\\:bg-\\[var\\(--md-surface-hover\\)\\]:hover {\n background-color: var(--md-surface-hover);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\n }\n\n .hover\\:bg-gray-100:hover {\n background-color: var(--color-gray-100);\n }\n\n .hover\\:bg-gray-800:hover {\n background-color: var(--color-gray-800);\n }\n\n .hover\\:bg-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-violet-100:hover {\n background-color: var(--color-violet-100);\n }\n\n .hover\\:text-\\(--md-danger\\):hover {\n color: var(--md-danger);\n }\n\n .hover\\:text-\\(--md-info-fg\\):hover {\n color: var(--md-info-fg);\n }\n\n .hover\\:text-\\(--md-row-selection-fg\\):hover {\n color: var(--md-row-selection-fg);\n }\n\n .hover\\:text-\\(--md-selection\\):hover {\n color: var(--md-selection);\n }\n\n .hover\\:text-\\(--md-selection-fg\\):hover {\n color: var(--md-selection-fg);\n }\n\n .hover\\:text-\\(--md-success-fg\\):hover {\n color: var(--md-success-fg);\n }\n\n .hover\\:text-\\(--md-text\\):hover {\n color: var(--md-text);\n }\n\n .hover\\:text-\\(--md-text-muted\\):hover {\n color: var(--md-text-muted);\n }\n\n .hover\\:text-\\(--md-text-subtle\\):hover {\n color: var(--md-text-subtle);\n }\n\n .hover\\:text-\\[\\#42389E\\]:hover {\n color: #42389e;\n }\n\n .hover\\:text-\\[var\\(--md-danger\\)\\]:hover {\n color: var(--md-danger);\n }\n\n .hover\\:text-\\[var\\(--md-row-selection-fg\\)\\]:hover {\n color: var(--md-row-selection-fg);\n }\n\n .hover\\:text-\\[var\\(--md-text\\)\\]:hover {\n color: var(--md-text);\n }\n\n .hover\\:text-gray-200:hover {\n color: var(--color-gray-200);\n }\n\n .hover\\:text-gray-700:hover {\n color: var(--color-gray-700);\n }\n\n .hover\\:text-gray-900:hover {\n color: var(--color-gray-900);\n }\n\n .hover\\:text-red-600:hover {\n color: var(--color-red-600);\n }\n\n .hover\\:text-white:hover {\n color: var(--color-white);\n }\n\n .hover\\:no-underline:hover {\n text-decoration-line: none;\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:opacity-80:hover {\n opacity: .8;\n }\n\n .hover\\:opacity-90\\!:hover {\n opacity: .9 !important;\n }\n\n .hover\\:opacity-100:hover {\n opacity: 1;\n }\n\n .hover\\:shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.07\\)\\]:hover {\n --tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000012);\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 .hover\\:shadow-\\[0_8px_24px_-12px_rgba\\(67\\,56\\,202\\,0\\.25\\)\\]:hover {\n --tw-shadow: 0 8px 24px -12px var(--tw-shadow-color, #4338ca40);\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 .hover\\:shadow-sm:hover {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\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\\:border-\\(--md-border-strong\\):focus {\n border-color: var(--md-border-strong);\n }\n\n .focus\\:border-\\(--md-row-selection\\):focus {\n border-color: var(--md-row-selection);\n }\n\n .focus\\:border-\\[\\#42389E\\]:focus {\n border-color: #42389e;\n }\n\n .focus\\:bg-gray-50:focus {\n background-color: var(--color-gray-50);\n }\n\n .focus\\:bg-white:focus {\n background-color: var(--color-white);\n }\n\n .focus\\:opacity-100:focus {\n opacity: 1;\n }\n\n .focus\\:ring-0: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 .focus\\:ring-1:focus {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus\\:ring-2:focus {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus\\:ring-\\[1px\\]:focus {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus\\:ring-\\(--md-danger\\):focus {\n --tw-ring-color: var(--md-danger);\n }\n\n .focus\\:ring-\\(--md-row-selection\\):focus {\n --tw-ring-color: var(--md-row-selection);\n }\n\n .focus\\:ring-\\(--md-selection\\):focus {\n --tw-ring-color: var(--md-selection);\n }\n\n .focus\\:ring-\\[\\#42389E\\]\\/15:focus {\n --tw-ring-color: oklab(41.5417% .0313346 -.155848 / .15);\n }\n\n .focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .active\\:scale-95:active {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .active\\:cursor-grabbing:active {\n cursor: grabbing;\n }\n\n .active\\:bg-\\(--md-border\\):active {\n background-color: var(--md-border);\n }\n\n .active\\:bg-\\(--md-selection\\)\\/20:active {\n background-color: var(--md-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .active\\:bg-\\(--md-selection\\)\\/20:active {\n background-color: color-mix(in oklab, var(--md-selection) 20%, transparent);\n }\n }\n\n .active\\:bg-\\(--md-surface-muted\\):active {\n background-color: var(--md-surface-muted);\n }\n\n .active\\:bg-\\[var\\(--md-border\\)\\]:active {\n background-color: var(--md-border);\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-30:disabled {\n opacity: .3;\n }\n\n .disabled\\:opacity-40:disabled {\n opacity: .4;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 40rem) {\n .sm\\:col-span-1 {\n grid-column: span 1 / span 1;\n }\n\n .sm\\:col-span-3 {\n grid-column: span 3 / span 3;\n }\n\n .sm\\:col-span-4 {\n grid-column: span 4 / span 4;\n }\n\n .sm\\:mt-0 {\n margin-top: 0;\n }\n\n .sm\\:grid {\n display: grid;\n }\n\n .sm\\:hidden {\n display: none;\n }\n\n .sm\\:min-w-105 {\n min-width: calc(var(--spacing) * 105);\n }\n\n .sm\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .sm\\:grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n }\n\n .sm\\:justify-center {\n justify-content: center;\n }\n }\n\n @media (min-width: 48rem) {\n .md\\:inline-flex {\n display: inline-flex;\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:left-0 {\n left: 0;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:h-13 {\n height: calc(var(--spacing) * 13);\n }\n\n .lg\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .lg\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .lg\\:flex-row {\n flex-direction: row;\n }\n\n .lg\\:items-center {\n align-items: center;\n }\n\n .lg\\:justify-between {\n justify-content: space-between;\n }\n\n .lg\\:overflow-visible {\n overflow: visible;\n }\n }\n\n @media (min-width: 80rem) {\n .xl\\:grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n\n @media (min-width: 96rem) {\n .\\32 xl\\:container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .\\32 xl\\:container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .\\32 xl\\:container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .\\32 xl\\:container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .\\32 xl\\:container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .\\32 xl\\:container {\n max-width: 96rem;\n }\n }\n\n .\\32 xl\\:mx-auto {\n margin-inline: auto;\n }\n }\n\n .\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button {\n appearance: none;\n }\n\n .\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button {\n appearance: none;\n }\n}\n\n:root, :host {\n --md-primary: #4a7c59;\n --md-primary-hover: #3a5a40;\n --md-on-primary: #fff;\n --md-background: #f8fafc;\n --md-surface: #fff;\n --md-surface-muted: #f3f4f6;\n --md-surface-hover: #f9fafb;\n --md-text: #111827;\n --md-text-muted: #6b7280;\n --md-text-subtle: #9ca3af;\n --md-border: #e5e7eb;\n --md-border-strong: #d1d5db;\n --md-danger: #ef4444;\n --md-on-danger: #fff;\n --md-success: #22c55e;\n --md-warning: #f59e0b;\n --md-info: #0a5bdd;\n --md-ring: var(--md-primary);\n --md-shadow: 0 8px 30px #0000001f;\n --md-radius: .5rem;\n --md-header-bg: var(--md-surface);\n --md-header-text: var(--md-text);\n --md-header-border: var(--md-border);\n --md-sidebar-bg: var(--md-surface);\n --md-sidebar-text: var(--md-text);\n --md-sidebar-border: var(--md-border);\n --md-accent-bg: var(--md-primary);\n --md-accent-text: var(--md-on-primary);\n --md-canvas-bg: var(--md-background);\n --md-input-bg: var(--md-surface);\n --md-input-text: var(--md-text);\n --md-input-border: var(--md-border);\n --md-input-placeholder: var(--md-text-subtle);\n --md-overlay-bg: var(--md-surface);\n --md-overlay-text: var(--md-text);\n --md-overlay-border: var(--md-border);\n --md-overlay-shadow: var(--md-shadow);\n --md-scrim: #0006;\n --md-toolbar-bg: var(--md-surface);\n --md-toolbar-text: var(--md-text);\n --md-toolbar-border: var(--md-border);\n --md-selection: #4ade80;\n --md-selection-bg: #f0fdf4;\n --md-selection-fg: #16a34a;\n --md-row-selection: #a855f7;\n --md-row-selection-bg: #faf5ff;\n --md-row-selection-fg: #9333ea;\n --md-tooltip-bg: #111827;\n --md-tooltip-text: #fff;\n --md-button-primary-bg: var(--md-primary);\n --md-button-primary-text: var(--md-on-primary);\n --md-button-primary-hover-bg: var(--md-primary-hover);\n --md-button-secondary-bg: var(--md-surface-muted);\n --md-button-secondary-text: var(--md-text);\n --md-button-secondary-hover-bg: var(--md-border);\n --md-success-bg: #f0fdf4;\n --md-success-fg: #166534;\n --md-success-border: #bbf7d0;\n --md-info-bg: #eff6ff;\n --md-info-fg: #1e40af;\n --md-info-border: #bfdbfe;\n --md-warning-bg: #fffbeb;\n --md-warning-fg: #92400e;\n --md-warning-border: #fde68a;\n --md-danger-bg: #fef2f2;\n --md-danger-fg: #991b1b;\n --md-danger-border: #fecaca;\n}\n\n:where(.dark, :host(.dark)) {\n --md-primary: #818cf8;\n --md-primary-hover: #a5b4fc;\n --md-on-primary: #1e1b4b;\n --md-background: #0b0f19;\n --md-surface: #151b28;\n --md-surface-muted: #1f2635;\n --md-surface-hover: #1c2333;\n --md-text: #e5e7eb;\n --md-text-muted: #9ca3af;\n --md-text-subtle: #6b7280;\n --md-border: #2a3345;\n --md-border-strong: #3b465c;\n --md-danger: #f87171;\n --md-on-danger: #450a0a;\n --md-success: #4ade80;\n --md-warning: #fbbf24;\n --md-info: #60a5fa;\n --md-shadow: 0 8px 30px #00000080;\n --md-scrim: #0009;\n --md-selection: #4ade80;\n --md-selection-bg: #0f2a1a;\n --md-selection-fg: #86efac;\n --md-row-selection: #c084fc;\n --md-row-selection-bg: #2e1065;\n --md-row-selection-fg: #d8b4fe;\n --md-tooltip-bg: #f3f4f6;\n --md-tooltip-text: #111827;\n --md-success-bg: #0f2a1a;\n --md-success-fg: #86efac;\n --md-success-border: #166534;\n --md-info-bg: #101f38;\n --md-info-fg: #93c5fd;\n --md-info-border: #1e40af;\n --md-warning-bg: #2a1f08;\n --md-warning-fg: #fcd34d;\n --md-warning-border: #92400e;\n --md-danger-bg: #2b1114;\n --md-danger-fg: #fca5a5;\n --md-danger-border: #991b1b;\n}\n\ninput[type=\"number\"] {\n -moz-appearance: textfield;\n}\n\ninput[type=\"number\"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"range\"] {\n -webkit-appearance: none;\n background: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n background: var(--md-on-primary);\n border: 1.5px solid var(--md-border-strong);\n cursor: pointer;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n margin-top: -4.5px;\n transition: border-color .1s, transform .1s;\n box-shadow: 0 1px 2px #0000001a;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n border-color: var(--md-selection);\n transform: scale(1.15);\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n background: var(--md-border);\n border-radius: 9999px;\n width: 100%;\n height: 3px;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n background: var(--md-on-primary);\n border: 1.5px solid var(--md-border-strong);\n cursor: pointer;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n box-shadow: 0 1px 2px #0000001a;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n background: var(--md-border);\n border-radius: 9999px;\n height: 3px;\n}\n\nbutton:focus, button:focus-visible, input[type=\"range\"]:focus, select:focus {\n box-shadow: none !important;\n outline: none !important;\n}\n\n.md-surface-header {\n background: var(--md-header-bg);\n color: var(--md-header-text);\n border-bottom: 1px solid var(--md-header-border);\n}\n\n.md-surface-sidebar {\n background: var(--md-sidebar-bg);\n color: var(--md-sidebar-text);\n border: 1px solid var(--md-sidebar-border);\n}\n\n.md-surface-overlay {\n background: var(--md-overlay-bg);\n color: var(--md-overlay-text);\n border: 1px solid var(--md-overlay-border);\n box-shadow: var(--md-overlay-shadow);\n}\n\n.md-surface-toolbar {\n background: var(--md-toolbar-bg);\n color: var(--md-toolbar-text);\n border: 1px solid var(--md-toolbar-border);\n box-shadow: var(--md-overlay-shadow);\n}\n\n.md-surface-canvas {\n background: var(--md-canvas-bg);\n}\n\n.md-btn-primary {\n background: var(--md-button-primary-bg);\n color: var(--md-button-primary-text);\n}\n\n.md-btn-primary:not(:disabled):hover {\n background: var(--md-button-primary-hover-bg);\n}\n\n.md-surface-sidebar-inner {\n color: var(--md-sidebar-text);\n background: none;\n}\n\n.md-tabstrip {\n border-bottom: 1px solid var(--md-sidebar-border);\n}\n\n.md-tab-active {\n color: var(--md-sidebar-text);\n}\n\n.md-tab-idle {\n color: var(--md-text-subtle);\n}\n\n.md-tab-idle:hover {\n color: var(--md-text-muted);\n}\n\n.md-segmented {\n border: 1px solid var(--md-border);\n}\n\n.md-segment-active {\n background: var(--md-accent-bg);\n color: var(--md-accent-text);\n}\n\n.md-segment-idle {\n background: var(--md-sidebar-bg);\n color: var(--md-text-muted);\n}\n\n.md-segment-idle:hover {\n background: var(--md-surface-hover);\n}\n\n.md-segment-divider {\n border-right: 1px solid var(--md-border);\n}\n\n.mg-md-input {\n width: 100%;\n color: var(--md-text);\n background: var(--md-surface);\n border: 1px solid var(--md-border);\n border-radius: .375rem;\n outline: none;\n padding: .325rem .625rem;\n font-size: 13px;\n line-height: 1.25rem;\n transition: border-color .15s, box-shadow .15s;\n}\n\n.mg-md-input::placeholder {\n color: var(--md-text-subtle);\n}\n\n.mg-md-input:focus {\n border-color: var(--md-primary);\n}\n\n.mg-md-input:disabled {\n background: var(--md-surface-hover);\n color: var(--md-text-subtle);\n cursor: not-allowed;\n}\n\n.mg-md-input--invalid {\n border-color: var(--md-danger);\n}\n\n.mg-md-input--invalid:focus {\n border-color: var(--md-danger);\n box-shadow: 0 0 0 1px var(--md-danger);\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-divide-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ordinal {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-slashed-zero {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-numeric-figure {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-numeric-spacing {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-numeric-fraction {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-content {\n syntax: \"*\";\n inherits: false;\n initial-value: \"\";\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes ping {\n 75%, 100% {\n opacity: 0;\n transform: scale(2);\n }\n}\n\n@keyframes pulse {\n 50% {\n opacity: .5;\n }\n}\n\n@keyframes bounce {\n 0%, 100% {\n animation-timing-function: cubic-bezier(.8, 0, 1, 1);\n transform: translateY(-25%);\n }\n\n 50% {\n animation-timing-function: cubic-bezier(0, 0, .2, 1);\n transform: none;\n }\n}\n";
|
|
7174
|
+
var main_default = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-divide-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-ordinal: initial;\n --tw-slashed-zero: initial;\n --tw-numeric-figure: initial;\n --tw-numeric-spacing: initial;\n --tw-numeric-fraction: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-content: \"\";\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-50: oklch(97.1% .013 17.38);\n --color-red-200: oklch(88.5% .062 18.334);\n --color-red-400: oklch(70.4% .191 22.216);\n --color-red-500: oklch(63.7% .237 25.331);\n --color-red-600: oklch(57.7% .245 27.325);\n --color-red-700: oklch(50.5% .213 27.518);\n --color-orange-300: oklch(83.7% .128 66.29);\n --color-orange-400: oklch(75% .183 55.934);\n --color-orange-500: oklch(70.5% .213 47.604);\n --color-amber-50: oklch(98.7% .022 95.277);\n --color-amber-100: oklch(96.2% .059 95.617);\n --color-amber-200: oklch(92.4% .12 95.746);\n --color-amber-300: oklch(87.9% .169 91.605);\n --color-amber-400: oklch(82.8% .189 84.429);\n --color-amber-500: oklch(76.9% .188 70.08);\n --color-amber-600: oklch(66.6% .179 58.318);\n --color-amber-700: oklch(55.5% .163 48.998);\n --color-amber-800: oklch(47.3% .137 46.201);\n --color-yellow-50: oklch(98.7% .026 102.212);\n --color-yellow-200: oklch(94.5% .129 101.54);\n --color-yellow-700: oklch(55.4% .135 66.442);\n --color-green-400: oklch(79.2% .209 151.711);\n --color-emerald-50: oklch(97.9% .021 166.113);\n --color-emerald-100: oklch(95% .052 163.051);\n --color-emerald-200: oklch(90.5% .093 164.15);\n --color-emerald-400: oklch(76.5% .177 163.223);\n --color-emerald-500: oklch(69.6% .17 162.48);\n --color-emerald-600: oklch(59.6% .145 163.225);\n --color-emerald-700: oklch(50.8% .118 165.612);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-sky-200: oklch(90.1% .058 230.902);\n --color-sky-400: oklch(74.6% .16 232.661);\n --color-sky-600: oklch(58.8% .158 241.966);\n --color-sky-700: oklch(50% .134 242.749);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-300: oklch(80.9% .105 251.813);\n --color-blue-400: oklch(70.7% .165 254.624);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-700: oklch(48.8% .243 264.376);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-indigo-50: oklch(96.2% .018 272.314);\n --color-indigo-200: oklch(87% .065 274.039);\n --color-indigo-600: oklch(51.1% .262 276.966);\n --color-violet-50: oklch(96.9% .016 293.756);\n --color-violet-100: oklch(94.3% .029 294.588);\n --color-violet-600: oklch(54.1% .281 293.009);\n --color-purple-50: oklch(97.7% .014 308.299);\n --color-purple-200: oklch(90.2% .063 306.703);\n --color-purple-300: oklch(82.7% .119 306.383);\n --color-purple-400: oklch(71.4% .203 305.504);\n --color-purple-500: oklch(62.7% .265 303.9);\n --color-purple-600: oklch(55.8% .288 302.321);\n --color-purple-700: oklch(49.6% .265 301.924);\n --color-rose-400: oklch(71.2% .194 13.428);\n --color-rose-500: oklch(64.5% .246 16.439);\n --color-rose-600: oklch(58.6% .253 17.585);\n --color-slate-100: oklch(96.8% .007 247.896);\n --color-slate-200: oklch(92.9% .013 255.508);\n --color-slate-600: oklch(44.6% .043 257.281);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-gray-800: oklch(27.8% .033 256.848);\n --color-gray-900: oklch(21% .034 264.665);\n --color-gray-950: oklch(13% .028 261.692);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --container-xs: 20rem;\n --container-md: 28rem;\n --container-4xl: 56rem;\n --text-xs: .75rem;\n --text-xs--line-height: calc(1 / .75);\n --text-sm: .875rem;\n --text-sm--line-height: calc(1.25 / .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 --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --tracking-normal: 0em;\n --tracking-wide: .025em;\n --tracking-wider: .05em;\n --tracking-widest: .1em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-relaxed: 1.625;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;\n --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;\n --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;\n --shadow-2xl: 0 25px 50px -12px #00000040;\n --ease-in: cubic-bezier(.4, 0, 1, 1);\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --animate-spin: spin 1s linear infinite;\n --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;\n --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;\n --animate-bounce: bounce 1s infinite;\n --blur-sm: 8px;\n --blur-md: 12px;\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, 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\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\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\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring:where(:not(iframe)) {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n\n :host, body, input, textarea, pre {\n font-family: Satoshi, sans-serif;\n }\n\n ul {\n list-style: outside;\n }\n\n ol {\n list-style: decimal;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n\n .collapse {\n visibility: collapse;\n }\n\n .invisible {\n visibility: hidden;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .sticky {\n position: sticky;\n }\n\n .inset-0 {\n inset: 0;\n }\n\n .inset-y-0 {\n inset-block: 0;\n }\n\n .-top-0\\.5 {\n top: calc(var(--spacing) * -.5);\n }\n\n .-top-1 {\n top: calc(var(--spacing) * -1);\n }\n\n .-top-1\\.5 {\n top: calc(var(--spacing) * -1.5);\n }\n\n .-top-2 {\n top: calc(var(--spacing) * -2);\n }\n\n .-top-4 {\n top: calc(var(--spacing) * -4);\n }\n\n .-top-8 {\n top: calc(var(--spacing) * -8);\n }\n\n .-top-9 {\n top: calc(var(--spacing) * -9);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-0\\.5 {\n top: calc(var(--spacing) * .5);\n }\n\n .top-1 {\n top: var(--spacing);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n\n .top-13 {\n top: calc(var(--spacing) * 13);\n }\n\n .top-16 {\n top: calc(var(--spacing) * 16);\n }\n\n .top-\\[53\\%\\] {\n top: 53%;\n }\n\n .top-full {\n top: 100%;\n }\n\n .-right-1 {\n right: calc(var(--spacing) * -1);\n }\n\n .-right-2 {\n right: calc(var(--spacing) * -2);\n }\n\n .-right-3 {\n right: calc(var(--spacing) * -3);\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-1 {\n right: var(--spacing);\n }\n\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n\n .right-4 {\n right: calc(var(--spacing) * 4);\n }\n\n .right-full {\n right: 100%;\n }\n\n .-bottom-1 {\n bottom: calc(var(--spacing) * -1);\n }\n\n .-bottom-3\\.5 {\n bottom: calc(var(--spacing) * -3.5);\n }\n\n .-bottom-5\\.5 {\n bottom: calc(var(--spacing) * -5.5);\n }\n\n .bottom-0 {\n bottom: 0;\n }\n\n .bottom-\\[-125\\%\\] {\n bottom: -125%;\n }\n\n .bottom-full {\n bottom: 100%;\n }\n\n .-left-2 {\n left: calc(var(--spacing) * -2);\n }\n\n .-left-3 {\n left: calc(var(--spacing) * -3);\n }\n\n .-left-full {\n left: -100%;\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-0\\.5 {\n left: calc(var(--spacing) * .5);\n }\n\n .left-0\\.75 {\n left: calc(var(--spacing) * .75);\n }\n\n .left-1\\/2 {\n left: 50%;\n }\n\n .left-2 {\n left: calc(var(--spacing) * 2);\n }\n\n .left-2\\/2 {\n left: 100%;\n }\n\n .left-3 {\n left: calc(var(--spacing) * 3);\n }\n\n .left-3\\.5 {\n left: calc(var(--spacing) * 3.5);\n }\n\n .left-4 {\n left: calc(var(--spacing) * 4);\n }\n\n .z-0 {\n z-index: 0;\n }\n\n .z-8 {\n z-index: 8;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-20 {\n z-index: 20;\n }\n\n .z-30 {\n z-index: 30;\n }\n\n .z-40 {\n z-index: 40;\n }\n\n .z-50 {\n z-index: 50;\n }\n\n .z-60 {\n z-index: 60;\n }\n\n .z-80 {\n z-index: 80;\n }\n\n .z-100 {\n z-index: 100;\n }\n\n .z-110 {\n z-index: 110;\n }\n\n .z-9000 {\n z-index: 9000;\n }\n\n .z-9999 {\n z-index: 9999;\n }\n\n .col-span-1 {\n grid-column: span 1 / span 1;\n }\n\n .col-span-2 {\n grid-column: span 2 / span 2;\n }\n\n .col-span-3 {\n grid-column: span 3 / span 3;\n }\n\n .col-span-4 {\n grid-column: span 4 / span 4;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .-mx-20 {\n margin-inline: calc(var(--spacing) * -20);\n }\n\n .mx-0\\.5 {\n margin-inline: calc(var(--spacing) * .5);\n }\n\n .mx-1 {\n margin-inline: var(--spacing);\n }\n\n .mx-1\\.5 {\n margin-inline: calc(var(--spacing) * 1.5);\n }\n\n .mx-3 {\n margin-inline: calc(var(--spacing) * 3);\n }\n\n .mx-4 {\n margin-inline: calc(var(--spacing) * 4);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n }\n\n .mt-0\\.5 {\n margin-top: calc(var(--spacing) * .5);\n }\n\n .mt-1 {\n margin-top: var(--spacing);\n }\n\n .mt-1\\.5 {\n margin-top: calc(var(--spacing) * 1.5);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.5 {\n margin-top: calc(var(--spacing) * 2.5);\n }\n\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-auto {\n margin-top: auto;\n }\n\n .mr-0\\.5 {\n margin-right: calc(var(--spacing) * .5);\n }\n\n .mr-1 {\n margin-right: var(--spacing);\n }\n\n .mr-3 {\n margin-right: calc(var(--spacing) * 3);\n }\n\n .-mb-1 {\n margin-bottom: calc(var(--spacing) * -1);\n }\n\n .mb-0 {\n margin-bottom: 0;\n }\n\n .mb-0\\.5 {\n margin-bottom: calc(var(--spacing) * .5);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-1\\.25 {\n margin-bottom: calc(var(--spacing) * 1.25);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-5 {\n margin-bottom: calc(var(--spacing) * 5);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .-ml-0\\.75 {\n margin-left: calc(var(--spacing) * -.75);\n }\n\n .ml-0\\.5 {\n margin-left: calc(var(--spacing) * .5);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-3 {\n margin-left: calc(var(--spacing) * 3);\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .line-clamp-3 {\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .inline-table {\n display: inline-table;\n }\n\n .table {\n display: table;\n }\n\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .size-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n\n .size-3\\.25 {\n width: calc(var(--spacing) * 3.25);\n height: calc(var(--spacing) * 3.25);\n }\n\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .size-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n height: calc(var(--spacing) * 4.25);\n }\n\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n\n .size-11 {\n width: calc(var(--spacing) * 11);\n height: calc(var(--spacing) * 11);\n }\n\n .size-\\[18px\\] {\n width: 18px;\n height: 18px;\n }\n\n .size-full {\n width: 100%;\n height: 100%;\n }\n\n .h-0\\.5 {\n height: calc(var(--spacing) * .5);\n }\n\n .h-0\\.75 {\n height: calc(var(--spacing) * .75);\n }\n\n .h-1 {\n height: var(--spacing);\n }\n\n .h-1\\.5 {\n height: calc(var(--spacing) * 1.5);\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.5 {\n height: calc(var(--spacing) * 2.5);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-3\\.25 {\n height: calc(var(--spacing) * 3.25);\n }\n\n .h-3\\.75 {\n height: calc(var(--spacing) * 3.75);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-4\\.75 {\n height: calc(var(--spacing) * 4.75);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-37\\.5 {\n height: calc(var(--spacing) * 37.5);\n }\n\n .h-\\[30px\\] {\n height: 30px;\n }\n\n .h-\\[32px\\] {\n height: 32px;\n }\n\n .h-\\[60vh\\] {\n height: 60vh;\n }\n\n .h-\\[calc\\(100vh-5\\.25rem\\)\\] {\n height: calc(100vh - 5.25rem);\n }\n\n .h-\\[calc\\(100vh-7\\.5rem\\)\\] {\n height: calc(100vh - 7.5rem);\n }\n\n .h-fit {\n height: fit-content;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-screen {\n height: 100vh;\n }\n\n .max-h-44 {\n max-height: calc(var(--spacing) * 44);\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-87\\.5 {\n min-height: calc(var(--spacing) * 87.5);\n }\n\n .min-h-auto {\n min-height: auto;\n }\n\n .min-h-screen {\n min-height: 100vh;\n }\n\n .w-0 {\n width: 0;\n }\n\n .w-1 {\n width: var(--spacing);\n }\n\n .w-1\\.5 {\n width: calc(var(--spacing) * 1.5);\n }\n\n .w-1\\/2 {\n width: 50%;\n }\n\n .w-1\\/3 {\n width: 33.3333%;\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n\n .w-2\\/3 {\n width: 66.6667%;\n }\n\n .w-3 {\n width: calc(var(--spacing) * 3);\n }\n\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n\n .w-3\\.25 {\n width: calc(var(--spacing) * 3.25);\n }\n\n .w-3\\/4 {\n width: 75%;\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.75 {\n width: calc(var(--spacing) * 4.75);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-5\\.25 {\n width: calc(var(--spacing) * 5.25);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n\n .w-7\\.5 {\n width: calc(var(--spacing) * 7.5);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-14 {\n width: calc(var(--spacing) * 14);\n }\n\n .w-15 {\n width: calc(var(--spacing) * 15);\n }\n\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n\n .w-30 {\n width: calc(var(--spacing) * 30);\n }\n\n .w-44 {\n width: calc(var(--spacing) * 44);\n }\n\n .w-50 {\n width: calc(var(--spacing) * 50);\n }\n\n .w-56 {\n width: calc(var(--spacing) * 56);\n }\n\n .w-60 {\n width: calc(var(--spacing) * 60);\n }\n\n .w-65 {\n width: calc(var(--spacing) * 65);\n }\n\n .w-68 {\n width: calc(var(--spacing) * 68);\n }\n\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n\n .w-85 {\n width: calc(var(--spacing) * 85);\n }\n\n .w-\\[28\\%\\] {\n width: 28%;\n }\n\n .w-\\[40\\%\\] {\n width: 40%;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-max {\n width: max-content;\n }\n\n .w-md {\n width: var(--container-md);\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-4xl {\n max-width: var(--container-4xl);\n }\n\n .max-w-20 {\n max-width: calc(var(--spacing) * 20);\n }\n\n .max-w-22 {\n max-width: calc(var(--spacing) * 22);\n }\n\n .max-w-22\\.5 {\n max-width: calc(var(--spacing) * 22.5);\n }\n\n .max-w-25 {\n max-width: calc(var(--spacing) * 25);\n }\n\n .max-w-\\[240px\\] {\n max-width: 240px;\n }\n\n .max-w-\\[1600px\\] {\n max-width: 1600px;\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .max-w-md {\n max-width: var(--container-md);\n }\n\n .max-w-xs {\n max-width: var(--container-xs);\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-4\\.5 {\n min-width: calc(var(--spacing) * 4.5);\n }\n\n .min-w-75 {\n min-width: calc(var(--spacing) * 75);\n }\n\n .min-w-105 {\n min-width: calc(var(--spacing) * 105);\n }\n\n .min-w-full {\n min-width: 100%;\n }\n\n .min-w-max {\n min-width: max-content;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-2 {\n flex: 2;\n }\n\n .flex-shrink, .shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .grow {\n flex-grow: 1;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .-translate-x-0\\.5 {\n --tw-translate-x: calc(var(--spacing) * -.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\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\n .-translate-x-2\\/2 {\n --tw-translate-x: calc(calc(2 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-x-full {\n --tw-translate-x: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-0 {\n --tw-translate-x: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-0\\.75 {\n --tw-translate-x: calc(var(--spacing) * .75);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-3\\.5 {\n --tw-translate-x: calc(var(--spacing) * 3.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-5 {\n --tw-translate-x: calc(var(--spacing) * 5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-0\\.5 {\n --tw-translate-y: calc(var(--spacing) * -.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1 {\n --tw-translate-y: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-0 {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-0\\.5 {\n --tw-translate-y: calc(var(--spacing) * .5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-1 {\n --tw-translate-y: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-px {\n --tw-translate-y: 1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .scale-95 {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .scale-100 {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .-rotate-90 {\n rotate: -90deg;\n }\n\n .rotate-45 {\n rotate: 45deg;\n }\n\n .rotate-90 {\n rotate: 90deg;\n }\n\n .rotate-180 {\n rotate: 180deg;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .animate-bounce {\n animation: var(--animate-bounce);\n }\n\n .animate-ping {\n animation: var(--animate-ping);\n }\n\n .animate-pulse {\n animation: var(--animate-pulse);\n }\n\n .animate-spin {\n animation: var(--animate-spin);\n }\n\n .cursor-crosshair {\n cursor: crosshair;\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .resize {\n resize: both;\n }\n\n .list-none {\n list-style-type: none;\n }\n\n .\\[appearance\\:textfield\\] {\n appearance: textfield;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .flex-col-reverse {\n flex-direction: column-reverse;\n }\n\n .flex-row {\n flex-direction: row;\n }\n\n .flex-wrap {\n flex-wrap: wrap;\n }\n\n .place-content-center {\n place-content: center;\n }\n\n .items-baseline {\n align-items: baseline;\n }\n\n .items-center {\n align-items: center;\n }\n\n .items-end {\n align-items: flex-end;\n }\n\n .items-start {\n align-items: flex-start;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-end {\n justify-content: flex-end;\n }\n\n .justify-start {\n justify-content: flex-start;\n }\n\n .gap-0\\.5 {\n gap: calc(var(--spacing) * .5);\n }\n\n .gap-1 {\n gap: var(--spacing);\n }\n\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n :where(.space-y-0\\.5 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-1\\.5 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :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 :where(.space-y-2\\.5 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-3 > :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 :where(.space-y-4 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-5 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .gap-x-3 {\n column-gap: calc(var(--spacing) * 3);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n :where(.divide-y > :not(:last-child)) {\n --tw-divide-y-reverse: 0;\n border-bottom-style: var(--tw-border-style);\n border-top-style: var(--tw-border-style);\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n }\n\n :where(.divide-\\(--md-border\\) > :not(:last-child)) {\n border-color: var(--md-border);\n }\n\n .self-stretch {\n align-self: stretch;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-visible {\n overflow: visible;\n }\n\n .overflow-x-auto {\n overflow-x: auto;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-2xl {\n border-radius: var(--radius-2xl);\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n\n .rounded-md {\n border-radius: var(--radius-md);\n }\n\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-xl {\n border-radius: var(--radius-xl);\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .\\!border-\\[var\\(--md-border\\)\\] {\n border-color: var(--md-border) !important;\n }\n\n .\\!border-\\[var\\(--md-danger\\)\\] {\n border-color: var(--md-danger) !important;\n }\n\n .\\!border-gray-200 {\n border-color: var(--color-gray-200) !important;\n }\n\n .\\!border-red-600 {\n border-color: var(--color-red-600) !important;\n }\n\n .border-\\(--md-border\\), .border-\\(--md-border\\)\\/60 {\n border-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-border\\)\\/60 {\n border-color: color-mix(in oklab, var(--md-border) 60%, transparent);\n }\n }\n\n .border-\\(--md-border\\)\\/65 {\n border-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-border\\)\\/65 {\n border-color: color-mix(in oklab, var(--md-border) 65%, transparent);\n }\n }\n\n .border-\\(--md-border\\)\\/75 {\n border-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-border\\)\\/75 {\n border-color: color-mix(in oklab, var(--md-border) 75%, transparent);\n }\n }\n\n .border-\\(--md-border\\)\\/80 {\n border-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-border\\)\\/80 {\n border-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n }\n }\n\n .border-\\(--md-border-strong\\), .border-\\(--md-border-strong\\)\\/80 {\n border-color: var(--md-border-strong);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-border-strong\\)\\/80 {\n border-color: color-mix(in oklab, var(--md-border-strong) 80%, transparent);\n }\n }\n\n .border-\\(--md-danger-border\\) {\n border-color: var(--md-danger-border);\n }\n\n .border-\\(--md-info\\)\\! {\n border-color: var(--md-info) !important;\n }\n\n .border-\\(--md-info-border\\) {\n border-color: var(--md-info-border);\n }\n\n .border-\\(--md-overlay-border\\) {\n border-color: var(--md-overlay-border);\n }\n\n .border-\\(--md-row-selection\\) {\n border-color: var(--md-row-selection);\n }\n\n .border-\\(--md-row-selection-fg\\) {\n border-color: var(--md-row-selection-fg);\n }\n\n .border-\\(--md-selection\\) {\n border-color: var(--md-selection);\n }\n\n .border-\\(--md-selection-fg\\)\\/60 {\n border-color: var(--md-selection-fg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-selection-fg\\)\\/60 {\n border-color: color-mix(in oklab, var(--md-selection-fg) 60%, transparent);\n }\n }\n\n .border-\\(--md-text\\), .border-\\(--md-text\\)\\/10 {\n border-color: var(--md-text);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-\\(--md-text\\)\\/10 {\n border-color: color-mix(in oklab, var(--md-text) 10%, transparent);\n }\n }\n\n .border-\\(--md-warning-border\\) {\n border-color: var(--md-warning-border);\n }\n\n .border-amber-200 {\n border-color: var(--color-amber-200);\n }\n\n .border-blue-100 {\n border-color: var(--color-blue-100);\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-blue-500\\/20 {\n border-color: #3080ff33;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-blue-500\\/20 {\n border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n }\n }\n\n .border-emerald-100 {\n border-color: var(--color-emerald-100);\n }\n\n .border-emerald-200 {\n border-color: var(--color-emerald-200);\n }\n\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-800 {\n border-color: var(--color-gray-800);\n }\n\n .border-indigo-200 {\n border-color: var(--color-indigo-200);\n }\n\n .border-purple-200 {\n border-color: var(--color-purple-200);\n }\n\n .border-red-200 {\n border-color: var(--color-red-200);\n }\n\n .border-sky-100 {\n border-color: var(--color-sky-100);\n }\n\n .border-sky-200 {\n border-color: var(--color-sky-200);\n }\n\n .border-slate-200 {\n border-color: var(--color-slate-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\n }\n\n .border-white\\/10 {\n border-color: #ffffff1a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-white\\/10 {\n border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n }\n }\n\n .border-yellow-200 {\n border-color: var(--color-yellow-200);\n }\n\n .border-t-\\[\\#42389E\\] {\n border-top-color: #42389e;\n }\n\n .border-r-\\[\\#42389E\\] {\n border-right-color: #42389e;\n }\n\n .border-b-transparent {\n border-bottom-color: #0000;\n }\n\n .border-l-transparent {\n border-left-color: #0000;\n }\n\n .\\!bg-\\[var\\(--md-border\\)\\] {\n background-color: var(--md-border) !important;\n }\n\n .\\!bg-\\[var\\(--md-danger\\)\\] {\n background-color: var(--md-danger) !important;\n }\n\n .\\!bg-gray-200 {\n background-color: var(--color-gray-200) !important;\n }\n\n .\\!bg-red-600 {\n background-color: var(--color-red-600) !important;\n }\n\n .bg-\\(--md-border\\), .bg-\\(--md-border\\)\\/80 {\n background-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-border\\)\\/80 {\n background-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n }\n }\n\n .bg-\\(--md-border-strong\\) {\n background-color: var(--md-border-strong);\n }\n\n .bg-\\(--md-danger-bg\\) {\n background-color: var(--md-danger-bg);\n }\n\n .bg-\\(--md-danger-border\\) {\n background-color: var(--md-danger-border);\n }\n\n .bg-\\(--md-info\\)\\! {\n background-color: var(--md-info) !important;\n }\n\n .bg-\\(--md-info-bg\\) {\n background-color: var(--md-info-bg);\n }\n\n .bg-\\(--md-info-border\\) {\n background-color: var(--md-info-border);\n }\n\n .bg-\\(--md-overlay-bg\\) {\n background-color: var(--md-overlay-bg);\n }\n\n .bg-\\(--md-primary\\) {\n background-color: var(--md-primary);\n }\n\n .bg-\\(--md-row-selection\\) {\n background-color: var(--md-row-selection);\n }\n\n .bg-\\(--md-row-selection-bg\\), .bg-\\(--md-row-selection-bg\\)\\/40 {\n background-color: var(--md-row-selection-bg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-row-selection-bg\\)\\/40 {\n background-color: color-mix(in oklab, var(--md-row-selection-bg) 40%, transparent);\n }\n }\n\n .bg-\\(--md-row-selection-bg\\)\\/70 {\n background-color: var(--md-row-selection-bg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-row-selection-bg\\)\\/70 {\n background-color: color-mix(in oklab, var(--md-row-selection-bg) 70%, transparent);\n }\n }\n\n .bg-\\(--md-row-selection-fg\\) {\n background-color: var(--md-row-selection-fg);\n }\n\n .bg-\\(--md-selection\\), .bg-\\(--md-selection\\)\\/75 {\n background-color: var(--md-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-selection\\)\\/75 {\n background-color: color-mix(in oklab, var(--md-selection) 75%, transparent);\n }\n }\n\n .bg-\\(--md-selection-bg\\) {\n background-color: var(--md-selection-bg);\n }\n\n .bg-\\(--md-surface\\), .bg-\\(--md-surface\\)\\/90 {\n background-color: var(--md-surface);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-surface\\)\\/90 {\n background-color: color-mix(in oklab, var(--md-surface) 90%, transparent);\n }\n }\n\n .bg-\\(--md-surface-hover\\), .bg-\\(--md-surface-hover\\)\\/30 {\n background-color: var(--md-surface-hover);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-surface-hover\\)\\/30 {\n background-color: color-mix(in oklab, var(--md-surface-hover) 30%, transparent);\n }\n }\n\n .bg-\\(--md-surface-hover\\)\\/50 {\n background-color: var(--md-surface-hover);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-surface-hover\\)\\/50 {\n background-color: color-mix(in oklab, var(--md-surface-hover) 50%, transparent);\n }\n }\n\n .bg-\\(--md-surface-muted\\), .bg-\\(--md-surface-muted\\)\\/75 {\n background-color: var(--md-surface-muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-surface-muted\\)\\/75 {\n background-color: color-mix(in oklab, var(--md-surface-muted) 75%, transparent);\n }\n }\n\n .bg-\\(--md-surface-muted\\)\\/80 {\n background-color: var(--md-surface-muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-surface-muted\\)\\/80 {\n background-color: color-mix(in oklab, var(--md-surface-muted) 80%, transparent);\n }\n }\n\n .bg-\\(--md-text\\), .bg-\\(--md-text\\)\\/0 {\n background-color: var(--md-text);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-text\\)\\/0 {\n background-color: color-mix(in oklab, var(--md-text) 0%, transparent);\n }\n }\n\n .bg-\\(--md-text-subtle\\) {\n background-color: var(--md-text-subtle);\n }\n\n .bg-\\(--md-toolbar-bg\\)\\/95 {\n background-color: var(--md-toolbar-bg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--md-toolbar-bg\\)\\/95 {\n background-color: color-mix(in oklab, var(--md-toolbar-bg) 95%, transparent);\n }\n }\n\n .bg-\\(--md-toolbar-border\\) {\n background-color: var(--md-toolbar-border);\n }\n\n .bg-\\(--md-tooltip-bg\\) {\n background-color: var(--md-tooltip-bg);\n }\n\n .bg-\\(--md-warning-bg\\) {\n background-color: var(--md-warning-bg);\n }\n\n .bg-\\(--md-warning-border\\) {\n background-color: var(--md-warning-border);\n }\n\n .bg-\\[\\#0b0b0c\\] {\n background-color: #0b0b0c;\n }\n\n .bg-\\[\\#1a1a1d\\] {\n background-color: #1a1a1d;\n }\n\n .bg-\\[\\#28c840\\] {\n background-color: #28c840;\n }\n\n .bg-\\[\\#42389E\\] {\n background-color: #42389e;\n }\n\n .bg-\\[\\#42389E\\]\\/10 {\n background-color: oklab(41.5418% .0313346 -.155848 / .1);\n }\n\n .bg-\\[\\#101012\\] {\n background-color: #101012;\n }\n\n .bg-\\[\\#febc2e\\] {\n background-color: #febc2e;\n }\n\n .bg-\\[\\#ff5f57\\] {\n background-color: #ff5f57;\n }\n\n .bg-\\[var\\(--md-border\\)\\]\\/80 {\n background-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\[var\\(--md-border\\)\\]\\/80 {\n background-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n }\n }\n\n .bg-\\[var\\(--md-row-selection-bg\\)\\] {\n background-color: var(--md-row-selection-bg);\n }\n\n .bg-\\[var\\(--md-selection\\)\\] {\n background-color: var(--md-selection);\n }\n\n .bg-\\[var\\(--md-surface-hover\\)\\] {\n background-color: var(--md-surface-hover);\n }\n\n .bg-\\[var\\(--md-toolbar-bg\\)\\]\\/95 {\n background-color: var(--md-toolbar-bg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\[var\\(--md-toolbar-bg\\)\\]\\/95 {\n background-color: color-mix(in oklab, var(--md-toolbar-bg) 95%, transparent);\n }\n }\n\n .bg-\\[var\\(--md-tooltip-bg\\)\\] {\n background-color: var(--md-tooltip-bg);\n }\n\n .bg-amber-50 {\n background-color: var(--color-amber-50);\n }\n\n .bg-amber-50\\/80 {\n background-color: #fffbebcc;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-amber-50\\/80 {\n background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);\n }\n }\n\n .bg-amber-100 {\n background-color: var(--color-amber-100);\n }\n\n .bg-amber-400 {\n background-color: var(--color-amber-400);\n }\n\n .bg-amber-500\\/10 {\n background-color: #f99c001a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-amber-500\\/10 {\n background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);\n }\n }\n\n .bg-amber-500\\/15 {\n background-color: #f99c0026;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-amber-500\\/15 {\n background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);\n }\n }\n\n .bg-black\\/35 {\n background-color: #00000059;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-black\\/35 {\n background-color: color-mix(in oklab, var(--color-black) 35%, transparent);\n }\n }\n\n .bg-black\\/40 {\n background-color: #0006;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-black\\/40 {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n }\n\n .bg-black\\/70 {\n background-color: #000000b3;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-black\\/70 {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-blue-500\\/5 {\n background-color: #3080ff0d;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-blue-500\\/5 {\n background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);\n }\n }\n\n .bg-blue-500\\/10 {\n background-color: #3080ff1a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-blue-500\\/10 {\n background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);\n }\n }\n\n .bg-blue-500\\/20 {\n background-color: #3080ff33;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-blue-500\\/20 {\n background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n }\n }\n\n .bg-emerald-50 {\n background-color: var(--color-emerald-50);\n }\n\n .bg-emerald-100 {\n background-color: var(--color-emerald-100);\n }\n\n .bg-emerald-400 {\n background-color: var(--color-emerald-400);\n }\n\n .bg-emerald-500 {\n background-color: var(--color-emerald-500);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-50\\/40 {\n background-color: #f9fafb66;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/40 {\n background-color: color-mix(in oklab, var(--color-gray-50) 40%, transparent);\n }\n }\n\n .bg-gray-50\\/50 {\n background-color: #f9fafb80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/50 {\n background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n }\n }\n\n .bg-gray-50\\/70 {\n background-color: #f9fafbb3;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/70 {\n background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent);\n }\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n\n .bg-gray-800 {\n background-color: var(--color-gray-800);\n }\n\n .bg-gray-900 {\n background-color: var(--color-gray-900);\n }\n\n .bg-gray-950 {\n background-color: var(--color-gray-950);\n }\n\n .bg-indigo-50 {\n background-color: var(--color-indigo-50);\n }\n\n .bg-orange-500\\/20 {\n background-color: #fe6e0033;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-orange-500\\/20 {\n background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);\n }\n }\n\n .bg-purple-50 {\n background-color: var(--color-purple-50);\n }\n\n .bg-purple-500\\/20 {\n background-color: #ac4bff33;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-purple-500\\/20 {\n background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);\n }\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-sky-50 {\n background-color: var(--color-sky-50);\n }\n\n .bg-slate-100 {\n background-color: var(--color-slate-100);\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-violet-50 {\n background-color: var(--color-violet-50);\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .bg-white\\/3 {\n background-color: #ffffff08;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-white\\/3 {\n background-color: color-mix(in oklab, var(--color-white) 3%, transparent);\n }\n }\n\n .bg-white\\/10 {\n background-color: #ffffff1a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-white\\/10 {\n background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n }\n }\n\n .bg-white\\/95 {\n background-color: #fffffff2;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-white\\/95 {\n background-color: color-mix(in oklab, var(--color-white) 95%, transparent);\n }\n }\n\n .bg-yellow-50 {\n background-color: var(--color-yellow-50);\n }\n\n .bg-linear-to-br {\n --tw-gradient-position: to bottom right;\n }\n\n @supports (background-image: linear-gradient(in lab, red, red)) {\n .bg-linear-to-br {\n --tw-gradient-position: to bottom right in oklab;\n }\n }\n\n .bg-linear-to-br {\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n\n .bg-linear-to-r {\n --tw-gradient-position: to right;\n }\n\n @supports (background-image: linear-gradient(in lab, red, red)) {\n .bg-linear-to-r {\n --tw-gradient-position: to right in oklab;\n }\n }\n\n .bg-linear-to-r {\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\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\n .bg-gradient-to-r {\n --tw-gradient-position: to right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n\n .from-\\(--md-row-selection\\) {\n --tw-gradient-from: var(--md-row-selection);\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\n .from-\\[\\#42389E\\] {\n --tw-gradient-from: #42389e;\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\n .from-\\[var\\(--md-selection\\)\\] {\n --tw-gradient-from: var(--md-selection);\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\n .to-\\(--md-row-selection-fg\\) {\n --tw-gradient-to: var(--md-row-selection-fg);\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\n .to-\\[\\#6B5BC9\\] {\n --tw-gradient-to: #6b5bc9;\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\n .to-\\[var\\(--md-selection-fg\\)\\] {\n --tw-gradient-to: var(--md-selection-fg);\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\n .stroke-\\(--md-text-muted\\) {\n stroke: var(--md-text-muted);\n }\n\n .stroke-current {\n stroke: currentColor;\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .object-cover {\n object-fit: cover;\n }\n\n .p-0\\.5 {\n padding: calc(var(--spacing) * .5);\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .p-1\\.25 {\n padding: calc(var(--spacing) * 1.25);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-2\\.5 {\n padding: calc(var(--spacing) * 2.5);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .\\!px-6 {\n padding-inline: calc(var(--spacing) * 6) !important;\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\n }\n\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .px-1\\.75 {\n padding-inline: calc(var(--spacing) * 1.75);\n }\n\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .px-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n\n .px-5\\! {\n padding-inline: calc(var(--spacing) * 5) !important;\n }\n\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n\n .px-20 {\n padding-inline: calc(var(--spacing) * 20);\n }\n\n .\\!py-2 {\n padding-block: calc(var(--spacing) * 2) !important;\n }\n\n .py-0 {\n padding-block: 0;\n }\n\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * .5);\n }\n\n .py-0\\.75 {\n padding-block: calc(var(--spacing) * .75);\n }\n\n .py-1 {\n padding-block: var(--spacing);\n }\n\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .py-1\\.25 {\n padding-block: calc(var(--spacing) * 1.25);\n }\n\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n\n .py-2\\.75 {\n padding-block: calc(var(--spacing) * 2.75);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-3\\.25 {\n padding-block: calc(var(--spacing) * 3.25);\n }\n\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n\n .py-6 {\n padding-block: calc(var(--spacing) * 6);\n }\n\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .py-12 {\n padding-block: calc(var(--spacing) * 12);\n }\n\n .py-16 {\n padding-block: calc(var(--spacing) * 16);\n }\n\n .py-24 {\n padding-block: calc(var(--spacing) * 24);\n }\n\n .py-\\[8px\\] {\n padding-block: 8px;\n }\n\n .py-px {\n padding-block: 1px;\n }\n\n .pt-0 {\n padding-top: 0;\n }\n\n .pt-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n\n .pr-7 {\n padding-right: calc(var(--spacing) * 7);\n }\n\n .pb-1 {\n padding-bottom: var(--spacing);\n }\n\n .pb-1\\.5 {\n padding-bottom: calc(var(--spacing) * 1.5);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .pb-5 {\n padding-bottom: calc(var(--spacing) * 5);\n }\n\n .pb-20 {\n padding-bottom: calc(var(--spacing) * 20);\n }\n\n .\\!pl-6 {\n padding-left: calc(var(--spacing) * 6) !important;\n }\n\n .pl-0\\.5 {\n padding-left: calc(var(--spacing) * .5);\n }\n\n .pl-1 {\n padding-left: var(--spacing);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-5 {\n padding-left: calc(var(--spacing) * 5);\n }\n\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-6\\! {\n padding-left: calc(var(--spacing) * 6) !important;\n }\n\n .pl-7 {\n padding-left: calc(var(--spacing) * 7);\n }\n\n .pl-9 {\n padding-left: calc(var(--spacing) * 9);\n }\n\n .pl-14 {\n padding-left: calc(var(--spacing) * 14);\n }\n\n .pl-\\[Xpx\\] {\n padding-left: Xpx;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-right {\n text-align: right;\n }\n\n .font-mono {\n font-family: var(--font-mono);\n }\n\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .text-\\[8px\\] {\n font-size: 8px;\n }\n\n .text-\\[9\\.5px\\] {\n font-size: 9.5px;\n }\n\n .text-\\[9px\\] {\n font-size: 9px;\n }\n\n .text-\\[10\\.5px\\] {\n font-size: 10.5px;\n }\n\n .text-\\[10px\\] {\n font-size: 10px;\n }\n\n .text-\\[11\\.5px\\] {\n font-size: 11.5px;\n }\n\n .text-\\[11px\\] {\n font-size: 11px;\n }\n\n .text-\\[12\\.5px\\] {\n font-size: 12.5px;\n }\n\n .text-\\[12px\\] {\n font-size: 12px;\n }\n\n .text-\\[13\\.5px\\] {\n font-size: 13.5px;\n }\n\n .text-\\[13px\\] {\n font-size: 13px;\n }\n\n .text-\\[14px\\] {\n font-size: 14px;\n }\n\n .text-\\[15px\\] {\n font-size: 15px;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .tracking-\\[\\.02em\\] {\n --tw-tracking: .02em;\n letter-spacing: .02em;\n }\n\n .tracking-\\[\\.05em\\] {\n --tw-tracking: .05em;\n letter-spacing: .05em;\n }\n\n .tracking-\\[\\.06em\\] {\n --tw-tracking: .06em;\n letter-spacing: .06em;\n }\n\n .tracking-\\[\\.08em\\] {\n --tw-tracking: .08em;\n letter-spacing: .08em;\n }\n\n .tracking-normal {\n --tw-tracking: var(--tracking-normal);\n letter-spacing: var(--tracking-normal);\n }\n\n .tracking-wide {\n --tw-tracking: var(--tracking-wide);\n letter-spacing: var(--tracking-wide);\n }\n\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .tracking-widest {\n --tw-tracking: var(--tracking-widest);\n letter-spacing: var(--tracking-widest);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .break-all {\n word-break: break-all;\n }\n\n .whitespace-normal {\n white-space: normal;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .whitespace-pre {\n white-space: pre;\n }\n\n .\\!text-\\[var\\(--md-text\\)\\] {\n color: var(--md-text) !important;\n }\n\n .\\!text-gray-800 {\n color: var(--color-gray-800) !important;\n }\n\n .text-\\(--md-danger\\), .text-\\(--md-danger\\)\\/80 {\n color: var(--md-danger);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-\\(--md-danger\\)\\/80 {\n color: color-mix(in oklab, var(--md-danger) 80%, transparent);\n }\n }\n\n .text-\\(--md-danger-fg\\) {\n color: var(--md-danger-fg);\n }\n\n .text-\\(--md-info\\) {\n color: var(--md-info);\n }\n\n .text-\\(--md-info-fg\\) {\n color: var(--md-info-fg);\n }\n\n .text-\\(--md-primary\\) {\n color: var(--md-primary);\n }\n\n .text-\\(--md-row-selection\\) {\n color: var(--md-row-selection);\n }\n\n .text-\\(--md-row-selection-fg\\) {\n color: var(--md-row-selection-fg);\n }\n\n .text-\\(--md-selection\\) {\n color: var(--md-selection);\n }\n\n .text-\\(--md-selection-fg\\) {\n color: var(--md-selection-fg);\n }\n\n .text-\\(--md-success\\) {\n color: var(--md-success);\n }\n\n .text-\\(--md-surface\\) {\n color: var(--md-surface);\n }\n\n .text-\\(--md-text\\) {\n color: var(--md-text);\n }\n\n .text-\\(--md-text-muted\\) {\n color: var(--md-text-muted);\n }\n\n .text-\\(--md-text-subtle\\), .text-\\(--md-text-subtle\\)\\/75 {\n color: var(--md-text-subtle);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-\\(--md-text-subtle\\)\\/75 {\n color: color-mix(in oklab, var(--md-text-subtle) 75%, transparent);\n }\n }\n\n .text-\\(--md-toolbar-text\\) {\n color: var(--md-toolbar-text);\n }\n\n .text-\\(--md-tooltip-text\\) {\n color: var(--md-tooltip-text);\n }\n\n .text-\\(--md-warning\\) {\n color: var(--md-warning);\n }\n\n .text-\\(--md-warning-fg\\), .text-\\(--md-warning-fg\\)\\/80 {\n color: var(--md-warning-fg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-\\(--md-warning-fg\\)\\/80 {\n color: color-mix(in oklab, var(--md-warning-fg) 80%, transparent);\n }\n }\n\n .text-\\[\\#42389E\\] {\n color: #42389e;\n }\n\n .text-\\[var\\(--md-danger\\)\\] {\n color: var(--md-danger);\n }\n\n .text-\\[var\\(--md-row-selection\\)\\] {\n color: var(--md-row-selection);\n }\n\n .text-\\[var\\(--md-row-selection-fg\\)\\] {\n color: var(--md-row-selection-fg);\n }\n\n .text-\\[var\\(--md-text\\)\\] {\n color: var(--md-text);\n }\n\n .text-\\[var\\(--md-text-muted\\)\\] {\n color: var(--md-text-muted);\n }\n\n .text-\\[var\\(--md-text-subtle\\)\\] {\n color: var(--md-text-subtle);\n }\n\n .text-\\[var\\(--md-toolbar-text\\)\\] {\n color: var(--md-toolbar-text);\n }\n\n .text-\\[var\\(--md-tooltip-text\\)\\] {\n color: var(--md-tooltip-text);\n }\n\n .text-amber-200 {\n color: var(--color-amber-200);\n }\n\n .text-amber-300 {\n color: var(--color-amber-300);\n }\n\n .text-amber-400 {\n color: var(--color-amber-400);\n }\n\n .text-amber-500 {\n color: var(--color-amber-500);\n }\n\n .text-amber-600 {\n color: var(--color-amber-600);\n }\n\n .text-amber-700 {\n color: var(--color-amber-700);\n }\n\n .text-amber-800 {\n color: var(--color-amber-800);\n }\n\n .text-blue-200 {\n color: var(--color-blue-200);\n }\n\n .text-blue-300 {\n color: var(--color-blue-300);\n }\n\n .text-blue-400 {\n color: var(--color-blue-400);\n }\n\n .text-blue-400\\/50 {\n color: #54a2ff80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-blue-400\\/50 {\n color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);\n }\n }\n\n .text-blue-500 {\n color: var(--color-blue-500);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-700 {\n color: var(--color-blue-700);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-emerald-400 {\n color: var(--color-emerald-400);\n }\n\n .text-emerald-500 {\n color: var(--color-emerald-500);\n }\n\n .text-emerald-600 {\n color: var(--color-emerald-600);\n }\n\n .text-emerald-700 {\n color: var(--color-emerald-700);\n }\n\n .text-gray-100 {\n color: var(--color-gray-100);\n }\n\n .text-gray-200 {\n color: var(--color-gray-200);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-gray-800 {\n color: var(--color-gray-800);\n }\n\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n\n .text-green-400 {\n color: var(--color-green-400);\n }\n\n .text-indigo-600 {\n color: var(--color-indigo-600);\n }\n\n .text-orange-300 {\n color: var(--color-orange-300);\n }\n\n .text-orange-400 {\n color: var(--color-orange-400);\n }\n\n .text-orange-500 {\n color: var(--color-orange-500);\n }\n\n .text-purple-300 {\n color: var(--color-purple-300);\n }\n\n .text-purple-400 {\n color: var(--color-purple-400);\n }\n\n .text-purple-500 {\n color: var(--color-purple-500);\n }\n\n .text-purple-600 {\n color: var(--color-purple-600);\n }\n\n .text-purple-700 {\n color: var(--color-purple-700);\n }\n\n .text-red-400 {\n color: var(--color-red-400);\n }\n\n .text-red-500 {\n color: var(--color-red-500);\n }\n\n .text-red-600 {\n color: var(--color-red-600);\n }\n\n .text-red-700 {\n color: var(--color-red-700);\n }\n\n .text-rose-400 {\n color: var(--color-rose-400);\n }\n\n .text-rose-500 {\n color: var(--color-rose-500);\n }\n\n .text-rose-600 {\n color: var(--color-rose-600);\n }\n\n .text-sky-400 {\n color: var(--color-sky-400);\n }\n\n .text-sky-600 {\n color: var(--color-sky-600);\n }\n\n .text-sky-700 {\n color: var(--color-sky-700);\n }\n\n .text-slate-600 {\n color: var(--color-slate-600);\n }\n\n .text-violet-600 {\n color: var(--color-violet-600);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-700 {\n color: var(--color-yellow-700);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .lowercase {\n text-transform: lowercase;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .tabular-nums {\n --tw-numeric-spacing: tabular-nums;\n font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );\n }\n\n .line-through {\n text-decoration-line: line-through;\n }\n\n .overline {\n text-decoration-line: overline;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .placeholder-\\(--md-text-subtle\\)::placeholder {\n color: var(--md-text-subtle);\n }\n\n .accent-\\(--md-selection\\) {\n accent-color: var(--md-selection);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-25 {\n opacity: .25;\n }\n\n .opacity-30 {\n opacity: .3;\n }\n\n .opacity-40 {\n opacity: .4;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .opacity-75 {\n opacity: .75;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\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 .shadow-\\(--md-overlay-shadow\\) {\n --tw-shadow: var(--md-overlay-shadow);\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 .shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);\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 .shadow-\\[0_1px_2px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\] {\n --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0000000a);\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 .shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\] {\n --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0000000a);\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 .shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\,0_0_0_0\\.5px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\] {\n --tw-shadow: 0 1px 3px var(--tw-shadow-color, #00000014), 0 0 0 .5px var(--tw-shadow-color, #00000014);\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 .shadow-\\[0_2px_8px_-1px_rgba\\(16\\,24\\,40\\,0\\.08\\)\\] {\n --tw-shadow: 0 2px 8px -1px var(--tw-shadow-color, #10182814);\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 .shadow-\\[0_4px_12px_-2px_rgba\\(16\\,24\\,40\\,0\\.08\\)\\,0_2px_4px_-1px_rgba\\(16\\,24\\,40\\,0\\.04\\)\\] {\n --tw-shadow: 0 4px 12px -2px var(--tw-shadow-color, #10182814), 0 2px 4px -1px var(--tw-shadow-color, #1018280a);\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 .shadow-\\[0_8px_24px_-4px_rgba\\(16\\,24\\,40\\,0\\.10\\)\\,0_4px_8px_-2px_rgba\\(16\\,24\\,40\\,0\\.06\\)\\] {\n --tw-shadow: 0 8px 24px -4px var(--tw-shadow-color, #1018281a), 0 4px 8px -2px var(--tw-shadow-color, #1018280f);\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 .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\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 .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\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 .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\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 .shadow-xs {\n --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);\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 .ring, .ring-1 {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .ring-\\(--md-danger\\) {\n --tw-ring-color: var(--md-danger);\n }\n\n .ring-\\(--md-row-selection\\), .ring-\\(--md-row-selection\\)\\/70 {\n --tw-ring-color: var(--md-row-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-\\(--md-row-selection\\)\\/70 {\n --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 70%, transparent);\n }\n }\n\n .ring-\\(--md-selection\\), .ring-\\(--md-selection\\)\\/70 {\n --tw-ring-color: var(--md-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-\\(--md-selection\\)\\/70 {\n --tw-ring-color: color-mix(in oklab, var(--md-selection) 70%, transparent);\n }\n }\n\n .ring-\\(--md-toolbar-border\\) {\n --tw-ring-color: var(--md-toolbar-border);\n }\n\n .ring-\\(--md-warning\\) {\n --tw-ring-color: var(--md-warning);\n }\n\n .ring-\\[var\\(--md-row-selection\\)\\]\\/40 {\n --tw-ring-color: var(--md-row-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-\\[var\\(--md-row-selection\\)\\]\\/40 {\n --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 40%, transparent);\n }\n }\n\n .ring-\\[var\\(--md-row-selection\\)\\]\\/70 {\n --tw-ring-color: var(--md-row-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-\\[var\\(--md-row-selection\\)\\]\\/70 {\n --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 70%, transparent);\n }\n }\n\n .ring-\\[var\\(--md-surface\\)\\] {\n --tw-ring-color: var(--md-surface);\n }\n\n .ring-amber-100 {\n --tw-ring-color: var(--color-amber-100);\n }\n\n .ring-blue-500\\/30 {\n --tw-ring-color: #3080ff4d;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-blue-500\\/30 {\n --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);\n }\n }\n\n .ring-emerald-100 {\n --tw-ring-color: var(--color-emerald-100);\n }\n\n .ring-gray-200 {\n --tw-ring-color: var(--color-gray-200);\n }\n\n .ring-orange-500\\/30 {\n --tw-ring-color: #fe6e004d;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-orange-500\\/30 {\n --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);\n }\n }\n\n .ring-purple-200 {\n --tw-ring-color: var(--color-purple-200);\n }\n\n .ring-purple-500\\/30 {\n --tw-ring-color: #ac4bff4d;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-purple-500\\/30 {\n --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);\n }\n }\n\n .ring-white\\/5 {\n --tw-ring-color: #ffffff0d;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-white\\/5 {\n --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n }\n }\n\n .ring-white\\/10 {\n --tw-ring-color: #ffffff1a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-white\\/10 {\n --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n }\n }\n\n .ring-offset-1 {\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n\n .outline, .outline-1 {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .outline-offset-0 {\n outline-offset: 0px;\n }\n\n .outline-\\(--md-border\\), .outline-\\(--md-border\\)\\/80 {\n outline-color: var(--md-border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .outline-\\(--md-border\\)\\/80 {\n outline-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n }\n }\n\n .outline-\\(--md-row-selection\\), .outline-\\(--md-row-selection\\)\\/50 {\n outline-color: var(--md-row-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .outline-\\(--md-row-selection\\)\\/50 {\n outline-color: color-mix(in oklab, var(--md-row-selection) 50%, transparent);\n }\n }\n\n .outline-\\(--md-row-selection-fg\\) {\n outline-color: var(--md-row-selection-fg);\n }\n\n .outline-\\(--md-surface-hover\\) {\n outline-color: var(--md-surface-hover);\n }\n\n .outline-transparent {\n outline-color: #0000;\n }\n\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\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\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .backdrop-blur {\n --tw-backdrop-blur: blur(8px);\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\n .backdrop-blur-md {\n --tw-backdrop-blur: blur(var(--blur-md));\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\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\n .backdrop-filter {\n -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n }\n\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\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\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\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .duration-100 {\n --tw-duration: .1s;\n transition-duration: .1s;\n }\n\n .duration-120 {\n --tw-duration: .12s;\n transition-duration: .12s;\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-200 {\n --tw-duration: .2s;\n transition-duration: .2s;\n }\n\n .ease-in {\n --tw-ease: var(--ease-in);\n transition-timing-function: var(--ease-in);\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .outline-dashed {\n --tw-outline-style: dashed;\n outline-style: dashed;\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n\n @media (hover: hover) {\n .group-hover\\:flex:is(:where(.group):hover *) {\n display: flex;\n }\n\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:gap-1:is(:where(.group):hover *) {\n gap: var(--spacing);\n }\n\n .group-hover\\:border-\\(--md-border-strong\\):is(:where(.group):hover *) {\n border-color: var(--md-border-strong);\n }\n\n .group-hover\\:bg-\\(--md-row-selection-bg\\):is(:where(.group):hover *) {\n background-color: var(--md-row-selection-bg);\n }\n\n .group-hover\\:bg-\\(--md-text\\)\\/\\[0\\.03\\]:is(:where(.group):hover *) {\n background-color: var(--md-text);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-hover\\:bg-\\(--md-text\\)\\/\\[0\\.03\\]:is(:where(.group):hover *) {\n background-color: color-mix(in oklab, var(--md-text) 3%, transparent);\n }\n }\n\n .group-hover\\:bg-gray-900:is(:where(.group):hover *) {\n background-color: var(--color-gray-900);\n }\n\n .group-hover\\:text-\\(--md-text-muted\\):is(:where(.group):hover *) {\n color: var(--md-text-muted);\n }\n\n .group-hover\\:text-\\(--md-text-subtle\\):is(:where(.group):hover *) {\n color: var(--md-text-subtle);\n }\n\n .group-hover\\:text-white:is(:where(.group):hover *) {\n color: var(--color-white);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *), .group-hover\\/badge\\:opacity-100:is(:where(.group\\/badge):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/btn\\:translate-y-0:is(:where(.group\\/btn):hover *) {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\/btn\\:opacity-100:is(:where(.group\\/btn):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/close\\:translate-y-0:is(:where(.group\\/close):hover *) {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\/close\\:opacity-100:is(:where(.group\\/close):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/del\\:translate-y-0:is(:where(.group\\/del):hover *) {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\/del\\:opacity-100:is(:where(.group\\/del):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/inner\\:text-\\(--md-selection-fg\\):is(:where(.group\\/inner):hover *) {\n color: var(--md-selection-fg);\n }\n\n .group-hover\\/leaf\\:opacity-100:is(:where(.group\\/leaf):hover *), .group-hover\\/nestedrow\\:opacity-100:is(:where(.group\\/nestedrow):hover *), .group-hover\\/next\\:opacity-100:is(:where(.group\\/next):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/pill\\:translate-y-0:is(:where(.group\\/pill):hover *) {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\/pill\\:opacity-100:is(:where(.group\\/pill):hover *), .group-hover\\/prev\\:opacity-100:is(:where(.group\\/prev):hover *), .group-hover\\/row\\:opacity-100:is(:where(.group\\/row):hover *) {\n opacity: 1;\n }\n\n .group-hover\\/vis\\:pointer-events-auto:is(:where(.group\\/vis):hover *) {\n pointer-events: auto;\n }\n\n .group-hover\\/vis\\:translate-y-0:is(:where(.group\\/vis):hover *) {\n --tw-translate-y: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\/vis\\:opacity-100:is(:where(.group\\/vis):hover *) {\n opacity: 1;\n }\n }\n\n .placeholder\\:text-sm::placeholder {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .placeholder\\:text-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .after\\:absolute:after {\n content: var(--tw-content);\n position: absolute;\n }\n\n .after\\:top-full:after {\n content: var(--tw-content);\n top: 100%;\n }\n\n .after\\:right-2:after {\n content: var(--tw-content);\n right: calc(var(--spacing) * 2);\n }\n\n .after\\:right-3:after {\n content: var(--tw-content);\n right: calc(var(--spacing) * 3);\n }\n\n .after\\:bottom-full:after {\n content: var(--tw-content);\n bottom: 100%;\n }\n\n .after\\:left-1\\/2:after {\n content: var(--tw-content);\n left: 50%;\n }\n\n .after\\:-translate-x-1\\/2:after {\n content: var(--tw-content);\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .after\\:rotate-180:after {\n content: var(--tw-content);\n rotate: 180deg;\n }\n\n .after\\:border-4:after {\n content: var(--tw-content);\n border-style: var(--tw-border-style);\n border-width: 4px;\n }\n\n .after\\:border-transparent:after {\n content: var(--tw-content);\n border-color: #0000;\n }\n\n .after\\:border-t-\\(--md-tooltip-bg\\):after, .after\\:border-t-\\[var\\(--md-tooltip-bg\\)\\]:after {\n content: var(--tw-content);\n border-top-color: var(--md-tooltip-bg);\n }\n\n .after\\:border-b-\\(--md-tooltip-bg\\):after {\n content: var(--tw-content);\n border-bottom-color: var(--md-tooltip-bg);\n }\n\n .after\\:content-\\[\\'\\'\\]:after {\n --tw-content: \"\";\n content: var(--tw-content);\n }\n\n .last\\:mb-0:last-child {\n margin-bottom: 0;\n }\n\n .last\\:border-r-0:last-child {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .focus-within\\:border-purple-500:focus-within {\n border-color: var(--color-purple-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-within\\:ring-purple-500\\/15:focus-within {\n --tw-ring-color: #ac4bff26;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-within\\:ring-purple-500\\/15:focus-within {\n --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);\n }\n }\n\n @media (hover: hover) {\n .hover\\:scale-105:hover {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:scale-110:hover {\n --tw-scale-x: 110%;\n --tw-scale-y: 110%;\n --tw-scale-z: 110%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:border-\\(--md-border\\):hover {\n border-color: var(--md-border);\n }\n\n .hover\\:border-\\(--md-border-strong\\):hover {\n border-color: var(--md-border-strong);\n }\n\n .hover\\:border-\\(--md-row-selection\\):hover {\n border-color: var(--md-row-selection);\n }\n\n .hover\\:border-\\(--md-selection\\):hover {\n border-color: var(--md-selection);\n }\n\n .hover\\:border-\\(--md-text-subtle\\):hover {\n border-color: var(--md-text-subtle);\n }\n\n .hover\\:border-purple-400:hover {\n border-color: var(--color-purple-400);\n }\n\n .hover\\:bg-\\(--md-border\\):hover {\n background-color: var(--md-border);\n }\n\n .hover\\:bg-\\(--md-danger-bg\\):hover {\n background-color: var(--md-danger-bg);\n }\n\n .hover\\:bg-\\(--md-row-selection-bg\\):hover, .hover\\:bg-\\(--md-row-selection-bg\\)\\/40:hover {\n background-color: var(--md-row-selection-bg);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-\\(--md-row-selection-bg\\)\\/40:hover {\n background-color: color-mix(in oklab, var(--md-row-selection-bg) 40%, transparent);\n }\n }\n\n .hover\\:bg-\\(--md-selection-bg\\):hover {\n background-color: var(--md-selection-bg);\n }\n\n .hover\\:bg-\\(--md-success-bg\\):hover {\n background-color: var(--md-success-bg);\n }\n\n .hover\\:bg-\\(--md-surface-hover\\):hover, .hover\\:bg-\\(--md-surface-hover\\)\\/40:hover {\n background-color: var(--md-surface-hover);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-\\(--md-surface-hover\\)\\/40:hover {\n background-color: color-mix(in oklab, var(--md-surface-hover) 40%, transparent);\n }\n }\n\n .hover\\:bg-\\(--md-surface-hover\\)\\/50:hover {\n background-color: var(--md-surface-hover);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-\\(--md-surface-hover\\)\\/50:hover {\n background-color: color-mix(in oklab, var(--md-surface-hover) 50%, transparent);\n }\n }\n\n .hover\\:bg-\\(--md-surface-muted\\):hover {\n background-color: var(--md-surface-muted);\n }\n\n .hover\\:bg-\\[\\#3a3187\\]:hover {\n background-color: #3a3187;\n }\n\n .hover\\:bg-\\[\\#42389E\\]:hover {\n background-color: #42389e;\n }\n\n .hover\\:bg-\\[var\\(--md-danger-bg\\)\\]:hover {\n background-color: var(--md-danger-bg);\n }\n\n .hover\\:bg-\\[var\\(--md-row-selection-bg\\)\\]:hover {\n background-color: var(--md-row-selection-bg);\n }\n\n .hover\\:bg-\\[var\\(--md-surface-hover\\)\\]:hover {\n background-color: var(--md-surface-hover);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\n }\n\n .hover\\:bg-gray-100:hover {\n background-color: var(--color-gray-100);\n }\n\n .hover\\:bg-gray-800:hover {\n background-color: var(--color-gray-800);\n }\n\n .hover\\:bg-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-violet-100:hover {\n background-color: var(--color-violet-100);\n }\n\n .hover\\:text-\\(--md-danger\\):hover {\n color: var(--md-danger);\n }\n\n .hover\\:text-\\(--md-info-fg\\):hover {\n color: var(--md-info-fg);\n }\n\n .hover\\:text-\\(--md-row-selection-fg\\):hover {\n color: var(--md-row-selection-fg);\n }\n\n .hover\\:text-\\(--md-selection\\):hover {\n color: var(--md-selection);\n }\n\n .hover\\:text-\\(--md-selection-fg\\):hover {\n color: var(--md-selection-fg);\n }\n\n .hover\\:text-\\(--md-success-fg\\):hover {\n color: var(--md-success-fg);\n }\n\n .hover\\:text-\\(--md-text\\):hover {\n color: var(--md-text);\n }\n\n .hover\\:text-\\(--md-text-muted\\):hover {\n color: var(--md-text-muted);\n }\n\n .hover\\:text-\\(--md-text-subtle\\):hover {\n color: var(--md-text-subtle);\n }\n\n .hover\\:text-\\[\\#42389E\\]:hover {\n color: #42389e;\n }\n\n .hover\\:text-\\[var\\(--md-danger\\)\\]:hover {\n color: var(--md-danger);\n }\n\n .hover\\:text-\\[var\\(--md-row-selection-fg\\)\\]:hover {\n color: var(--md-row-selection-fg);\n }\n\n .hover\\:text-\\[var\\(--md-text\\)\\]:hover {\n color: var(--md-text);\n }\n\n .hover\\:text-gray-200:hover {\n color: var(--color-gray-200);\n }\n\n .hover\\:text-gray-700:hover {\n color: var(--color-gray-700);\n }\n\n .hover\\:text-gray-900:hover {\n color: var(--color-gray-900);\n }\n\n .hover\\:text-red-600:hover {\n color: var(--color-red-600);\n }\n\n .hover\\:text-white:hover {\n color: var(--color-white);\n }\n\n .hover\\:no-underline:hover {\n text-decoration-line: none;\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:opacity-80:hover {\n opacity: .8;\n }\n\n .hover\\:opacity-90\\!:hover {\n opacity: .9 !important;\n }\n\n .hover\\:opacity-100:hover {\n opacity: 1;\n }\n\n .hover\\:shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.07\\)\\]:hover {\n --tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000012);\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 .hover\\:shadow-\\[0_8px_24px_-12px_rgba\\(67\\,56\\,202\\,0\\.25\\)\\]:hover {\n --tw-shadow: 0 8px 24px -12px var(--tw-shadow-color, #4338ca40);\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 .hover\\:shadow-sm:hover {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\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\\:border-\\(--md-border-strong\\):focus {\n border-color: var(--md-border-strong);\n }\n\n .focus\\:border-\\(--md-row-selection\\):focus {\n border-color: var(--md-row-selection);\n }\n\n .focus\\:border-\\[\\#42389E\\]:focus {\n border-color: #42389e;\n }\n\n .focus\\:bg-gray-50:focus {\n background-color: var(--color-gray-50);\n }\n\n .focus\\:bg-white:focus {\n background-color: var(--color-white);\n }\n\n .focus\\:opacity-100:focus {\n opacity: 1;\n }\n\n .focus\\:ring-0: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 .focus\\:ring-1:focus {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus\\:ring-2:focus {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus\\:ring-\\[1px\\]:focus {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus\\:ring-\\(--md-danger\\):focus {\n --tw-ring-color: var(--md-danger);\n }\n\n .focus\\:ring-\\(--md-row-selection\\):focus {\n --tw-ring-color: var(--md-row-selection);\n }\n\n .focus\\:ring-\\(--md-selection\\):focus {\n --tw-ring-color: var(--md-selection);\n }\n\n .focus\\:ring-\\[\\#42389E\\]\\/15:focus {\n --tw-ring-color: oklab(41.5417% .0313346 -.155848 / .15);\n }\n\n .focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .active\\:scale-95:active {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .active\\:cursor-grabbing:active {\n cursor: grabbing;\n }\n\n .active\\:bg-\\(--md-border\\):active {\n background-color: var(--md-border);\n }\n\n .active\\:bg-\\(--md-selection\\)\\/20:active {\n background-color: var(--md-selection);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .active\\:bg-\\(--md-selection\\)\\/20:active {\n background-color: color-mix(in oklab, var(--md-selection) 20%, transparent);\n }\n }\n\n .active\\:bg-\\(--md-surface-muted\\):active {\n background-color: var(--md-surface-muted);\n }\n\n .active\\:bg-\\[var\\(--md-border\\)\\]:active {\n background-color: var(--md-border);\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-30:disabled {\n opacity: .3;\n }\n\n .disabled\\:opacity-40:disabled {\n opacity: .4;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 40rem) {\n .sm\\:col-span-1 {\n grid-column: span 1 / span 1;\n }\n\n .sm\\:col-span-3 {\n grid-column: span 3 / span 3;\n }\n\n .sm\\:col-span-4 {\n grid-column: span 4 / span 4;\n }\n\n .sm\\:mt-0 {\n margin-top: 0;\n }\n\n .sm\\:grid {\n display: grid;\n }\n\n .sm\\:hidden {\n display: none;\n }\n\n .sm\\:min-w-105 {\n min-width: calc(var(--spacing) * 105);\n }\n\n .sm\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .sm\\:grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n }\n\n .sm\\:justify-center {\n justify-content: center;\n }\n }\n\n @media (min-width: 48rem) {\n .md\\:inline-flex {\n display: inline-flex;\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:left-0 {\n left: 0;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:h-13 {\n height: calc(var(--spacing) * 13);\n }\n\n .lg\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .lg\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .lg\\:flex-row {\n flex-direction: row;\n }\n\n .lg\\:items-center {\n align-items: center;\n }\n\n .lg\\:justify-between {\n justify-content: space-between;\n }\n\n .lg\\:overflow-visible {\n overflow: visible;\n }\n }\n\n @media (min-width: 80rem) {\n .xl\\:grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n\n @media (min-width: 96rem) {\n .\\32 xl\\:container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .\\32 xl\\:container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .\\32 xl\\:container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .\\32 xl\\:container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .\\32 xl\\:container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .\\32 xl\\:container {\n max-width: 96rem;\n }\n }\n\n .\\32 xl\\:mx-auto {\n margin-inline: auto;\n }\n }\n\n .\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button {\n appearance: none;\n }\n\n .\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button {\n appearance: none;\n }\n}\n\n:root, :host {\n --md-primary: #4a7c59;\n --md-primary-hover: #3a5a40;\n --md-on-primary: #fff;\n --md-background: #f8fafc;\n --md-surface: #fff;\n --md-surface-muted: #f3f4f6;\n --md-surface-hover: #f9fafb;\n --md-text: #111827;\n --md-text-muted: #6b7280;\n --md-text-subtle: #9ca3af;\n --md-border: #e5e7eb;\n --md-border-strong: #d1d5db;\n --md-danger: #ef4444;\n --md-on-danger: #fff;\n --md-success: #22c55e;\n --md-warning: #f59e0b;\n --md-info: #0a5bdd;\n --md-ring: var(--md-primary);\n --md-shadow: 0 8px 30px #0000001f;\n --md-radius: .5rem;\n --md-header-bg: var(--md-surface);\n --md-header-text: var(--md-text);\n --md-header-border: var(--md-border);\n --md-sidebar-bg: var(--md-surface);\n --md-sidebar-text: var(--md-text);\n --md-sidebar-border: var(--md-border);\n --md-accent-bg: var(--md-primary);\n --md-accent-text: var(--md-on-primary);\n --md-canvas-bg: var(--md-background);\n --md-input-bg: var(--md-surface);\n --md-input-text: var(--md-text);\n --md-input-border: var(--md-border);\n --md-input-placeholder: var(--md-text-subtle);\n --md-overlay-bg: var(--md-surface);\n --md-overlay-text: var(--md-text);\n --md-overlay-border: var(--md-border);\n --md-overlay-shadow: var(--md-shadow);\n --md-scrim: #0006;\n --md-toolbar-bg: var(--md-surface);\n --md-toolbar-text: var(--md-text);\n --md-toolbar-border: var(--md-border);\n --md-selection: #4ade80;\n --md-selection-bg: #f0fdf4;\n --md-selection-fg: #16a34a;\n --md-row-selection: #4ade80;\n --md-row-selection-bg: #f0fdf4;\n --md-row-selection-fg: #16a34a;\n --md-tooltip-bg: #111827;\n --md-tooltip-text: #fff;\n --md-button-primary-bg: var(--md-primary);\n --md-button-primary-text: var(--md-on-primary);\n --md-button-primary-hover-bg: var(--md-primary-hover);\n --md-button-secondary-bg: var(--md-surface-muted);\n --md-button-secondary-text: var(--md-text);\n --md-button-secondary-hover-bg: var(--md-border);\n --md-success-bg: #f0fdf4;\n --md-success-fg: #166534;\n --md-success-border: #bbf7d0;\n --md-info-bg: #eff6ff;\n --md-info-fg: #1e40af;\n --md-info-border: #bfdbfe;\n --md-warning-bg: #fffbeb;\n --md-warning-fg: #92400e;\n --md-warning-border: #fde68a;\n --md-danger-bg: #fef2f2;\n --md-danger-fg: #991b1b;\n --md-danger-border: #fecaca;\n}\n\n:where(.dark, :host(.dark)) {\n --md-primary: #818cf8;\n --md-primary-hover: #a5b4fc;\n --md-on-primary: #1e1b4b;\n --md-background: #0b0f19;\n --md-surface: #151b28;\n --md-surface-muted: #1f2635;\n --md-surface-hover: #1c2333;\n --md-text: #e5e7eb;\n --md-text-muted: #9ca3af;\n --md-text-subtle: #6b7280;\n --md-border: #2a3345;\n --md-border-strong: #3b465c;\n --md-danger: #f87171;\n --md-on-danger: #450a0a;\n --md-success: #4ade80;\n --md-warning: #fbbf24;\n --md-info: #60a5fa;\n --md-shadow: 0 8px 30px #00000080;\n --md-scrim: #0009;\n --md-selection: #4ade80;\n --md-selection-bg: #0f2a1a;\n --md-selection-fg: #86efac;\n --md-row-selection: #c084fc;\n --md-row-selection-bg: #2e1065;\n --md-row-selection-fg: #d8b4fe;\n --md-tooltip-bg: #f3f4f6;\n --md-tooltip-text: #111827;\n --md-success-bg: #0f2a1a;\n --md-success-fg: #86efac;\n --md-success-border: #166534;\n --md-info-bg: #101f38;\n --md-info-fg: #93c5fd;\n --md-info-border: #1e40af;\n --md-warning-bg: #2a1f08;\n --md-warning-fg: #fcd34d;\n --md-warning-border: #92400e;\n --md-danger-bg: #2b1114;\n --md-danger-fg: #fca5a5;\n --md-danger-border: #991b1b;\n}\n\ninput[type=\"number\"] {\n -moz-appearance: textfield;\n}\n\ninput[type=\"number\"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"range\"] {\n -webkit-appearance: none;\n background: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n background: var(--md-on-primary);\n border: 1.5px solid var(--md-border-strong);\n cursor: pointer;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n margin-top: -4.5px;\n transition: border-color .1s, transform .1s;\n box-shadow: 0 1px 2px #0000001a;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n border-color: var(--md-selection);\n transform: scale(1.15);\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n background: var(--md-border);\n border-radius: 9999px;\n width: 100%;\n height: 3px;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n background: var(--md-on-primary);\n border: 1.5px solid var(--md-border-strong);\n cursor: pointer;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n box-shadow: 0 1px 2px #0000001a;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n background: var(--md-border);\n border-radius: 9999px;\n height: 3px;\n}\n\nbutton:focus, button:focus-visible, input[type=\"range\"]:focus, select:focus {\n box-shadow: none !important;\n outline: none !important;\n}\n\n.md-surface-header {\n background: var(--md-header-bg);\n color: var(--md-header-text);\n border-bottom: 1px solid var(--md-header-border);\n}\n\n.md-surface-sidebar {\n background: var(--md-sidebar-bg);\n color: var(--md-sidebar-text);\n border: 1px solid var(--md-sidebar-border);\n}\n\n.md-surface-overlay {\n background: var(--md-overlay-bg);\n color: var(--md-overlay-text);\n border: 1px solid var(--md-overlay-border);\n box-shadow: var(--md-overlay-shadow);\n}\n\n.md-surface-toolbar {\n background: var(--md-toolbar-bg);\n color: var(--md-toolbar-text);\n border: 1px solid var(--md-toolbar-border);\n box-shadow: var(--md-overlay-shadow);\n}\n\n.md-surface-canvas {\n background: var(--md-canvas-bg);\n}\n\n.md-btn-primary {\n background: var(--md-button-primary-bg);\n color: var(--md-button-primary-text);\n}\n\n.md-btn-primary:not(:disabled):hover {\n background: var(--md-button-primary-hover-bg);\n}\n\n.md-surface-sidebar-inner {\n color: var(--md-sidebar-text);\n background: none;\n}\n\n.md-tabstrip {\n border-bottom: 1px solid var(--md-sidebar-border);\n}\n\n.md-tab-active {\n color: var(--md-sidebar-text);\n}\n\n.md-tab-idle {\n color: var(--md-text-subtle);\n}\n\n.md-tab-idle:hover {\n color: var(--md-text-muted);\n}\n\n.md-segmented {\n border: 1px solid var(--md-border);\n}\n\n.md-segment-active {\n background: var(--md-accent-bg);\n color: var(--md-accent-text);\n}\n\n.md-segment-idle {\n background: var(--md-sidebar-bg);\n color: var(--md-text-muted);\n}\n\n.md-segment-idle:hover {\n background: var(--md-surface-hover);\n}\n\n.md-segment-divider {\n border-right: 1px solid var(--md-border);\n}\n\n.mg-md-input {\n width: 100%;\n color: var(--md-text);\n background: var(--md-surface);\n border: 1px solid var(--md-border);\n border-radius: .375rem;\n outline: none;\n padding: .325rem .625rem;\n font-size: 13px;\n line-height: 1.25rem;\n transition: border-color .15s, box-shadow .15s;\n}\n\n.mg-md-input::placeholder {\n color: var(--md-text-subtle);\n}\n\n.mg-md-input:focus {\n border-color: var(--md-primary);\n}\n\n.mg-md-input:disabled {\n background: var(--md-surface-hover);\n color: var(--md-text-subtle);\n cursor: not-allowed;\n}\n\n.mg-md-input--invalid {\n border-color: var(--md-danger);\n}\n\n.mg-md-input--invalid:focus {\n border-color: var(--md-danger);\n box-shadow: 0 0 0 1px var(--md-danger);\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-divide-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ordinal {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-slashed-zero {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-numeric-figure {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-numeric-spacing {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-numeric-fraction {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-content {\n syntax: \"*\";\n inherits: false;\n initial-value: \"\";\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes ping {\n 75%, 100% {\n opacity: 0;\n transform: scale(2);\n }\n}\n\n@keyframes pulse {\n 50% {\n opacity: .5;\n }\n}\n\n@keyframes bounce {\n 0%, 100% {\n animation-timing-function: cubic-bezier(.8, 0, 1, 1);\n transform: translateY(-25%);\n }\n\n 50% {\n animation-timing-function: cubic-bezier(0, 0, .2, 1);\n transform: none;\n }\n}\n";
|
|
7175
7175
|
//#endregion
|
|
7176
7176
|
//#region src/assets/css/fonts.css?inline
|
|
7177
7177
|
var fonts_default = "\n@import url(\"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,800,900&display=swap\");\n/* Satoshi — matches exactly what the original app loaded (a Fontshare CDN\n link, never a self-hosted @font-face — no font files exist anywhere in\n the source this was ported from). Kept in its own, dedicated file\n rather than combined with main.css — @import must\n precede every other rule in the CSS it's part of, and a dedicated file\n makes that trivially true regardless of how Vite later concatenates\n multiple CSS sources into dist/editor.css (confirmed via a real build\n warning that combining this into main.css alongside Tailwind's own\n @import broke this rule, even with correct source-order, since\n Tailwind's @import expands into @layer statements once processed). */\n";
|
|
@@ -59237,7 +59237,7 @@ var _hoisted_19$4 = {
|
|
|
59237
59237
|
};
|
|
59238
59238
|
var _hoisted_20$4 = {
|
|
59239
59239
|
key: 0,
|
|
59240
|
-
class: "text-[8px] font-bold text-
|
|
59240
|
+
class: "text-[8px] font-bold text-(--md-text-subtle) uppercase tracking-widest pl-0.5"
|
|
59241
59241
|
};
|
|
59242
59242
|
var _hoisted_21$4 = { class: "flex items-center gap-1.5 flex-wrap" };
|
|
59243
59243
|
var _hoisted_22$4 = { class: "bg-purple-50 text-purple-700 ring-1 ring-purple-200 rounded px-1.5 py-0.5 text-[10px] font-mono font-semibold" };
|
|
@@ -60153,7 +60153,7 @@ var RowPreviewChildren_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
|
|
|
60153
60153
|
depth: {}
|
|
60154
60154
|
},
|
|
60155
60155
|
setup(__props) {
|
|
60156
|
-
const RowPreviewRow = defineAsyncComponent(() => import("./RowPreviewRow-
|
|
60156
|
+
const RowPreviewRow = defineAsyncComponent(() => import("./RowPreviewRow-CBfAnQ6o.js"));
|
|
60157
60157
|
const RowPreviewLegacyComponent = defineAsyncComponent(() => import("./RowPreviewLegacyComponent-yjHSkZLz.js"));
|
|
60158
60158
|
function resolveBackground(item) {
|
|
60159
60159
|
const bg = item?.backgroundGradient;
|
package/dist/element.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as registerMaildenoEditorElement, t as MaildenoEditorElement } from "./element-
|
|
1
|
+
import { n as registerMaildenoEditorElement, t as MaildenoEditorElement } from "./element-CMhqxYnE.js";
|
|
2
2
|
export { MaildenoEditorElement, registerMaildenoEditorElement };
|