@exsto/ds 0.0.1-rc.1 → 0.0.1-rc.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.
- package/README.md +28 -4
- package/dist/elements.js +1 -1
- package/dist/styles.css +15 -0
- package/dist/theme.css +241 -0
- package/dist/theme.css.d.ts +2 -0
- package/package.json +5 -1
package/dist/elements.js
CHANGED
|
@@ -3997,7 +3997,7 @@ var registerElements$1 = (options = {}) => {
|
|
|
3997
3997
|
};
|
|
3998
3998
|
//#endregion
|
|
3999
3999
|
//#region src/styles.css?inline
|
|
4000
|
-
var styles_default = "/*! tailwindcss v4.3.2 | 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 :root, :host {\n --shimmer-angle: 20deg;\n }\n\n *, :before, :after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scroll-snap-strictness: proximity;\n --tw-space-y-reverse: 0;\n --tw-space-x-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-duration: initial;\n --tw-ease: initial;\n --tw-content: \"\";\n --tw-scrollbar-thumb: #0000;\n --tw-scrollbar-track: #0000;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\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-animation-delay: 0s;\n --tw-animation-direction: normal;\n --tw-animation-duration: initial;\n --tw-animation-fill-mode: none;\n --tw-animation-iteration-count: 1;\n --tw-enter-blur: 0;\n --tw-enter-opacity: 1;\n --tw-enter-rotate: 0;\n --tw-enter-scale: 1;\n --tw-enter-translate-x: 0;\n --tw-enter-translate-y: 0;\n --tw-exit-blur: 0;\n --tw-exit-opacity: 1;\n --tw-exit-rotate: 0;\n --tw-exit-scale: 1;\n --tw-exit-translate-x: 0;\n --tw-exit-translate-y: 0;\n --scroll-fade-t: 0px;\n --scroll-fade-b: 0px;\n --scroll-fade-s: 0px;\n --scroll-fade-e: 0px;\n --scroll-fade-mask: initial;\n --shimmer-image: initial;\n --shimmer-text-fill: initial;\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: \"Inter\", sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --spacing: .25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\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 --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --tracking-tight: -.025em;\n --tracking-widest: .1em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-normal: 1.5;\n --leading-relaxed: 1.625;\n --radius-md: calc(var(--radius) * .8);\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-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;\n --blur-xs: 4px;\n --aspect-video: 16 / 9;\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 --color-border: var(--border);\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, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\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 {\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 :root {\n color-scheme: light;\n }\n\n :root.dark, .dark {\n color-scheme: dark;\n }\n\n .edx-root, .edx-root *, .edx-root :before, .edx-root :after {\n box-sizing: border-box;\n border: 0 solid var(--border);\n }\n\n .edx-root {\n -webkit-font-smoothing: antialiased;\n color: var(--foreground);\n font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);\n line-height: 1.5;\n }\n\n .edx-root .edx-root {\n color: inherit;\n font-family: inherit;\n }\n\n .edx-root :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd) {\n margin: 0;\n }\n\n .edx-root :where(button, input, select, textarea) {\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n }\n\n .edx-root :where(button, [role=\"button\"]):not(:disabled) {\n cursor: pointer;\n }\n\n .edx-root :where(ul, ol) {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .\\@container\\/card-header {\n container: card-header / inline-size;\n }\n\n .pointer-events-auto {\n pointer-events: auto;\n }\n\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 .sr-only {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\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 .inset-0 {\n inset: 0;\n }\n\n .inset-x-0 {\n inset-inline: 0;\n }\n\n .inset-x-4 {\n inset-inline: calc(var(--spacing) * 4);\n }\n\n .inset-y-0 {\n inset-block: 0;\n }\n\n .inset-s-1\\/2 {\n inset-inline-start: 50%;\n }\n\n .-top-12 {\n top: calc(var(--spacing) * -12);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1\\.5 {\n top: calc(var(--spacing) * 1.5);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-1\\/3 {\n top: 33.3333%;\n }\n\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n\n .top-2\\.5 {\n top: calc(var(--spacing) * 2.5);\n }\n\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n\n .top-3\\.5 {\n top: calc(var(--spacing) * 3.5);\n }\n\n .top-\\[60\\%\\] {\n top: 60%;\n }\n\n .top-full {\n top: 100%;\n }\n\n .top-px {\n top: 1px;\n }\n\n .-right-12 {\n right: calc(var(--spacing) * -12);\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-2\\.5 {\n right: calc(var(--spacing) * 2.5);\n }\n\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n\n .-bottom-12 {\n bottom: calc(var(--spacing) * -12);\n }\n\n .bottom-0 {\n bottom: 0;\n }\n\n .bottom-4 {\n bottom: calc(var(--spacing) * 4);\n }\n\n .-left-12 {\n left: calc(var(--spacing) * -12);\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-1\\.5 {\n left: calc(var(--spacing) * 1.5);\n }\n\n .left-1\\/2 {\n left: 50%;\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 .isolate {\n isolation: isolate;\n }\n\n .z-0 {\n z-index: 0;\n }\n\n .z-1 {\n z-index: 1;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-20 {\n z-index: 20;\n }\n\n .z-50 {\n z-index: 50;\n }\n\n .z-100 {\n z-index: 100;\n }\n\n .z-\\[calc\\(1000-var\\(--toast-index\\)\\)\\] {\n z-index: calc(1000 - var(--toast-index));\n }\n\n .order-first {\n order: -9999;\n }\n\n .order-last {\n order: 9999;\n }\n\n .col-start-1 {\n grid-column-start: 1;\n }\n\n .col-start-2 {\n grid-column-start: 2;\n }\n\n .col-start-3 {\n grid-column-start: 3;\n }\n\n .row-span-2 {\n grid-row: span 2 / span 2;\n }\n\n .row-start-1 {\n grid-row-start: 1;\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-1 {\n margin-inline: calc(var(--spacing) * -1);\n }\n\n .-mx-4 {\n margin-inline: calc(var(--spacing) * -4);\n }\n\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-3\\.5 {\n margin-inline: calc(var(--spacing) * 3.5);\n }\n\n .mx-10 {\n margin-inline: calc(var(--spacing) * 10);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-1 {\n margin-block: var(--spacing);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-auto {\n margin-block: auto;\n }\n\n .ms-auto {\n margin-inline-start: auto;\n }\n\n .-mt-4 {\n margin-top: calc(var(--spacing) * -4);\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-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-auto {\n margin-top: auto;\n }\n\n .-mb-4 {\n margin-bottom: calc(var(--spacing) * -4);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .-ml-4 {\n margin-left: calc(var(--spacing) * -4);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .no-scrollbar::-webkit-scrollbar {\n display: none;\n }\n\n .no-scrollbar {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\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 .table {\n display: table;\n }\n\n .table-caption {\n display: table-caption;\n }\n\n .table-cell {\n display: table-cell;\n }\n\n .table-row {\n display: table-row;\n }\n\n .field-sizing-content {\n field-sizing: content;\n }\n\n .aspect-\\(--ratio\\) {\n aspect-ratio: var(--ratio);\n }\n\n .aspect-auto {\n aspect-ratio: auto;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .aspect-video {\n aspect-ratio: var(--aspect-video);\n }\n\n .size-\\(--cell-size\\) {\n width: var(--cell-size);\n height: var(--cell-size);\n }\n\n .size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n\n .size-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\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-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .size-7 {\n width: calc(var(--spacing) * 7);\n height: calc(var(--spacing) * 7);\n }\n\n .size-8 {\n width: calc(var(--spacing) * 8);\n height: calc(var(--spacing) * 8);\n }\n\n .size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n }\n\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n\n .size-auto {\n width: auto;\n height: auto;\n }\n\n .size-full {\n width: 100%;\n height: 100%;\n }\n\n .h-\\(--cell-size\\) {\n height: var(--cell-size);\n }\n\n .h-\\(--height\\) {\n height: var(--height);\n }\n\n .h-\\(--popup-height\\) {\n height: var(--popup-height);\n }\n\n .h-\\(--positioner-height\\) {\n height: var(--positioner-height);\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-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\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-8\\! {\n height: calc(var(--spacing) * 8) !important;\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-28 {\n height: calc(var(--spacing) * 28);\n }\n\n .h-32 {\n height: calc(var(--spacing) * 32);\n }\n\n .h-40 {\n height: calc(var(--spacing) * 40);\n }\n\n .h-48 {\n height: calc(var(--spacing) * 48);\n }\n\n .h-64 {\n height: calc(var(--spacing) * 64);\n }\n\n .h-\\[calc\\(100\\%-1px\\)\\] {\n height: calc(100% - 1px);\n }\n\n .h-\\[var\\(--accordion-panel-height\\)\\] {\n height: var(--accordion-panel-height);\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-max {\n height: max-content;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-svh {\n height: 100svh;\n }\n\n .max-h-\\(--available-height\\) {\n max-height: var(--available-height);\n }\n\n .max-h-60 {\n max-height: calc(var(--spacing) * 60);\n }\n\n .max-h-72 {\n max-height: calc(var(--spacing) * 72);\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-4 {\n min-height: calc(var(--spacing) * 4);\n }\n\n .min-h-11 {\n min-height: calc(var(--spacing) * 11);\n }\n\n .min-h-16 {\n min-height: calc(var(--spacing) * 16);\n }\n\n .min-h-64 {\n min-height: calc(var(--spacing) * 64);\n }\n\n .min-h-\\[1lh\\] {\n min-height: 1lh;\n }\n\n .min-h-full {\n min-height: 100%;\n }\n\n .min-h-svh {\n min-height: 100svh;\n }\n\n .w-\\(--anchor-width\\) {\n width: var(--anchor-width);\n }\n\n .w-\\(--cell-size\\) {\n width: var(--cell-size);\n }\n\n .w-\\(--popup-width\\) {\n width: var(--popup-width);\n }\n\n .w-\\(--positioner-width\\) {\n width: var(--positioner-width);\n }\n\n .w-\\(--sidebar-width\\) {\n width: var(--sidebar-width);\n }\n\n .w-0 {\n width: 0;\n }\n\n .w-1 {\n width: var(--spacing);\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-3\\/4 {\n width: 75%;\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n\n .w-auto {\n width: auto;\n }\n\n .w-fit {\n width: fit-content;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-max {\n width: max-content;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-\\(--available-width\\) {\n max-width: var(--available-width);\n }\n\n .max-w-\\(--skeleton-width\\) {\n max-width: var(--skeleton-width);\n }\n\n .max-w-\\[80\\%\\] {\n max-width: 80%;\n }\n\n .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .max-w-max {\n max-width: max-content;\n }\n\n .max-w-sm {\n max-width: var(--container-sm);\n }\n\n .max-w-xs {\n max-width: var(--container-xs);\n }\n\n .min-w-\\(--cell-size\\) {\n min-width: var(--cell-size);\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-5 {\n min-width: calc(var(--spacing) * 5);\n }\n\n .min-w-8 {\n min-width: calc(var(--spacing) * 8);\n }\n\n .min-w-32 {\n min-width: calc(var(--spacing) * 32);\n }\n\n .min-w-36 {\n min-width: calc(var(--spacing) * 36);\n }\n\n .min-w-40 {\n min-width: calc(var(--spacing) * 40);\n }\n\n .min-w-\\[14ch\\] {\n min-width: 14ch;\n }\n\n .min-w-\\[96px\\] {\n min-width: 96px;\n }\n\n .min-w-\\[var\\(--anchor-width\\)\\] {\n min-width: var(--anchor-width);\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .grow {\n flex-grow: 1;\n }\n\n .grow-0 {\n flex-grow: 0;\n }\n\n .basis-full {\n flex-basis: 100%;\n }\n\n .caption-bottom {\n caption-side: bottom;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .origin-\\(--transform-origin\\), .origin-\\[var\\(--transform-origin\\)\\] {\n transform-origin: var(--transform-origin);\n }\n\n .origin-bottom {\n transform-origin: bottom;\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-px {\n --tw-translate-x: -1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1\\/2 {\n --tw-translate-x: calc(1 / 2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-px {\n --tw-translate-x: 1px;\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-3\\/4 {\n --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-0 {\n --tw-translate-y: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-1\\/2 {\n --tw-translate-y: calc(1 / 2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-3\\/4 {\n --tw-translate-y: calc(3 / 4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-\\[--spacing\\(0\\.45\\)\\] {\n --tw-translate-y: calc(var(--spacing) * .45);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-\\[calc\\(-50\\%-2px\\)\\] {\n --tw-translate-y: calc(-50% - 2px);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .rotate-45 {\n rotate: 45deg;\n }\n\n .rotate-90 {\n rotate: 90deg;\n }\n\n .\\[transform\\:translateX\\(var\\(--toast-swipe-movement-x\\)\\)_translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)-\\(var\\(--toast-index\\)\\*var\\(--peek\\)\\)-\\(var\\(--shrink\\)\\*var\\(--height\\)\\)\\)\\)_scale\\(var\\(--scale\\)\\)\\] {\n transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale));\n }\n\n .scroll-fade-x {\n --_scroll-fade-size-s: var(--scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n --_scroll-fade-size-e: var(--scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n --scroll-fade-inline: linear-gradient(to right,\n transparent 0,\n #000 var(--scroll-fade-s, 0px),\n #000 calc(100% - var(--scroll-fade-e, 0px)),\n transparent 100%);\n }\n\n .scroll-fade-x:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n --scroll-fade-inline: linear-gradient(to left,\n transparent 0,\n #000 var(--scroll-fade-s, 0px),\n #000 calc(100% - var(--scroll-fade-e, 0px)),\n transparent 100%);\n }\n\n .scroll-fade-x {\n -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n -webkit-mask-composite: source-in;\n -webkit-mask-composite: source-in;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-composite: source-in;\n mask-composite: intersect;\n }\n\n @supports (animation-timeline: scroll()) {\n .scroll-fade-x {\n animation: 1ms ease-in-out scroll-fade-reveal-s, 1ms ease-in-out scroll-fade-reveal-e;\n animation-timeline: scroll(self inline), scroll(self inline);\n animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;\n animation-fill-mode: both;\n }\n }\n\n @supports not (animation-timeline: scroll()) {\n .scroll-fade-x {\n --scroll-fade-s: var(--_scroll-fade-size-s);\n --scroll-fade-e: var(--_scroll-fade-size-e);\n }\n }\n\n .scroll-fade-b {\n --_scroll-fade-size-b: var(--scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n --scroll-fade-mask: linear-gradient(to bottom,\n #000 0,\n #000 calc(100% - var(--scroll-fade-b, 0px)),\n transparent 100%);\n -webkit-mask-image: var(--scroll-fade-mask);\n -webkit-mask-image: var(--scroll-fade-mask);\n -webkit-mask-image: var(--scroll-fade-mask);\n mask-image: var(--scroll-fade-mask);\n -webkit-mask-composite: source-in;\n -webkit-mask-composite: source-in;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-composite: source-in;\n mask-composite: intersect;\n }\n\n @supports (animation-timeline: scroll()) {\n .scroll-fade-b {\n animation: 1ms ease-in-out scroll-fade-reveal-b;\n animation-timeline: scroll(self y);\n animation-range: calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;\n animation-fill-mode: both;\n }\n }\n\n @supports not (animation-timeline: scroll()) {\n .scroll-fade-b {\n --scroll-fade-b: var(--_scroll-fade-size-b);\n }\n }\n\n .animate-caret-blink {\n animation: 1.25s ease-out infinite caret-blink;\n }\n\n .animate-pulse {\n animation: var(--animate-pulse);\n }\n\n .animate-spin {\n animation: var(--animate-spin);\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .touch-manipulation {\n touch-action: manipulation;\n }\n\n .touch-none {\n touch-action: none;\n }\n\n .resize-none {\n resize: none;\n }\n\n .resize-y {\n resize: vertical;\n }\n\n .snap-x {\n scroll-snap-type: x var(--tw-scroll-snap-strictness);\n }\n\n .snap-mandatory {\n --tw-scroll-snap-strictness: mandatory;\n }\n\n .scroll-px-1 {\n scroll-padding-inline: var(--spacing);\n }\n\n .scroll-py-1 {\n scroll-padding-block: var(--spacing);\n }\n\n .scrollbar-none {\n scrollbar-width: none;\n }\n\n .scrollbar-thin {\n scrollbar-width: thin;\n }\n\n .scrollbar-gutter-stable {\n scrollbar-gutter: stable;\n }\n\n .list-none {\n list-style-type: none;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .auto-rows-min {\n grid-auto-rows: min-content;\n }\n\n .grid-cols-\\[minmax\\(0\\,1fr\\)_auto_auto\\] {\n grid-template-columns: minmax(0, 1fr) auto auto;\n }\n\n .grid-rows-\\[auto_1fr\\] {\n grid-template-rows: auto 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 .place-items-center {\n place-items: center;\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 .items-stretch {\n align-items: stretch;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-start {\n justify-content: flex-start;\n }\n\n .gap-0 {\n gap: 0;\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-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-x-2 > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));\n margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .self-start {\n align-self: flex-start;\n }\n\n .self-stretch {\n align-self: stretch;\n }\n\n .justify-self-end {\n justify-self: flex-end;\n }\n\n .justify-self-start {\n justify-self: flex-start;\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-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 .overscroll-contain {\n overscroll-behavior: contain;\n }\n\n .overscroll-x-contain {\n overscroll-behavior-x: contain;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-\\(--cell-radius\\) {\n border-radius: var(--cell-radius);\n }\n\n .rounded-2xl {\n border-radius: calc(var(--radius) * 1.8);\n }\n\n .rounded-4xl {\n border-radius: calc(var(--radius) * 2.6);\n }\n\n .rounded-\\[2px\\] {\n border-radius: 2px;\n }\n\n .rounded-\\[4px\\] {\n border-radius: 4px;\n }\n\n .rounded-\\[calc\\(var\\(--radius\\)-3px\\)\\] {\n border-radius: calc(var(--radius) - 3px);\n }\n\n .rounded-\\[inherit\\] {\n border-radius: inherit;\n }\n\n .rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\] {\n border-radius: min(var(--radius-md), 10px);\n }\n\n .rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\] {\n border-radius: min(var(--radius-md), 12px);\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius);\n }\n\n .rounded-lg\\! {\n border-radius: var(--radius) !important;\n }\n\n .rounded-md {\n border-radius: calc(var(--radius) * .8);\n }\n\n .rounded-none {\n border-radius: 0;\n }\n\n .rounded-sm {\n border-radius: calc(var(--radius) * .6);\n }\n\n .rounded-xl {\n border-radius: calc(var(--radius) * 1.4);\n }\n\n .rounded-xl\\! {\n border-radius: calc(var(--radius) * 1.4) !important;\n }\n\n .rounded-t-xl {\n border-top-left-radius: calc(var(--radius) * 1.4);\n border-top-right-radius: calc(var(--radius) * 1.4);\n }\n\n .rounded-l-\\(--cell-radius\\) {\n border-top-left-radius: var(--cell-radius);\n border-bottom-left-radius: var(--cell-radius);\n }\n\n .rounded-tl-sm {\n border-top-left-radius: calc(var(--radius) * .6);\n }\n\n .rounded-r-\\(--cell-radius\\) {\n border-top-right-radius: var(--cell-radius);\n border-bottom-right-radius: var(--cell-radius);\n }\n\n .rounded-b-xl {\n border-bottom-right-radius: calc(var(--radius) * 1.4);\n border-bottom-left-radius: calc(var(--radius) * 1.4);\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-\\[1\\.5px\\] {\n border-style: var(--tw-border-style);\n border-width: 1.5px;\n }\n\n .border-y {\n border-block-style: var(--tw-border-style);\n border-block-width: 1px;\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-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-none {\n --tw-border-style: none;\n border-style: none;\n }\n\n .border-\\(--color-border\\) {\n border-color: var(--color-border);\n }\n\n .border-border, .border-border\\/50 {\n border-color: var(--border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-border\\/50 {\n border-color: color-mix(in oklab, var(--border) 50%, transparent);\n }\n }\n\n .border-input, .border-input\\/30 {\n border-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-input\\/30 {\n border-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n\n .border-primary\\/50 {\n border-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-primary\\/50 {\n border-color: color-mix(in oklab, var(--primary) 50%, transparent);\n }\n }\n\n .border-sidebar-border {\n border-color: var(--sidebar-border);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-t-transparent {\n border-top-color: #0000;\n }\n\n .border-l-transparent {\n border-left-color: #0000;\n }\n\n .bg-\\(--color-bg\\) {\n background-color: var(--color-bg);\n }\n\n .bg-\\[Canvas\\] {\n background-color: canvas;\n }\n\n .bg-background {\n background-color: var(--background);\n }\n\n .bg-border {\n background-color: var(--border);\n }\n\n .bg-card {\n background-color: var(--card);\n }\n\n .bg-destructive, .bg-destructive\\/10 {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-destructive\\/10 {\n background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n }\n }\n\n .bg-foreground {\n background-color: var(--foreground);\n }\n\n .bg-info-ring\\/40 {\n background-color: var(--info-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-info-ring\\/40 {\n background-color: color-mix(in oklab, var(--info-ring) 40%, transparent);\n }\n }\n\n .bg-input\\/30 {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-input\\/30 {\n background-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n\n .bg-muted {\n background-color: var(--muted);\n }\n\n .bg-muted-foreground, .bg-muted-foreground\\/50 {\n background-color: var(--muted-foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-muted-foreground\\/50 {\n background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);\n }\n }\n\n .bg-muted\\/50 {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-muted\\/50 {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .bg-overlay {\n background-color: var(--overlay);\n }\n\n .bg-popover {\n background-color: var(--popover);\n }\n\n .bg-primary {\n background-color: var(--primary);\n }\n\n .bg-primary-foreground {\n background-color: var(--primary-foreground);\n }\n\n .bg-primary\\/20 {\n background-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-primary\\/20 {\n background-color: color-mix(in oklab, var(--primary) 20%, transparent);\n }\n }\n\n .bg-secondary {\n background-color: var(--secondary);\n }\n\n .bg-sidebar {\n background-color: var(--sidebar);\n }\n\n .bg-sidebar-border {\n background-color: var(--sidebar-border);\n }\n\n .bg-success {\n background-color: var(--success);\n }\n\n .bg-success-ring\\/40 {\n background-color: var(--success-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-success-ring\\/40 {\n background-color: color-mix(in oklab, var(--success-ring) 40%, transparent);\n }\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-warning {\n background-color: var(--warning);\n }\n\n .bg-warning-ring\\/40 {\n background-color: var(--warning-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-warning-ring\\/40 {\n background-color: color-mix(in oklab, var(--warning-ring) 40%, transparent);\n }\n }\n\n .bg-gradient-to-t {\n --tw-gradient-position: to top in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n\n .from-background {\n --tw-gradient-from: var(--background);\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 .via-background\\/75 {\n --tw-gradient-via: var(--background);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .via-background\\/75 {\n --tw-gradient-via: color-mix(in oklab, var(--background) 75%, transparent);\n }\n }\n\n .via-background\\/75 {\n --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-via-stops);\n }\n\n .to-transparent {\n --tw-gradient-to: transparent;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n\n .bg-clip-padding {\n background-clip: padding-box;\n }\n\n .fill-foreground {\n fill: var(--foreground);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .object-cover {\n object-fit: cover;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\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-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .p-\\[3px\\] {\n padding: 3px;\n }\n\n .p-px {\n padding: 1px;\n }\n\n .px-\\(--cell-size\\) {\n padding-inline: var(--cell-size);\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-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-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * .5);\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-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-3 {\n padding-block: calc(var(--spacing) * 3);\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-\\[2px\\] {\n padding-block: 2px;\n }\n\n .pt-0 {\n padding-top: 0;\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 .pt-12 {\n padding-top: calc(var(--spacing) * 12);\n }\n\n .pr-1\\.5 {\n padding-right: calc(var(--spacing) * 1.5);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-8 {\n padding-right: calc(var(--spacing) * 8);\n }\n\n .pb-0 {\n padding-bottom: 0;\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 .pl-1\\.5 {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-2\\.5 {\n padding-left: calc(var(--spacing) * 2.5);\n }\n\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n\n .pl-7 {\n padding-left: calc(var(--spacing) * 7);\n }\n\n .pl-8 {\n padding-left: calc(var(--spacing) * 8);\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 .text-start {\n text-align: start;\n }\n\n .align-middle {\n vertical-align: middle;\n }\n\n .font-mono {\n font-family: var(--font-mono);\n }\n\n .font-sans {\n font-family: var(--font-sans);\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-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-sm\\/relaxed {\n font-size: var(--text-sm);\n line-height: var(--leading-relaxed);\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-\\[0\\.8rem\\] {\n font-size: .8rem;\n }\n\n .text-\\[0\\.625rem\\] {\n font-size: .625rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-normal {\n --tw-leading: var(--leading-normal);\n line-height: var(--leading-normal);\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-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-tight {\n --tw-tracking: var(--tracking-tight);\n letter-spacing: var(--tracking-tight);\n }\n\n .tracking-widest {\n --tw-tracking: var(--tracking-widest);\n letter-spacing: var(--tracking-widest);\n }\n\n .text-balance {\n text-wrap: balance;\n }\n\n .text-pretty {\n text-wrap: pretty;\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\[CanvasText\\] {\n color: canvastext;\n }\n\n .text-background {\n color: var(--background);\n }\n\n .text-card-foreground {\n color: var(--card-foreground);\n }\n\n .text-current {\n color: currentColor;\n }\n\n .text-destructive {\n color: var(--destructive);\n }\n\n .text-destructive-foreground {\n color: var(--destructive-foreground);\n }\n\n .text-foreground, .text-foreground\\/60 {\n color: var(--foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-foreground\\/60 {\n color: color-mix(in oklab, var(--foreground) 60%, transparent);\n }\n }\n\n .text-foreground\\/70 {\n color: var(--foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-foreground\\/70 {\n color: color-mix(in oklab, var(--foreground) 70%, transparent);\n }\n }\n\n .text-info {\n color: var(--info);\n }\n\n .text-muted-foreground {\n color: var(--muted-foreground);\n }\n\n .text-popover-foreground {\n color: var(--popover-foreground);\n }\n\n .text-primary {\n color: var(--primary);\n }\n\n .text-primary-foreground {\n color: var(--primary-foreground);\n }\n\n .text-secondary-foreground {\n color: var(--secondary-foreground);\n }\n\n .text-sidebar-foreground, .text-sidebar-foreground\\/70 {\n color: var(--sidebar-foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-sidebar-foreground\\/70 {\n color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);\n }\n }\n\n .text-success {\n color: var(--success);\n }\n\n .text-warning {\n color: var(--warning);\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 .underline-offset-4 {\n text-underline-offset: 4px;\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .bg-blend-color {\n background-blend-mode: color;\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-\\[0_0_0_1px_var\\(--sidebar-border\\)\\] {\n --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\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-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-none\\! {\n --tw-shadow: 0 0 #0000 !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n\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-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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 .ring-0 {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .ring-1 {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\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-3 {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .ring-background {\n --tw-ring-color: var(--background);\n }\n\n .ring-card {\n --tw-ring-color: var(--card);\n }\n\n .ring-foreground\\/10 {\n --tw-ring-color: var(--foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-foreground\\/10 {\n --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);\n }\n }\n\n .ring-sidebar-ring {\n --tw-ring-color: var(--sidebar-ring);\n }\n\n .ring-offset-background {\n --tw-ring-offset-color: var(--background);\n }\n\n .outline-hidden {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n @media (forced-colors: active) {\n .outline-hidden {\n outline-offset: 2px;\n outline: 2px solid #0000;\n }\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\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-\\[color\\,box-shadow\\,background-color\\] {\n transition-property: color, box-shadow, background-color;\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-\\[height\\] {\n transition-property: height;\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-\\[left\\,right\\,width\\] {\n transition-property: left, right, width;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-\\[margin\\,opacity\\] {\n transition-property: margin, opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-\\[opacity\\,transform\\,translate\\] {\n transition-property: opacity, transform, translate;\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\\,transform\\,width\\,height\\,scale\\,translate\\] {\n transition-property: opacity, transform, width, height, scale, translate;\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-\\[top\\,left\\,right\\,bottom\\] {\n transition-property: top, left, right, bottom;\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\\,scale\\,opacity\\] {\n transition-property: transform, scale, 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-\\[translate\\,scale\\,opacity\\] {\n transition-property: translate, scale, 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-\\[width\\,height\\,padding\\] {\n transition-property: width, height, padding;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-\\[width\\] {\n transition-property: width;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\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 .transition-none {\n transition-property: none;\n }\n\n .duration-100 {\n --tw-duration: .1s;\n transition-duration: .1s;\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 .duration-250 {\n --tw-duration: .25s;\n transition-duration: .25s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .duration-1000 {\n --tw-duration: 1s;\n transition-duration: 1s;\n }\n\n .duration-\\[0\\.35s\\] {\n --tw-duration: .35s;\n transition-duration: .35s;\n }\n\n .ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\] {\n --tw-ease: cubic-bezier(.22,1,.36,1);\n transition-timing-function: cubic-bezier(.22, 1, .36, 1);\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-linear {\n --tw-ease: linear;\n transition-timing-function: linear;\n }\n\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .will-change-transform {\n will-change: transform;\n }\n\n .contain-content {\n contain: content;\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 .\\[--cell-radius\\:var\\(--radius-md\\)\\] {\n --cell-radius: var(--radius-md);\n }\n\n .\\[--cell-size\\:--spacing\\(7\\)\\] {\n --cell-size: calc(var(--spacing) * 7);\n }\n\n .\\[--gap\\:0\\.75rem\\] {\n --gap: .75rem;\n }\n\n .\\[--height\\:var\\(--toast-frontmost-height\\,var\\(--toast-height\\)\\)\\] {\n --height: var(--toast-frontmost-height, var(--toast-height));\n }\n\n .\\[--offset-y\\:calc\\(var\\(--toast-offset-y\\)\\*-1\\+calc\\(var\\(--toast-index\\)\\*var\\(--gap\\)\\*-1\\)\\+var\\(--toast-swipe-movement-y\\)\\)\\] {\n --offset-y: calc(var(--toast-offset-y) * -1 + calc(var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y));\n }\n\n .\\[--peek\\:0\\.75rem\\] {\n --peek: .75rem;\n }\n\n .\\[--scale\\:calc\\(max\\(0\\,1-\\(var\\(--toast-index\\)\\*0\\.1\\)\\)\\)\\] {\n --scale: calc(max(0, 1 - (var(--toast-index) * .1)));\n }\n\n .\\[--shrink\\:calc\\(1-var\\(--scale\\)\\)\\] {\n --shrink: calc(1 - var(--scale));\n }\n\n .\\[contain-intrinsic-size\\:auto_10rem\\] {\n contain-intrinsic-size: auto 10rem;\n }\n\n .\\[content-visibility\\:auto\\] {\n content-visibility: auto;\n }\n\n .\\[transition\\:transform_500ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\,opacity_500ms\\,height_150ms\\] {\n transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .5s, height .15s;\n }\n\n .fade-out {\n --tw-exit-opacity: 0;\n }\n\n .group-focus-within\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):focus-within *) {\n opacity: 1;\n }\n\n @media (hover: hover) {\n .group-hover\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):hover *), .group-hover\\/scroll-area\\:opacity-100:is(:where(.group\\/scroll-area):hover *) {\n opacity: 1;\n }\n }\n\n .group-focus\\/context-menu-item\\:text-accent-foreground:is(:where(.group\\/context-menu-item):focus *), .group-focus\\/dropdown-menu-item\\:text-accent-foreground:is(:where(.group\\/dropdown-menu-item):focus *), .group-focus\\/menubar-item\\:text-accent-foreground:is(:where(.group\\/menubar-item):focus *) {\n color: var(--accent-foreground);\n }\n\n .group-has-disabled\\/field\\:pointer-events-none:is(:where(.group\\/field):has(:disabled) *) {\n pointer-events: none;\n }\n\n .group-has-disabled\\/field\\:opacity-50:is(:where(.group\\/field):has(:disabled) *) {\n opacity: .5;\n }\n\n .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8:is(:where(.group\\/menu-item):has([data-sidebar=\"menu-action\"]) *) {\n padding-right: calc(var(--spacing) * 8);\n }\n\n .group-has-data-\\[size\\=lg\\]\\/avatar-group\\:size-10:is(:where(.group\\/avatar-group):has([data-size=\"lg\"]) *) {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n\n .group-has-data-\\[size\\=sm\\]\\/avatar-group\\:size-6:is(:where(.group\\/avatar-group):has([data-size=\"sm\"]) *) {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .group-has-data-\\[slot\\=command-shortcut\\]\\/command-item\\:hidden:is(:where(.group\\/command-item):has([data-slot=\"command-shortcut\"]) *) {\n display: none;\n }\n\n .group-has-data-\\[slot\\=item-description\\]\\/item\\:translate-y-0\\.5:is(:where(.group\\/item):has([data-slot=\"item-description\"]) *) {\n --tw-translate-y: calc(var(--spacing) * .5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-has-data-\\[slot\\=item-description\\]\\/item\\:self-start:is(:where(.group\\/item):has([data-slot=\"item-description\"]) *) {\n align-self: flex-start;\n }\n\n .group-has-data-\\[slot\\=message-footer\\]\\/message\\:-translate-y-8:is(:where(.group\\/message):has([data-slot=\"message-footer\"]) *) {\n --tw-translate-y: calc(var(--spacing) * -8);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-has-data-\\[slot\\=questionnaire-choice-description\\]\\/questionnaire-choice\\:translate-y-0\\.5:is(:where(.group\\/questionnaire-choice):has([data-slot=\"questionnaire-choice-description\"]) *) {\n --tw-translate-y: calc(var(--spacing) * .5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-has-data-\\[variant\\=ghost\\]\\/message\\:px-0:is(:where(.group\\/message):has([data-variant=\"ghost\"]) *) {\n padding-inline: 0;\n }\n\n .group-has-\\[\\>input\\]\\/input-group\\:pt-2:is(:where(.group\\/input-group):has( > input) *) {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .group-has-\\[\\>input\\]\\/input-group\\:pb-2:is(:where(.group\\/input-group):has( > input) *) {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .group-has-\\[\\>svg\\]\\/alert\\:col-start-2:is(:where(.group\\/alert):has( > svg) *) {\n grid-column-start: 2;\n }\n\n .group-data-indeterminate\\/checkbox-indicator\\:block:is(:where(.group\\/checkbox-indicator)[data-indeterminate] *) {\n display: block;\n }\n\n .group-data-indeterminate\\/checkbox-indicator\\:hidden:is(:where(.group\\/checkbox-indicator)[data-indeterminate] *) {\n display: none;\n }\n\n .group-data-popup-open\\/navigation-menu-trigger\\:rotate-180:is(:where(.group\\/navigation-menu-trigger)[data-popup-open] *) {\n rotate: 180deg;\n }\n\n .group-data-\\[align\\=end\\]\\/bubble\\:self-end:is(:where(.group\\/bubble)[data-align=\"end\"] *) {\n align-self: flex-end;\n }\n\n .group-data-\\[align\\=end\\]\\/message\\:justify-end:is(:where(.group\\/message)[data-align=\"end\"] *) {\n justify-content: flex-end;\n }\n\n .group-data-\\[align\\=end\\]\\/message\\:self-end:is(:where(.group\\/message)[data-align=\"end\"] *) {\n align-self: flex-end;\n }\n\n .group-data-\\[checked\\=true\\]\\/command-item\\:opacity-100:is(:where(.group\\/command-item)[data-checked=\"true\"] *) {\n opacity: 1;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:-mt-8:is(:where(.group)[data-collapsible=\"icon\"] *) {\n margin-top: calc(var(--spacing) * -8);\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:hidden:is(:where(.group)[data-collapsible=\"icon\"] *) {\n display: none;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:size-8\\!:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--spacing) * 8) !important;\n height: calc(var(--spacing) * 8) !important;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\):is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: var(--sidebar-width-icon);\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\)\\]:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\+2px\\)\\]:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden:is(:where(.group)[data-collapsible=\"icon\"] *) {\n overflow: hidden;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:p-0\\!:is(:where(.group)[data-collapsible=\"icon\"] *) {\n padding: 0 !important;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:p-2\\!:is(:where(.group)[data-collapsible=\"icon\"] *) {\n padding: calc(var(--spacing) * 2) !important;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:opacity-0:is(:where(.group)[data-collapsible=\"icon\"] *) {\n opacity: 0;\n }\n\n .group-data-\\[collapsible\\=offcanvas\\]\\:w-0:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n width: 0;\n }\n\n .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=\"true\"] *) {\n pointer-events: none;\n }\n\n .group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=\"true\"] *) {\n opacity: .5;\n }\n\n .group-data-\\[focused\\=true\\]\\/day\\:relative:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n position: relative;\n }\n\n .group-data-\\[focused\\=true\\]\\/day\\:z-10:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n z-index: 10;\n }\n\n .group-data-\\[focused\\=true\\]\\/day\\:border-ring:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n border-color: var(--ring);\n }\n\n .group-data-\\[focused\\=true\\]\\/day\\:ring-\\[3px\\]:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:absolute:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n position: absolute;\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:top-3:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n top: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:right-3:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n right: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:w-full:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n width: 100%;\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:gap-1:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n gap: var(--spacing);\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:px-1:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n padding-inline: var(--spacing);\n }\n\n .group-data-\\[shortcut\\]\\/questionnaire-choice\\:inline-flex:is(:where(.group\\/questionnaire-choice)[data-shortcut] *) {\n display: inline-flex;\n }\n\n .group-data-\\[side\\=left\\]\\:-right-4:is(:where(.group)[data-side=\"left\"] *) {\n right: calc(var(--spacing) * -4);\n }\n\n .group-data-\\[side\\=left\\]\\:border-r:is(:where(.group)[data-side=\"left\"] *) {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .group-data-\\[side\\=right\\]\\:left-0:is(:where(.group)[data-side=\"right\"] *) {\n left: 0;\n }\n\n .group-data-\\[side\\=right\\]\\:rotate-180:is(:where(.group)[data-side=\"right\"] *) {\n rotate: 180deg;\n }\n\n .group-data-\\[side\\=right\\]\\:border-l:is(:where(.group)[data-side=\"right\"] *) {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .group-data-\\[size\\=default\\]\\/avatar\\:size-2\\.5:is(:where(.group\\/avatar)[data-size=\"default\"] *) {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\n }\n\n .group-data-\\[size\\=default\\]\\/switch\\:size-4:is(:where(.group\\/switch)[data-size=\"default\"] *) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .group-data-\\[size\\=lg\\]\\/avatar\\:size-3:is(:where(.group\\/avatar)[data-size=\"lg\"] *) {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid:is(:where(.group\\/alert-dialog-content)[data-size=\"sm\"] *) {\n display: grid;\n }\n\n .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid-cols-2:is(:where(.group\\/alert-dialog-content)[data-size=\"sm\"] *) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .group-data-\\[size\\=sm\\]\\/attachment\\:w-8:is(:where(.group\\/attachment)[data-size=\"sm\"] *) {\n width: calc(var(--spacing) * 8);\n }\n\n .group-data-\\[size\\=sm\\]\\/avatar\\:size-2:is(:where(.group\\/avatar)[data-size=\"sm\"] *) {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n\n .group-data-\\[size\\=sm\\]\\/avatar\\:text-xs:is(:where(.group\\/avatar)[data-size=\"sm\"] *) {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .group-data-\\[size\\=sm\\]\\/card\\:p-3:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n padding: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[size\\=sm\\]\\/card\\:px-3:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[size\\=sm\\]\\/card\\:text-sm:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .group-data-\\[size\\=sm\\]\\/item\\:size-8:is(:where(.group\\/item)[data-size=\"sm\"] *) {\n width: calc(var(--spacing) * 8);\n height: calc(var(--spacing) * 8);\n }\n\n .group-data-\\[size\\=sm\\]\\/switch\\:size-3:is(:where(.group\\/switch)[data-size=\"sm\"] *) {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[size\\=xs\\]\\/attachment\\:w-7:is(:where(.group\\/attachment)[data-size=\"xs\"] *) {\n width: calc(var(--spacing) * 7);\n }\n\n .group-data-\\[size\\=xs\\]\\/attachment\\:rounded-md:is(:where(.group\\/attachment)[data-size=\"xs\"] *) {\n border-radius: calc(var(--radius) * .8);\n }\n\n .group-data-\\[size\\=xs\\]\\/item\\:size-6:is(:where(.group\\/item)[data-size=\"xs\"] *) {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .group-data-\\[size\\=xs\\]\\/item\\:gap-0:is(:where(.group\\/item)[data-size=\"xs\"] *) {\n gap: 0;\n }\n\n .group-data-\\[size\\=xs\\]\\/item\\:text-xs:is(:where(.group\\/item)[data-size=\"xs\"] *) {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .group-data-\\[spacing\\=0\\]\\/toggle-group\\:rounded-none:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n border-radius: 0;\n }\n\n .group-data-\\[spacing\\=0\\]\\/toggle-group\\:px-2:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .group-data-\\[state\\=done\\]\\/attachment\\:opacity-100:is(:where(.group\\/attachment)[data-state=\"done\"] *) {\n opacity: 1;\n }\n\n .group-data-\\[state\\=error\\]\\/attachment\\:bg-destructive\\/10:is(:where(.group\\/attachment)[data-state=\"error\"] *) {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-data-\\[state\\=error\\]\\/attachment\\:bg-destructive\\/10:is(:where(.group\\/attachment)[data-state=\"error\"] *) {\n background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n }\n }\n\n .group-data-\\[state\\=error\\]\\/attachment\\:text-destructive:is(:where(.group\\/attachment)[data-state=\"error\"] *) {\n color: var(--destructive);\n }\n\n .group-data-\\[state\\=idle\\]\\/attachment\\:opacity-100:is(:where(.group\\/attachment)[data-state=\"idle\"] *) {\n opacity: 1;\n }\n\n .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *) {\n --_spread: var(--shimmer-spread, calc(3ch + 40px));\n --_base: currentColor;\n --_highlight: var(--shimmer-color, oklch(from currentColor l c h / calc(alpha* .2)));\n background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *) {\n background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n }\n }\n\n .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *) {\n background-repeat: no-repeat;\n background-size: calc(200% + var(--_spread) * 2) 100%;\n -webkit-text-fill-color: var(--shimmer-text-fill, transparent);\n animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;\n background-position: 0 0;\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *):is(.dark *) {\n --_highlight: var(--shimmer-color, oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)));\n }\n\n .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *):where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n animation-direction: reverse;\n }\n\n .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *) {\n --_spread: var(--shimmer-spread, calc(3ch + 40px));\n --_base: currentColor;\n --_highlight: var(--shimmer-color, oklch(from currentColor l c h / calc(alpha* .2)));\n background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *) {\n background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n }\n }\n\n .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *) {\n background-repeat: no-repeat;\n background-size: calc(200% + var(--_spread) * 2) 100%;\n -webkit-text-fill-color: var(--shimmer-text-fill, transparent);\n animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;\n background-position: 0 0;\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *):is(.dark *) {\n --_highlight: var(--shimmer-color, oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)));\n }\n\n .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *):where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n animation-direction: reverse;\n }\n\n .group-data-\\[type\\=checkbox\\]\\/questionnaire-choice\\:hidden:is(:where(.group\\/questionnaire-choice)[data-type=\"checkbox\"] *), .group-data-\\[type\\=radio\\]\\/questionnaire-choice\\:hidden:is(:where(.group\\/questionnaire-choice)[data-type=\"radio\"] *) {\n display: none;\n }\n\n .group-data-\\[type\\=radio\\]\\/questionnaire-choice\\:rounded-full:is(:where(.group\\/questionnaire-choice)[data-type=\"radio\"] *) {\n border-radius: 3.40282e38px;\n }\n\n .group-data-\\[variant\\=floating\\]\\:rounded-lg:is(:where(.group)[data-variant=\"floating\"] *) {\n border-radius: var(--radius);\n }\n\n .group-data-\\[variant\\=floating\\]\\:shadow-sm:is(:where(.group)[data-variant=\"floating\"] *) {\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 .group-data-\\[variant\\=floating\\]\\:ring-1:is(:where(.group)[data-variant=\"floating\"] *) {\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 .group-data-\\[variant\\=floating\\]\\:ring-sidebar-border:is(:where(.group)[data-variant=\"floating\"] *) {\n --tw-ring-color: var(--sidebar-border);\n }\n\n .group-data-\\[variant\\=line\\]\\/tabs-list\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *) {\n background-color: #0000;\n }\n\n .group-data-\\[variant\\=separator\\]\\/marker\\:flex-none:is(:where(.group\\/marker)[data-variant=\"separator\"] *) {\n flex: none;\n }\n\n .group-data-\\[variant\\=separator\\]\\/marker\\:text-center:is(:where(.group\\/marker)[data-variant=\"separator\"] *) {\n text-align: center;\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:rounded-lg:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n border-radius: var(--radius);\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:bg-popover:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n background-color: var(--popover);\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:text-popover-foreground:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n color: var(--popover-foreground);\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:shadow:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\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 .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-1:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\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 .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-foreground\\/10:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n --tw-ring-color: var(--foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-foreground\\/10:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);\n }\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:duration-300:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .group-data-open\\/navigation-menu-trigger\\:rotate-180:is(:is(:where(.group\\/navigation-menu-trigger):where([data-state=\"open\"]), :where(.group\\/navigation-menu-trigger):where([data-open]:not([data-open=\"false\"]))) *) {\n rotate: 180deg;\n }\n\n .group-data-checked\\/questionnaire-choice\\:block:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n display: block;\n }\n\n .group-data-checked\\/questionnaire-choice\\:border-primary:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n border-color: var(--primary);\n }\n\n .group-data-checked\\/questionnaire-choice\\:bg-primary:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n background-color: var(--primary);\n }\n\n .group-data-checked\\/questionnaire-choice\\:text-primary-foreground:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n color: var(--primary-foreground);\n }\n\n .group-data-selected\\/command-item\\:text-foreground:is(:where(.group\\/command-item):where([data-selected=\"true\"]) *) {\n color: var(--foreground);\n }\n\n .group-data-horizontal\\/tabs\\:h-8:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *) {\n height: calc(var(--spacing) * 8);\n }\n\n .group-data-vertical\\/tabs\\:h-fit:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n height: fit-content;\n }\n\n .group-data-vertical\\/tabs\\:w-full:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n width: 100%;\n }\n\n .group-data-vertical\\/tabs\\:flex-col:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n flex-direction: column;\n }\n\n .group-data-vertical\\/tabs\\:justify-start:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n justify-content: flex-start;\n }\n\n @media (hover: hover) {\n .peer-hover\\/menu-button\\:text-sidebar-accent-foreground:is(:where(.peer\\/menu-button):hover ~ *) {\n color: var(--sidebar-accent-foreground);\n }\n }\n\n .peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {\n cursor: not-allowed;\n }\n\n .peer-disabled\\:opacity-50:is(:where(.peer):disabled ~ *) {\n opacity: .5;\n }\n\n .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5:is(:where(.peer\\/menu-button)[data-size=\"default\"] ~ *) {\n top: calc(var(--spacing) * 1.5);\n }\n\n .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5:is(:where(.peer\\/menu-button)[data-size=\"lg\"] ~ *) {\n top: calc(var(--spacing) * 2.5);\n }\n\n .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1:is(:where(.peer\\/menu-button)[data-size=\"sm\"] ~ *) {\n top: var(--spacing);\n }\n\n .peer-data-active\\/menu-button\\:text-sidebar-accent-foreground:is(:is(:where(.peer\\/menu-button):where([data-state=\"active\"]), :where(.peer\\/menu-button):where([data-active]:not([data-active=\"false\"]))) ~ *) {\n color: var(--sidebar-accent-foreground);\n }\n\n .selection\\:bg-primary ::selection {\n background-color: var(--primary);\n }\n\n .selection\\:bg-primary::selection {\n background-color: var(--primary);\n }\n\n .selection\\:text-primary-foreground ::selection {\n color: var(--primary-foreground);\n }\n\n .selection\\:text-primary-foreground::selection {\n color: var(--primary-foreground);\n }\n\n .file\\:inline-flex::file-selector-button {\n display: inline-flex;\n }\n\n .file\\:h-6::file-selector-button {\n height: calc(var(--spacing) * 6);\n }\n\n .file\\:border-0::file-selector-button {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .file\\:bg-transparent::file-selector-button {\n background-color: #0000;\n }\n\n .file\\:text-sm::file-selector-button {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .file\\:font-medium::file-selector-button {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .file\\:text-foreground::file-selector-button {\n color: var(--foreground);\n }\n\n .placeholder\\:text-muted-foreground::placeholder {\n color: var(--muted-foreground);\n }\n\n .before\\:mr-1:before {\n content: var(--tw-content);\n margin-right: var(--spacing);\n }\n\n .before\\:h-px:before {\n content: var(--tw-content);\n height: 1px;\n }\n\n .before\\:min-w-0:before {\n content: var(--tw-content);\n min-width: 0;\n }\n\n .before\\:flex-1:before {\n content: var(--tw-content);\n flex: 1;\n }\n\n .before\\:bg-border:before {\n content: var(--tw-content);\n background-color: var(--border);\n }\n\n .after\\:absolute:after {\n content: var(--tw-content);\n position: absolute;\n }\n\n .after\\:-inset-2:after {\n content: var(--tw-content);\n inset: calc(var(--spacing) * -2);\n }\n\n .after\\:inset-0:after {\n content: var(--tw-content);\n inset: 0;\n }\n\n .after\\:-inset-x-3:after {\n content: var(--tw-content);\n inset-inline: calc(var(--spacing) * -3);\n }\n\n .after\\:-inset-y-2:after {\n content: var(--tw-content);\n inset-block: calc(var(--spacing) * -2);\n }\n\n .after\\:inset-y-0:after {\n content: var(--tw-content);\n inset-block: 0;\n }\n\n .after\\:start-1\\/2:after {\n content: var(--tw-content);\n inset-inline-start: 50%;\n }\n\n .after\\:top-full:after {\n content: var(--tw-content);\n top: 100%;\n }\n\n .after\\:right-0:after {\n content: var(--tw-content);\n right: 0;\n }\n\n .after\\:left-0:after {\n content: var(--tw-content);\n left: 0;\n }\n\n .after\\:left-1\\/2:after {\n content: var(--tw-content);\n left: 50%;\n }\n\n .after\\:ml-1:after {\n content: var(--tw-content);\n margin-left: var(--spacing);\n }\n\n .after\\:h-\\[calc\\(var\\(--gap\\)\\+1px\\)\\]:after {\n content: var(--tw-content);\n height: calc(var(--gap) + 1px);\n }\n\n .after\\:h-px:after {\n content: var(--tw-content);\n height: 1px;\n }\n\n .after\\:w-1:after {\n content: var(--tw-content);\n width: var(--spacing);\n }\n\n .after\\:w-4:after {\n content: var(--tw-content);\n width: calc(var(--spacing) * 4);\n }\n\n .after\\:w-\\[2px\\]:after {\n content: var(--tw-content);\n width: 2px;\n }\n\n .after\\:w-full:after {\n content: var(--tw-content);\n width: 100%;\n }\n\n .after\\:min-w-0:after {\n content: var(--tw-content);\n min-width: 0;\n }\n\n .after\\:flex-1:after {\n content: var(--tw-content);\n flex: 1;\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\\:rounded-full:after {\n content: var(--tw-content);\n border-radius: 3.40282e38px;\n }\n\n .after\\:border:after {\n content: var(--tw-content);\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .after\\:border-border:after {\n content: var(--tw-content);\n border-color: var(--border);\n }\n\n .after\\:bg-border:after {\n content: var(--tw-content);\n background-color: var(--border);\n }\n\n .after\\:bg-foreground:after {\n content: var(--tw-content);\n background-color: var(--foreground);\n }\n\n .after\\:bg-muted:after {\n content: var(--tw-content);\n background-color: var(--muted);\n }\n\n .after\\:opacity-0:after {\n content: var(--tw-content);\n opacity: 0;\n }\n\n .after\\:mix-blend-darken:after {\n content: var(--tw-content);\n mix-blend-mode: darken;\n }\n\n .after\\:transition-opacity:after {\n content: var(--tw-content);\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 .after\\:content-\\[\\'\\'\\]:after {\n --tw-content: \"\";\n content: var(--tw-content);\n }\n\n .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full:is(:where(.group)[data-collapsible=\"offcanvas\"] *):after {\n content: var(--tw-content);\n left: 100%;\n }\n\n .group-data-horizontal\\/tabs\\:after\\:inset-x-0:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *):after {\n content: var(--tw-content);\n inset-inline: 0;\n }\n\n .group-data-horizontal\\/tabs\\:after\\:bottom-\\[-5px\\]:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *):after {\n content: var(--tw-content);\n bottom: -5px;\n }\n\n .group-data-horizontal\\/tabs\\:after\\:h-0\\.5:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *):after {\n content: var(--tw-content);\n height: calc(var(--spacing) * .5);\n }\n\n .group-data-vertical\\/tabs\\:after\\:inset-y-0:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *):after {\n content: var(--tw-content);\n inset-block: 0;\n }\n\n .group-data-vertical\\/tabs\\:after\\:-right-1:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *):after {\n content: var(--tw-content);\n right: calc(var(--spacing) * -1);\n }\n\n .group-data-vertical\\/tabs\\:after\\:w-0\\.5:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *):after {\n content: var(--tw-content);\n width: calc(var(--spacing) * .5);\n }\n\n .first\\:rounded-l-lg:first-child {\n border-top-left-radius: var(--radius);\n border-bottom-left-radius: var(--radius);\n }\n\n .first\\:border-l:first-child {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .last\\:rounded-r-lg:last-child {\n border-top-right-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n }\n\n .empty\\:py-0:empty {\n padding-block: 0;\n }\n\n .focus-within\\:ring-1:focus-within {\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-within\\:ring-ring\\/50:focus-within {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-within\\:ring-ring\\/50:focus-within {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n @media (hover: hover) {\n .hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover {\n background-color: var(--secondary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover {\n background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);\n }\n }\n\n .hover\\:bg-destructive\\/15:hover {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-destructive\\/15:hover {\n background-color: color-mix(in oklab, var(--destructive) 15%, transparent);\n }\n }\n\n .hover\\:bg-muted:hover {\n background-color: var(--muted);\n }\n\n .hover\\:bg-muted-foreground\\/70:hover {\n background-color: var(--muted-foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-muted-foreground\\/70:hover {\n background-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);\n }\n }\n\n .hover\\:bg-muted\\/50:hover {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-muted\\/50:hover {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .hover\\:bg-primary\\/80:hover {\n background-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-primary\\/80:hover {\n background-color: color-mix(in oklab, var(--primary) 80%, transparent);\n }\n }\n\n .hover\\:bg-sidebar-accent:hover {\n background-color: var(--sidebar-accent);\n }\n\n .hover\\:text-foreground:hover {\n color: var(--foreground);\n }\n\n .hover\\:text-muted-foreground:hover {\n color: var(--muted-foreground);\n }\n\n .hover\\:text-sidebar-accent-foreground:hover {\n color: var(--sidebar-accent-foreground);\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:shadow-\\[0_0_0_1px_var\\(--sidebar-accent\\)\\]:hover {\n --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:group-data-\\[collapsible\\=offcanvas\\]\\:bg-sidebar:hover:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n background-color: var(--sidebar);\n }\n\n .hover\\:after\\:bg-sidebar-border:hover:after {\n content: var(--tw-content);\n background-color: var(--sidebar-border);\n }\n }\n\n .focus\\:z-10:focus {\n z-index: 10;\n }\n\n .focus\\:bg-accent:focus {\n background-color: var(--accent);\n }\n\n .focus\\:bg-muted:focus {\n background-color: var(--muted);\n }\n\n .focus\\:text-accent-foreground:focus, :is(.focus\\:\\*\\*\\:text-accent-foreground:focus *), :is(.not-data-\\[variant\\=destructive\\]\\:focus\\:\\*\\*\\:text-accent-foreground:not([data-variant=\"destructive\"]):focus *) {\n color: var(--accent-foreground);\n }\n\n .focus-visible\\:z-10:focus-visible {\n z-index: 10;\n }\n\n .focus-visible\\:border-destructive\\/40:focus-visible {\n border-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:border-destructive\\/40:focus-visible {\n border-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n .focus-visible\\:border-ring:focus-visible {\n border-color: var(--ring);\n }\n\n .focus-visible\\:ring-0:focus-visible {\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-visible\\:ring-1:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-2:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-3:focus-visible, .focus-visible\\:ring-\\[3px\\]:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-destructive\\/20:focus-visible {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:ring-destructive\\/20:focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .focus-visible\\:ring-info\\/20:focus-visible {\n --tw-ring-color: var(--info);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:ring-info\\/20:focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--info) 20%, transparent);\n }\n }\n\n .focus-visible\\:ring-ring:focus-visible, .focus-visible\\:ring-ring\\/50:focus-visible {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:ring-ring\\/50:focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n .focus-visible\\:ring-success\\/20:focus-visible {\n --tw-ring-color: var(--success);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:ring-success\\/20:focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--success) 20%, transparent);\n }\n }\n\n .focus-visible\\:ring-warning\\/20:focus-visible {\n --tw-ring-color: var(--warning);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:ring-warning\\/20:focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--warning) 20%, transparent);\n }\n }\n\n .focus-visible\\:ring-offset-2:focus-visible {\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n\n .focus-visible\\:outline-hidden:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n @media (forced-colors: active) {\n .focus-visible\\:outline-hidden:focus-visible {\n outline-offset: 2px;\n outline: 2px solid #0000;\n }\n }\n\n .focus-visible\\:outline-1:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .focus-visible\\:outline-ring:focus-visible {\n outline-color: var(--ring);\n }\n\n .focus-visible\\:outline-none:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .active\\:bg-sidebar-accent:active {\n background-color: var(--sidebar-accent);\n }\n\n .active\\:text-sidebar-accent-foreground:active {\n color: var(--sidebar-accent-foreground);\n }\n\n .active\\:not-aria-\\[haspopup\\]\\:translate-y-px:active:not([aria-haspopup]) {\n --tw-translate-y: 1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .disabled\\:pointer-events-none:disabled {\n pointer-events: none;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:bg-input\\/50:disabled {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .disabled\\:bg-input\\/50:disabled {\n background-color: color-mix(in oklab, var(--input) 50%, transparent);\n }\n }\n\n .disabled\\:bg-transparent:disabled {\n background-color: #0000;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n :where([data-edx-button-group-position=\"horizontal-first\"]) .in-data-\\[edx-button-group-position\\=horizontal-first\\]\\:rounded-r-none {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n :where([data-edx-button-group-position=\"horizontal-last\"]) .in-data-\\[edx-button-group-position\\=horizontal-last\\]\\:rounded-l-none {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n :where([data-edx-button-group-position=\"horizontal-middle\"]) .in-data-\\[edx-button-group-position\\=horizontal-middle\\]\\:rounded-none {\n border-radius: 0;\n }\n\n :where([data-edx-button-group-position=\"vertical-first\"]) .in-data-\\[edx-button-group-position\\=vertical-first\\]\\:rounded-b-none {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n :where([data-edx-button-group-position=\"vertical-last\"]) .in-data-\\[edx-button-group-position\\=vertical-last\\]\\:rounded-t-none {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n :where([data-edx-button-group-position=\"vertical-middle\"]) .in-data-\\[edx-button-group-position\\=vertical-middle\\]\\:rounded-none {\n border-radius: 0;\n }\n\n :where([data-orientation=\"horizontal\"]) .in-data-\\[orientation\\=horizontal\\]\\:w-px {\n width: 1px;\n }\n\n :where([data-orientation=\"vertical\"]) .in-data-\\[orientation\\=vertical\\]\\:h-px {\n height: 1px;\n }\n\n :where([data-orientation=\"vertical\"]) .in-data-\\[orientation\\=vertical\\]\\:w-full {\n width: 100%;\n }\n\n :where([data-orientation=\"vertical\"]) .in-data-\\[orientation\\=vertical\\]\\:self-auto {\n align-self: auto;\n }\n\n :where([data-side=\"left\"]) .in-data-\\[side\\=left\\]\\:cursor-w-resize {\n cursor: w-resize;\n }\n\n :where([data-side=\"right\"]) .in-data-\\[side\\=right\\]\\:cursor-e-resize {\n cursor: e-resize;\n }\n\n :where([data-slot=\"button-group\"]) .in-data-\\[slot\\=button-group\\]\\:rounded-lg {\n border-radius: var(--radius);\n }\n\n :where([data-slot=\"card-content\"]) .in-data-\\[slot\\=card-content\\]\\:bg-transparent {\n background-color: #0000;\n }\n\n :where([data-slot=\"dialog-content\"]) .in-data-\\[slot\\=dialog-content\\]\\:rounded-lg\\! {\n border-radius: var(--radius) !important;\n }\n\n :where([data-slot=\"dropdown-menu-content\"]) .in-data-\\[slot\\=dropdown-menu-content\\]\\:p-0 {\n padding: 0;\n }\n\n :where([data-slot=\"navigation-menu-content\"]) .in-data-\\[slot\\=navigation-menu-content\\]\\:rounded-md {\n border-radius: calc(var(--radius) * .8);\n }\n\n :where([data-slot=\"popover-content\"]) .in-data-\\[slot\\=popover-content\\]\\:bg-transparent {\n background-color: #0000;\n }\n\n :where([data-slot=\"tooltip-content\"]) .in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/20 {\n background-color: var(--background);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n :where([data-slot=\"tooltip-content\"]) .in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/20 {\n background-color: color-mix(in oklab, var(--background) 20%, transparent);\n }\n }\n\n :where([data-slot=\"tooltip-content\"]) .in-data-\\[slot\\=tooltip-content\\]\\:text-background {\n color: var(--background);\n }\n\n .has-disabled\\:bg-input\\/50:has(:disabled) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-disabled\\:bg-input\\/50:has(:disabled) {\n background-color: color-mix(in oklab, var(--input) 50%, transparent);\n }\n }\n\n .has-disabled\\:opacity-50:has(:disabled) {\n opacity: .5;\n }\n\n .has-aria-invalid\\:border-destructive:has([aria-invalid=\"true\"]) {\n border-color: var(--destructive);\n }\n\n .has-aria-invalid\\:ring-3:has([aria-invalid=\"true\"]) {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .has-aria-invalid\\:ring-destructive\\/20:has([aria-invalid=\"true\"]) {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-aria-invalid\\:ring-destructive\\/20:has([aria-invalid=\"true\"]) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=\"inline-end\"]) {\n padding-right: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=\"inline-end\"]) {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *):has([data-icon=\"inline-end\"]) {\n padding-right: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=\"inline-start\"]) {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=\"inline-start\"]) {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *):has([data-icon=\"inline-start\"]) {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[size\\=sm\\]\\:gap-2\\.5:has([data-size=\"sm\"]) {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .has-data-\\[size\\=xs\\]\\:gap-2:has([data-size=\"xs\"]) {\n gap: calc(var(--spacing) * 2);\n }\n\n .has-data-\\[slot\\=alert-action\\]\\:relative:has([data-slot=\"alert-action\"]) {\n position: relative;\n }\n\n .has-data-\\[slot\\=alert-action\\]\\:pr-18:has([data-slot=\"alert-action\"]) {\n padding-right: calc(var(--spacing) * 18);\n }\n\n .has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_auto_1fr\\]:has([data-slot=\"alert-dialog-media\"]) {\n grid-template-rows: auto auto 1fr;\n }\n\n .has-data-\\[slot\\=alert-dialog-media\\]\\:gap-x-4:has([data-slot=\"alert-dialog-media\"]) {\n column-gap: calc(var(--spacing) * 4);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:w-30:has([data-slot=\"attachment-content\"]) {\n width: calc(var(--spacing) * 30);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:px-1\\.5:has([data-slot=\"attachment-content\"]) {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:px-2:has([data-slot=\"attachment-content\"]) {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:px-2\\.5:has([data-slot=\"attachment-content\"]) {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:py-1:has([data-slot=\"attachment-content\"]) {\n padding-block: var(--spacing);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:py-1\\.5:has([data-slot=\"attachment-content\"]) {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:py-2:has([data-slot=\"attachment-content\"]) {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .has-data-\\[slot\\=attachment-media\\]\\:p-1:has([data-slot=\"attachment-media\"]) {\n padding: var(--spacing);\n }\n\n .has-data-\\[slot\\=attachment-media\\]\\:p-1\\.5:has([data-slot=\"attachment-media\"]) {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[slot\\=attachment-media\\]\\:p-2:has([data-slot=\"attachment-media\"]) {\n padding: calc(var(--spacing) * 2);\n }\n\n .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=\"card-action\"]) {\n grid-template-columns: 1fr auto;\n }\n\n .has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\]:has([data-slot=\"card-description\"]) {\n grid-template-rows: auto auto;\n }\n\n .has-data-\\[slot\\=card-footer\\]\\:pb-0:has([data-slot=\"card-footer\"]) {\n padding-bottom: 0;\n }\n\n .has-data-\\[slot\\=kbd\\]\\:pr-1\\.5:has([data-slot=\"kbd\"]) {\n padding-right: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[variant\\=inset\\]\\:bg-sidebar:has([data-variant=\"inset\"]) {\n background-color: var(--sidebar);\n }\n\n .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:border-ring:has([data-slot=\"input-group-control\"]:focus-visible) {\n border-color: var(--ring);\n }\n\n .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-3:has([data-slot=\"input-group-control\"]:focus-visible) {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50:has([data-slot=\"input-group-control\"]:focus-visible) {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50:has([data-slot=\"input-group-control\"]:focus-visible) {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:border-destructive:has([data-slot][aria-invalid=\"true\"]) {\n border-color: var(--destructive);\n }\n\n .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-3:has([data-slot][aria-invalid=\"true\"]) {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20:has([data-slot][aria-invalid=\"true\"]) {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20:has([data-slot][aria-invalid=\"true\"]) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .has-\\[button\\]\\:p-0:has(:is(button)) {\n padding: 0;\n }\n\n .has-\\[select\\:disabled\\]\\:opacity-50:has(:is(select:disabled)) {\n opacity: .5;\n }\n\n .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:h-auto:has( > [data-align=\"block-end\"]) {\n height: auto;\n }\n\n .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:flex-col:has( > [data-align=\"block-end\"]) {\n flex-direction: column;\n }\n\n .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:h-auto:has( > [data-align=\"block-start\"]) {\n height: auto;\n }\n\n .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:flex-col:has( > [data-align=\"block-start\"]) {\n flex-direction: column;\n }\n\n @media (hover: hover) {\n .has-\\[\\>a\\,\\>button\\]\\:hover\\:bg-muted\\/50:has( > a, > button):hover {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-\\[\\>a\\,\\>button\\]\\:hover\\:bg-muted\\/50:has( > a, > button):hover {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n }\n\n .has-\\[\\>button\\]\\:mr-\\[-0\\.3rem\\]:has( > button) {\n margin-right: -.3rem;\n }\n\n .has-\\[\\>button\\]\\:ml-\\[-0\\.3rem\\]:has( > button) {\n margin-left: -.3rem;\n }\n\n .has-\\[\\>img\\:first-child\\]\\:pt-0:has( > img:first-child) {\n padding-top: 0;\n }\n\n .has-\\[\\>input\\:focus-visible\\]\\:border-ring:has( > input:focus-visible) {\n border-color: var(--ring);\n }\n\n .has-\\[\\>input\\:focus-visible\\]\\:ring-3:has( > input:focus-visible) {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .has-\\[\\>input\\:focus-visible\\]\\:ring-ring\\/50:has( > input:focus-visible) {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-\\[\\>input\\:focus-visible\\]\\:ring-ring\\/50:has( > input:focus-visible) {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n .has-\\[\\>kbd\\]\\:mr-\\[-0\\.15rem\\]:has( > kbd) {\n margin-right: -.15rem;\n }\n\n .has-\\[\\>kbd\\]\\:ml-\\[-0\\.15rem\\]:has( > kbd) {\n margin-left: -.15rem;\n }\n\n .has-\\[\\>svg\\]\\:grid-cols-\\[auto_1fr\\]:has( > svg) {\n grid-template-columns: auto 1fr;\n }\n\n .has-\\[\\>svg\\]\\:gap-x-2:has( > svg) {\n column-gap: calc(var(--spacing) * 2);\n }\n\n .has-\\[\\>svg\\]\\:p-0:has( > svg) {\n padding: 0;\n }\n\n .has-\\[\\>textarea\\]\\:h-auto:has( > textarea) {\n height: auto;\n }\n\n .aria-disabled\\:pointer-events-none[aria-disabled=\"true\"] {\n pointer-events: none;\n }\n\n .aria-disabled\\:opacity-50[aria-disabled=\"true\"] {\n opacity: .5;\n }\n\n .aria-expanded\\:bg-muted[aria-expanded=\"true\"] {\n background-color: var(--muted);\n }\n\n .aria-expanded\\:bg-secondary[aria-expanded=\"true\"] {\n background-color: var(--secondary);\n }\n\n .aria-expanded\\:text-foreground[aria-expanded=\"true\"] {\n color: var(--foreground);\n }\n\n .aria-expanded\\:text-secondary-foreground[aria-expanded=\"true\"] {\n color: var(--secondary-foreground);\n }\n\n .aria-expanded\\:opacity-100[aria-expanded=\"true\"] {\n opacity: 1;\n }\n\n .aria-invalid\\:border-destructive[aria-invalid=\"true\"] {\n border-color: var(--destructive);\n }\n\n .aria-invalid\\:ring-0[aria-invalid=\"true\"] {\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 .aria-invalid\\:ring-3[aria-invalid=\"true\"] {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .aria-invalid\\:ring-destructive\\/20[aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .aria-invalid\\:ring-destructive\\/20[aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .aria-invalid\\:aria-checked\\:border-primary[aria-invalid=\"true\"][aria-checked=\"true\"] {\n border-color: var(--primary);\n }\n\n .aria-selected\\:text-muted-foreground[aria-selected=\"true\"] {\n color: var(--muted-foreground);\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:h-px[aria-orientation=\"horizontal\"] {\n height: 1px;\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:w-full[aria-orientation=\"horizontal\"] {\n width: 100%;\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:after\\:left-0[aria-orientation=\"horizontal\"]:after {\n content: var(--tw-content);\n left: 0;\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:after\\:h-1[aria-orientation=\"horizontal\"]:after {\n content: var(--tw-content);\n height: var(--spacing);\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:after\\:w-full[aria-orientation=\"horizontal\"]:after {\n content: var(--tw-content);\n width: 100%;\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:after\\:translate-x-0[aria-orientation=\"horizontal\"]:after {\n content: var(--tw-content);\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:after\\:-translate-y-1\\/2[aria-orientation=\"horizontal\"]:after {\n content: var(--tw-content);\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .aria-\\[orientation\\=vertical\\]\\:flex-col[aria-orientation=\"vertical\"] {\n flex-direction: column;\n }\n\n .data-autoscrolling\\:scrollbar-thumb-transparent[data-autoscrolling] {\n --tw-scrollbar-thumb: transparent;\n scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n }\n\n .data-autoscrolling\\:scrollbar-track-transparent[data-autoscrolling] {\n --tw-scrollbar-track: transparent;\n scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n }\n\n .data-behind\\:opacity-0[data-behind] {\n opacity: 0;\n }\n\n .data-ending-style\\:h-0[data-ending-style] {\n height: 0;\n }\n\n .data-ending-style\\:scale-90[data-ending-style] {\n --tw-scale-x: 90%;\n --tw-scale-y: 90%;\n --tw-scale-z: 90%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .data-ending-style\\:opacity-0[data-ending-style] {\n opacity: 0;\n }\n\n .data-ending-style\\:duration-150[data-ending-style] {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .data-expanded\\:h-\\(--toast-height\\)[data-expanded] {\n height: var(--toast-height);\n }\n\n .data-expanded\\:\\[transform\\:translateX\\(var\\(--toast-swipe-movement-x\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-expanded] {\n transform: translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));\n }\n\n .data-expanded\\:opacity-100[data-expanded] {\n opacity: 1;\n }\n\n .data-highlighted\\:bg-accent[data-highlighted] {\n background-color: var(--accent);\n }\n\n .data-highlighted\\:text-accent-foreground[data-highlighted] {\n color: var(--accent-foreground);\n }\n\n .data-hovering\\:opacity-100[data-hovering] {\n opacity: 1;\n }\n\n .data-indeterminate\\:w-1\\/3[data-indeterminate] {\n width: 33.3333%;\n }\n\n .data-indeterminate\\:animate-\\[progress-indeterminate_1\\.5s_ease-in-out_infinite\\][data-indeterminate] {\n animation: 1.5s ease-in-out infinite progress-indeterminate;\n }\n\n .data-instant\\:transition-none[data-instant] {\n transition-property: none;\n }\n\n .data-invalid\\:border-destructive[data-invalid] {\n border-color: var(--destructive);\n }\n\n .data-limited\\:opacity-0[data-limited] {\n opacity: 0;\n }\n\n .data-pending-scroll\\:invisible[data-pending-scroll] {\n visibility: hidden;\n }\n\n .data-placeholder\\:text-muted-foreground[data-placeholder] {\n color: var(--muted-foreground);\n }\n\n .data-popup-open\\:border-ring[data-popup-open] {\n border-color: var(--ring);\n }\n\n .data-popup-open\\:bg-accent[data-popup-open] {\n background-color: var(--accent);\n }\n\n .data-popup-open\\:bg-muted\\/50[data-popup-open] {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-popup-open\\:bg-muted\\/50[data-popup-open] {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .data-popup-open\\:text-accent-foreground[data-popup-open] {\n color: var(--accent-foreground);\n }\n\n .data-popup-open\\:ring-3[data-popup-open] {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .data-popup-open\\:ring-ring\\/50[data-popup-open] {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-popup-open\\:ring-ring\\/50[data-popup-open] {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n @media (hover: hover) {\n .data-popup-open\\:hover\\:bg-muted[data-popup-open]:hover {\n background-color: var(--muted);\n }\n }\n\n .data-pressed\\:bg-muted[data-pressed] {\n background-color: var(--muted);\n }\n\n .data-pressed\\:text-foreground[data-pressed] {\n color: var(--foreground);\n }\n\n .data-scrolling\\:bg-muted-foreground\\/70[data-scrolling] {\n background-color: var(--muted-foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-scrolling\\:bg-muted-foreground\\/70[data-scrolling] {\n background-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);\n }\n }\n\n .data-scrolling\\:opacity-100[data-scrolling] {\n opacity: 1;\n }\n\n :is(.group-data-\\[align\\=end\\]\\/message\\:\\*\\:data-slot\\:self-end:is(:where(.group\\/message)[data-align=\"end\"] *) > *)[data-slot] {\n align-self: flex-end;\n }\n\n .data-starting-style\\:h-0[data-starting-style] {\n height: 0;\n }\n\n .data-starting-style\\:scale-90[data-starting-style] {\n --tw-scale-x: 90%;\n --tw-scale-y: 90%;\n --tw-scale-z: 90%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .data-starting-style\\:\\[transform\\:translateY\\(150\\%\\)\\][data-starting-style] {\n transform: translateY(150%);\n }\n\n .data-starting-style\\:opacity-0[data-starting-style] {\n opacity: 0;\n }\n\n .data-ending-style\\:data-\\[activation-direction\\=left\\]\\:translate-x-\\[50\\%\\][data-ending-style][data-activation-direction=\"left\"] {\n --tw-translate-x: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-starting-style\\:data-\\[activation-direction\\=left\\]\\:translate-x-\\[-50\\%\\][data-starting-style][data-activation-direction=\"left\"], .data-ending-style\\:data-\\[activation-direction\\=right\\]\\:translate-x-\\[-50\\%\\][data-ending-style][data-activation-direction=\"right\"] {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-starting-style\\:data-\\[activation-direction\\=right\\]\\:translate-x-\\[50\\%\\][data-starting-style][data-activation-direction=\"right\"] {\n --tw-translate-x: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[active\\=false\\]\\:pointer-events-none[data-active=\"false\"] {\n pointer-events: none;\n }\n\n .data-\\[active\\=false\\]\\:scale-95[data-active=\"false\"] {\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 .data-\\[active\\=false\\]\\:opacity-0[data-active=\"false\"] {\n opacity: 0;\n }\n\n .data-\\[active\\=false\\]\\:duration-400[data-active=\"false\"] {\n --tw-duration: .4s;\n transition-duration: .4s;\n }\n\n .data-\\[active\\=false\\]\\:ease-\\[cubic-bezier\\(0\\.7\\,0\\,0\\.84\\,0\\)\\][data-active=\"false\"] {\n --tw-ease: cubic-bezier(.7,0,.84,0);\n transition-timing-function: cubic-bezier(.7, 0, .84, 0);\n }\n\n .data-\\[active\\=true\\]\\:z-10[data-active=\"true\"] {\n z-index: 10;\n }\n\n .data-\\[active\\=true\\]\\:translate-y-0[data-active=\"true\"] {\n --tw-translate-y: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[active\\=true\\]\\:scale-100[data-active=\"true\"] {\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 .data-\\[active\\=true\\]\\:border-ring[data-active=\"true\"] {\n border-color: var(--ring);\n }\n\n .data-\\[active\\=true\\]\\:opacity-100[data-active=\"true\"] {\n opacity: 1;\n }\n\n .data-\\[active\\=true\\]\\:ring-3[data-active=\"true\"] {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .data-\\[active\\=true\\]\\:ring-ring\\/50[data-active=\"true\"] {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-\\[active\\=true\\]\\:ring-ring\\/50[data-active=\"true\"] {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n .data-\\[active\\=true\\]\\:ease-\\[cubic-bezier\\(0\\.23\\,1\\,0\\.32\\,1\\)\\][data-active=\"true\"] {\n --tw-ease: cubic-bezier(.23,1,.32,1);\n transition-timing-function: cubic-bezier(.23, 1, .32, 1);\n }\n\n .data-\\[active\\=true\\]\\:aria-invalid\\:border-destructive[data-active=\"true\"][aria-invalid=\"true\"] {\n border-color: var(--destructive);\n }\n\n .data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/20[data-active=\"true\"][aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/20[data-active=\"true\"][aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .data-\\[align\\=end\\]\\:flex-row-reverse[data-align=\"end\"] {\n flex-direction: row-reverse;\n }\n\n .data-\\[align\\=end\\]\\:self-end[data-align=\"end\"] {\n align-self: flex-end;\n }\n\n .data-\\[direction\\=end\\]\\:bottom-4[data-direction=\"end\"] {\n bottom: calc(var(--spacing) * 4);\n }\n\n .data-\\[direction\\=end\\]\\:data-\\[active\\=false\\]\\:translate-y-full[data-direction=\"end\"][data-active=\"false\"] {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[direction\\=start\\]\\:top-4[data-direction=\"start\"] {\n top: calc(var(--spacing) * 4);\n }\n\n .data-\\[direction\\=start\\]\\:data-\\[active\\=false\\]\\:-translate-y-full[data-direction=\"start\"][data-active=\"false\"] {\n --tw-translate-y: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled=\"true\"] {\n pointer-events: none;\n }\n\n .data-\\[disabled\\=true\\]\\:opacity-50[data-disabled=\"true\"] {\n opacity: .5;\n }\n\n .data-\\[inset\\=true\\]\\:pl-7[data-inset=\"true\"] {\n padding-left: calc(var(--spacing) * 7);\n }\n\n .data-\\[motion\\=from-end\\]\\:slide-in-from-right-52[data-motion=\"from-end\"] {\n --tw-enter-translate-x: calc(52*var(--spacing));\n }\n\n .data-\\[motion\\=from-start\\]\\:slide-in-from-left-52[data-motion=\"from-start\"] {\n --tw-enter-translate-x: calc(52*var(--spacing)*-1);\n }\n\n .data-\\[motion\\=to-end\\]\\:slide-out-to-right-52[data-motion=\"to-end\"] {\n --tw-exit-translate-x: calc(52*var(--spacing));\n }\n\n .data-\\[motion\\=to-start\\]\\:slide-out-to-left-52[data-motion=\"to-start\"] {\n --tw-exit-translate-x: calc(52*var(--spacing)*-1);\n }\n\n .data-\\[motion\\^\\=from-\\]\\:animate-in[data-motion^=\"from-\"] {\n animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-\\[motion\\^\\=from-\\]\\:fade-in[data-motion^=\"from-\"] {\n --tw-enter-opacity: 0;\n }\n\n .data-\\[motion\\^\\=to-\\]\\:animate-out[data-motion^=\"to-\"] {\n animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-\\[motion\\^\\=to-\\]\\:fade-out[data-motion^=\"to-\"] {\n --tw-exit-opacity: 0;\n }\n\n .data-\\[orientation\\=horizontal\\]\\:flex[data-orientation=\"horizontal\"] {\n display: flex;\n }\n\n .data-\\[orientation\\=horizontal\\]\\:items-center[data-orientation=\"horizontal\"] {\n align-items: center;\n }\n\n .data-\\[orientation\\=vertical\\]\\:flex-col[data-orientation=\"vertical\"] {\n flex-direction: column;\n }\n\n .data-\\[range-end\\=true\\]\\:rounded-\\(--cell-radius\\)[data-range-end=\"true\"] {\n border-radius: var(--cell-radius);\n }\n\n .data-\\[range-end\\=true\\]\\:rounded-r-\\(--cell-radius\\)[data-range-end=\"true\"] {\n border-top-right-radius: var(--cell-radius);\n border-bottom-right-radius: var(--cell-radius);\n }\n\n .data-\\[range-end\\=true\\]\\:bg-primary[data-range-end=\"true\"] {\n background-color: var(--primary);\n }\n\n .data-\\[range-end\\=true\\]\\:text-primary-foreground[data-range-end=\"true\"] {\n color: var(--primary-foreground);\n }\n\n .data-\\[range-middle\\=true\\]\\:rounded-none[data-range-middle=\"true\"] {\n border-radius: 0;\n }\n\n .data-\\[range-middle\\=true\\]\\:bg-muted[data-range-middle=\"true\"] {\n background-color: var(--muted);\n }\n\n .data-\\[range-middle\\=true\\]\\:text-foreground[data-range-middle=\"true\"] {\n color: var(--foreground);\n }\n\n .data-\\[range-start\\=true\\]\\:rounded-\\(--cell-radius\\)[data-range-start=\"true\"] {\n border-radius: var(--cell-radius);\n }\n\n .data-\\[range-start\\=true\\]\\:rounded-l-\\(--cell-radius\\)[data-range-start=\"true\"] {\n border-top-left-radius: var(--cell-radius);\n border-bottom-left-radius: var(--cell-radius);\n }\n\n .data-\\[range-start\\=true\\]\\:bg-primary[data-range-start=\"true\"] {\n background-color: var(--primary);\n }\n\n .data-\\[range-start\\=true\\]\\:text-primary-foreground[data-range-start=\"true\"] {\n color: var(--primary-foreground);\n }\n\n .data-\\[selected\\]\\:font-medium[data-selected] {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .data-\\[selected-single\\=true\\]\\:bg-primary[data-selected-single=\"true\"] {\n background-color: var(--primary);\n }\n\n .data-\\[selected-single\\=true\\]\\:text-primary-foreground[data-selected-single=\"true\"] {\n color: var(--primary-foreground);\n }\n\n .data-\\[selected\\=true\\]\\:rounded-none[data-selected=\"true\"] {\n border-radius: 0;\n }\n\n .data-\\[side\\=bottom\\]\\:inset-x-0[data-side=\"bottom\"] {\n inset-inline: 0;\n }\n\n .data-\\[side\\=bottom\\]\\:top-1[data-side=\"bottom\"] {\n top: var(--spacing);\n }\n\n .data-\\[side\\=bottom\\]\\:bottom-0[data-side=\"bottom\"] {\n bottom: 0;\n }\n\n .data-\\[side\\=bottom\\]\\:h-auto[data-side=\"bottom\"] {\n height: auto;\n }\n\n .data-\\[side\\=bottom\\]\\:border-t[data-side=\"bottom\"] {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"] {\n --tw-enter-translate-y: calc(2*var(--spacing)*-1);\n }\n\n .data-\\[side\\=bottom\\]\\:before\\:top-\\[-10px\\][data-side=\"bottom\"]:before {\n content: var(--tw-content);\n top: -10px;\n }\n\n .data-\\[side\\=bottom\\]\\:before\\:right-0[data-side=\"bottom\"]:before {\n content: var(--tw-content);\n right: 0;\n }\n\n .data-\\[side\\=bottom\\]\\:before\\:left-0[data-side=\"bottom\"]:before {\n content: var(--tw-content);\n left: 0;\n }\n\n .data-\\[side\\=bottom\\]\\:data-ending-style\\:translate-y-\\[2\\.5rem\\][data-side=\"bottom\"][data-ending-style], .data-\\[side\\=bottom\\]\\:data-starting-style\\:translate-y-\\[2\\.5rem\\][data-side=\"bottom\"][data-starting-style] {\n --tw-translate-y: 2.5rem;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=inline-end\\]\\:top-1\\/2\\![data-side=\"inline-end\"] {\n top: 50% !important;\n }\n\n .data-\\[side\\=inline-end\\]\\:-left-1[data-side=\"inline-end\"] {\n left: calc(var(--spacing) * -1);\n }\n\n .data-\\[side\\=inline-end\\]\\:-translate-y-1\\/2[data-side=\"inline-end\"] {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=inline-end\\]\\:slide-in-from-left-2[data-side=\"inline-end\"] {\n --tw-enter-translate-x: calc(2*var(--spacing)*-1);\n }\n\n .data-\\[side\\=inline-start\\]\\:top-1\\/2\\![data-side=\"inline-start\"] {\n top: 50% !important;\n }\n\n .data-\\[side\\=inline-start\\]\\:-right-1[data-side=\"inline-start\"] {\n right: calc(var(--spacing) * -1);\n }\n\n .data-\\[side\\=inline-start\\]\\:-translate-y-1\\/2[data-side=\"inline-start\"] {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=inline-start\\]\\:slide-in-from-right-2[data-side=\"inline-start\"] {\n --tw-enter-translate-x: calc(2*var(--spacing));\n }\n\n .data-\\[side\\=left\\]\\:inset-y-0[data-side=\"left\"] {\n inset-block: 0;\n }\n\n .data-\\[side\\=left\\]\\:top-1\\/2\\![data-side=\"left\"] {\n top: 50% !important;\n }\n\n .data-\\[side\\=left\\]\\:-right-1[data-side=\"left\"] {\n right: calc(var(--spacing) * -1);\n }\n\n .data-\\[side\\=left\\]\\:left-0[data-side=\"left\"] {\n left: 0;\n }\n\n .data-\\[side\\=left\\]\\:h-full[data-side=\"left\"] {\n height: 100%;\n }\n\n .data-\\[side\\=left\\]\\:w-3\\/4[data-side=\"left\"] {\n width: 75%;\n }\n\n .data-\\[side\\=left\\]\\:-translate-y-1\\/2[data-side=\"left\"] {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=left\\]\\:border-r[data-side=\"left\"] {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"] {\n --tw-enter-translate-x: calc(2*var(--spacing));\n }\n\n .data-\\[side\\=left\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\][data-side=\"left\"]:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n left: calc(var(--sidebar-width) * -1);\n }\n\n .data-\\[side\\=left\\]\\:data-ending-style\\:translate-x-\\[-2\\.5rem\\][data-side=\"left\"][data-ending-style], .data-\\[side\\=left\\]\\:data-starting-style\\:translate-x-\\[-2\\.5rem\\][data-side=\"left\"][data-starting-style] {\n --tw-translate-x: -2.5rem;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=right\\]\\:inset-y-0[data-side=\"right\"] {\n inset-block: 0;\n }\n\n .data-\\[side\\=right\\]\\:top-1\\/2\\![data-side=\"right\"] {\n top: 50% !important;\n }\n\n .data-\\[side\\=right\\]\\:right-0[data-side=\"right\"] {\n right: 0;\n }\n\n .data-\\[side\\=right\\]\\:-left-1[data-side=\"right\"] {\n left: calc(var(--spacing) * -1);\n }\n\n .data-\\[side\\=right\\]\\:h-full[data-side=\"right\"] {\n height: 100%;\n }\n\n .data-\\[side\\=right\\]\\:w-3\\/4[data-side=\"right\"] {\n width: 75%;\n }\n\n .data-\\[side\\=right\\]\\:-translate-y-1\\/2[data-side=\"right\"] {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=right\\]\\:border-l[data-side=\"right\"] {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"] {\n --tw-enter-translate-x: calc(2*var(--spacing)*-1);\n }\n\n .data-\\[side\\=right\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\][data-side=\"right\"]:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n right: calc(var(--sidebar-width) * -1);\n }\n\n .data-\\[side\\=right\\]\\:data-ending-style\\:translate-x-\\[2\\.5rem\\][data-side=\"right\"][data-ending-style], .data-\\[side\\=right\\]\\:data-starting-style\\:translate-x-\\[2\\.5rem\\][data-side=\"right\"][data-starting-style] {\n --tw-translate-x: 2.5rem;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=top\\]\\:inset-x-0[data-side=\"top\"] {\n inset-inline: 0;\n }\n\n .data-\\[side\\=top\\]\\:top-0[data-side=\"top\"] {\n top: 0;\n }\n\n .data-\\[side\\=top\\]\\:-bottom-2\\.5[data-side=\"top\"] {\n bottom: calc(var(--spacing) * -2.5);\n }\n\n .data-\\[side\\=top\\]\\:h-auto[data-side=\"top\"] {\n height: auto;\n }\n\n .data-\\[side\\=top\\]\\:border-b[data-side=\"top\"] {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"] {\n --tw-enter-translate-y: calc(2*var(--spacing));\n }\n\n .data-\\[side\\=top\\]\\:data-ending-style\\:translate-y-\\[-2\\.5rem\\][data-side=\"top\"][data-ending-style], .data-\\[side\\=top\\]\\:data-starting-style\\:translate-y-\\[-2\\.5rem\\][data-side=\"top\"][data-starting-style] {\n --tw-translate-y: -2.5rem;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[size\\=default\\]\\:h-4\\.5[data-size=\"default\"] {\n height: calc(var(--spacing) * 4.5);\n }\n\n .data-\\[size\\=default\\]\\:w-8[data-size=\"default\"] {\n width: calc(var(--spacing) * 8);\n }\n\n .data-\\[size\\=default\\]\\:max-w-xs[data-size=\"default\"] {\n max-width: var(--container-xs);\n }\n\n .data-\\[size\\=lg\\]\\:size-10[data-size=\"lg\"] {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n\n .data-\\[size\\=md\\]\\:text-sm[data-size=\"md\"] {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .data-\\[size\\=sm\\]\\:size-6[data-size=\"sm\"] {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .data-\\[size\\=sm\\]\\:h-3\\.5[data-size=\"sm\"] {\n height: calc(var(--spacing) * 3.5);\n }\n\n .data-\\[size\\=sm\\]\\:h-7[data-size=\"sm\"] {\n height: calc(var(--spacing) * 7);\n }\n\n .data-\\[size\\=sm\\]\\:w-6[data-size=\"sm\"] {\n width: calc(var(--spacing) * 6);\n }\n\n .data-\\[size\\=sm\\]\\:max-w-xs[data-size=\"sm\"] {\n max-width: var(--container-xs);\n }\n\n .data-\\[size\\=sm\\]\\:gap-3[data-size=\"sm\"] {\n gap: calc(var(--spacing) * 3);\n }\n\n .data-\\[size\\=sm\\]\\:rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\][data-size=\"sm\"] {\n border-radius: min(var(--radius-md), 10px);\n }\n\n .data-\\[size\\=sm\\]\\:py-0\\.5[data-size=\"sm\"] {\n padding-block: calc(var(--spacing) * .5);\n }\n\n .data-\\[size\\=sm\\]\\:py-3[data-size=\"sm\"] {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .data-\\[size\\=sm\\]\\:text-xs[data-size=\"sm\"] {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .data-\\[size\\=sm\\]\\:has-data-\\[slot\\=card-footer\\]\\:pb-0[data-size=\"sm\"]:has([data-slot=\"card-footer\"]) {\n padding-bottom: 0;\n }\n\n :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-destructive > *)[data-slot=\"alert-description\"] {\n color: var(--destructive);\n }\n\n :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-info > *)[data-slot=\"alert-description\"] {\n color: var(--info);\n }\n\n :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-success > *)[data-slot=\"alert-description\"] {\n color: var(--success);\n }\n\n :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-warning > *)[data-slot=\"alert-description\"] {\n color: var(--warning);\n }\n\n :is(.\\*\\:data-\\[slot\\=attachment\\]\\:flex-none > *)[data-slot=\"attachment\"] {\n flex: none;\n }\n\n :is(.\\*\\:data-\\[slot\\=attachment\\]\\:snap-start > *)[data-slot=\"attachment\"] {\n scroll-snap-align: start;\n }\n\n :is(.\\*\\:data-\\[slot\\=avatar\\]\\:ring-2 > *)[data-slot=\"avatar\"] {\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 :is(.\\*\\:data-\\[slot\\=avatar\\]\\:ring-background > *)[data-slot=\"avatar\"] {\n --tw-ring-color: var(--background);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:rounded-none > *)[data-slot=\"bubble-content\"] {\n border-radius: 0;\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:border-border > *)[data-slot=\"bubble-content\"] {\n border-color: var(--border);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.93_calc\\(c\\*0\\.4\\)_h\\)\\] > *)[data-slot=\"bubble-content\"] {\n background-color: oklch(from var(--primary) .93 calc(c * .4) h);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-background > *)[data-slot=\"bubble-content\"] {\n background-color: var(--background);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/10 > *)[data-slot=\"bubble-content\"] {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/10 > *)[data-slot=\"bubble-content\"] {\n background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n }\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-muted > *)[data-slot=\"bubble-content\"] {\n background-color: var(--muted);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-primary > *)[data-slot=\"bubble-content\"] {\n background-color: var(--primary);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-secondary > *)[data-slot=\"bubble-content\"] {\n background-color: var(--secondary);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-transparent > *)[data-slot=\"bubble-content\"] {\n background-color: #0000;\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:p-0 > *)[data-slot=\"bubble-content\"] {\n padding: 0;\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-destructive > *)[data-slot=\"bubble-content\"] {\n color: var(--destructive);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-foreground > *)[data-slot=\"bubble-content\"] {\n color: var(--foreground);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-primary-foreground > *)[data-slot=\"bubble-content\"] {\n color: var(--primary-foreground);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-secondary-foreground > *)[data-slot=\"bubble-content\"] {\n color: var(--secondary-foreground);\n }\n\n :is(.\\*\\:data-\\[slot\\=input-group-addon\\]\\:pl-2\\! > *)[data-slot=\"input-group-addon\"] {\n padding-left: calc(var(--spacing) * 2) !important;\n }\n\n :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:relative *)[data-slot=\"kbd\"] {\n position: relative;\n }\n\n :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:isolate *)[data-slot=\"kbd\"] {\n isolation: isolate;\n }\n\n :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:z-50 *)[data-slot=\"kbd\"] {\n z-index: 50;\n }\n\n :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:rounded-sm *)[data-slot=\"kbd\"] {\n border-radius: calc(var(--radius) * .6);\n }\n\n :is(.\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:ring-0 *)[data-slot=\"navigation-menu-link\"]: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 :is(.\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:outline-none *)[data-slot=\"navigation-menu-link\"]:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n :is(.group-data-\\[orientation\\=vertical\\]\\/attachment\\:\\*\\:data-\\[slot\\=spinner\\]\\:size-6\\!:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) > *)[data-slot=\"spinner\"] {\n width: calc(var(--spacing) * 6) !important;\n height: calc(var(--spacing) * 6) !important;\n }\n\n .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-l-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"]:first-child {\n border-top-left-radius: var(--radius);\n border-bottom-left-radius: var(--radius);\n }\n\n .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-t-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"]:first-child {\n border-top-left-radius: var(--radius);\n border-top-right-radius: var(--radius);\n }\n\n .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-r-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"]:last-child {\n border-top-right-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n }\n\n .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-b-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"]:last-child {\n border-bottom-right-radius: var(--radius);\n border-bottom-left-radius: var(--radius);\n }\n\n .data-\\[state\\=delayed-open\\]\\:animate-in[data-state=\"delayed-open\"] {\n animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-\\[state\\=delayed-open\\]\\:fade-in-0[data-state=\"delayed-open\"] {\n --tw-enter-opacity: 0;\n }\n\n .data-\\[state\\=delayed-open\\]\\:zoom-in-95[data-state=\"delayed-open\"] {\n --tw-enter-scale: .95;\n }\n\n .data-\\[state\\=error\\]\\:border-destructive\\/30[data-state=\"error\"] {\n border-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-\\[state\\=error\\]\\:border-destructive\\/30[data-state=\"error\"] {\n border-color: color-mix(in oklab, var(--destructive) 30%, transparent);\n }\n }\n\n .data-\\[state\\=hidden\\]\\:animate-out[data-state=\"hidden\"] {\n animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-\\[state\\=hidden\\]\\:fade-out[data-state=\"hidden\"] {\n --tw-exit-opacity: 0;\n }\n\n .data-\\[state\\=idle\\]\\:border-dashed[data-state=\"idle\"] {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .data-\\[state\\=selected\\]\\:bg-muted[data-state=\"selected\"] {\n background-color: var(--muted);\n }\n\n .data-\\[state\\=visible\\]\\:animate-in[data-state=\"visible\"] {\n animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-\\[state\\=visible\\]\\:fade-in[data-state=\"visible\"] {\n --tw-enter-opacity: 0;\n }\n\n .data-ending-style\\:data-\\[swipe-direction\\=down\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)\\+150\\%\\)\\)\\][data-ending-style][data-swipe-direction=\"down\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=down\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)\\+150\\%\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"down\"] {\n transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));\n }\n\n .data-ending-style\\:data-\\[swipe-direction\\=left\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)-150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-ending-style][data-swipe-direction=\"left\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=left\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)-150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"left\"] {\n transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));\n }\n\n .data-ending-style\\:data-\\[swipe-direction\\=right\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)\\+150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-ending-style][data-swipe-direction=\"right\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=right\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)\\+150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"right\"] {\n transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));\n }\n\n .data-ending-style\\:data-\\[swipe-direction\\=up\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)-150\\%\\)\\)\\][data-ending-style][data-swipe-direction=\"up\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=up\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)-150\\%\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"up\"] {\n transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));\n }\n\n .data-\\[variant\\=destructive\\]\\:text-destructive[data-variant=\"destructive\"] {\n color: var(--destructive);\n }\n\n .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=\"destructive\"]:focus {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=\"destructive\"]:focus {\n background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n }\n }\n\n .data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant=\"destructive\"]:focus {\n color: var(--destructive);\n }\n\n .data-\\[variant\\=ghost\\]\\:max-w-full[data-variant=\"ghost\"] {\n max-width: 100%;\n }\n\n .data-\\[variant\\=line\\]\\:rounded-none[data-variant=\"line\"] {\n border-radius: 0;\n }\n\n .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-l-0:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"] {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\n }\n\n .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-t-0:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"] {\n border-top-style: var(--tw-border-style);\n border-top-width: 0;\n }\n\n .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-l:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"]:first-child {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-t:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"]:first-child {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {\n .supports-backdrop-filter\\:backdrop-blur-xs {\n --tw-backdrop-blur: blur(var(--blur-xs));\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\n @media (prefers-reduced-motion: no-preference) {\n .motion-safe\\: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 .motion-safe\\:duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .motion-reduce\\:transform-none {\n transform: none;\n }\n\n .motion-reduce\\:animate-none {\n animation: none;\n }\n\n .motion-reduce\\:transition-none {\n transition-property: none;\n }\n }\n\n @media (min-width: 40rem) {\n .sm\\:right-4 {\n right: calc(var(--spacing) * 4);\n }\n\n .sm\\:left-auto {\n left: auto;\n }\n\n .sm\\:mx-0 {\n margin-inline: 0;\n }\n\n .sm\\:flex {\n display: flex;\n }\n\n .sm\\:min-h-0 {\n min-height: 0;\n }\n\n .sm\\:min-h-8 {\n min-height: calc(var(--spacing) * 8);\n }\n\n .sm\\:w-full {\n width: 100%;\n }\n\n .sm\\:max-w-sm {\n max-width: var(--container-sm);\n }\n\n .sm\\:flex-row {\n flex-direction: row;\n }\n\n .sm\\:justify-end {\n justify-content: flex-end;\n }\n\n .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:row-span-2:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n grid-row: span 2 / span 2;\n }\n\n .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:place-items-start:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n place-items: start;\n }\n\n .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:text-left:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n text-align: left;\n }\n\n .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:group-has-data-\\[slot\\=alert-dialog-media\\]\\/alert-dialog-content\\:col-start-2:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *):is(:where(.group\\/alert-dialog-content):has([data-slot=\"alert-dialog-media\"]) *) {\n grid-column-start: 2;\n }\n\n .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_1fr\\]:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *):has([data-slot=\"alert-dialog-media\"]) {\n grid-template-rows: auto 1fr;\n }\n\n .data-\\[side\\=left\\]\\:sm\\:max-w-sm[data-side=\"left\"], .data-\\[side\\=right\\]\\:sm\\:max-w-sm[data-side=\"right\"], .data-\\[size\\=default\\]\\:sm\\:max-w-sm[data-size=\"default\"] {\n max-width: var(--container-sm);\n }\n }\n\n @media (min-width: 48rem) {\n .md\\:block {\n display: block;\n }\n\n .md\\:flex {\n display: flex;\n }\n\n .md\\:flex-row {\n flex-direction: row;\n }\n\n .md\\:text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .md\\:text-pretty {\n text-wrap: pretty;\n }\n\n .md\\:opacity-0 {\n opacity: 0;\n }\n\n .md\\:peer-data-\\[variant\\=inset\\]\\:m-2:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n margin: calc(var(--spacing) * 2);\n }\n\n .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n margin-left: 0;\n }\n\n .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n border-radius: calc(var(--radius) * 1.4);\n }\n\n .md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\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 .md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ml-2:is(:where(.peer)[data-variant=\"inset\"] ~ *):is(:where(.peer)[data-state=\"collapsed\"] ~ *) {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .md\\:after\\:hidden:after {\n content: var(--tw-content);\n display: none;\n }\n }\n\n .ltr\\:-translate-x-1\\/2:where(:dir(ltr), [dir=\"ltr\"], [dir=\"ltr\"] *), .rtl\\:-translate-x-1\\/2:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .rtl\\:translate-x-1\\/2:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) {\n --tw-translate-x: calc(1 / 2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .dark\\:border-input:is(.dark *) {\n border-color: var(--input);\n }\n\n .dark\\:bg-destructive\\/15:is(.dark *) {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-destructive\\/15:is(.dark *) {\n background-color: color-mix(in oklab, var(--destructive) 15%, transparent);\n }\n }\n\n .dark\\:bg-destructive\\/20:is(.dark *) {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-destructive\\/20:is(.dark *) {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .dark\\:bg-info-ring\\/30:is(.dark *) {\n background-color: var(--info-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-info-ring\\/30:is(.dark *) {\n background-color: color-mix(in oklab, var(--info-ring) 30%, transparent);\n }\n }\n\n .dark\\:bg-input\\/20:is(.dark *) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-input\\/20:is(.dark *) {\n background-color: color-mix(in oklab, var(--input) 20%, transparent);\n }\n }\n\n .dark\\:bg-input\\/30:is(.dark *) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-input\\/30:is(.dark *) {\n background-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n\n .dark\\:bg-success-ring\\/30:is(.dark *) {\n background-color: var(--success-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-success-ring\\/30:is(.dark *) {\n background-color: color-mix(in oklab, var(--success-ring) 30%, transparent);\n }\n }\n\n .dark\\:bg-transparent:is(.dark *) {\n background-color: #0000;\n }\n\n .dark\\:bg-warning-ring\\/30:is(.dark *) {\n background-color: var(--warning-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-warning-ring\\/30:is(.dark *) {\n background-color: color-mix(in oklab, var(--warning-ring) 30%, transparent);\n }\n }\n\n .dark\\:text-background:is(.dark *) {\n color: var(--background);\n }\n\n .dark\\:text-muted-foreground:is(.dark *) {\n color: var(--muted-foreground);\n }\n\n .dark\\:group-data-checked\\/questionnaire-choice\\:bg-primary:is(.dark *):is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n background-color: var(--primary);\n }\n\n .dark\\:after\\:mix-blend-lighten:is(.dark *):after {\n content: var(--tw-content);\n mix-blend-mode: lighten;\n }\n\n @media (hover: hover) {\n .dark\\:hover\\:bg-destructive\\/20:is(.dark *):hover {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:hover\\:bg-destructive\\/20:is(.dark *):hover {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .dark\\:hover\\:bg-input\\/50:is(.dark *):hover {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:hover\\:bg-input\\/50:is(.dark *):hover {\n background-color: color-mix(in oklab, var(--input) 50%, transparent);\n }\n }\n\n .dark\\:hover\\:bg-muted\\/50:is(.dark *):hover {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:hover\\:bg-muted\\/50:is(.dark *):hover {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .dark\\:hover\\:text-foreground:is(.dark *):hover {\n color: var(--foreground);\n }\n }\n\n .dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n .dark\\:disabled\\:bg-input\\/80:is(.dark *):disabled {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:disabled\\:bg-input\\/80:is(.dark *):disabled {\n background-color: color-mix(in oklab, var(--input) 80%, transparent);\n }\n }\n\n .dark\\:disabled\\:bg-transparent:is(.dark *):disabled {\n background-color: #0000;\n }\n\n :where([data-slot=\"tooltip-content\"]) .dark\\:in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/10:is(.dark *) {\n background-color: var(--background);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n :where([data-slot=\"tooltip-content\"]) .dark\\:in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/10:is(.dark *) {\n background-color: color-mix(in oklab, var(--background) 10%, transparent);\n }\n }\n\n .dark\\:has-disabled\\:bg-input\\/80:is(.dark *):has(:disabled) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:has-disabled\\:bg-input\\/80:is(.dark *):has(:disabled) {\n background-color: color-mix(in oklab, var(--input) 80%, transparent);\n }\n }\n\n .dark\\:has-aria-invalid\\:ring-destructive\\/40:is(.dark *):has([aria-invalid=\"true\"]) {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:has-aria-invalid\\:ring-destructive\\/40:is(.dark *):has([aria-invalid=\"true\"]) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n .dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40:is(.dark *):has([data-slot][aria-invalid=\"true\"]) {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40:is(.dark *):has([data-slot][aria-invalid=\"true\"]) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n .dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=\"true\"] {\n border-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=\"true\"] {\n border-color: color-mix(in oklab, var(--destructive) 50%, transparent);\n }\n }\n\n .dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n .dark\\:data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[data-active=\"true\"][aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[data-active=\"true\"][aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n :is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.3_calc\\(c\\*0\\.4\\)_h\\)\\]:is(.dark *) > *)[data-slot=\"bubble-content\"] {\n background-color: oklch(from var(--primary) .3 calc(c * .4) h);\n }\n\n :is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/20:is(.dark *) > *)[data-slot=\"bubble-content\"] {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n :is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/20:is(.dark *) > *)[data-slot=\"bubble-content\"] {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=\"destructive\"]:focus {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=\"destructive\"]:focus {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .data-open\\:scale-100:where([data-state=\"open\"]), .data-open\\:scale-100:where([data-open]:not([data-open=\"false\"])) {\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 .data-open\\:animate-in:where([data-state=\"open\"]), .data-open\\:animate-in:where([data-open]:not([data-open=\"false\"])) {\n animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-open\\:bg-accent:where([data-state=\"open\"]), .data-open\\:bg-accent:where([data-open]:not([data-open=\"false\"])) {\n background-color: var(--accent);\n }\n\n .data-open\\:bg-muted\\/50:where([data-state=\"open\"]), .data-open\\:bg-muted\\/50:where([data-open]:not([data-open=\"false\"])) {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-open\\:bg-muted\\/50:where([data-state=\"open\"]), .data-open\\:bg-muted\\/50:where([data-open]:not([data-open=\"false\"])) {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .data-open\\:text-accent-foreground:where([data-state=\"open\"]), .data-open\\:text-accent-foreground:where([data-open]:not([data-open=\"false\"])) {\n color: var(--accent-foreground);\n }\n\n .data-open\\:opacity-100:where([data-state=\"open\"]), .data-open\\:opacity-100:where([data-open]:not([data-open=\"false\"])) {\n opacity: 1;\n }\n\n .data-open\\:fade-in-0:where([data-state=\"open\"]), .data-open\\:fade-in-0:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-opacity: 0;\n }\n\n .data-open\\:zoom-in-95:where([data-state=\"open\"]), .data-open\\:zoom-in-95:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-scale: .95;\n }\n\n .data-open\\:slide-in-from-bottom:where([data-state=\"open\"]), .data-open\\:slide-in-from-bottom:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-translate-y: 100%;\n }\n\n .data-open\\:slide-in-from-left:where([data-state=\"open\"]), .data-open\\:slide-in-from-left:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-translate-x: -100%;\n }\n\n .data-open\\:slide-in-from-right:where([data-state=\"open\"]), .data-open\\:slide-in-from-right:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-translate-x: 100%;\n }\n\n .data-open\\:slide-in-from-top:where([data-state=\"open\"]), .data-open\\:slide-in-from-top:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-translate-y: -100%;\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:animate-in:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"open\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:animate-in:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-open]:not([data-open=\"false\"])) {\n animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:fade-in-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"open\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:fade-in-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-opacity: 0;\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:zoom-in-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"open\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:zoom-in-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-scale: .95;\n }\n\n @media (hover: hover) {\n :is(.data-open\\:hover\\:bg-muted:where([data-state=\"open\"]), .data-open\\:hover\\:bg-muted:where([data-open]:not([data-open=\"false\"]))):hover {\n background-color: var(--muted);\n }\n\n :is(.data-open\\:hover\\:bg-sidebar-accent:where([data-state=\"open\"]), .data-open\\:hover\\:bg-sidebar-accent:where([data-open]:not([data-open=\"false\"]))):hover {\n background-color: var(--sidebar-accent);\n }\n\n :is(.data-open\\:hover\\:text-sidebar-accent-foreground:where([data-state=\"open\"]), .data-open\\:hover\\:text-sidebar-accent-foreground:where([data-open]:not([data-open=\"false\"]))):hover {\n color: var(--sidebar-accent-foreground);\n }\n }\n\n :is(.data-open\\:focus\\:bg-muted:where([data-state=\"open\"]), .data-open\\:focus\\:bg-muted:where([data-open]:not([data-open=\"false\"]))):focus {\n background-color: var(--muted);\n }\n\n .data-closed\\:scale-95:where([data-state=\"closed\"]), .data-closed\\:scale-95:where([data-closed]:not([data-closed=\"false\"])) {\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 .data-closed\\:animate-out:where([data-state=\"closed\"]), .data-closed\\:animate-out:where([data-closed]:not([data-closed=\"false\"])) {\n animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-closed\\:overflow-hidden:where([data-state=\"closed\"]), .data-closed\\:overflow-hidden:where([data-closed]:not([data-closed=\"false\"])) {\n overflow: hidden;\n }\n\n .data-closed\\:opacity-0:where([data-state=\"closed\"]), .data-closed\\:opacity-0:where([data-closed]:not([data-closed=\"false\"])) {\n opacity: 0;\n }\n\n .data-closed\\:fade-out-0:where([data-state=\"closed\"]), .data-closed\\:fade-out-0:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-opacity: 0;\n }\n\n .data-closed\\:zoom-out-95:where([data-state=\"closed\"]), .data-closed\\:zoom-out-95:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-scale: .95;\n }\n\n .data-closed\\:slide-out-to-bottom:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-bottom:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-translate-y: 100%;\n }\n\n .data-closed\\:slide-out-to-left:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-left:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-translate-x: -100%;\n }\n\n .data-closed\\:slide-out-to-right:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-right:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-translate-x: 100%;\n }\n\n .data-closed\\:slide-out-to-top:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-top:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-translate-y: -100%;\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:animate-out:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"closed\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:animate-out:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-closed]:not([data-closed=\"false\"])) {\n animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:fade-out-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"closed\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:fade-out-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-opacity: 0;\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:zoom-out-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"closed\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:zoom-out-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-scale: .95;\n }\n\n .data-checked\\:border-primary:where([data-state=\"checked\"]), .data-checked\\:border-primary:where([data-checked]:not([data-checked=\"false\"])), .data-checked\\:border-primary\\/40:where([data-state=\"checked\"]), .data-checked\\:border-primary\\/40:where([data-checked]:not([data-checked=\"false\"])) {\n border-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-checked\\:border-primary\\/40:where([data-state=\"checked\"]), .data-checked\\:border-primary\\/40:where([data-checked]:not([data-checked=\"false\"])) {\n border-color: color-mix(in oklab, var(--primary) 40%, transparent);\n }\n }\n\n .data-checked\\:bg-muted:where([data-state=\"checked\"]), .data-checked\\:bg-muted:where([data-checked]:not([data-checked=\"false\"])) {\n background-color: var(--muted);\n }\n\n .data-checked\\:bg-primary:where([data-state=\"checked\"]), .data-checked\\:bg-primary:where([data-checked]:not([data-checked=\"false\"])) {\n background-color: var(--primary);\n }\n\n .data-checked\\:text-primary-foreground:where([data-state=\"checked\"]), .data-checked\\:text-primary-foreground:where([data-checked]:not([data-checked=\"false\"])) {\n color: var(--primary-foreground);\n }\n\n .group-data-\\[size\\=default\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-state=\"checked\"]), .group-data-\\[size\\=default\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-checked]:not([data-checked=\"false\"])), .group-data-\\[size\\=sm\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-state=\"checked\"]), .group-data-\\[size\\=sm\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-checked]:not([data-checked=\"false\"])) {\n --tw-translate-x: calc(100% - 2px);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .dark\\:data-checked\\:bg-muted:is(.dark *):where([data-state=\"checked\"]), .dark\\:data-checked\\:bg-muted:is(.dark *):where([data-checked]:not([data-checked=\"false\"])) {\n background-color: var(--muted);\n }\n\n .dark\\:data-checked\\:bg-primary:is(.dark *):where([data-state=\"checked\"]), .dark\\:data-checked\\:bg-primary:is(.dark *):where([data-checked]:not([data-checked=\"false\"])) {\n background-color: var(--primary);\n }\n\n .dark\\:data-checked\\:bg-primary-foreground:is(.dark *):where([data-state=\"checked\"]), .dark\\:data-checked\\:bg-primary-foreground:is(.dark *):where([data-checked]:not([data-checked=\"false\"])) {\n background-color: var(--primary-foreground);\n }\n\n .data-unchecked\\:bg-input:where([data-state=\"unchecked\"]), .data-unchecked\\:bg-input:where([data-unchecked]:not([data-unchecked=\"false\"])) {\n background-color: var(--input);\n }\n\n .group-data-\\[size\\=default\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-state=\"unchecked\"]), .group-data-\\[size\\=default\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-unchecked]:not([data-unchecked=\"false\"])), .group-data-\\[size\\=sm\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-state=\"unchecked\"]), .group-data-\\[size\\=sm\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .dark\\:data-unchecked\\:bg-foreground:is(.dark *):where([data-state=\"unchecked\"]), .dark\\:data-unchecked\\:bg-foreground:is(.dark *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n background-color: var(--foreground);\n }\n\n .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-state=\"unchecked\"]), .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-state=\"unchecked\"]), .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n background-color: color-mix(in oklab, var(--input) 80%, transparent);\n }\n }\n\n .data-selected\\:bg-muted:where([data-selected=\"true\"]) {\n background-color: var(--muted);\n }\n\n .data-selected\\:text-foreground:where([data-selected=\"true\"]) {\n color: var(--foreground);\n }\n\n .data-disabled\\:pointer-events-none:where([data-disabled=\"true\"]), .data-disabled\\:pointer-events-none:where([data-disabled]:not([data-disabled=\"false\"])) {\n pointer-events: none;\n }\n\n .data-disabled\\:cursor-not-allowed:where([data-disabled=\"true\"]), .data-disabled\\:cursor-not-allowed:where([data-disabled]:not([data-disabled=\"false\"])) {\n cursor: not-allowed;\n }\n\n .data-disabled\\:opacity-50:where([data-disabled=\"true\"]), .data-disabled\\:opacity-50:where([data-disabled]:not([data-disabled=\"false\"])) {\n opacity: .5;\n }\n\n .data-active\\:bg-background:where([data-state=\"active\"]), .data-active\\:bg-background:where([data-active]:not([data-active=\"false\"])) {\n background-color: var(--background);\n }\n\n .data-active\\:bg-muted\\/50:where([data-state=\"active\"]), .data-active\\:bg-muted\\/50:where([data-active]:not([data-active=\"false\"])) {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-active\\:bg-muted\\/50:where([data-state=\"active\"]), .data-active\\:bg-muted\\/50:where([data-active]:not([data-active=\"false\"])) {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .data-active\\:bg-sidebar-accent:where([data-state=\"active\"]), .data-active\\:bg-sidebar-accent:where([data-active]:not([data-active=\"false\"])) {\n background-color: var(--sidebar-accent);\n }\n\n .data-active\\:font-medium:where([data-state=\"active\"]), .data-active\\:font-medium:where([data-active]:not([data-active=\"false\"])) {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .data-active\\:text-foreground:where([data-state=\"active\"]), .data-active\\:text-foreground:where([data-active]:not([data-active=\"false\"])) {\n color: var(--foreground);\n }\n\n .data-active\\:text-sidebar-accent-foreground:where([data-state=\"active\"]), .data-active\\:text-sidebar-accent-foreground:where([data-active]:not([data-active=\"false\"])) {\n color: var(--sidebar-accent-foreground);\n }\n\n .group-data-\\[variant\\=default\\]\\/tabs-list\\:data-active\\:shadow-sm:is(:where(.group\\/tabs-list)[data-variant=\"default\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=default\\]\\/tabs-list\\:data-active\\:shadow-sm:is(:where(.group\\/tabs-list)[data-variant=\"default\"] *):where([data-active]:not([data-active=\"false\"])) {\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 .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n background-color: #0000;\n }\n\n .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:shadow-none:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:shadow-none:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n :is(.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"]))):after {\n content: var(--tw-content);\n opacity: 1;\n }\n\n @media (hover: hover) {\n :is(.data-active\\:hover\\:bg-muted:where([data-state=\"active\"]), .data-active\\:hover\\:bg-muted:where([data-active]:not([data-active=\"false\"]))):hover {\n background-color: var(--muted);\n }\n }\n\n :is(.data-active\\:focus\\:bg-muted:where([data-state=\"active\"]), .data-active\\:focus\\:bg-muted:where([data-active]:not([data-active=\"false\"]))):focus {\n background-color: var(--muted);\n }\n\n .dark\\:data-active\\:border-input:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:border-input:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n border-color: var(--input);\n }\n\n .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n background-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n\n .dark\\:data-active\\:text-foreground:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:text-foreground:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n color: var(--foreground);\n }\n\n .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n border-color: #0000;\n }\n\n .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n background-color: #0000;\n }\n\n .data-horizontal\\:h-px:where([data-orientation=\"horizontal\"]) {\n height: 1px;\n }\n\n .data-horizontal\\:w-full:where([data-orientation=\"horizontal\"]) {\n width: 100%;\n }\n\n .data-horizontal\\:flex-col:where([data-orientation=\"horizontal\"]) {\n flex-direction: column;\n }\n\n .data-vertical\\:w-px:where([data-orientation=\"vertical\"]) {\n width: 1px;\n }\n\n .data-vertical\\:flex-col:where([data-orientation=\"vertical\"]) {\n flex-direction: column;\n }\n\n .data-vertical\\:items-stretch:where([data-orientation=\"vertical\"]) {\n align-items: stretch;\n }\n\n .data-vertical\\:self-stretch:where([data-orientation=\"vertical\"]) {\n align-self: stretch;\n }\n\n .\\[\\&_\\.recharts-cartesian-axis-tick_text\\]\\:fill-muted-foreground .recharts-cartesian-axis-tick text {\n fill: var(--muted-foreground);\n }\n\n .\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke=\"#ccc\"] {\n stroke: var(--border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke=\"#ccc\"] {\n stroke: color-mix(in oklab, var(--border) 50%, transparent);\n }\n }\n\n .\\[\\&_\\.recharts-curve\\.recharts-tooltip-cursor\\]\\:stroke-border .recharts-curve.recharts-tooltip-cursor {\n stroke: var(--border);\n }\n\n .\\[\\&_\\.recharts-dot\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-dot[stroke=\"#fff\"] {\n stroke: #0000;\n }\n\n .\\[\\&_\\.recharts-layer\\]\\:outline-hidden .recharts-layer {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n @media (forced-colors: active) {\n .\\[\\&_\\.recharts-layer\\]\\:outline-hidden .recharts-layer {\n outline-offset: 2px;\n outline: 2px solid #0000;\n }\n }\n\n .\\[\\&_\\.recharts-polar-grid_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-polar-grid [stroke=\"#ccc\"] {\n stroke: var(--border);\n }\n\n .\\[\\&_\\.recharts-radial-bar-background-sector\\]\\:fill-muted .recharts-radial-bar-background-sector, .\\[\\&_\\.recharts-rectangle\\.recharts-tooltip-cursor\\]\\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {\n fill: var(--muted);\n }\n\n .\\[\\&_\\.recharts-reference-line_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-reference-line [stroke=\"#ccc\"] {\n stroke: var(--border);\n }\n\n .\\[\\&_\\.recharts-sector\\]\\:outline-hidden .recharts-sector {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n @media (forced-colors: active) {\n .\\[\\&_\\.recharts-sector\\]\\:outline-hidden .recharts-sector {\n outline-offset: 2px;\n outline: 2px solid #0000;\n }\n }\n\n .\\[\\&_\\.recharts-sector\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-sector[stroke=\"#fff\"] {\n stroke: #0000;\n }\n\n .\\[\\&_\\.recharts-surface\\]\\:outline-hidden .recharts-surface {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n @media (forced-colors: active) {\n .\\[\\&_\\.recharts-surface\\]\\:outline-hidden .recharts-surface {\n outline-offset: 2px;\n outline: 2px solid #0000;\n }\n }\n\n .\\[\\&_\\[data-slot\\=slider-control\\]\\]\\:py-1\\.5 [data-slot=\"slider-control\"] {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .\\[\\&_\\[data-slot\\=slider-thumb\\]\\]\\:size-3 [data-slot=\"slider-thumb\"] {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .\\[\\&_\\[data-slot\\=slider-track\\]\\]\\:h-1 [data-slot=\"slider-track\"] {\n height: var(--spacing);\n }\n\n .\\[\\&_\\[data-slot\\=slider-track\\]\\]\\:bg-foreground\\/15 [data-slot=\"slider-track\"] {\n background-color: var(--foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&_\\[data-slot\\=slider-track\\]\\]\\:bg-foreground\\/15 [data-slot=\"slider-track\"] {\n background-color: color-mix(in oklab, var(--foreground) 15%, transparent);\n }\n }\n\n .\\[\\&_a\\]\\:underline a {\n text-decoration-line: underline;\n }\n\n .\\[\\&_a\\]\\:underline-offset-3 a {\n text-underline-offset: 3px;\n }\n\n @media (hover: hover) {\n .\\[\\&_a\\]\\:hover\\:text-foreground a:hover {\n color: var(--foreground);\n }\n }\n\n .\\[\\&_img\\]\\:size-full img {\n width: 100%;\n height: 100%;\n }\n\n .\\[\\&_img\\]\\:object-cover img {\n object-fit: cover;\n }\n\n .\\[\\&_p\\:not\\(\\:last-child\\)\\]\\:mb-4 p:not(:last-child) {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .\\[\\&_svg\\]\\:pointer-events-none svg {\n pointer-events: none;\n }\n\n .\\[\\&_svg\\]\\:size-4 svg {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .\\[\\&_svg\\]\\:shrink-0 svg {\n flex-shrink: 0;\n }\n\n .data-\\[direction\\=start\\]\\:\\[\\&_svg\\]\\:rotate-180[data-direction=\"start\"] svg {\n rotate: 180deg;\n }\n\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\\"size-\\\"\\]\\)\\]\\:size-4 svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-6:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .group-data-\\[size\\=xs\\]\\/attachment\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5:is(:where(.group\\/attachment)[data-size=\"xs\"] *) svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n\n .\\[\\&_tr\\]\\:border-b tr {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .\\[\\&\\+\\[data-slot\\=item-content\\]\\]\\:flex-none + [data-slot=\"item-content\"] {\n flex: none;\n }\n\n .\\[\\&\\:first-child\\[data-selected\\=true\\]_button\\]\\:rounded-l-\\(--cell-radius\\):first-child[data-selected=\"true\"] button {\n border-top-left-radius: var(--cell-radius);\n border-bottom-left-radius: var(--cell-radius);\n }\n\n .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) {\n padding-right: 0;\n }\n\n .\\[\\.border-b\\]\\:pb-2.border-b {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .\\[\\.border-b\\]\\:pb-4.border-b {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .group-data-\\[size\\=sm\\]\\/card\\:\\[\\.border-b\\]\\:pb-3:is(:where(.group\\/card)[data-size=\"sm\"] *).border-b {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .\\[\\.border-t\\]\\:pt-2.border-t {\n padding-top: calc(var(--spacing) * 2);\n }\n\n :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_next\\>svg\\]\\:rotate-180:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) *):is(.rdp-button_next > svg), :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_previous\\>svg\\]\\:rotate-180:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) *):is(.rdp-button_previous > svg) {\n rotate: 180deg;\n }\n\n :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:px-2 *)[cmdk-group-heading] {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:py-1\\.5 *)[cmdk-group-heading] {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:text-xs *)[cmdk-group-heading] {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:font-medium *)[cmdk-group-heading] {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:text-muted-foreground *)[cmdk-group-heading] {\n color: var(--muted-foreground);\n }\n\n .\\[a\\]\\:underline:is(a) {\n text-decoration-line: underline;\n }\n\n .\\[a\\]\\:underline-offset-3:is(a) {\n text-underline-offset: 3px;\n }\n\n .\\[a\\]\\:transition-colors:is(a) {\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 :is(.\\*\\:\\[a\\]\\:underline > *):is(a) {\n text-decoration-line: underline;\n }\n\n :is(.\\*\\:\\[a\\]\\:underline-offset-3 > *):is(a) {\n text-underline-offset: 3px;\n }\n\n @media (hover: hover) {\n .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:bg-info-ring\\/60:is(a):hover {\n background-color: var(--info-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-info-ring\\/60:is(a):hover {\n background-color: color-mix(in oklab, var(--info-ring) 60%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:bg-muted:is(a):hover {\n background-color: var(--muted);\n }\n\n .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover {\n background-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover {\n background-color: color-mix(in oklab, var(--primary) 80%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover {\n background-color: var(--secondary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover {\n background-color: color-mix(in oklab, var(--secondary) 80%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:bg-success-ring\\/60:is(a):hover {\n background-color: var(--success-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-success-ring\\/60:is(a):hover {\n background-color: color-mix(in oklab, var(--success-ring) 60%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:bg-warning-ring\\/60:is(a):hover {\n background-color: var(--warning-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-warning-ring\\/60:is(a):hover {\n background-color: color-mix(in oklab, var(--warning-ring) 60%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:text-foreground:is(a):hover {\n color: var(--foreground);\n }\n\n .\\[a\\]\\:hover\\:text-muted-foreground:is(a):hover {\n color: var(--muted-foreground);\n }\n\n :is(.\\*\\:\\[a\\]\\:hover\\:text-foreground > *):is(a):hover {\n color: var(--foreground);\n }\n }\n\n .\\[button\\]\\:text-left:is(button) {\n text-align: left;\n }\n\n .\\[button\\,a\\]\\:transition-colors:is(button, a) {\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 .\\[button\\,a\\]\\:outline-none:is(button, a) {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .\\[button\\,a\\]\\:focus-visible\\:border-ring:is(button, a):focus-visible {\n border-color: var(--ring);\n }\n\n .\\[button\\,a\\]\\:focus-visible\\:ring-3:is(button, a):focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .\\[button\\,a\\]\\:focus-visible\\:ring-ring\\/50:is(button, a):focus-visible {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[button\\,a\\]\\:focus-visible\\:ring-ring\\/50:is(button, a):focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n :is(.\\*\\:\\[img\\]\\:aspect-square > *):is(img) {\n aspect-ratio: 1;\n }\n\n :is(.\\*\\:\\[img\\]\\:w-full > *):is(img) {\n width: 100%;\n }\n\n :is(.\\*\\:\\[img\\]\\:object-cover > *):is(img) {\n object-fit: cover;\n }\n\n :is(.\\*\\:\\[img\\:first-child\\]\\:rounded-t-xl > *):is(img:first-child) {\n border-top-left-radius: calc(var(--radius) * 1.4);\n border-top-right-radius: calc(var(--radius) * 1.4);\n }\n\n :is(.\\*\\:\\[img\\:last-child\\]\\:rounded-b-xl > *):is(img:last-child) {\n border-bottom-right-radius: calc(var(--radius) * 1.4);\n border-bottom-left-radius: calc(var(--radius) * 1.4);\n }\n\n :is(.\\*\\:\\[svg\\]\\:row-span-2 > *):is(svg) {\n grid-row: span 2 / span 2;\n }\n\n :is(.\\*\\:\\[svg\\]\\:translate-y-0\\.5 > *):is(svg) {\n --tw-translate-y: calc(var(--spacing) * .5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n :is(.\\*\\:\\[svg\\]\\:text-current > *):is(svg) {\n color: currentColor;\n }\n\n :is(.focus\\:\\*\\:\\[svg\\]\\:text-accent-foreground:focus > *):is(svg) {\n color: var(--accent-foreground);\n }\n\n :is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:text-destructive[data-variant=\"destructive\"] > *):is(svg) {\n color: var(--destructive);\n }\n\n :is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:text-destructive\\![data-variant=\"destructive\"] > *):is(svg) {\n color: var(--destructive) !important;\n }\n\n :is(.data-selected\\:\\*\\:\\[svg\\]\\:text-foreground:where([data-selected=\"true\"]) > *):is(svg) {\n color: var(--foreground);\n }\n\n :is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 > *):is(svg:not([class*=\"size-\"])) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n :is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-6 > *):is(svg:not([class*=\"size-\"])) {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .\\[\\&\\:last-child\\[data-selected\\=true\\]_button\\]\\:rounded-r-\\(--cell-radius\\):last-child[data-selected=\"true\"] button {\n border-top-right-radius: var(--cell-radius);\n border-bottom-right-radius: var(--cell-radius);\n }\n\n .\\[\\&\\:not\\(\\:has\\(\\~\\[data-slot\\=questionnaire-description\\]\\)\\)\\]\\:mb-4:not(:has( ~ [data-slot=\"questionnaire-description\"])) {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .\\[\\&\\:nth-child\\(2\\)\\[data-selected\\=true\\]_button\\]\\:rounded-l-\\(--cell-radius\\):nth-child(2)[data-selected=\"true\"] button {\n border-top-left-radius: var(--cell-radius);\n border-bottom-left-radius: var(--cell-radius);\n }\n\n .\\[\\&\\>\\*\\]\\:relative > * {\n position: relative;\n }\n\n .\\[\\&\\>\\*\\]\\:z-0 > * {\n z-index: 0;\n }\n\n .data-\\[orientation\\=horizontal\\]\\:\\[\\&\\>\\*\\:first-child\\]\\:rounded-r-none[data-orientation=\"horizontal\"] > :first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n .data-\\[orientation\\=vertical\\]\\:\\[\\&\\>\\*\\:first-child\\]\\:rounded-b-none[data-orientation=\"vertical\"] > :first-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .\\[\\&\\>\\*\\:focus-visible\\]\\:z-10 > :focus-visible, .\\[\\&\\>\\*\\:hover\\]\\:z-10 > :hover {\n z-index: 10;\n }\n\n .data-\\[orientation\\=horizontal\\]\\:\\[\\&\\>\\*\\:last-child\\]\\:rounded-l-none[data-orientation=\"horizontal\"] > :last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .data-\\[orientation\\=vertical\\]\\:\\[\\&\\>\\*\\:last-child\\]\\:rounded-t-none[data-orientation=\"vertical\"] > :last-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n .data-\\[orientation\\=horizontal\\]\\:\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:-ml-px[data-orientation=\"horizontal\"] > :not(:first-child) {\n margin-left: -1px;\n }\n\n .data-\\[orientation\\=vertical\\]\\:\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:-mt-px[data-orientation=\"vertical\"] > :not(:first-child) {\n margin-top: -1px;\n }\n\n .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\:not\\(\\:last-child\\)\\]\\:rounded-none > :not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--muted\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--muted\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);\n }\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--secondary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);\n }\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.88_calc\\(c\\*0\\.5\\)_h\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: oklch(from var(--primary) .88 calc(c * .5) h);\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/20 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/20 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--muted);\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-primary\\/80 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-primary\\/80 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklab, var(--primary) 80%, transparent);\n }\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:text-foreground > [data-slot=\"bubble-content\"]:is(button, a):hover {\n color: var(--foreground);\n }\n\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.35_calc\\(c\\*0\\.5\\)_h\\)\\]:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: oklch(from var(--primary) .35 calc(c * .5) h);\n }\n\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklab, var(--destructive) 30%, transparent);\n }\n }\n\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-input\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-input\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted\\/50:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted\\/50:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role=\"checkbox\"] {\n --tw-translate-y: 2px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .\\[\\&\\>a\\]\\:underline > a {\n text-decoration-line: underline;\n }\n\n .\\[\\&\\>a\\]\\:underline-offset-4 > a {\n text-underline-offset: 4px;\n }\n\n .\\[\\&\\>a\\:hover\\]\\:text-primary > a:hover {\n color: var(--primary);\n }\n\n .\\[\\&\\>button\\]\\:hidden > button {\n display: none;\n }\n\n .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:\\[\\&\\>input\\]\\:pt-3:has( > [data-align=\"block-end\"]) > input {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:\\[\\&\\>input\\]\\:pb-3:has( > [data-align=\"block-start\"]) > input {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .has-\\[\\>\\[data-align\\=inline-end\\]\\]\\:\\[\\&\\>input\\]\\:pr-1\\.5:has( > [data-align=\"inline-end\"]) > input {\n padding-right: calc(var(--spacing) * 1.5);\n }\n\n .has-\\[\\>\\[data-align\\=inline-start\\]\\]\\:\\[\\&\\>input\\]\\:pl-1\\.5:has( > [data-align=\"inline-start\"]) > input {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .\\[\\&\\>kbd\\]\\:rounded-\\[calc\\(var\\(--radius\\)-5px\\)\\] > kbd {\n border-radius: calc(var(--radius) - 5px);\n }\n\n .\\[\\&\\>span\\]\\:text-xs > span {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .\\[\\&\\>span\\]\\:opacity-70 > span {\n opacity: .7;\n }\n\n .\\[\\&\\>span\\:last-child\\]\\:truncate > span:last-child {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .\\[\\&\\>svg\\]\\:pointer-events-none > svg {\n pointer-events: none;\n }\n\n .\\[\\&\\>svg\\]\\:size-3\\! > svg {\n width: calc(var(--spacing) * 3) !important;\n height: calc(var(--spacing) * 3) !important;\n }\n\n .\\[\\&\\>svg\\]\\:size-3\\.5 > svg {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n\n .\\[\\&\\>svg\\]\\:size-4 > svg {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .\\[\\&\\>svg\\]\\:h-2\\.5 > svg {\n height: calc(var(--spacing) * 2.5);\n }\n\n .\\[\\&\\>svg\\]\\:h-3 > svg {\n height: calc(var(--spacing) * 3);\n }\n\n .\\[\\&\\>svg\\]\\:w-2\\.5 > svg {\n width: calc(var(--spacing) * 2.5);\n }\n\n .\\[\\&\\>svg\\]\\:w-3 > svg {\n width: calc(var(--spacing) * 3);\n }\n\n .\\[\\&\\>svg\\]\\:shrink-0 > svg {\n flex-shrink: 0;\n }\n\n .\\[\\&\\>svg\\]\\:text-muted-foreground > svg {\n color: var(--muted-foreground);\n }\n\n .\\[\\&\\>svg\\]\\:text-sidebar-accent-foreground > svg {\n color: var(--sidebar-accent-foreground);\n }\n\n .group-has-data-\\[size\\=lg\\]\\/avatar-group\\:\\[\\&\\>svg\\]\\:size-5:is(:where(.group\\/avatar-group):has([data-size=\"lg\"]) *) > svg {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n\n .group-has-data-\\[size\\=sm\\]\\/avatar-group\\:\\[\\&\\>svg\\]\\:size-3:is(:where(.group\\/avatar-group):has([data-size=\"sm\"]) *) > svg {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[size\\=default\\]\\/avatar\\:\\[\\&\\>svg\\]\\:size-2:is(:where(.group\\/avatar)[data-size=\"default\"] *) > svg, .group-data-\\[size\\=lg\\]\\/avatar\\:\\[\\&\\>svg\\]\\:size-2:is(:where(.group\\/avatar)[data-size=\"lg\"] *) > svg {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n\n .group-data-\\[size\\=sm\\]\\/avatar\\:\\[\\&\\>svg\\]\\:hidden:is(:where(.group\\/avatar)[data-size=\"sm\"] *) > svg {\n display: none;\n }\n\n .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 > svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n\n .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 > svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .\\[\\&\\>tr\\]\\:last\\:border-b-0 > tr:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .\\[\\&\\[aria-orientation\\=horizontal\\]\\>div\\]\\:rotate-90[aria-orientation=\"horizontal\"] > div {\n rotate: 90deg;\n }\n\n .\\[\\&\\[data-ending-style\\]\\:not\\(\\[data-limited\\]\\)\\:not\\(\\[data-swipe-direction\\]\\)\\]\\:\\[transform\\:translateY\\(150\\%\\)\\][data-ending-style]:not([data-limited]):not([data-swipe-direction]) {\n transform: translateY(150%);\n }\n\n .\\[\\&\\[data-panel-open\\]\\>svg\\]\\:rotate-180[data-panel-open] > svg {\n rotate: 180deg;\n }\n\n [data-side=\"left\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 {\n right: calc(var(--spacing) * -2);\n }\n\n [data-side=\"left\"][data-state=\"collapsed\"] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize {\n cursor: e-resize;\n }\n\n [data-side=\"right\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 {\n left: calc(var(--spacing) * -2);\n }\n\n [data-side=\"right\"][data-state=\"collapsed\"] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize {\n cursor: w-resize;\n }\n}\n\n@property --tw-animation-delay {\n syntax: \"*\";\n inherits: false;\n initial-value: 0s;\n}\n\n@property --tw-animation-direction {\n syntax: \"*\";\n inherits: false;\n initial-value: normal;\n}\n\n@property --tw-animation-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-animation-fill-mode {\n syntax: \"*\";\n inherits: false;\n initial-value: none;\n}\n\n@property --tw-animation-iteration-count {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-enter-blur {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-enter-opacity {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-enter-rotate {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-enter-scale {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-enter-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-enter-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-exit-blur {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-exit-opacity {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-exit-rotate {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-exit-scale {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-exit-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-exit-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --scroll-fade-t {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --scroll-fade-b {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --scroll-fade-s {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --scroll-fade-e {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --scroll-fade-mask {\n syntax: \"*\";\n inherits: false\n}\n\n@property --shimmer-angle {\n syntax: \"<angle>\";\n inherits: true;\n initial-value: 20deg;\n}\n\n@property --shimmer-image {\n syntax: \"*\";\n inherits: false\n}\n\n@property --shimmer-text-fill {\n syntax: \"*\";\n inherits: false\n}\n\n@media (prefers-reduced-motion: reduce) {\n .shimmer {\n -webkit-text-fill-color: currentColor;\n background-image: none;\n animation: none;\n }\n}\n\n@keyframes edx-faded-under-reveal {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n:root {\n --radius: .625rem;\n --background: oklch(100% 0 0);\n --foreground: oklch(14.5% 0 0);\n --card: oklch(100% 0 0);\n --card-foreground: oklch(14.5% 0 0);\n --popover: oklch(100% 0 0);\n --popover-foreground: oklch(14.5% 0 0);\n --overlay: oklch(0% 0 0 / .1);\n --primary: oklch(20.5% 0 0);\n --primary-foreground: oklch(98.5% 0 0);\n --secondary: oklch(97% 0 0);\n --secondary-foreground: oklch(20.5% 0 0);\n --muted: oklch(97% 0 0);\n --muted-foreground: oklch(55.6% 0 0);\n --accent: oklch(97% 0 0);\n --accent-foreground: oklch(20.5% 0 0);\n --destructive: oklch(50.5% .213 27.518);\n --destructive-foreground: oklch(98.5% 0 0);\n --success: oklch(44.8% .119 151.328);\n --success-foreground: oklch(97.9% .021 166.113);\n --success-ring: oklch(90.5% .093 164.15);\n --warning: oklch(47.3% .137 46.201);\n --warning-foreground: oklch(98.7% .022 95.277);\n --warning-ring: oklch(92.4% .12 95.746);\n --info: oklch(50% .134 242.749);\n --info-foreground: oklch(97.7% .013 236.62);\n --info-ring: oklch(90.1% .058 230.902);\n --border: oklch(92.2% 0 0);\n --input: oklch(92.2% 0 0);\n --ring: oklch(70.8% 0 0);\n --chart-1: oklch(64.6% .222 41.116);\n --chart-2: oklch(60% .118 184.704);\n --chart-3: oklch(39.8% .07 227.392);\n --chart-4: oklch(82.8% .189 84.429);\n --chart-5: oklch(76.9% .188 70.08);\n --sidebar: oklch(98.5% 0 0);\n --sidebar-foreground: oklch(14.5% 0 0);\n --sidebar-primary: oklch(20.5% 0 0);\n --sidebar-primary-foreground: oklch(98.5% 0 0);\n --sidebar-accent: oklch(97% 0 0);\n --sidebar-accent-foreground: oklch(20.5% 0 0);\n --sidebar-border: oklch(92.2% 0 0);\n --sidebar-ring: oklch(70.8% 0 0);\n}\n\n.dark {\n --background: oklch(14.5% 0 0);\n --foreground: oklch(98.5% 0 0);\n --card: oklch(20.5% 0 0);\n --card-foreground: oklch(98.5% 0 0);\n --popover: oklch(20.5% 0 0);\n --popover-foreground: oklch(98.5% 0 0);\n --overlay: oklch(0% 0 0 / .1);\n --primary: oklch(92.2% 0 0);\n --primary-foreground: oklch(20.5% 0 0);\n --secondary: oklch(26.9% 0 0);\n --secondary-foreground: oklch(98.5% 0 0);\n --muted: oklch(26.9% 0 0);\n --muted-foreground: oklch(70.8% 0 0);\n --accent: oklch(26.9% 0 0);\n --accent-foreground: oklch(98.5% 0 0);\n --destructive: oklch(70.4% .191 22.216);\n --destructive-foreground: oklch(98.5% 0 0);\n --success: oklch(79.2% .209 151.711);\n --success-foreground: oklch(26.2% .051 172.552);\n --success-ring: oklch(43.2% .095 166.913);\n --warning: oklch(87.9% .169 91.605);\n --warning-foreground: oklch(27.9% .077 45.635);\n --warning-ring: oklch(47.3% .137 46.201);\n --info: oklch(82.8% .111 230.318);\n --info-foreground: oklch(29.3% .066 243.157);\n --info-ring: oklch(44.3% .11 240.79);\n --border: oklch(100% 0 0 / .1);\n --input: oklch(100% 0 0 / .15);\n --ring: oklch(55.6% 0 0);\n --chart-1: oklch(48.8% .243 264.376);\n --chart-2: oklch(69.6% .17 162.48);\n --chart-3: oklch(76.9% .188 70.08);\n --chart-4: oklch(62.7% .265 303.9);\n --chart-5: oklch(64.5% .246 16.439);\n --sidebar: oklch(20.5% 0 0);\n --sidebar-foreground: oklch(98.5% 0 0);\n --sidebar-primary: oklch(48.8% .243 264.376);\n --sidebar-primary-foreground: oklch(98.5% 0 0);\n --sidebar-accent: oklch(26.9% 0 0);\n --sidebar-accent-foreground: oklch(98.5% 0 0);\n --sidebar-border: oklch(100% 0 0 / .1);\n --sidebar-ring: oklch(55.6% 0 0);\n}\n\n@keyframes progress-indeterminate {\n from {\n translate: -100%;\n }\n\n to {\n translate: 300%;\n }\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-scroll-snap-strictness {\n syntax: \"*\";\n inherits: false;\n initial-value: proximity;\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-space-x-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-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@property --tw-scrollbar-thumb {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-scrollbar-track {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\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-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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes pulse {\n 50% {\n opacity: .5;\n }\n}\n\n@keyframes enter {\n from {\n opacity: var(--tw-enter-opacity, 1);\n transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));\n filter: blur(var(--tw-enter-blur, 0));\n }\n}\n\n@keyframes exit {\n to {\n opacity: var(--tw-exit-opacity, 1);\n transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));\n filter: blur(var(--tw-exit-blur, 0));\n }\n}\n\n@keyframes caret-blink {\n 0%, 70%, 100% {\n opacity: 1;\n }\n\n 20%, 50% {\n opacity: 0;\n }\n}\n\n@keyframes scroll-fade-reveal-b {\n from {\n --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n }\n\n to {\n --scroll-fade-b: 0px;\n }\n}\n\n@keyframes scroll-fade-reveal-s {\n from {\n --scroll-fade-s: 0px;\n }\n\n to {\n --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n }\n}\n\n@keyframes scroll-fade-reveal-e {\n from {\n --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n }\n\n to {\n --scroll-fade-e: 0px;\n }\n}\n\n@keyframes tw-shimmer {\n from {\n background-position: 100% 0;\n }\n\n to {\n background-position: 0 0;\n }\n}\n";
|
|
4000
|
+
var styles_default = "/*! tailwindcss v4.3.2 | 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 :root, :host {\n --shimmer-angle: 20deg;\n }\n\n *, :before, :after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scroll-snap-strictness: proximity;\n --tw-space-y-reverse: 0;\n --tw-space-x-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-duration: initial;\n --tw-ease: initial;\n --tw-content: \"\";\n --tw-scrollbar-thumb: #0000;\n --tw-scrollbar-track: #0000;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\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-animation-delay: 0s;\n --tw-animation-direction: normal;\n --tw-animation-duration: initial;\n --tw-animation-fill-mode: none;\n --tw-animation-iteration-count: 1;\n --tw-enter-blur: 0;\n --tw-enter-opacity: 1;\n --tw-enter-rotate: 0;\n --tw-enter-scale: 1;\n --tw-enter-translate-x: 0;\n --tw-enter-translate-y: 0;\n --tw-exit-blur: 0;\n --tw-exit-opacity: 1;\n --tw-exit-rotate: 0;\n --tw-exit-scale: 1;\n --tw-exit-translate-x: 0;\n --tw-exit-translate-y: 0;\n --scroll-fade-t: 0px;\n --scroll-fade-b: 0px;\n --scroll-fade-s: 0px;\n --scroll-fade-e: 0px;\n --scroll-fade-mask: initial;\n --shimmer-image: initial;\n --shimmer-text-fill: initial;\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: \"Inter\", sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --spacing: .25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\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 --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --tracking-tight: -.025em;\n --tracking-widest: .1em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-normal: 1.5;\n --leading-relaxed: 1.625;\n --radius-md: calc(var(--radius) * .8);\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-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;\n --blur-xs: 4px;\n --aspect-video: 16 / 9;\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 --text-2xs: 10px;\n --text-2xs--line-height: 14px;\n --color-border: var(--border);\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, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\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 {\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 :root {\n color-scheme: light;\n }\n\n :root.dark, .dark {\n color-scheme: dark;\n }\n\n .edx-root, .edx-root *, .edx-root :before, .edx-root :after {\n box-sizing: border-box;\n border: 0 solid var(--border);\n }\n\n .edx-root {\n -webkit-font-smoothing: antialiased;\n color: var(--foreground);\n font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);\n line-height: 1.5;\n }\n\n .edx-root .edx-root {\n color: inherit;\n font-family: inherit;\n }\n\n .edx-root :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd) {\n margin: 0;\n }\n\n .edx-root :where(button, input, select, textarea) {\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n }\n\n .edx-root :where(button, [role=\"button\"]):not(:disabled) {\n cursor: pointer;\n }\n\n .edx-root :where(ul, ol) {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .\\@container\\/card-header {\n container: card-header / inline-size;\n }\n\n .pointer-events-auto {\n pointer-events: auto;\n }\n\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 .sr-only {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\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 .inset-0 {\n inset: 0;\n }\n\n .inset-x-0 {\n inset-inline: 0;\n }\n\n .inset-x-4 {\n inset-inline: calc(var(--spacing) * 4);\n }\n\n .inset-y-0 {\n inset-block: 0;\n }\n\n .inset-s-1\\/2 {\n inset-inline-start: 50%;\n }\n\n .-top-12 {\n top: calc(var(--spacing) * -12);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1\\.5 {\n top: calc(var(--spacing) * 1.5);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-1\\/3 {\n top: 33.3333%;\n }\n\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n\n .top-2\\.5 {\n top: calc(var(--spacing) * 2.5);\n }\n\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n\n .top-3\\.5 {\n top: calc(var(--spacing) * 3.5);\n }\n\n .top-\\[60\\%\\] {\n top: 60%;\n }\n\n .top-full {\n top: 100%;\n }\n\n .top-px {\n top: 1px;\n }\n\n .-right-12 {\n right: calc(var(--spacing) * -12);\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-2\\.5 {\n right: calc(var(--spacing) * 2.5);\n }\n\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n\n .-bottom-12 {\n bottom: calc(var(--spacing) * -12);\n }\n\n .bottom-0 {\n bottom: 0;\n }\n\n .bottom-4 {\n bottom: calc(var(--spacing) * 4);\n }\n\n .-left-12 {\n left: calc(var(--spacing) * -12);\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-1\\.5 {\n left: calc(var(--spacing) * 1.5);\n }\n\n .left-1\\/2 {\n left: 50%;\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 .isolate {\n isolation: isolate;\n }\n\n .z-0 {\n z-index: 0;\n }\n\n .z-1 {\n z-index: 1;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-20 {\n z-index: 20;\n }\n\n .z-50 {\n z-index: 50;\n }\n\n .z-100 {\n z-index: 100;\n }\n\n .z-\\[calc\\(1000-var\\(--toast-index\\)\\)\\] {\n z-index: calc(1000 - var(--toast-index));\n }\n\n .order-first {\n order: -9999;\n }\n\n .order-last {\n order: 9999;\n }\n\n .col-start-1 {\n grid-column-start: 1;\n }\n\n .col-start-2 {\n grid-column-start: 2;\n }\n\n .col-start-3 {\n grid-column-start: 3;\n }\n\n .row-span-2 {\n grid-row: span 2 / span 2;\n }\n\n .row-start-1 {\n grid-row-start: 1;\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-1 {\n margin-inline: calc(var(--spacing) * -1);\n }\n\n .-mx-4 {\n margin-inline: calc(var(--spacing) * -4);\n }\n\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-3\\.5 {\n margin-inline: calc(var(--spacing) * 3.5);\n }\n\n .mx-10 {\n margin-inline: calc(var(--spacing) * 10);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-1 {\n margin-block: var(--spacing);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-auto {\n margin-block: auto;\n }\n\n .ms-auto {\n margin-inline-start: auto;\n }\n\n .-mt-4 {\n margin-top: calc(var(--spacing) * -4);\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-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-auto {\n margin-top: auto;\n }\n\n .-mb-4 {\n margin-bottom: calc(var(--spacing) * -4);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .-ml-4 {\n margin-left: calc(var(--spacing) * -4);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .no-scrollbar::-webkit-scrollbar {\n display: none;\n }\n\n .no-scrollbar {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\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 .table {\n display: table;\n }\n\n .table-caption {\n display: table-caption;\n }\n\n .table-cell {\n display: table-cell;\n }\n\n .table-row {\n display: table-row;\n }\n\n .field-sizing-content {\n field-sizing: content;\n }\n\n .aspect-\\(--ratio\\) {\n aspect-ratio: var(--ratio);\n }\n\n .aspect-auto {\n aspect-ratio: auto;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .aspect-video {\n aspect-ratio: var(--aspect-video);\n }\n\n .size-\\(--cell-size\\) {\n width: var(--cell-size);\n height: var(--cell-size);\n }\n\n .size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n\n .size-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\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-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .size-7 {\n width: calc(var(--spacing) * 7);\n height: calc(var(--spacing) * 7);\n }\n\n .size-8 {\n width: calc(var(--spacing) * 8);\n height: calc(var(--spacing) * 8);\n }\n\n .size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n }\n\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n\n .size-auto {\n width: auto;\n height: auto;\n }\n\n .size-full {\n width: 100%;\n height: 100%;\n }\n\n .h-\\(--cell-size\\) {\n height: var(--cell-size);\n }\n\n .h-\\(--height\\) {\n height: var(--height);\n }\n\n .h-\\(--popup-height\\) {\n height: var(--popup-height);\n }\n\n .h-\\(--positioner-height\\) {\n height: var(--positioner-height);\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-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\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-8\\! {\n height: calc(var(--spacing) * 8) !important;\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-28 {\n height: calc(var(--spacing) * 28);\n }\n\n .h-32 {\n height: calc(var(--spacing) * 32);\n }\n\n .h-40 {\n height: calc(var(--spacing) * 40);\n }\n\n .h-48 {\n height: calc(var(--spacing) * 48);\n }\n\n .h-64 {\n height: calc(var(--spacing) * 64);\n }\n\n .h-\\[calc\\(100\\%-1px\\)\\] {\n height: calc(100% - 1px);\n }\n\n .h-\\[var\\(--accordion-panel-height\\)\\] {\n height: var(--accordion-panel-height);\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-max {\n height: max-content;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-svh {\n height: 100svh;\n }\n\n .max-h-\\(--available-height\\) {\n max-height: var(--available-height);\n }\n\n .max-h-60 {\n max-height: calc(var(--spacing) * 60);\n }\n\n .max-h-72 {\n max-height: calc(var(--spacing) * 72);\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-4 {\n min-height: calc(var(--spacing) * 4);\n }\n\n .min-h-11 {\n min-height: calc(var(--spacing) * 11);\n }\n\n .min-h-16 {\n min-height: calc(var(--spacing) * 16);\n }\n\n .min-h-64 {\n min-height: calc(var(--spacing) * 64);\n }\n\n .min-h-\\[1lh\\] {\n min-height: 1lh;\n }\n\n .min-h-full {\n min-height: 100%;\n }\n\n .min-h-svh {\n min-height: 100svh;\n }\n\n .w-\\(--anchor-width\\) {\n width: var(--anchor-width);\n }\n\n .w-\\(--cell-size\\) {\n width: var(--cell-size);\n }\n\n .w-\\(--popup-width\\) {\n width: var(--popup-width);\n }\n\n .w-\\(--positioner-width\\) {\n width: var(--positioner-width);\n }\n\n .w-\\(--sidebar-width\\) {\n width: var(--sidebar-width);\n }\n\n .w-0 {\n width: 0;\n }\n\n .w-1 {\n width: var(--spacing);\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-3\\/4 {\n width: 75%;\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n\n .w-auto {\n width: auto;\n }\n\n .w-fit {\n width: fit-content;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-max {\n width: max-content;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-\\(--available-width\\) {\n max-width: var(--available-width);\n }\n\n .max-w-\\(--skeleton-width\\) {\n max-width: var(--skeleton-width);\n }\n\n .max-w-\\[80\\%\\] {\n max-width: 80%;\n }\n\n .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .max-w-max {\n max-width: max-content;\n }\n\n .max-w-sm {\n max-width: var(--container-sm);\n }\n\n .max-w-xs {\n max-width: var(--container-xs);\n }\n\n .min-w-\\(--cell-size\\) {\n min-width: var(--cell-size);\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-5 {\n min-width: calc(var(--spacing) * 5);\n }\n\n .min-w-8 {\n min-width: calc(var(--spacing) * 8);\n }\n\n .min-w-32 {\n min-width: calc(var(--spacing) * 32);\n }\n\n .min-w-36 {\n min-width: calc(var(--spacing) * 36);\n }\n\n .min-w-40 {\n min-width: calc(var(--spacing) * 40);\n }\n\n .min-w-\\[14ch\\] {\n min-width: 14ch;\n }\n\n .min-w-\\[96px\\] {\n min-width: 96px;\n }\n\n .min-w-\\[var\\(--anchor-width\\)\\] {\n min-width: var(--anchor-width);\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .grow {\n flex-grow: 1;\n }\n\n .grow-0 {\n flex-grow: 0;\n }\n\n .basis-full {\n flex-basis: 100%;\n }\n\n .caption-bottom {\n caption-side: bottom;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .origin-\\(--transform-origin\\), .origin-\\[var\\(--transform-origin\\)\\] {\n transform-origin: var(--transform-origin);\n }\n\n .origin-bottom {\n transform-origin: bottom;\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-px {\n --tw-translate-x: -1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1\\/2 {\n --tw-translate-x: calc(1 / 2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-px {\n --tw-translate-x: 1px;\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-3\\/4 {\n --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-0 {\n --tw-translate-y: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-1\\/2 {\n --tw-translate-y: calc(1 / 2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-3\\/4 {\n --tw-translate-y: calc(3 / 4 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-\\[--spacing\\(0\\.45\\)\\] {\n --tw-translate-y: calc(var(--spacing) * .45);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-y-\\[calc\\(-50\\%-2px\\)\\] {\n --tw-translate-y: calc(-50% - 2px);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .rotate-45 {\n rotate: 45deg;\n }\n\n .rotate-90 {\n rotate: 90deg;\n }\n\n .\\[transform\\:translateX\\(var\\(--toast-swipe-movement-x\\)\\)_translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)-\\(var\\(--toast-index\\)\\*var\\(--peek\\)\\)-\\(var\\(--shrink\\)\\*var\\(--height\\)\\)\\)\\)_scale\\(var\\(--scale\\)\\)\\] {\n transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale));\n }\n\n .scroll-fade-x {\n --_scroll-fade-size-s: var(--scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n --_scroll-fade-size-e: var(--scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n --scroll-fade-inline: linear-gradient(to right,\n transparent 0,\n #000 var(--scroll-fade-s, 0px),\n #000 calc(100% - var(--scroll-fade-e, 0px)),\n transparent 100%);\n }\n\n .scroll-fade-x:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n --scroll-fade-inline: linear-gradient(to left,\n transparent 0,\n #000 var(--scroll-fade-s, 0px),\n #000 calc(100% - var(--scroll-fade-e, 0px)),\n transparent 100%);\n }\n\n .scroll-fade-x {\n -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n -webkit-mask-composite: source-in;\n -webkit-mask-composite: source-in;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-composite: source-in;\n mask-composite: intersect;\n }\n\n @supports (animation-timeline: scroll()) {\n .scroll-fade-x {\n animation: 1ms ease-in-out scroll-fade-reveal-s, 1ms ease-in-out scroll-fade-reveal-e;\n animation-timeline: scroll(self inline), scroll(self inline);\n animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;\n animation-fill-mode: both;\n }\n }\n\n @supports not (animation-timeline: scroll()) {\n .scroll-fade-x {\n --scroll-fade-s: var(--_scroll-fade-size-s);\n --scroll-fade-e: var(--_scroll-fade-size-e);\n }\n }\n\n .scroll-fade-b {\n --_scroll-fade-size-b: var(--scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n --scroll-fade-mask: linear-gradient(to bottom,\n #000 0,\n #000 calc(100% - var(--scroll-fade-b, 0px)),\n transparent 100%);\n -webkit-mask-image: var(--scroll-fade-mask);\n -webkit-mask-image: var(--scroll-fade-mask);\n -webkit-mask-image: var(--scroll-fade-mask);\n mask-image: var(--scroll-fade-mask);\n -webkit-mask-composite: source-in;\n -webkit-mask-composite: source-in;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-composite: source-in;\n mask-composite: intersect;\n }\n\n @supports (animation-timeline: scroll()) {\n .scroll-fade-b {\n animation: 1ms ease-in-out scroll-fade-reveal-b;\n animation-timeline: scroll(self y);\n animation-range: calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;\n animation-fill-mode: both;\n }\n }\n\n @supports not (animation-timeline: scroll()) {\n .scroll-fade-b {\n --scroll-fade-b: var(--_scroll-fade-size-b);\n }\n }\n\n .animate-caret-blink {\n animation: 1.25s ease-out infinite caret-blink;\n }\n\n .animate-pulse {\n animation: var(--animate-pulse);\n }\n\n .animate-spin {\n animation: var(--animate-spin);\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .touch-manipulation {\n touch-action: manipulation;\n }\n\n .touch-none {\n touch-action: none;\n }\n\n .resize-none {\n resize: none;\n }\n\n .resize-y {\n resize: vertical;\n }\n\n .snap-x {\n scroll-snap-type: x var(--tw-scroll-snap-strictness);\n }\n\n .snap-mandatory {\n --tw-scroll-snap-strictness: mandatory;\n }\n\n .scroll-px-1 {\n scroll-padding-inline: var(--spacing);\n }\n\n .scroll-py-1 {\n scroll-padding-block: var(--spacing);\n }\n\n .scrollbar-none {\n scrollbar-width: none;\n }\n\n .scrollbar-thin {\n scrollbar-width: thin;\n }\n\n .scrollbar-gutter-stable {\n scrollbar-gutter: stable;\n }\n\n .list-none {\n list-style-type: none;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .auto-rows-min {\n grid-auto-rows: min-content;\n }\n\n .grid-cols-\\[minmax\\(0\\,1fr\\)_auto_auto\\] {\n grid-template-columns: minmax(0, 1fr) auto auto;\n }\n\n .grid-rows-\\[auto_1fr\\] {\n grid-template-rows: auto 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 .place-items-center {\n place-items: center;\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 .items-stretch {\n align-items: stretch;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-start {\n justify-content: flex-start;\n }\n\n .gap-0 {\n gap: 0;\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-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-x-2 > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));\n margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .self-start {\n align-self: flex-start;\n }\n\n .self-stretch {\n align-self: stretch;\n }\n\n .justify-self-end {\n justify-self: flex-end;\n }\n\n .justify-self-start {\n justify-self: flex-start;\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-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 .overscroll-contain {\n overscroll-behavior: contain;\n }\n\n .overscroll-x-contain {\n overscroll-behavior-x: contain;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-\\(--cell-radius\\) {\n border-radius: var(--cell-radius);\n }\n\n .rounded-2xl {\n border-radius: calc(var(--radius) * 1.8);\n }\n\n .rounded-4xl {\n border-radius: calc(var(--radius) * 2.6);\n }\n\n .rounded-\\[2px\\] {\n border-radius: 2px;\n }\n\n .rounded-\\[4px\\] {\n border-radius: 4px;\n }\n\n .rounded-\\[calc\\(var\\(--radius\\)-3px\\)\\] {\n border-radius: calc(var(--radius) - 3px);\n }\n\n .rounded-\\[inherit\\] {\n border-radius: inherit;\n }\n\n .rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\] {\n border-radius: min(var(--radius-md), 10px);\n }\n\n .rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\] {\n border-radius: min(var(--radius-md), 12px);\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius);\n }\n\n .rounded-lg\\! {\n border-radius: var(--radius) !important;\n }\n\n .rounded-md {\n border-radius: calc(var(--radius) * .8);\n }\n\n .rounded-none {\n border-radius: 0;\n }\n\n .rounded-sm {\n border-radius: calc(var(--radius) * .6);\n }\n\n .rounded-xl {\n border-radius: calc(var(--radius) * 1.4);\n }\n\n .rounded-xl\\! {\n border-radius: calc(var(--radius) * 1.4) !important;\n }\n\n .rounded-t-xl {\n border-top-left-radius: calc(var(--radius) * 1.4);\n border-top-right-radius: calc(var(--radius) * 1.4);\n }\n\n .rounded-l-\\(--cell-radius\\) {\n border-top-left-radius: var(--cell-radius);\n border-bottom-left-radius: var(--cell-radius);\n }\n\n .rounded-tl-sm {\n border-top-left-radius: calc(var(--radius) * .6);\n }\n\n .rounded-r-\\(--cell-radius\\) {\n border-top-right-radius: var(--cell-radius);\n border-bottom-right-radius: var(--cell-radius);\n }\n\n .rounded-b-xl {\n border-bottom-right-radius: calc(var(--radius) * 1.4);\n border-bottom-left-radius: calc(var(--radius) * 1.4);\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-\\[1\\.5px\\] {\n border-style: var(--tw-border-style);\n border-width: 1.5px;\n }\n\n .border-y {\n border-block-style: var(--tw-border-style);\n border-block-width: 1px;\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-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-none {\n --tw-border-style: none;\n border-style: none;\n }\n\n .border-\\(--color-border\\) {\n border-color: var(--color-border);\n }\n\n .border-border, .border-border\\/50 {\n border-color: var(--border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-border\\/50 {\n border-color: color-mix(in oklab, var(--border) 50%, transparent);\n }\n }\n\n .border-input, .border-input\\/30 {\n border-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-input\\/30 {\n border-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n\n .border-primary\\/50 {\n border-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-primary\\/50 {\n border-color: color-mix(in oklab, var(--primary) 50%, transparent);\n }\n }\n\n .border-sidebar-border {\n border-color: var(--sidebar-border);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-t-transparent {\n border-top-color: #0000;\n }\n\n .border-l-transparent {\n border-left-color: #0000;\n }\n\n .bg-\\(--color-bg\\) {\n background-color: var(--color-bg);\n }\n\n .bg-\\[Canvas\\] {\n background-color: canvas;\n }\n\n .bg-background {\n background-color: var(--background);\n }\n\n .bg-border {\n background-color: var(--border);\n }\n\n .bg-card {\n background-color: var(--card);\n }\n\n .bg-destructive, .bg-destructive\\/10 {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-destructive\\/10 {\n background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n }\n }\n\n .bg-foreground {\n background-color: var(--foreground);\n }\n\n .bg-info-ring\\/40 {\n background-color: var(--info-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-info-ring\\/40 {\n background-color: color-mix(in oklab, var(--info-ring) 40%, transparent);\n }\n }\n\n .bg-input\\/30 {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-input\\/30 {\n background-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n\n .bg-muted {\n background-color: var(--muted);\n }\n\n .bg-muted-foreground, .bg-muted-foreground\\/50 {\n background-color: var(--muted-foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-muted-foreground\\/50 {\n background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);\n }\n }\n\n .bg-muted\\/50 {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-muted\\/50 {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .bg-overlay {\n background-color: var(--overlay);\n }\n\n .bg-popover {\n background-color: var(--popover);\n }\n\n .bg-primary {\n background-color: var(--primary);\n }\n\n .bg-primary-foreground {\n background-color: var(--primary-foreground);\n }\n\n .bg-primary\\/20 {\n background-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-primary\\/20 {\n background-color: color-mix(in oklab, var(--primary) 20%, transparent);\n }\n }\n\n .bg-secondary {\n background-color: var(--secondary);\n }\n\n .bg-sidebar {\n background-color: var(--sidebar);\n }\n\n .bg-sidebar-border {\n background-color: var(--sidebar-border);\n }\n\n .bg-success {\n background-color: var(--success);\n }\n\n .bg-success-ring\\/40 {\n background-color: var(--success-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-success-ring\\/40 {\n background-color: color-mix(in oklab, var(--success-ring) 40%, transparent);\n }\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-warning {\n background-color: var(--warning);\n }\n\n .bg-warning-ring\\/40 {\n background-color: var(--warning-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-warning-ring\\/40 {\n background-color: color-mix(in oklab, var(--warning-ring) 40%, transparent);\n }\n }\n\n .bg-gradient-to-t {\n --tw-gradient-position: to top in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n\n .from-background {\n --tw-gradient-from: var(--background);\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 .via-background\\/75 {\n --tw-gradient-via: var(--background);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .via-background\\/75 {\n --tw-gradient-via: color-mix(in oklab, var(--background) 75%, transparent);\n }\n }\n\n .via-background\\/75 {\n --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-via-stops);\n }\n\n .to-transparent {\n --tw-gradient-to: transparent;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n\n .bg-clip-padding {\n background-clip: padding-box;\n }\n\n .fill-foreground {\n fill: var(--foreground);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .object-cover {\n object-fit: cover;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\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-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .p-\\[3px\\] {\n padding: 3px;\n }\n\n .p-px {\n padding: 1px;\n }\n\n .px-\\(--cell-size\\) {\n padding-inline: var(--cell-size);\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-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-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * .5);\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-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-3 {\n padding-block: calc(var(--spacing) * 3);\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-\\[2px\\] {\n padding-block: 2px;\n }\n\n .pt-0 {\n padding-top: 0;\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 .pt-12 {\n padding-top: calc(var(--spacing) * 12);\n }\n\n .pr-1\\.5 {\n padding-right: calc(var(--spacing) * 1.5);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-8 {\n padding-right: calc(var(--spacing) * 8);\n }\n\n .pb-0 {\n padding-bottom: 0;\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 .pl-1\\.5 {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-2\\.5 {\n padding-left: calc(var(--spacing) * 2.5);\n }\n\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n\n .pl-7 {\n padding-left: calc(var(--spacing) * 7);\n }\n\n .pl-8 {\n padding-left: calc(var(--spacing) * 8);\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 .text-start {\n text-align: start;\n }\n\n .align-middle {\n vertical-align: middle;\n }\n\n .font-mono {\n font-family: var(--font-mono);\n }\n\n .font-sans {\n font-family: var(--font-sans);\n }\n\n .text-2xs {\n font-size: var(--text-2xs);\n line-height: var(--tw-leading, var(--text-2xs--line-height));\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-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-sm\\/relaxed {\n font-size: var(--text-sm);\n line-height: var(--leading-relaxed);\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-\\[0\\.8rem\\] {\n font-size: .8rem;\n }\n\n .text-\\[0\\.625rem\\] {\n font-size: .625rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-normal {\n --tw-leading: var(--leading-normal);\n line-height: var(--leading-normal);\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-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-tight {\n --tw-tracking: var(--tracking-tight);\n letter-spacing: var(--tracking-tight);\n }\n\n .tracking-widest {\n --tw-tracking: var(--tracking-widest);\n letter-spacing: var(--tracking-widest);\n }\n\n .text-balance {\n text-wrap: balance;\n }\n\n .text-pretty {\n text-wrap: pretty;\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\[CanvasText\\] {\n color: canvastext;\n }\n\n .text-background {\n color: var(--background);\n }\n\n .text-card-foreground {\n color: var(--card-foreground);\n }\n\n .text-current {\n color: currentColor;\n }\n\n .text-destructive {\n color: var(--destructive);\n }\n\n .text-destructive-foreground {\n color: var(--destructive-foreground);\n }\n\n .text-foreground, .text-foreground\\/60 {\n color: var(--foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-foreground\\/60 {\n color: color-mix(in oklab, var(--foreground) 60%, transparent);\n }\n }\n\n .text-foreground\\/70 {\n color: var(--foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-foreground\\/70 {\n color: color-mix(in oklab, var(--foreground) 70%, transparent);\n }\n }\n\n .text-info {\n color: var(--info);\n }\n\n .text-muted-foreground {\n color: var(--muted-foreground);\n }\n\n .text-popover-foreground {\n color: var(--popover-foreground);\n }\n\n .text-primary {\n color: var(--primary);\n }\n\n .text-primary-foreground {\n color: var(--primary-foreground);\n }\n\n .text-secondary-foreground {\n color: var(--secondary-foreground);\n }\n\n .text-sidebar-foreground, .text-sidebar-foreground\\/70 {\n color: var(--sidebar-foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .text-sidebar-foreground\\/70 {\n color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);\n }\n }\n\n .text-success {\n color: var(--success);\n }\n\n .text-warning {\n color: var(--warning);\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 .underline-offset-4 {\n text-underline-offset: 4px;\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .bg-blend-color {\n background-blend-mode: color;\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-\\[0_0_0_1px_var\\(--sidebar-border\\)\\] {\n --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\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-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-none\\! {\n --tw-shadow: 0 0 #0000 !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n\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-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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 .ring-0 {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .ring-1 {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\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-3 {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .ring-background {\n --tw-ring-color: var(--background);\n }\n\n .ring-card {\n --tw-ring-color: var(--card);\n }\n\n .ring-foreground\\/10 {\n --tw-ring-color: var(--foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .ring-foreground\\/10 {\n --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);\n }\n }\n\n .ring-sidebar-ring {\n --tw-ring-color: var(--sidebar-ring);\n }\n\n .ring-offset-background {\n --tw-ring-offset-color: var(--background);\n }\n\n .outline-hidden {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n @media (forced-colors: active) {\n .outline-hidden {\n outline-offset: 2px;\n outline: 2px solid #0000;\n }\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\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-\\[color\\,box-shadow\\,background-color\\] {\n transition-property: color, box-shadow, background-color;\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-\\[height\\] {\n transition-property: height;\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-\\[left\\,right\\,width\\] {\n transition-property: left, right, width;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-\\[margin\\,opacity\\] {\n transition-property: margin, opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-\\[opacity\\,transform\\,translate\\] {\n transition-property: opacity, transform, translate;\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\\,transform\\,width\\,height\\,scale\\,translate\\] {\n transition-property: opacity, transform, width, height, scale, translate;\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-\\[top\\,left\\,right\\,bottom\\] {\n transition-property: top, left, right, bottom;\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\\,scale\\,opacity\\] {\n transition-property: transform, scale, 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-\\[translate\\,scale\\,opacity\\] {\n transition-property: translate, scale, 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-\\[width\\,height\\,padding\\] {\n transition-property: width, height, padding;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-\\[width\\] {\n transition-property: width;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\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 .transition-none {\n transition-property: none;\n }\n\n .duration-100 {\n --tw-duration: .1s;\n transition-duration: .1s;\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 .duration-250 {\n --tw-duration: .25s;\n transition-duration: .25s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .duration-1000 {\n --tw-duration: 1s;\n transition-duration: 1s;\n }\n\n .duration-\\[0\\.35s\\] {\n --tw-duration: .35s;\n transition-duration: .35s;\n }\n\n .ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\] {\n --tw-ease: cubic-bezier(.22,1,.36,1);\n transition-timing-function: cubic-bezier(.22, 1, .36, 1);\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-linear {\n --tw-ease: linear;\n transition-timing-function: linear;\n }\n\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .will-change-transform {\n will-change: transform;\n }\n\n .contain-content {\n contain: content;\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 .\\[--cell-radius\\:var\\(--radius-md\\)\\] {\n --cell-radius: var(--radius-md);\n }\n\n .\\[--cell-size\\:--spacing\\(7\\)\\] {\n --cell-size: calc(var(--spacing) * 7);\n }\n\n .\\[--gap\\:0\\.75rem\\] {\n --gap: .75rem;\n }\n\n .\\[--height\\:var\\(--toast-frontmost-height\\,var\\(--toast-height\\)\\)\\] {\n --height: var(--toast-frontmost-height, var(--toast-height));\n }\n\n .\\[--offset-y\\:calc\\(var\\(--toast-offset-y\\)\\*-1\\+calc\\(var\\(--toast-index\\)\\*var\\(--gap\\)\\*-1\\)\\+var\\(--toast-swipe-movement-y\\)\\)\\] {\n --offset-y: calc(var(--toast-offset-y) * -1 + calc(var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y));\n }\n\n .\\[--peek\\:0\\.75rem\\] {\n --peek: .75rem;\n }\n\n .\\[--scale\\:calc\\(max\\(0\\,1-\\(var\\(--toast-index\\)\\*0\\.1\\)\\)\\)\\] {\n --scale: calc(max(0, 1 - (var(--toast-index) * .1)));\n }\n\n .\\[--shrink\\:calc\\(1-var\\(--scale\\)\\)\\] {\n --shrink: calc(1 - var(--scale));\n }\n\n .\\[contain-intrinsic-size\\:auto_10rem\\] {\n contain-intrinsic-size: auto 10rem;\n }\n\n .\\[content-visibility\\:auto\\] {\n content-visibility: auto;\n }\n\n .\\[transition\\:transform_500ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\,opacity_500ms\\,height_150ms\\] {\n transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .5s, height .15s;\n }\n\n .fade-out {\n --tw-exit-opacity: 0;\n }\n\n .running {\n animation-play-state: running;\n }\n\n .group-focus-within\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):focus-within *) {\n opacity: 1;\n }\n\n @media (hover: hover) {\n .group-hover\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):hover *), .group-hover\\/scroll-area\\:opacity-100:is(:where(.group\\/scroll-area):hover *) {\n opacity: 1;\n }\n }\n\n .group-focus\\/context-menu-item\\:text-accent-foreground:is(:where(.group\\/context-menu-item):focus *), .group-focus\\/dropdown-menu-item\\:text-accent-foreground:is(:where(.group\\/dropdown-menu-item):focus *), .group-focus\\/menubar-item\\:text-accent-foreground:is(:where(.group\\/menubar-item):focus *) {\n color: var(--accent-foreground);\n }\n\n .group-has-disabled\\/field\\:pointer-events-none:is(:where(.group\\/field):has(:disabled) *) {\n pointer-events: none;\n }\n\n .group-has-disabled\\/field\\:opacity-50:is(:where(.group\\/field):has(:disabled) *) {\n opacity: .5;\n }\n\n .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8:is(:where(.group\\/menu-item):has([data-sidebar=\"menu-action\"]) *) {\n padding-right: calc(var(--spacing) * 8);\n }\n\n .group-has-data-\\[size\\=lg\\]\\/avatar-group\\:size-10:is(:where(.group\\/avatar-group):has([data-size=\"lg\"]) *) {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n\n .group-has-data-\\[size\\=sm\\]\\/avatar-group\\:size-6:is(:where(.group\\/avatar-group):has([data-size=\"sm\"]) *) {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .group-has-data-\\[slot\\=command-shortcut\\]\\/command-item\\:hidden:is(:where(.group\\/command-item):has([data-slot=\"command-shortcut\"]) *) {\n display: none;\n }\n\n .group-has-data-\\[slot\\=item-description\\]\\/item\\:translate-y-0\\.5:is(:where(.group\\/item):has([data-slot=\"item-description\"]) *) {\n --tw-translate-y: calc(var(--spacing) * .5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-has-data-\\[slot\\=item-description\\]\\/item\\:self-start:is(:where(.group\\/item):has([data-slot=\"item-description\"]) *) {\n align-self: flex-start;\n }\n\n .group-has-data-\\[slot\\=message-footer\\]\\/message\\:-translate-y-8:is(:where(.group\\/message):has([data-slot=\"message-footer\"]) *) {\n --tw-translate-y: calc(var(--spacing) * -8);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-has-data-\\[slot\\=questionnaire-choice-description\\]\\/questionnaire-choice\\:translate-y-0\\.5:is(:where(.group\\/questionnaire-choice):has([data-slot=\"questionnaire-choice-description\"]) *) {\n --tw-translate-y: calc(var(--spacing) * .5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-has-data-\\[variant\\=ghost\\]\\/message\\:px-0:is(:where(.group\\/message):has([data-variant=\"ghost\"]) *) {\n padding-inline: 0;\n }\n\n .group-has-\\[\\>input\\]\\/input-group\\:pt-2:is(:where(.group\\/input-group):has( > input) *) {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .group-has-\\[\\>input\\]\\/input-group\\:pb-2:is(:where(.group\\/input-group):has( > input) *) {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .group-has-\\[\\>svg\\]\\/alert\\:col-start-2:is(:where(.group\\/alert):has( > svg) *) {\n grid-column-start: 2;\n }\n\n .group-data-indeterminate\\/checkbox-indicator\\:block:is(:where(.group\\/checkbox-indicator)[data-indeterminate] *) {\n display: block;\n }\n\n .group-data-indeterminate\\/checkbox-indicator\\:hidden:is(:where(.group\\/checkbox-indicator)[data-indeterminate] *) {\n display: none;\n }\n\n .group-data-popup-open\\/navigation-menu-trigger\\:rotate-180:is(:where(.group\\/navigation-menu-trigger)[data-popup-open] *) {\n rotate: 180deg;\n }\n\n .group-data-\\[align\\=end\\]\\/bubble\\:self-end:is(:where(.group\\/bubble)[data-align=\"end\"] *) {\n align-self: flex-end;\n }\n\n .group-data-\\[align\\=end\\]\\/message\\:justify-end:is(:where(.group\\/message)[data-align=\"end\"] *) {\n justify-content: flex-end;\n }\n\n .group-data-\\[align\\=end\\]\\/message\\:self-end:is(:where(.group\\/message)[data-align=\"end\"] *) {\n align-self: flex-end;\n }\n\n .group-data-\\[checked\\=true\\]\\/command-item\\:opacity-100:is(:where(.group\\/command-item)[data-checked=\"true\"] *) {\n opacity: 1;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:-mt-8:is(:where(.group)[data-collapsible=\"icon\"] *) {\n margin-top: calc(var(--spacing) * -8);\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:hidden:is(:where(.group)[data-collapsible=\"icon\"] *) {\n display: none;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:size-8\\!:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--spacing) * 8) !important;\n height: calc(var(--spacing) * 8) !important;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\):is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: var(--sidebar-width-icon);\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\)\\]:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\+2px\\)\\]:is(:where(.group)[data-collapsible=\"icon\"] *) {\n width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden:is(:where(.group)[data-collapsible=\"icon\"] *) {\n overflow: hidden;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:p-0\\!:is(:where(.group)[data-collapsible=\"icon\"] *) {\n padding: 0 !important;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:p-2\\!:is(:where(.group)[data-collapsible=\"icon\"] *) {\n padding: calc(var(--spacing) * 2) !important;\n }\n\n .group-data-\\[collapsible\\=icon\\]\\:opacity-0:is(:where(.group)[data-collapsible=\"icon\"] *) {\n opacity: 0;\n }\n\n .group-data-\\[collapsible\\=offcanvas\\]\\:w-0:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n width: 0;\n }\n\n .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=\"true\"] *) {\n pointer-events: none;\n }\n\n .group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=\"true\"] *) {\n opacity: .5;\n }\n\n .group-data-\\[focused\\=true\\]\\/day\\:relative:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n position: relative;\n }\n\n .group-data-\\[focused\\=true\\]\\/day\\:z-10:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n z-index: 10;\n }\n\n .group-data-\\[focused\\=true\\]\\/day\\:border-ring:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n border-color: var(--ring);\n }\n\n .group-data-\\[focused\\=true\\]\\/day\\:ring-\\[3px\\]:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:absolute:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n position: absolute;\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:top-3:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n top: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:right-3:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n right: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:w-full:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n width: 100%;\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:gap-1:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n gap: var(--spacing);\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:px-1:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n padding-inline: var(--spacing);\n }\n\n .group-data-\\[shortcut\\]\\/questionnaire-choice\\:inline-flex:is(:where(.group\\/questionnaire-choice)[data-shortcut] *) {\n display: inline-flex;\n }\n\n .group-data-\\[side\\=left\\]\\:-right-4:is(:where(.group)[data-side=\"left\"] *) {\n right: calc(var(--spacing) * -4);\n }\n\n .group-data-\\[side\\=left\\]\\:border-r:is(:where(.group)[data-side=\"left\"] *) {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .group-data-\\[side\\=right\\]\\:left-0:is(:where(.group)[data-side=\"right\"] *) {\n left: 0;\n }\n\n .group-data-\\[side\\=right\\]\\:rotate-180:is(:where(.group)[data-side=\"right\"] *) {\n rotate: 180deg;\n }\n\n .group-data-\\[side\\=right\\]\\:border-l:is(:where(.group)[data-side=\"right\"] *) {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .group-data-\\[size\\=default\\]\\/avatar\\:size-2\\.5:is(:where(.group\\/avatar)[data-size=\"default\"] *) {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\n }\n\n .group-data-\\[size\\=default\\]\\/switch\\:size-4:is(:where(.group\\/switch)[data-size=\"default\"] *) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .group-data-\\[size\\=lg\\]\\/avatar\\:size-3:is(:where(.group\\/avatar)[data-size=\"lg\"] *) {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid:is(:where(.group\\/alert-dialog-content)[data-size=\"sm\"] *) {\n display: grid;\n }\n\n .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid-cols-2:is(:where(.group\\/alert-dialog-content)[data-size=\"sm\"] *) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .group-data-\\[size\\=sm\\]\\/attachment\\:w-8:is(:where(.group\\/attachment)[data-size=\"sm\"] *) {\n width: calc(var(--spacing) * 8);\n }\n\n .group-data-\\[size\\=sm\\]\\/avatar\\:size-2:is(:where(.group\\/avatar)[data-size=\"sm\"] *) {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n\n .group-data-\\[size\\=sm\\]\\/avatar\\:text-xs:is(:where(.group\\/avatar)[data-size=\"sm\"] *) {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .group-data-\\[size\\=sm\\]\\/card\\:p-3:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n padding: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[size\\=sm\\]\\/card\\:px-3:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[size\\=sm\\]\\/card\\:text-sm:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .group-data-\\[size\\=sm\\]\\/item\\:size-8:is(:where(.group\\/item)[data-size=\"sm\"] *) {\n width: calc(var(--spacing) * 8);\n height: calc(var(--spacing) * 8);\n }\n\n .group-data-\\[size\\=sm\\]\\/switch\\:size-3:is(:where(.group\\/switch)[data-size=\"sm\"] *) {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[size\\=xs\\]\\/attachment\\:w-7:is(:where(.group\\/attachment)[data-size=\"xs\"] *) {\n width: calc(var(--spacing) * 7);\n }\n\n .group-data-\\[size\\=xs\\]\\/attachment\\:rounded-md:is(:where(.group\\/attachment)[data-size=\"xs\"] *) {\n border-radius: calc(var(--radius) * .8);\n }\n\n .group-data-\\[size\\=xs\\]\\/item\\:size-6:is(:where(.group\\/item)[data-size=\"xs\"] *) {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .group-data-\\[size\\=xs\\]\\/item\\:gap-0:is(:where(.group\\/item)[data-size=\"xs\"] *) {\n gap: 0;\n }\n\n .group-data-\\[size\\=xs\\]\\/item\\:text-xs:is(:where(.group\\/item)[data-size=\"xs\"] *) {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .group-data-\\[spacing\\=0\\]\\/toggle-group\\:rounded-none:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n border-radius: 0;\n }\n\n .group-data-\\[spacing\\=0\\]\\/toggle-group\\:px-2:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .group-data-\\[state\\=done\\]\\/attachment\\:opacity-100:is(:where(.group\\/attachment)[data-state=\"done\"] *) {\n opacity: 1;\n }\n\n .group-data-\\[state\\=error\\]\\/attachment\\:bg-destructive\\/10:is(:where(.group\\/attachment)[data-state=\"error\"] *) {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-data-\\[state\\=error\\]\\/attachment\\:bg-destructive\\/10:is(:where(.group\\/attachment)[data-state=\"error\"] *) {\n background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n }\n }\n\n .group-data-\\[state\\=error\\]\\/attachment\\:text-destructive:is(:where(.group\\/attachment)[data-state=\"error\"] *) {\n color: var(--destructive);\n }\n\n .group-data-\\[state\\=idle\\]\\/attachment\\:opacity-100:is(:where(.group\\/attachment)[data-state=\"idle\"] *) {\n opacity: 1;\n }\n\n .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *) {\n --_spread: var(--shimmer-spread, calc(3ch + 40px));\n --_base: currentColor;\n --_highlight: var(--shimmer-color, oklch(from currentColor l c h / calc(alpha* .2)));\n background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *) {\n background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n }\n }\n\n .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *) {\n background-repeat: no-repeat;\n background-size: calc(200% + var(--_spread) * 2) 100%;\n -webkit-text-fill-color: var(--shimmer-text-fill, transparent);\n animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;\n background-position: 0 0;\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *):is(.dark *) {\n --_highlight: var(--shimmer-color, oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)));\n }\n\n .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *):where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n animation-direction: reverse;\n }\n\n .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *) {\n --_spread: var(--shimmer-spread, calc(3ch + 40px));\n --_base: currentColor;\n --_highlight: var(--shimmer-color, oklch(from currentColor l c h / calc(alpha* .2)));\n background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *) {\n background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n }\n }\n\n .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *) {\n background-repeat: no-repeat;\n background-size: calc(200% + var(--_spread) * 2) 100%;\n -webkit-text-fill-color: var(--shimmer-text-fill, transparent);\n animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;\n background-position: 0 0;\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *):is(.dark *) {\n --_highlight: var(--shimmer-color, oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)));\n }\n\n .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *):where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n animation-direction: reverse;\n }\n\n .group-data-\\[type\\=checkbox\\]\\/questionnaire-choice\\:hidden:is(:where(.group\\/questionnaire-choice)[data-type=\"checkbox\"] *), .group-data-\\[type\\=radio\\]\\/questionnaire-choice\\:hidden:is(:where(.group\\/questionnaire-choice)[data-type=\"radio\"] *) {\n display: none;\n }\n\n .group-data-\\[type\\=radio\\]\\/questionnaire-choice\\:rounded-full:is(:where(.group\\/questionnaire-choice)[data-type=\"radio\"] *) {\n border-radius: 3.40282e38px;\n }\n\n .group-data-\\[variant\\=floating\\]\\:rounded-lg:is(:where(.group)[data-variant=\"floating\"] *) {\n border-radius: var(--radius);\n }\n\n .group-data-\\[variant\\=floating\\]\\:shadow-sm:is(:where(.group)[data-variant=\"floating\"] *) {\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 .group-data-\\[variant\\=floating\\]\\:ring-1:is(:where(.group)[data-variant=\"floating\"] *) {\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 .group-data-\\[variant\\=floating\\]\\:ring-sidebar-border:is(:where(.group)[data-variant=\"floating\"] *) {\n --tw-ring-color: var(--sidebar-border);\n }\n\n .group-data-\\[variant\\=line\\]\\/tabs-list\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *) {\n background-color: #0000;\n }\n\n .group-data-\\[variant\\=separator\\]\\/marker\\:flex-none:is(:where(.group\\/marker)[data-variant=\"separator\"] *) {\n flex: none;\n }\n\n .group-data-\\[variant\\=separator\\]\\/marker\\:text-center:is(:where(.group\\/marker)[data-variant=\"separator\"] *) {\n text-align: center;\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:rounded-lg:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n border-radius: var(--radius);\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:bg-popover:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n background-color: var(--popover);\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:text-popover-foreground:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n color: var(--popover-foreground);\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:shadow:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\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 .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-1:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\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 .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-foreground\\/10:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n --tw-ring-color: var(--foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-foreground\\/10:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);\n }\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:duration-300:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .group-data-open\\/navigation-menu-trigger\\:rotate-180:is(:is(:where(.group\\/navigation-menu-trigger):where([data-state=\"open\"]), :where(.group\\/navigation-menu-trigger):where([data-open]:not([data-open=\"false\"]))) *) {\n rotate: 180deg;\n }\n\n .group-data-checked\\/questionnaire-choice\\:block:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n display: block;\n }\n\n .group-data-checked\\/questionnaire-choice\\:border-primary:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n border-color: var(--primary);\n }\n\n .group-data-checked\\/questionnaire-choice\\:bg-primary:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n background-color: var(--primary);\n }\n\n .group-data-checked\\/questionnaire-choice\\:text-primary-foreground:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n color: var(--primary-foreground);\n }\n\n .group-data-selected\\/command-item\\:text-foreground:is(:where(.group\\/command-item):where([data-selected=\"true\"]) *) {\n color: var(--foreground);\n }\n\n .group-data-horizontal\\/tabs\\:h-8:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *) {\n height: calc(var(--spacing) * 8);\n }\n\n .group-data-vertical\\/tabs\\:h-fit:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n height: fit-content;\n }\n\n .group-data-vertical\\/tabs\\:w-full:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n width: 100%;\n }\n\n .group-data-vertical\\/tabs\\:flex-col:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n flex-direction: column;\n }\n\n .group-data-vertical\\/tabs\\:justify-start:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n justify-content: flex-start;\n }\n\n @media (hover: hover) {\n .peer-hover\\/menu-button\\:text-sidebar-accent-foreground:is(:where(.peer\\/menu-button):hover ~ *) {\n color: var(--sidebar-accent-foreground);\n }\n }\n\n .peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {\n cursor: not-allowed;\n }\n\n .peer-disabled\\:opacity-50:is(:where(.peer):disabled ~ *) {\n opacity: .5;\n }\n\n .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5:is(:where(.peer\\/menu-button)[data-size=\"default\"] ~ *) {\n top: calc(var(--spacing) * 1.5);\n }\n\n .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5:is(:where(.peer\\/menu-button)[data-size=\"lg\"] ~ *) {\n top: calc(var(--spacing) * 2.5);\n }\n\n .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1:is(:where(.peer\\/menu-button)[data-size=\"sm\"] ~ *) {\n top: var(--spacing);\n }\n\n .peer-data-active\\/menu-button\\:text-sidebar-accent-foreground:is(:is(:where(.peer\\/menu-button):where([data-state=\"active\"]), :where(.peer\\/menu-button):where([data-active]:not([data-active=\"false\"]))) ~ *) {\n color: var(--sidebar-accent-foreground);\n }\n\n .selection\\:bg-primary ::selection {\n background-color: var(--primary);\n }\n\n .selection\\:bg-primary::selection {\n background-color: var(--primary);\n }\n\n .selection\\:text-primary-foreground ::selection {\n color: var(--primary-foreground);\n }\n\n .selection\\:text-primary-foreground::selection {\n color: var(--primary-foreground);\n }\n\n .file\\:inline-flex::file-selector-button {\n display: inline-flex;\n }\n\n .file\\:h-6::file-selector-button {\n height: calc(var(--spacing) * 6);\n }\n\n .file\\:border-0::file-selector-button {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .file\\:bg-transparent::file-selector-button {\n background-color: #0000;\n }\n\n .file\\:text-sm::file-selector-button {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .file\\:font-medium::file-selector-button {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .file\\:text-foreground::file-selector-button {\n color: var(--foreground);\n }\n\n .placeholder\\:text-muted-foreground::placeholder {\n color: var(--muted-foreground);\n }\n\n .before\\:mr-1:before {\n content: var(--tw-content);\n margin-right: var(--spacing);\n }\n\n .before\\:h-px:before {\n content: var(--tw-content);\n height: 1px;\n }\n\n .before\\:min-w-0:before {\n content: var(--tw-content);\n min-width: 0;\n }\n\n .before\\:flex-1:before {\n content: var(--tw-content);\n flex: 1;\n }\n\n .before\\:bg-border:before {\n content: var(--tw-content);\n background-color: var(--border);\n }\n\n .after\\:absolute:after {\n content: var(--tw-content);\n position: absolute;\n }\n\n .after\\:-inset-2:after {\n content: var(--tw-content);\n inset: calc(var(--spacing) * -2);\n }\n\n .after\\:inset-0:after {\n content: var(--tw-content);\n inset: 0;\n }\n\n .after\\:-inset-x-3:after {\n content: var(--tw-content);\n inset-inline: calc(var(--spacing) * -3);\n }\n\n .after\\:-inset-y-2:after {\n content: var(--tw-content);\n inset-block: calc(var(--spacing) * -2);\n }\n\n .after\\:inset-y-0:after {\n content: var(--tw-content);\n inset-block: 0;\n }\n\n .after\\:start-1\\/2:after {\n content: var(--tw-content);\n inset-inline-start: 50%;\n }\n\n .after\\:top-full:after {\n content: var(--tw-content);\n top: 100%;\n }\n\n .after\\:right-0:after {\n content: var(--tw-content);\n right: 0;\n }\n\n .after\\:left-0:after {\n content: var(--tw-content);\n left: 0;\n }\n\n .after\\:left-1\\/2:after {\n content: var(--tw-content);\n left: 50%;\n }\n\n .after\\:ml-1:after {\n content: var(--tw-content);\n margin-left: var(--spacing);\n }\n\n .after\\:h-\\[calc\\(var\\(--gap\\)\\+1px\\)\\]:after {\n content: var(--tw-content);\n height: calc(var(--gap) + 1px);\n }\n\n .after\\:h-px:after {\n content: var(--tw-content);\n height: 1px;\n }\n\n .after\\:w-1:after {\n content: var(--tw-content);\n width: var(--spacing);\n }\n\n .after\\:w-4:after {\n content: var(--tw-content);\n width: calc(var(--spacing) * 4);\n }\n\n .after\\:w-\\[2px\\]:after {\n content: var(--tw-content);\n width: 2px;\n }\n\n .after\\:w-full:after {\n content: var(--tw-content);\n width: 100%;\n }\n\n .after\\:min-w-0:after {\n content: var(--tw-content);\n min-width: 0;\n }\n\n .after\\:flex-1:after {\n content: var(--tw-content);\n flex: 1;\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\\:rounded-full:after {\n content: var(--tw-content);\n border-radius: 3.40282e38px;\n }\n\n .after\\:border:after {\n content: var(--tw-content);\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .after\\:border-border:after {\n content: var(--tw-content);\n border-color: var(--border);\n }\n\n .after\\:bg-border:after {\n content: var(--tw-content);\n background-color: var(--border);\n }\n\n .after\\:bg-foreground:after {\n content: var(--tw-content);\n background-color: var(--foreground);\n }\n\n .after\\:bg-muted:after {\n content: var(--tw-content);\n background-color: var(--muted);\n }\n\n .after\\:opacity-0:after {\n content: var(--tw-content);\n opacity: 0;\n }\n\n .after\\:mix-blend-darken:after {\n content: var(--tw-content);\n mix-blend-mode: darken;\n }\n\n .after\\:transition-opacity:after {\n content: var(--tw-content);\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 .after\\:content-\\[\\'\\'\\]:after {\n --tw-content: \"\";\n content: var(--tw-content);\n }\n\n .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full:is(:where(.group)[data-collapsible=\"offcanvas\"] *):after {\n content: var(--tw-content);\n left: 100%;\n }\n\n .group-data-horizontal\\/tabs\\:after\\:inset-x-0:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *):after {\n content: var(--tw-content);\n inset-inline: 0;\n }\n\n .group-data-horizontal\\/tabs\\:after\\:bottom-\\[-5px\\]:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *):after {\n content: var(--tw-content);\n bottom: -5px;\n }\n\n .group-data-horizontal\\/tabs\\:after\\:h-0\\.5:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *):after {\n content: var(--tw-content);\n height: calc(var(--spacing) * .5);\n }\n\n .group-data-vertical\\/tabs\\:after\\:inset-y-0:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *):after {\n content: var(--tw-content);\n inset-block: 0;\n }\n\n .group-data-vertical\\/tabs\\:after\\:-right-1:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *):after {\n content: var(--tw-content);\n right: calc(var(--spacing) * -1);\n }\n\n .group-data-vertical\\/tabs\\:after\\:w-0\\.5:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *):after {\n content: var(--tw-content);\n width: calc(var(--spacing) * .5);\n }\n\n .first\\:rounded-l-lg:first-child {\n border-top-left-radius: var(--radius);\n border-bottom-left-radius: var(--radius);\n }\n\n .first\\:border-l:first-child {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .last\\:rounded-r-lg:last-child {\n border-top-right-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n }\n\n .empty\\:py-0:empty {\n padding-block: 0;\n }\n\n .focus-within\\:ring-1:focus-within {\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-within\\:ring-ring\\/50:focus-within {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-within\\:ring-ring\\/50:focus-within {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n @media (hover: hover) {\n .hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover {\n background-color: var(--secondary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover {\n background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);\n }\n }\n\n .hover\\:bg-destructive\\/15:hover {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-destructive\\/15:hover {\n background-color: color-mix(in oklab, var(--destructive) 15%, transparent);\n }\n }\n\n .hover\\:bg-muted:hover {\n background-color: var(--muted);\n }\n\n .hover\\:bg-muted-foreground\\/70:hover {\n background-color: var(--muted-foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-muted-foreground\\/70:hover {\n background-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);\n }\n }\n\n .hover\\:bg-muted\\/50:hover {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-muted\\/50:hover {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .hover\\:bg-primary\\/80:hover {\n background-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .hover\\:bg-primary\\/80:hover {\n background-color: color-mix(in oklab, var(--primary) 80%, transparent);\n }\n }\n\n .hover\\:bg-sidebar-accent:hover {\n background-color: var(--sidebar-accent);\n }\n\n .hover\\:text-foreground:hover {\n color: var(--foreground);\n }\n\n .hover\\:text-muted-foreground:hover {\n color: var(--muted-foreground);\n }\n\n .hover\\:text-sidebar-accent-foreground:hover {\n color: var(--sidebar-accent-foreground);\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:shadow-\\[0_0_0_1px_var\\(--sidebar-accent\\)\\]:hover {\n --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:group-data-\\[collapsible\\=offcanvas\\]\\:bg-sidebar:hover:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n background-color: var(--sidebar);\n }\n\n .hover\\:after\\:bg-sidebar-border:hover:after {\n content: var(--tw-content);\n background-color: var(--sidebar-border);\n }\n }\n\n .focus\\:z-10:focus {\n z-index: 10;\n }\n\n .focus\\:bg-accent:focus {\n background-color: var(--accent);\n }\n\n .focus\\:bg-muted:focus {\n background-color: var(--muted);\n }\n\n .focus\\:text-accent-foreground:focus, :is(.focus\\:\\*\\*\\:text-accent-foreground:focus *), :is(.not-data-\\[variant\\=destructive\\]\\:focus\\:\\*\\*\\:text-accent-foreground:not([data-variant=\"destructive\"]):focus *) {\n color: var(--accent-foreground);\n }\n\n .focus-visible\\:z-10:focus-visible {\n z-index: 10;\n }\n\n .focus-visible\\:border-destructive\\/40:focus-visible {\n border-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:border-destructive\\/40:focus-visible {\n border-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n .focus-visible\\:border-ring:focus-visible {\n border-color: var(--ring);\n }\n\n .focus-visible\\:ring-0:focus-visible {\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-visible\\:ring-1:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-2:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-3:focus-visible, .focus-visible\\:ring-\\[3px\\]:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-destructive\\/20:focus-visible {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:ring-destructive\\/20:focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .focus-visible\\:ring-info\\/20:focus-visible {\n --tw-ring-color: var(--info);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:ring-info\\/20:focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--info) 20%, transparent);\n }\n }\n\n .focus-visible\\:ring-ring:focus-visible, .focus-visible\\:ring-ring\\/50:focus-visible {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:ring-ring\\/50:focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n .focus-visible\\:ring-success\\/20:focus-visible {\n --tw-ring-color: var(--success);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:ring-success\\/20:focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--success) 20%, transparent);\n }\n }\n\n .focus-visible\\:ring-warning\\/20:focus-visible {\n --tw-ring-color: var(--warning);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .focus-visible\\:ring-warning\\/20:focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--warning) 20%, transparent);\n }\n }\n\n .focus-visible\\:ring-offset-2:focus-visible {\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n\n .focus-visible\\:outline-hidden:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n @media (forced-colors: active) {\n .focus-visible\\:outline-hidden:focus-visible {\n outline-offset: 2px;\n outline: 2px solid #0000;\n }\n }\n\n .focus-visible\\:outline-1:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .focus-visible\\:outline-ring:focus-visible {\n outline-color: var(--ring);\n }\n\n .focus-visible\\:outline-none:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .active\\:bg-sidebar-accent:active {\n background-color: var(--sidebar-accent);\n }\n\n .active\\:text-sidebar-accent-foreground:active {\n color: var(--sidebar-accent-foreground);\n }\n\n .active\\:not-aria-\\[haspopup\\]\\:translate-y-px:active:not([aria-haspopup]) {\n --tw-translate-y: 1px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .disabled\\:pointer-events-none:disabled {\n pointer-events: none;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:bg-input\\/50:disabled {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .disabled\\:bg-input\\/50:disabled {\n background-color: color-mix(in oklab, var(--input) 50%, transparent);\n }\n }\n\n .disabled\\:bg-transparent:disabled {\n background-color: #0000;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n :where([data-edx-button-group-position=\"horizontal-first\"]) .in-data-\\[edx-button-group-position\\=horizontal-first\\]\\:rounded-r-none {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n :where([data-edx-button-group-position=\"horizontal-last\"]) .in-data-\\[edx-button-group-position\\=horizontal-last\\]\\:rounded-l-none {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n :where([data-edx-button-group-position=\"horizontal-middle\"]) .in-data-\\[edx-button-group-position\\=horizontal-middle\\]\\:rounded-none {\n border-radius: 0;\n }\n\n :where([data-edx-button-group-position=\"vertical-first\"]) .in-data-\\[edx-button-group-position\\=vertical-first\\]\\:rounded-b-none {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n :where([data-edx-button-group-position=\"vertical-last\"]) .in-data-\\[edx-button-group-position\\=vertical-last\\]\\:rounded-t-none {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n :where([data-edx-button-group-position=\"vertical-middle\"]) .in-data-\\[edx-button-group-position\\=vertical-middle\\]\\:rounded-none {\n border-radius: 0;\n }\n\n :where([data-orientation=\"horizontal\"]) .in-data-\\[orientation\\=horizontal\\]\\:w-px {\n width: 1px;\n }\n\n :where([data-orientation=\"vertical\"]) .in-data-\\[orientation\\=vertical\\]\\:h-px {\n height: 1px;\n }\n\n :where([data-orientation=\"vertical\"]) .in-data-\\[orientation\\=vertical\\]\\:w-full {\n width: 100%;\n }\n\n :where([data-orientation=\"vertical\"]) .in-data-\\[orientation\\=vertical\\]\\:self-auto {\n align-self: auto;\n }\n\n :where([data-side=\"left\"]) .in-data-\\[side\\=left\\]\\:cursor-w-resize {\n cursor: w-resize;\n }\n\n :where([data-side=\"right\"]) .in-data-\\[side\\=right\\]\\:cursor-e-resize {\n cursor: e-resize;\n }\n\n :where([data-slot=\"button-group\"]) .in-data-\\[slot\\=button-group\\]\\:rounded-lg {\n border-radius: var(--radius);\n }\n\n :where([data-slot=\"card-content\"]) .in-data-\\[slot\\=card-content\\]\\:bg-transparent {\n background-color: #0000;\n }\n\n :where([data-slot=\"dialog-content\"]) .in-data-\\[slot\\=dialog-content\\]\\:rounded-lg\\! {\n border-radius: var(--radius) !important;\n }\n\n :where([data-slot=\"dropdown-menu-content\"]) .in-data-\\[slot\\=dropdown-menu-content\\]\\:p-0 {\n padding: 0;\n }\n\n :where([data-slot=\"navigation-menu-content\"]) .in-data-\\[slot\\=navigation-menu-content\\]\\:rounded-md {\n border-radius: calc(var(--radius) * .8);\n }\n\n :where([data-slot=\"popover-content\"]) .in-data-\\[slot\\=popover-content\\]\\:bg-transparent {\n background-color: #0000;\n }\n\n :where([data-slot=\"tooltip-content\"]) .in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/20 {\n background-color: var(--background);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n :where([data-slot=\"tooltip-content\"]) .in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/20 {\n background-color: color-mix(in oklab, var(--background) 20%, transparent);\n }\n }\n\n :where([data-slot=\"tooltip-content\"]) .in-data-\\[slot\\=tooltip-content\\]\\:text-background {\n color: var(--background);\n }\n\n .has-disabled\\:bg-input\\/50:has(:disabled) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-disabled\\:bg-input\\/50:has(:disabled) {\n background-color: color-mix(in oklab, var(--input) 50%, transparent);\n }\n }\n\n .has-disabled\\:opacity-50:has(:disabled) {\n opacity: .5;\n }\n\n .has-aria-invalid\\:border-destructive:has([aria-invalid=\"true\"]) {\n border-color: var(--destructive);\n }\n\n .has-aria-invalid\\:ring-3:has([aria-invalid=\"true\"]) {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .has-aria-invalid\\:ring-destructive\\/20:has([aria-invalid=\"true\"]) {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-aria-invalid\\:ring-destructive\\/20:has([aria-invalid=\"true\"]) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=\"inline-end\"]) {\n padding-right: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=\"inline-end\"]) {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *):has([data-icon=\"inline-end\"]) {\n padding-right: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=\"inline-start\"]) {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=\"inline-start\"]) {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *):has([data-icon=\"inline-start\"]) {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[size\\=sm\\]\\:gap-2\\.5:has([data-size=\"sm\"]) {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .has-data-\\[size\\=xs\\]\\:gap-2:has([data-size=\"xs\"]) {\n gap: calc(var(--spacing) * 2);\n }\n\n .has-data-\\[slot\\=alert-action\\]\\:relative:has([data-slot=\"alert-action\"]) {\n position: relative;\n }\n\n .has-data-\\[slot\\=alert-action\\]\\:pr-18:has([data-slot=\"alert-action\"]) {\n padding-right: calc(var(--spacing) * 18);\n }\n\n .has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_auto_1fr\\]:has([data-slot=\"alert-dialog-media\"]) {\n grid-template-rows: auto auto 1fr;\n }\n\n .has-data-\\[slot\\=alert-dialog-media\\]\\:gap-x-4:has([data-slot=\"alert-dialog-media\"]) {\n column-gap: calc(var(--spacing) * 4);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:w-30:has([data-slot=\"attachment-content\"]) {\n width: calc(var(--spacing) * 30);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:px-1\\.5:has([data-slot=\"attachment-content\"]) {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:px-2:has([data-slot=\"attachment-content\"]) {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:px-2\\.5:has([data-slot=\"attachment-content\"]) {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:py-1:has([data-slot=\"attachment-content\"]) {\n padding-block: var(--spacing);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:py-1\\.5:has([data-slot=\"attachment-content\"]) {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[slot\\=attachment-content\\]\\:py-2:has([data-slot=\"attachment-content\"]) {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .has-data-\\[slot\\=attachment-media\\]\\:p-1:has([data-slot=\"attachment-media\"]) {\n padding: var(--spacing);\n }\n\n .has-data-\\[slot\\=attachment-media\\]\\:p-1\\.5:has([data-slot=\"attachment-media\"]) {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[slot\\=attachment-media\\]\\:p-2:has([data-slot=\"attachment-media\"]) {\n padding: calc(var(--spacing) * 2);\n }\n\n .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=\"card-action\"]) {\n grid-template-columns: 1fr auto;\n }\n\n .has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\]:has([data-slot=\"card-description\"]) {\n grid-template-rows: auto auto;\n }\n\n .has-data-\\[slot\\=card-footer\\]\\:pb-0:has([data-slot=\"card-footer\"]) {\n padding-bottom: 0;\n }\n\n .has-data-\\[slot\\=kbd\\]\\:pr-1\\.5:has([data-slot=\"kbd\"]) {\n padding-right: calc(var(--spacing) * 1.5);\n }\n\n .has-data-\\[variant\\=inset\\]\\:bg-sidebar:has([data-variant=\"inset\"]) {\n background-color: var(--sidebar);\n }\n\n .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:border-ring:has([data-slot=\"input-group-control\"]:focus-visible) {\n border-color: var(--ring);\n }\n\n .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-3:has([data-slot=\"input-group-control\"]:focus-visible) {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50:has([data-slot=\"input-group-control\"]:focus-visible) {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50:has([data-slot=\"input-group-control\"]:focus-visible) {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:border-destructive:has([data-slot][aria-invalid=\"true\"]) {\n border-color: var(--destructive);\n }\n\n .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-3:has([data-slot][aria-invalid=\"true\"]) {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20:has([data-slot][aria-invalid=\"true\"]) {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20:has([data-slot][aria-invalid=\"true\"]) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .has-\\[button\\]\\:p-0:has(:is(button)) {\n padding: 0;\n }\n\n .has-\\[select\\:disabled\\]\\:opacity-50:has(:is(select:disabled)) {\n opacity: .5;\n }\n\n .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:h-auto:has( > [data-align=\"block-end\"]) {\n height: auto;\n }\n\n .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:flex-col:has( > [data-align=\"block-end\"]) {\n flex-direction: column;\n }\n\n .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:h-auto:has( > [data-align=\"block-start\"]) {\n height: auto;\n }\n\n .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:flex-col:has( > [data-align=\"block-start\"]) {\n flex-direction: column;\n }\n\n @media (hover: hover) {\n .has-\\[\\>a\\,\\>button\\]\\:hover\\:bg-muted\\/50:has( > a, > button):hover {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-\\[\\>a\\,\\>button\\]\\:hover\\:bg-muted\\/50:has( > a, > button):hover {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n }\n\n .has-\\[\\>button\\]\\:mr-\\[-0\\.3rem\\]:has( > button) {\n margin-right: -.3rem;\n }\n\n .has-\\[\\>button\\]\\:ml-\\[-0\\.3rem\\]:has( > button) {\n margin-left: -.3rem;\n }\n\n .has-\\[\\>img\\:first-child\\]\\:pt-0:has( > img:first-child) {\n padding-top: 0;\n }\n\n .has-\\[\\>input\\:focus-visible\\]\\:border-ring:has( > input:focus-visible) {\n border-color: var(--ring);\n }\n\n .has-\\[\\>input\\:focus-visible\\]\\:ring-3:has( > input:focus-visible) {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .has-\\[\\>input\\:focus-visible\\]\\:ring-ring\\/50:has( > input:focus-visible) {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .has-\\[\\>input\\:focus-visible\\]\\:ring-ring\\/50:has( > input:focus-visible) {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n .has-\\[\\>kbd\\]\\:mr-\\[-0\\.15rem\\]:has( > kbd) {\n margin-right: -.15rem;\n }\n\n .has-\\[\\>kbd\\]\\:ml-\\[-0\\.15rem\\]:has( > kbd) {\n margin-left: -.15rem;\n }\n\n .has-\\[\\>svg\\]\\:grid-cols-\\[auto_1fr\\]:has( > svg) {\n grid-template-columns: auto 1fr;\n }\n\n .has-\\[\\>svg\\]\\:gap-x-2:has( > svg) {\n column-gap: calc(var(--spacing) * 2);\n }\n\n .has-\\[\\>svg\\]\\:p-0:has( > svg) {\n padding: 0;\n }\n\n .has-\\[\\>textarea\\]\\:h-auto:has( > textarea) {\n height: auto;\n }\n\n .aria-disabled\\:pointer-events-none[aria-disabled=\"true\"] {\n pointer-events: none;\n }\n\n .aria-disabled\\:opacity-50[aria-disabled=\"true\"] {\n opacity: .5;\n }\n\n .aria-expanded\\:bg-muted[aria-expanded=\"true\"] {\n background-color: var(--muted);\n }\n\n .aria-expanded\\:bg-secondary[aria-expanded=\"true\"] {\n background-color: var(--secondary);\n }\n\n .aria-expanded\\:text-foreground[aria-expanded=\"true\"] {\n color: var(--foreground);\n }\n\n .aria-expanded\\:text-secondary-foreground[aria-expanded=\"true\"] {\n color: var(--secondary-foreground);\n }\n\n .aria-expanded\\:opacity-100[aria-expanded=\"true\"] {\n opacity: 1;\n }\n\n .aria-invalid\\:border-destructive[aria-invalid=\"true\"] {\n border-color: var(--destructive);\n }\n\n .aria-invalid\\:ring-0[aria-invalid=\"true\"] {\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 .aria-invalid\\:ring-3[aria-invalid=\"true\"] {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .aria-invalid\\:ring-destructive\\/20[aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .aria-invalid\\:ring-destructive\\/20[aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .aria-invalid\\:aria-checked\\:border-primary[aria-invalid=\"true\"][aria-checked=\"true\"] {\n border-color: var(--primary);\n }\n\n .aria-selected\\:text-muted-foreground[aria-selected=\"true\"] {\n color: var(--muted-foreground);\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:h-px[aria-orientation=\"horizontal\"] {\n height: 1px;\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:w-full[aria-orientation=\"horizontal\"] {\n width: 100%;\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:after\\:left-0[aria-orientation=\"horizontal\"]:after {\n content: var(--tw-content);\n left: 0;\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:after\\:h-1[aria-orientation=\"horizontal\"]:after {\n content: var(--tw-content);\n height: var(--spacing);\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:after\\:w-full[aria-orientation=\"horizontal\"]:after {\n content: var(--tw-content);\n width: 100%;\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:after\\:translate-x-0[aria-orientation=\"horizontal\"]:after {\n content: var(--tw-content);\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .aria-\\[orientation\\=horizontal\\]\\:after\\:-translate-y-1\\/2[aria-orientation=\"horizontal\"]:after {\n content: var(--tw-content);\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .aria-\\[orientation\\=vertical\\]\\:flex-col[aria-orientation=\"vertical\"] {\n flex-direction: column;\n }\n\n .data-autoscrolling\\:scrollbar-thumb-transparent[data-autoscrolling] {\n --tw-scrollbar-thumb: transparent;\n scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n }\n\n .data-autoscrolling\\:scrollbar-track-transparent[data-autoscrolling] {\n --tw-scrollbar-track: transparent;\n scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n }\n\n .data-behind\\:opacity-0[data-behind] {\n opacity: 0;\n }\n\n .data-ending-style\\:h-0[data-ending-style] {\n height: 0;\n }\n\n .data-ending-style\\:scale-90[data-ending-style] {\n --tw-scale-x: 90%;\n --tw-scale-y: 90%;\n --tw-scale-z: 90%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .data-ending-style\\:opacity-0[data-ending-style] {\n opacity: 0;\n }\n\n .data-ending-style\\:duration-150[data-ending-style] {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .data-expanded\\:h-\\(--toast-height\\)[data-expanded] {\n height: var(--toast-height);\n }\n\n .data-expanded\\:\\[transform\\:translateX\\(var\\(--toast-swipe-movement-x\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-expanded] {\n transform: translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));\n }\n\n .data-expanded\\:opacity-100[data-expanded] {\n opacity: 1;\n }\n\n .data-highlighted\\:bg-accent[data-highlighted] {\n background-color: var(--accent);\n }\n\n .data-highlighted\\:text-accent-foreground[data-highlighted] {\n color: var(--accent-foreground);\n }\n\n .data-hovering\\:opacity-100[data-hovering] {\n opacity: 1;\n }\n\n .data-indeterminate\\:w-1\\/3[data-indeterminate] {\n width: 33.3333%;\n }\n\n .data-indeterminate\\:animate-\\[progress-indeterminate_1\\.5s_ease-in-out_infinite\\][data-indeterminate] {\n animation: 1.5s ease-in-out infinite progress-indeterminate;\n }\n\n .data-instant\\:transition-none[data-instant] {\n transition-property: none;\n }\n\n .data-invalid\\:border-destructive[data-invalid] {\n border-color: var(--destructive);\n }\n\n .data-limited\\:opacity-0[data-limited] {\n opacity: 0;\n }\n\n .data-pending-scroll\\:invisible[data-pending-scroll] {\n visibility: hidden;\n }\n\n .data-placeholder\\:text-muted-foreground[data-placeholder] {\n color: var(--muted-foreground);\n }\n\n .data-popup-open\\:border-ring[data-popup-open] {\n border-color: var(--ring);\n }\n\n .data-popup-open\\:bg-accent[data-popup-open] {\n background-color: var(--accent);\n }\n\n .data-popup-open\\:bg-muted\\/50[data-popup-open] {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-popup-open\\:bg-muted\\/50[data-popup-open] {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .data-popup-open\\:text-accent-foreground[data-popup-open] {\n color: var(--accent-foreground);\n }\n\n .data-popup-open\\:ring-3[data-popup-open] {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .data-popup-open\\:ring-ring\\/50[data-popup-open] {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-popup-open\\:ring-ring\\/50[data-popup-open] {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n @media (hover: hover) {\n .data-popup-open\\:hover\\:bg-muted[data-popup-open]:hover {\n background-color: var(--muted);\n }\n }\n\n .data-pressed\\:bg-muted[data-pressed] {\n background-color: var(--muted);\n }\n\n .data-pressed\\:text-foreground[data-pressed] {\n color: var(--foreground);\n }\n\n .data-scrolling\\:bg-muted-foreground\\/70[data-scrolling] {\n background-color: var(--muted-foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-scrolling\\:bg-muted-foreground\\/70[data-scrolling] {\n background-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);\n }\n }\n\n .data-scrolling\\:opacity-100[data-scrolling] {\n opacity: 1;\n }\n\n :is(.group-data-\\[align\\=end\\]\\/message\\:\\*\\:data-slot\\:self-end:is(:where(.group\\/message)[data-align=\"end\"] *) > *)[data-slot] {\n align-self: flex-end;\n }\n\n .data-starting-style\\:h-0[data-starting-style] {\n height: 0;\n }\n\n .data-starting-style\\:scale-90[data-starting-style] {\n --tw-scale-x: 90%;\n --tw-scale-y: 90%;\n --tw-scale-z: 90%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .data-starting-style\\:\\[transform\\:translateY\\(150\\%\\)\\][data-starting-style] {\n transform: translateY(150%);\n }\n\n .data-starting-style\\:opacity-0[data-starting-style] {\n opacity: 0;\n }\n\n .data-ending-style\\:data-\\[activation-direction\\=left\\]\\:translate-x-\\[50\\%\\][data-ending-style][data-activation-direction=\"left\"] {\n --tw-translate-x: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-starting-style\\:data-\\[activation-direction\\=left\\]\\:translate-x-\\[-50\\%\\][data-starting-style][data-activation-direction=\"left\"], .data-ending-style\\:data-\\[activation-direction\\=right\\]\\:translate-x-\\[-50\\%\\][data-ending-style][data-activation-direction=\"right\"] {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-starting-style\\:data-\\[activation-direction\\=right\\]\\:translate-x-\\[50\\%\\][data-starting-style][data-activation-direction=\"right\"] {\n --tw-translate-x: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[active\\=false\\]\\:pointer-events-none[data-active=\"false\"] {\n pointer-events: none;\n }\n\n .data-\\[active\\=false\\]\\:scale-95[data-active=\"false\"] {\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 .data-\\[active\\=false\\]\\:opacity-0[data-active=\"false\"] {\n opacity: 0;\n }\n\n .data-\\[active\\=false\\]\\:duration-400[data-active=\"false\"] {\n --tw-duration: .4s;\n transition-duration: .4s;\n }\n\n .data-\\[active\\=false\\]\\:ease-\\[cubic-bezier\\(0\\.7\\,0\\,0\\.84\\,0\\)\\][data-active=\"false\"] {\n --tw-ease: cubic-bezier(.7,0,.84,0);\n transition-timing-function: cubic-bezier(.7, 0, .84, 0);\n }\n\n .data-\\[active\\=true\\]\\:z-10[data-active=\"true\"] {\n z-index: 10;\n }\n\n .data-\\[active\\=true\\]\\:translate-y-0[data-active=\"true\"] {\n --tw-translate-y: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[active\\=true\\]\\:scale-100[data-active=\"true\"] {\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 .data-\\[active\\=true\\]\\:border-ring[data-active=\"true\"] {\n border-color: var(--ring);\n }\n\n .data-\\[active\\=true\\]\\:opacity-100[data-active=\"true\"] {\n opacity: 1;\n }\n\n .data-\\[active\\=true\\]\\:ring-3[data-active=\"true\"] {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .data-\\[active\\=true\\]\\:ring-ring\\/50[data-active=\"true\"] {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-\\[active\\=true\\]\\:ring-ring\\/50[data-active=\"true\"] {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n .data-\\[active\\=true\\]\\:ease-\\[cubic-bezier\\(0\\.23\\,1\\,0\\.32\\,1\\)\\][data-active=\"true\"] {\n --tw-ease: cubic-bezier(.23,1,.32,1);\n transition-timing-function: cubic-bezier(.23, 1, .32, 1);\n }\n\n .data-\\[active\\=true\\]\\:aria-invalid\\:border-destructive[data-active=\"true\"][aria-invalid=\"true\"] {\n border-color: var(--destructive);\n }\n\n .data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/20[data-active=\"true\"][aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/20[data-active=\"true\"][aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .data-\\[align\\=end\\]\\:flex-row-reverse[data-align=\"end\"] {\n flex-direction: row-reverse;\n }\n\n .data-\\[align\\=end\\]\\:self-end[data-align=\"end\"] {\n align-self: flex-end;\n }\n\n .data-\\[direction\\=end\\]\\:bottom-4[data-direction=\"end\"] {\n bottom: calc(var(--spacing) * 4);\n }\n\n .data-\\[direction\\=end\\]\\:data-\\[active\\=false\\]\\:translate-y-full[data-direction=\"end\"][data-active=\"false\"] {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[direction\\=start\\]\\:top-4[data-direction=\"start\"] {\n top: calc(var(--spacing) * 4);\n }\n\n .data-\\[direction\\=start\\]\\:data-\\[active\\=false\\]\\:-translate-y-full[data-direction=\"start\"][data-active=\"false\"] {\n --tw-translate-y: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled=\"true\"] {\n pointer-events: none;\n }\n\n .data-\\[disabled\\=true\\]\\:opacity-50[data-disabled=\"true\"] {\n opacity: .5;\n }\n\n .data-\\[inset\\=true\\]\\:pl-7[data-inset=\"true\"] {\n padding-left: calc(var(--spacing) * 7);\n }\n\n .data-\\[motion\\=from-end\\]\\:slide-in-from-right-52[data-motion=\"from-end\"] {\n --tw-enter-translate-x: calc(52*var(--spacing));\n }\n\n .data-\\[motion\\=from-start\\]\\:slide-in-from-left-52[data-motion=\"from-start\"] {\n --tw-enter-translate-x: calc(52*var(--spacing)*-1);\n }\n\n .data-\\[motion\\=to-end\\]\\:slide-out-to-right-52[data-motion=\"to-end\"] {\n --tw-exit-translate-x: calc(52*var(--spacing));\n }\n\n .data-\\[motion\\=to-start\\]\\:slide-out-to-left-52[data-motion=\"to-start\"] {\n --tw-exit-translate-x: calc(52*var(--spacing)*-1);\n }\n\n .data-\\[motion\\^\\=from-\\]\\:animate-in[data-motion^=\"from-\"] {\n animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-\\[motion\\^\\=from-\\]\\:fade-in[data-motion^=\"from-\"] {\n --tw-enter-opacity: 0;\n }\n\n .data-\\[motion\\^\\=to-\\]\\:animate-out[data-motion^=\"to-\"] {\n animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-\\[motion\\^\\=to-\\]\\:fade-out[data-motion^=\"to-\"] {\n --tw-exit-opacity: 0;\n }\n\n .data-\\[orientation\\=horizontal\\]\\:flex[data-orientation=\"horizontal\"] {\n display: flex;\n }\n\n .data-\\[orientation\\=horizontal\\]\\:items-center[data-orientation=\"horizontal\"] {\n align-items: center;\n }\n\n .data-\\[orientation\\=vertical\\]\\:flex-col[data-orientation=\"vertical\"] {\n flex-direction: column;\n }\n\n .data-\\[range-end\\=true\\]\\:rounded-\\(--cell-radius\\)[data-range-end=\"true\"] {\n border-radius: var(--cell-radius);\n }\n\n .data-\\[range-end\\=true\\]\\:rounded-r-\\(--cell-radius\\)[data-range-end=\"true\"] {\n border-top-right-radius: var(--cell-radius);\n border-bottom-right-radius: var(--cell-radius);\n }\n\n .data-\\[range-end\\=true\\]\\:bg-primary[data-range-end=\"true\"] {\n background-color: var(--primary);\n }\n\n .data-\\[range-end\\=true\\]\\:text-primary-foreground[data-range-end=\"true\"] {\n color: var(--primary-foreground);\n }\n\n .data-\\[range-middle\\=true\\]\\:rounded-none[data-range-middle=\"true\"] {\n border-radius: 0;\n }\n\n .data-\\[range-middle\\=true\\]\\:bg-muted[data-range-middle=\"true\"] {\n background-color: var(--muted);\n }\n\n .data-\\[range-middle\\=true\\]\\:text-foreground[data-range-middle=\"true\"] {\n color: var(--foreground);\n }\n\n .data-\\[range-start\\=true\\]\\:rounded-\\(--cell-radius\\)[data-range-start=\"true\"] {\n border-radius: var(--cell-radius);\n }\n\n .data-\\[range-start\\=true\\]\\:rounded-l-\\(--cell-radius\\)[data-range-start=\"true\"] {\n border-top-left-radius: var(--cell-radius);\n border-bottom-left-radius: var(--cell-radius);\n }\n\n .data-\\[range-start\\=true\\]\\:bg-primary[data-range-start=\"true\"] {\n background-color: var(--primary);\n }\n\n .data-\\[range-start\\=true\\]\\:text-primary-foreground[data-range-start=\"true\"] {\n color: var(--primary-foreground);\n }\n\n .data-\\[selected\\]\\:font-medium[data-selected] {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .data-\\[selected-single\\=true\\]\\:bg-primary[data-selected-single=\"true\"] {\n background-color: var(--primary);\n }\n\n .data-\\[selected-single\\=true\\]\\:text-primary-foreground[data-selected-single=\"true\"] {\n color: var(--primary-foreground);\n }\n\n .data-\\[selected\\=true\\]\\:rounded-none[data-selected=\"true\"] {\n border-radius: 0;\n }\n\n .data-\\[side\\=bottom\\]\\:inset-x-0[data-side=\"bottom\"] {\n inset-inline: 0;\n }\n\n .data-\\[side\\=bottom\\]\\:top-1[data-side=\"bottom\"] {\n top: var(--spacing);\n }\n\n .data-\\[side\\=bottom\\]\\:bottom-0[data-side=\"bottom\"] {\n bottom: 0;\n }\n\n .data-\\[side\\=bottom\\]\\:h-auto[data-side=\"bottom\"] {\n height: auto;\n }\n\n .data-\\[side\\=bottom\\]\\:border-t[data-side=\"bottom\"] {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"] {\n --tw-enter-translate-y: calc(2*var(--spacing)*-1);\n }\n\n .data-\\[side\\=bottom\\]\\:before\\:top-\\[-10px\\][data-side=\"bottom\"]:before {\n content: var(--tw-content);\n top: -10px;\n }\n\n .data-\\[side\\=bottom\\]\\:before\\:right-0[data-side=\"bottom\"]:before {\n content: var(--tw-content);\n right: 0;\n }\n\n .data-\\[side\\=bottom\\]\\:before\\:left-0[data-side=\"bottom\"]:before {\n content: var(--tw-content);\n left: 0;\n }\n\n .data-\\[side\\=bottom\\]\\:data-ending-style\\:translate-y-\\[2\\.5rem\\][data-side=\"bottom\"][data-ending-style], .data-\\[side\\=bottom\\]\\:data-starting-style\\:translate-y-\\[2\\.5rem\\][data-side=\"bottom\"][data-starting-style] {\n --tw-translate-y: 2.5rem;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=inline-end\\]\\:top-1\\/2\\![data-side=\"inline-end\"] {\n top: 50% !important;\n }\n\n .data-\\[side\\=inline-end\\]\\:-left-1[data-side=\"inline-end\"] {\n left: calc(var(--spacing) * -1);\n }\n\n .data-\\[side\\=inline-end\\]\\:-translate-y-1\\/2[data-side=\"inline-end\"] {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=inline-end\\]\\:slide-in-from-left-2[data-side=\"inline-end\"] {\n --tw-enter-translate-x: calc(2*var(--spacing)*-1);\n }\n\n .data-\\[side\\=inline-start\\]\\:top-1\\/2\\![data-side=\"inline-start\"] {\n top: 50% !important;\n }\n\n .data-\\[side\\=inline-start\\]\\:-right-1[data-side=\"inline-start\"] {\n right: calc(var(--spacing) * -1);\n }\n\n .data-\\[side\\=inline-start\\]\\:-translate-y-1\\/2[data-side=\"inline-start\"] {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=inline-start\\]\\:slide-in-from-right-2[data-side=\"inline-start\"] {\n --tw-enter-translate-x: calc(2*var(--spacing));\n }\n\n .data-\\[side\\=left\\]\\:inset-y-0[data-side=\"left\"] {\n inset-block: 0;\n }\n\n .data-\\[side\\=left\\]\\:top-1\\/2\\![data-side=\"left\"] {\n top: 50% !important;\n }\n\n .data-\\[side\\=left\\]\\:-right-1[data-side=\"left\"] {\n right: calc(var(--spacing) * -1);\n }\n\n .data-\\[side\\=left\\]\\:left-0[data-side=\"left\"] {\n left: 0;\n }\n\n .data-\\[side\\=left\\]\\:h-full[data-side=\"left\"] {\n height: 100%;\n }\n\n .data-\\[side\\=left\\]\\:w-3\\/4[data-side=\"left\"] {\n width: 75%;\n }\n\n .data-\\[side\\=left\\]\\:-translate-y-1\\/2[data-side=\"left\"] {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=left\\]\\:border-r[data-side=\"left\"] {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"] {\n --tw-enter-translate-x: calc(2*var(--spacing));\n }\n\n .data-\\[side\\=left\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\][data-side=\"left\"]:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n left: calc(var(--sidebar-width) * -1);\n }\n\n .data-\\[side\\=left\\]\\:data-ending-style\\:translate-x-\\[-2\\.5rem\\][data-side=\"left\"][data-ending-style], .data-\\[side\\=left\\]\\:data-starting-style\\:translate-x-\\[-2\\.5rem\\][data-side=\"left\"][data-starting-style] {\n --tw-translate-x: -2.5rem;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=right\\]\\:inset-y-0[data-side=\"right\"] {\n inset-block: 0;\n }\n\n .data-\\[side\\=right\\]\\:top-1\\/2\\![data-side=\"right\"] {\n top: 50% !important;\n }\n\n .data-\\[side\\=right\\]\\:right-0[data-side=\"right\"] {\n right: 0;\n }\n\n .data-\\[side\\=right\\]\\:-left-1[data-side=\"right\"] {\n left: calc(var(--spacing) * -1);\n }\n\n .data-\\[side\\=right\\]\\:h-full[data-side=\"right\"] {\n height: 100%;\n }\n\n .data-\\[side\\=right\\]\\:w-3\\/4[data-side=\"right\"] {\n width: 75%;\n }\n\n .data-\\[side\\=right\\]\\:-translate-y-1\\/2[data-side=\"right\"] {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=right\\]\\:border-l[data-side=\"right\"] {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"] {\n --tw-enter-translate-x: calc(2*var(--spacing)*-1);\n }\n\n .data-\\[side\\=right\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\][data-side=\"right\"]:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n right: calc(var(--sidebar-width) * -1);\n }\n\n .data-\\[side\\=right\\]\\:data-ending-style\\:translate-x-\\[2\\.5rem\\][data-side=\"right\"][data-ending-style], .data-\\[side\\=right\\]\\:data-starting-style\\:translate-x-\\[2\\.5rem\\][data-side=\"right\"][data-starting-style] {\n --tw-translate-x: 2.5rem;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[side\\=top\\]\\:inset-x-0[data-side=\"top\"] {\n inset-inline: 0;\n }\n\n .data-\\[side\\=top\\]\\:top-0[data-side=\"top\"] {\n top: 0;\n }\n\n .data-\\[side\\=top\\]\\:-bottom-2\\.5[data-side=\"top\"] {\n bottom: calc(var(--spacing) * -2.5);\n }\n\n .data-\\[side\\=top\\]\\:h-auto[data-side=\"top\"] {\n height: auto;\n }\n\n .data-\\[side\\=top\\]\\:border-b[data-side=\"top\"] {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"] {\n --tw-enter-translate-y: calc(2*var(--spacing));\n }\n\n .data-\\[side\\=top\\]\\:data-ending-style\\:translate-y-\\[-2\\.5rem\\][data-side=\"top\"][data-ending-style], .data-\\[side\\=top\\]\\:data-starting-style\\:translate-y-\\[-2\\.5rem\\][data-side=\"top\"][data-starting-style] {\n --tw-translate-y: -2.5rem;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .data-\\[size\\=default\\]\\:h-4\\.5[data-size=\"default\"] {\n height: calc(var(--spacing) * 4.5);\n }\n\n .data-\\[size\\=default\\]\\:w-8[data-size=\"default\"] {\n width: calc(var(--spacing) * 8);\n }\n\n .data-\\[size\\=default\\]\\:max-w-xs[data-size=\"default\"] {\n max-width: var(--container-xs);\n }\n\n .data-\\[size\\=lg\\]\\:size-10[data-size=\"lg\"] {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n\n .data-\\[size\\=md\\]\\:text-sm[data-size=\"md\"] {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .data-\\[size\\=sm\\]\\:size-6[data-size=\"sm\"] {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .data-\\[size\\=sm\\]\\:h-3\\.5[data-size=\"sm\"] {\n height: calc(var(--spacing) * 3.5);\n }\n\n .data-\\[size\\=sm\\]\\:h-7[data-size=\"sm\"] {\n height: calc(var(--spacing) * 7);\n }\n\n .data-\\[size\\=sm\\]\\:w-6[data-size=\"sm\"] {\n width: calc(var(--spacing) * 6);\n }\n\n .data-\\[size\\=sm\\]\\:max-w-xs[data-size=\"sm\"] {\n max-width: var(--container-xs);\n }\n\n .data-\\[size\\=sm\\]\\:gap-3[data-size=\"sm\"] {\n gap: calc(var(--spacing) * 3);\n }\n\n .data-\\[size\\=sm\\]\\:rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\][data-size=\"sm\"] {\n border-radius: min(var(--radius-md), 10px);\n }\n\n .data-\\[size\\=sm\\]\\:py-0\\.5[data-size=\"sm\"] {\n padding-block: calc(var(--spacing) * .5);\n }\n\n .data-\\[size\\=sm\\]\\:py-3[data-size=\"sm\"] {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .data-\\[size\\=sm\\]\\:text-xs[data-size=\"sm\"] {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .data-\\[size\\=sm\\]\\:has-data-\\[slot\\=card-footer\\]\\:pb-0[data-size=\"sm\"]:has([data-slot=\"card-footer\"]) {\n padding-bottom: 0;\n }\n\n :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-destructive > *)[data-slot=\"alert-description\"] {\n color: var(--destructive);\n }\n\n :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-info > *)[data-slot=\"alert-description\"] {\n color: var(--info);\n }\n\n :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-success > *)[data-slot=\"alert-description\"] {\n color: var(--success);\n }\n\n :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-warning > *)[data-slot=\"alert-description\"] {\n color: var(--warning);\n }\n\n :is(.\\*\\:data-\\[slot\\=attachment\\]\\:flex-none > *)[data-slot=\"attachment\"] {\n flex: none;\n }\n\n :is(.\\*\\:data-\\[slot\\=attachment\\]\\:snap-start > *)[data-slot=\"attachment\"] {\n scroll-snap-align: start;\n }\n\n :is(.\\*\\:data-\\[slot\\=avatar\\]\\:ring-2 > *)[data-slot=\"avatar\"] {\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 :is(.\\*\\:data-\\[slot\\=avatar\\]\\:ring-background > *)[data-slot=\"avatar\"] {\n --tw-ring-color: var(--background);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:rounded-none > *)[data-slot=\"bubble-content\"] {\n border-radius: 0;\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:border-border > *)[data-slot=\"bubble-content\"] {\n border-color: var(--border);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.93_calc\\(c\\*0\\.4\\)_h\\)\\] > *)[data-slot=\"bubble-content\"] {\n background-color: oklch(from var(--primary) .93 calc(c * .4) h);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-background > *)[data-slot=\"bubble-content\"] {\n background-color: var(--background);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/10 > *)[data-slot=\"bubble-content\"] {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/10 > *)[data-slot=\"bubble-content\"] {\n background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n }\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-muted > *)[data-slot=\"bubble-content\"] {\n background-color: var(--muted);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-primary > *)[data-slot=\"bubble-content\"] {\n background-color: var(--primary);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-secondary > *)[data-slot=\"bubble-content\"] {\n background-color: var(--secondary);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-transparent > *)[data-slot=\"bubble-content\"] {\n background-color: #0000;\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:p-0 > *)[data-slot=\"bubble-content\"] {\n padding: 0;\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-destructive > *)[data-slot=\"bubble-content\"] {\n color: var(--destructive);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-foreground > *)[data-slot=\"bubble-content\"] {\n color: var(--foreground);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-primary-foreground > *)[data-slot=\"bubble-content\"] {\n color: var(--primary-foreground);\n }\n\n :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-secondary-foreground > *)[data-slot=\"bubble-content\"] {\n color: var(--secondary-foreground);\n }\n\n :is(.\\*\\:data-\\[slot\\=input-group-addon\\]\\:pl-2\\! > *)[data-slot=\"input-group-addon\"] {\n padding-left: calc(var(--spacing) * 2) !important;\n }\n\n :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:relative *)[data-slot=\"kbd\"] {\n position: relative;\n }\n\n :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:isolate *)[data-slot=\"kbd\"] {\n isolation: isolate;\n }\n\n :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:z-50 *)[data-slot=\"kbd\"] {\n z-index: 50;\n }\n\n :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:rounded-sm *)[data-slot=\"kbd\"] {\n border-radius: calc(var(--radius) * .6);\n }\n\n :is(.\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:ring-0 *)[data-slot=\"navigation-menu-link\"]: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 :is(.\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:outline-none *)[data-slot=\"navigation-menu-link\"]:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n :is(.group-data-\\[orientation\\=vertical\\]\\/attachment\\:\\*\\:data-\\[slot\\=spinner\\]\\:size-6\\!:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) > *)[data-slot=\"spinner\"] {\n width: calc(var(--spacing) * 6) !important;\n height: calc(var(--spacing) * 6) !important;\n }\n\n .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-l-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"]:first-child {\n border-top-left-radius: var(--radius);\n border-bottom-left-radius: var(--radius);\n }\n\n .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-t-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"]:first-child {\n border-top-left-radius: var(--radius);\n border-top-right-radius: var(--radius);\n }\n\n .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-r-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"]:last-child {\n border-top-right-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n }\n\n .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-b-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"]:last-child {\n border-bottom-right-radius: var(--radius);\n border-bottom-left-radius: var(--radius);\n }\n\n .data-\\[state\\=delayed-open\\]\\:animate-in[data-state=\"delayed-open\"] {\n animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-\\[state\\=delayed-open\\]\\:fade-in-0[data-state=\"delayed-open\"] {\n --tw-enter-opacity: 0;\n }\n\n .data-\\[state\\=delayed-open\\]\\:zoom-in-95[data-state=\"delayed-open\"] {\n --tw-enter-scale: .95;\n }\n\n .data-\\[state\\=error\\]\\:border-destructive\\/30[data-state=\"error\"] {\n border-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-\\[state\\=error\\]\\:border-destructive\\/30[data-state=\"error\"] {\n border-color: color-mix(in oklab, var(--destructive) 30%, transparent);\n }\n }\n\n .data-\\[state\\=hidden\\]\\:animate-out[data-state=\"hidden\"] {\n animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-\\[state\\=hidden\\]\\:fade-out[data-state=\"hidden\"] {\n --tw-exit-opacity: 0;\n }\n\n .data-\\[state\\=idle\\]\\:border-dashed[data-state=\"idle\"] {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .data-\\[state\\=selected\\]\\:bg-muted[data-state=\"selected\"] {\n background-color: var(--muted);\n }\n\n .data-\\[state\\=visible\\]\\:animate-in[data-state=\"visible\"] {\n animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-\\[state\\=visible\\]\\:fade-in[data-state=\"visible\"] {\n --tw-enter-opacity: 0;\n }\n\n .data-ending-style\\:data-\\[swipe-direction\\=down\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)\\+150\\%\\)\\)\\][data-ending-style][data-swipe-direction=\"down\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=down\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)\\+150\\%\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"down\"] {\n transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));\n }\n\n .data-ending-style\\:data-\\[swipe-direction\\=left\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)-150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-ending-style][data-swipe-direction=\"left\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=left\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)-150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"left\"] {\n transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));\n }\n\n .data-ending-style\\:data-\\[swipe-direction\\=right\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)\\+150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-ending-style][data-swipe-direction=\"right\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=right\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)\\+150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"right\"] {\n transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));\n }\n\n .data-ending-style\\:data-\\[swipe-direction\\=up\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)-150\\%\\)\\)\\][data-ending-style][data-swipe-direction=\"up\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=up\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)-150\\%\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"up\"] {\n transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));\n }\n\n .data-\\[variant\\=destructive\\]\\:text-destructive[data-variant=\"destructive\"] {\n color: var(--destructive);\n }\n\n .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=\"destructive\"]:focus {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=\"destructive\"]:focus {\n background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n }\n }\n\n .data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant=\"destructive\"]:focus {\n color: var(--destructive);\n }\n\n .data-\\[variant\\=ghost\\]\\:max-w-full[data-variant=\"ghost\"] {\n max-width: 100%;\n }\n\n .data-\\[variant\\=line\\]\\:rounded-none[data-variant=\"line\"] {\n border-radius: 0;\n }\n\n .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-l-0:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"] {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\n }\n\n .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-t-0:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"] {\n border-top-style: var(--tw-border-style);\n border-top-width: 0;\n }\n\n .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-l:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"]:first-child {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-t:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"]:first-child {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {\n .supports-backdrop-filter\\:backdrop-blur-xs {\n --tw-backdrop-blur: blur(var(--blur-xs));\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\n @media (prefers-reduced-motion: no-preference) {\n .motion-safe\\: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 .motion-safe\\:duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .motion-reduce\\:transform-none {\n transform: none;\n }\n\n .motion-reduce\\:animate-none {\n animation: none;\n }\n\n .motion-reduce\\:transition-none {\n transition-property: none;\n }\n }\n\n @media (min-width: 40rem) {\n .sm\\:right-4 {\n right: calc(var(--spacing) * 4);\n }\n\n .sm\\:left-auto {\n left: auto;\n }\n\n .sm\\:mx-0 {\n margin-inline: 0;\n }\n\n .sm\\:flex {\n display: flex;\n }\n\n .sm\\:min-h-0 {\n min-height: 0;\n }\n\n .sm\\:min-h-8 {\n min-height: calc(var(--spacing) * 8);\n }\n\n .sm\\:w-full {\n width: 100%;\n }\n\n .sm\\:max-w-sm {\n max-width: var(--container-sm);\n }\n\n .sm\\:flex-row {\n flex-direction: row;\n }\n\n .sm\\:justify-end {\n justify-content: flex-end;\n }\n\n .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:row-span-2:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n grid-row: span 2 / span 2;\n }\n\n .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:place-items-start:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n place-items: start;\n }\n\n .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:text-left:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n text-align: left;\n }\n\n .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:group-has-data-\\[slot\\=alert-dialog-media\\]\\/alert-dialog-content\\:col-start-2:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *):is(:where(.group\\/alert-dialog-content):has([data-slot=\"alert-dialog-media\"]) *) {\n grid-column-start: 2;\n }\n\n .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_1fr\\]:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *):has([data-slot=\"alert-dialog-media\"]) {\n grid-template-rows: auto 1fr;\n }\n\n .data-\\[side\\=left\\]\\:sm\\:max-w-sm[data-side=\"left\"], .data-\\[side\\=right\\]\\:sm\\:max-w-sm[data-side=\"right\"], .data-\\[size\\=default\\]\\:sm\\:max-w-sm[data-size=\"default\"] {\n max-width: var(--container-sm);\n }\n }\n\n @media (min-width: 48rem) {\n .md\\:block {\n display: block;\n }\n\n .md\\:flex {\n display: flex;\n }\n\n .md\\:table-cell {\n display: table-cell;\n }\n\n .md\\:flex-row {\n flex-direction: row;\n }\n\n .md\\:text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .md\\:text-pretty {\n text-wrap: pretty;\n }\n\n .md\\:opacity-0 {\n opacity: 0;\n }\n\n .md\\:peer-data-\\[variant\\=inset\\]\\:m-2:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n margin: calc(var(--spacing) * 2);\n }\n\n .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n margin-left: 0;\n }\n\n .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n border-radius: calc(var(--radius) * 1.4);\n }\n\n .md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\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 .md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ml-2:is(:where(.peer)[data-variant=\"inset\"] ~ *):is(:where(.peer)[data-state=\"collapsed\"] ~ *) {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .md\\:after\\:hidden:after {\n content: var(--tw-content);\n display: none;\n }\n }\n\n .ltr\\:-translate-x-1\\/2:where(:dir(ltr), [dir=\"ltr\"], [dir=\"ltr\"] *), .rtl\\:-translate-x-1\\/2:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .rtl\\:translate-x-1\\/2:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) {\n --tw-translate-x: calc(1 / 2 * 100%);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .dark\\:border-input:is(.dark *) {\n border-color: var(--input);\n }\n\n .dark\\:bg-destructive\\/15:is(.dark *) {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-destructive\\/15:is(.dark *) {\n background-color: color-mix(in oklab, var(--destructive) 15%, transparent);\n }\n }\n\n .dark\\:bg-destructive\\/20:is(.dark *) {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-destructive\\/20:is(.dark *) {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .dark\\:bg-info-ring\\/30:is(.dark *) {\n background-color: var(--info-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-info-ring\\/30:is(.dark *) {\n background-color: color-mix(in oklab, var(--info-ring) 30%, transparent);\n }\n }\n\n .dark\\:bg-input\\/20:is(.dark *) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-input\\/20:is(.dark *) {\n background-color: color-mix(in oklab, var(--input) 20%, transparent);\n }\n }\n\n .dark\\:bg-input\\/30:is(.dark *) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-input\\/30:is(.dark *) {\n background-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n\n .dark\\:bg-success-ring\\/30:is(.dark *) {\n background-color: var(--success-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-success-ring\\/30:is(.dark *) {\n background-color: color-mix(in oklab, var(--success-ring) 30%, transparent);\n }\n }\n\n .dark\\:bg-transparent:is(.dark *) {\n background-color: #0000;\n }\n\n .dark\\:bg-warning-ring\\/30:is(.dark *) {\n background-color: var(--warning-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:bg-warning-ring\\/30:is(.dark *) {\n background-color: color-mix(in oklab, var(--warning-ring) 30%, transparent);\n }\n }\n\n .dark\\:text-background:is(.dark *) {\n color: var(--background);\n }\n\n .dark\\:text-muted-foreground:is(.dark *) {\n color: var(--muted-foreground);\n }\n\n .dark\\:group-data-checked\\/questionnaire-choice\\:bg-primary:is(.dark *):is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n background-color: var(--primary);\n }\n\n .dark\\:after\\:mix-blend-lighten:is(.dark *):after {\n content: var(--tw-content);\n mix-blend-mode: lighten;\n }\n\n @media (hover: hover) {\n .dark\\:hover\\:bg-destructive\\/20:is(.dark *):hover {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:hover\\:bg-destructive\\/20:is(.dark *):hover {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .dark\\:hover\\:bg-input\\/50:is(.dark *):hover {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:hover\\:bg-input\\/50:is(.dark *):hover {\n background-color: color-mix(in oklab, var(--input) 50%, transparent);\n }\n }\n\n .dark\\:hover\\:bg-muted\\/50:is(.dark *):hover {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:hover\\:bg-muted\\/50:is(.dark *):hover {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .dark\\:hover\\:text-foreground:is(.dark *):hover {\n color: var(--foreground);\n }\n }\n\n .dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n .dark\\:disabled\\:bg-input\\/80:is(.dark *):disabled {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:disabled\\:bg-input\\/80:is(.dark *):disabled {\n background-color: color-mix(in oklab, var(--input) 80%, transparent);\n }\n }\n\n .dark\\:disabled\\:bg-transparent:is(.dark *):disabled {\n background-color: #0000;\n }\n\n :where([data-slot=\"tooltip-content\"]) .dark\\:in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/10:is(.dark *) {\n background-color: var(--background);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n :where([data-slot=\"tooltip-content\"]) .dark\\:in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/10:is(.dark *) {\n background-color: color-mix(in oklab, var(--background) 10%, transparent);\n }\n }\n\n .dark\\:has-disabled\\:bg-input\\/80:is(.dark *):has(:disabled) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:has-disabled\\:bg-input\\/80:is(.dark *):has(:disabled) {\n background-color: color-mix(in oklab, var(--input) 80%, transparent);\n }\n }\n\n .dark\\:has-aria-invalid\\:ring-destructive\\/40:is(.dark *):has([aria-invalid=\"true\"]) {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:has-aria-invalid\\:ring-destructive\\/40:is(.dark *):has([aria-invalid=\"true\"]) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n .dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40:is(.dark *):has([data-slot][aria-invalid=\"true\"]) {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40:is(.dark *):has([data-slot][aria-invalid=\"true\"]) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n .dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=\"true\"] {\n border-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=\"true\"] {\n border-color: color-mix(in oklab, var(--destructive) 50%, transparent);\n }\n }\n\n .dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n .dark\\:data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[data-active=\"true\"][aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[data-active=\"true\"][aria-invalid=\"true\"] {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n\n :is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.3_calc\\(c\\*0\\.4\\)_h\\)\\]:is(.dark *) > *)[data-slot=\"bubble-content\"] {\n background-color: oklch(from var(--primary) .3 calc(c * .4) h);\n }\n\n :is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/20:is(.dark *) > *)[data-slot=\"bubble-content\"] {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n :is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/20:is(.dark *) > *)[data-slot=\"bubble-content\"] {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=\"destructive\"]:focus {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=\"destructive\"]:focus {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .data-open\\:scale-100:where([data-state=\"open\"]), .data-open\\:scale-100:where([data-open]:not([data-open=\"false\"])) {\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 .data-open\\:animate-in:where([data-state=\"open\"]), .data-open\\:animate-in:where([data-open]:not([data-open=\"false\"])) {\n animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-open\\:bg-accent:where([data-state=\"open\"]), .data-open\\:bg-accent:where([data-open]:not([data-open=\"false\"])) {\n background-color: var(--accent);\n }\n\n .data-open\\:bg-muted\\/50:where([data-state=\"open\"]), .data-open\\:bg-muted\\/50:where([data-open]:not([data-open=\"false\"])) {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-open\\:bg-muted\\/50:where([data-state=\"open\"]), .data-open\\:bg-muted\\/50:where([data-open]:not([data-open=\"false\"])) {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .data-open\\:text-accent-foreground:where([data-state=\"open\"]), .data-open\\:text-accent-foreground:where([data-open]:not([data-open=\"false\"])) {\n color: var(--accent-foreground);\n }\n\n .data-open\\:opacity-100:where([data-state=\"open\"]), .data-open\\:opacity-100:where([data-open]:not([data-open=\"false\"])) {\n opacity: 1;\n }\n\n .data-open\\:fade-in-0:where([data-state=\"open\"]), .data-open\\:fade-in-0:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-opacity: 0;\n }\n\n .data-open\\:zoom-in-95:where([data-state=\"open\"]), .data-open\\:zoom-in-95:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-scale: .95;\n }\n\n .data-open\\:slide-in-from-bottom:where([data-state=\"open\"]), .data-open\\:slide-in-from-bottom:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-translate-y: 100%;\n }\n\n .data-open\\:slide-in-from-left:where([data-state=\"open\"]), .data-open\\:slide-in-from-left:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-translate-x: -100%;\n }\n\n .data-open\\:slide-in-from-right:where([data-state=\"open\"]), .data-open\\:slide-in-from-right:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-translate-x: 100%;\n }\n\n .data-open\\:slide-in-from-top:where([data-state=\"open\"]), .data-open\\:slide-in-from-top:where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-translate-y: -100%;\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:animate-in:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"open\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:animate-in:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-open]:not([data-open=\"false\"])) {\n animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:fade-in-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"open\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:fade-in-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-opacity: 0;\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:zoom-in-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"open\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:zoom-in-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-open]:not([data-open=\"false\"])) {\n --tw-enter-scale: .95;\n }\n\n @media (hover: hover) {\n :is(.data-open\\:hover\\:bg-muted:where([data-state=\"open\"]), .data-open\\:hover\\:bg-muted:where([data-open]:not([data-open=\"false\"]))):hover {\n background-color: var(--muted);\n }\n\n :is(.data-open\\:hover\\:bg-sidebar-accent:where([data-state=\"open\"]), .data-open\\:hover\\:bg-sidebar-accent:where([data-open]:not([data-open=\"false\"]))):hover {\n background-color: var(--sidebar-accent);\n }\n\n :is(.data-open\\:hover\\:text-sidebar-accent-foreground:where([data-state=\"open\"]), .data-open\\:hover\\:text-sidebar-accent-foreground:where([data-open]:not([data-open=\"false\"]))):hover {\n color: var(--sidebar-accent-foreground);\n }\n }\n\n :is(.data-open\\:focus\\:bg-muted:where([data-state=\"open\"]), .data-open\\:focus\\:bg-muted:where([data-open]:not([data-open=\"false\"]))):focus {\n background-color: var(--muted);\n }\n\n .data-closed\\:scale-95:where([data-state=\"closed\"]), .data-closed\\:scale-95:where([data-closed]:not([data-closed=\"false\"])) {\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 .data-closed\\:animate-out:where([data-state=\"closed\"]), .data-closed\\:animate-out:where([data-closed]:not([data-closed=\"false\"])) {\n animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .data-closed\\:overflow-hidden:where([data-state=\"closed\"]), .data-closed\\:overflow-hidden:where([data-closed]:not([data-closed=\"false\"])) {\n overflow: hidden;\n }\n\n .data-closed\\:opacity-0:where([data-state=\"closed\"]), .data-closed\\:opacity-0:where([data-closed]:not([data-closed=\"false\"])) {\n opacity: 0;\n }\n\n .data-closed\\:fade-out-0:where([data-state=\"closed\"]), .data-closed\\:fade-out-0:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-opacity: 0;\n }\n\n .data-closed\\:zoom-out-95:where([data-state=\"closed\"]), .data-closed\\:zoom-out-95:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-scale: .95;\n }\n\n .data-closed\\:slide-out-to-bottom:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-bottom:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-translate-y: 100%;\n }\n\n .data-closed\\:slide-out-to-left:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-left:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-translate-x: -100%;\n }\n\n .data-closed\\:slide-out-to-right:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-right:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-translate-x: 100%;\n }\n\n .data-closed\\:slide-out-to-top:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-top:where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-translate-y: -100%;\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:animate-out:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"closed\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:animate-out:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-closed]:not([data-closed=\"false\"])) {\n animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:fade-out-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"closed\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:fade-out-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-opacity: 0;\n }\n\n .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:zoom-out-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"closed\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:zoom-out-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-closed]:not([data-closed=\"false\"])) {\n --tw-exit-scale: .95;\n }\n\n .data-checked\\:border-primary:where([data-state=\"checked\"]), .data-checked\\:border-primary:where([data-checked]:not([data-checked=\"false\"])), .data-checked\\:border-primary\\/40:where([data-state=\"checked\"]), .data-checked\\:border-primary\\/40:where([data-checked]:not([data-checked=\"false\"])) {\n border-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-checked\\:border-primary\\/40:where([data-state=\"checked\"]), .data-checked\\:border-primary\\/40:where([data-checked]:not([data-checked=\"false\"])) {\n border-color: color-mix(in oklab, var(--primary) 40%, transparent);\n }\n }\n\n .data-checked\\:bg-muted:where([data-state=\"checked\"]), .data-checked\\:bg-muted:where([data-checked]:not([data-checked=\"false\"])) {\n background-color: var(--muted);\n }\n\n .data-checked\\:bg-primary:where([data-state=\"checked\"]), .data-checked\\:bg-primary:where([data-checked]:not([data-checked=\"false\"])) {\n background-color: var(--primary);\n }\n\n .data-checked\\:text-primary-foreground:where([data-state=\"checked\"]), .data-checked\\:text-primary-foreground:where([data-checked]:not([data-checked=\"false\"])) {\n color: var(--primary-foreground);\n }\n\n .group-data-\\[size\\=default\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-state=\"checked\"]), .group-data-\\[size\\=default\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-checked]:not([data-checked=\"false\"])), .group-data-\\[size\\=sm\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-state=\"checked\"]), .group-data-\\[size\\=sm\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-checked]:not([data-checked=\"false\"])) {\n --tw-translate-x: calc(100% - 2px);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .dark\\:data-checked\\:bg-muted:is(.dark *):where([data-state=\"checked\"]), .dark\\:data-checked\\:bg-muted:is(.dark *):where([data-checked]:not([data-checked=\"false\"])) {\n background-color: var(--muted);\n }\n\n .dark\\:data-checked\\:bg-primary:is(.dark *):where([data-state=\"checked\"]), .dark\\:data-checked\\:bg-primary:is(.dark *):where([data-checked]:not([data-checked=\"false\"])) {\n background-color: var(--primary);\n }\n\n .dark\\:data-checked\\:bg-primary-foreground:is(.dark *):where([data-state=\"checked\"]), .dark\\:data-checked\\:bg-primary-foreground:is(.dark *):where([data-checked]:not([data-checked=\"false\"])) {\n background-color: var(--primary-foreground);\n }\n\n .data-unchecked\\:bg-input:where([data-state=\"unchecked\"]), .data-unchecked\\:bg-input:where([data-unchecked]:not([data-unchecked=\"false\"])) {\n background-color: var(--input);\n }\n\n .group-data-\\[size\\=default\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-state=\"unchecked\"]), .group-data-\\[size\\=default\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-unchecked]:not([data-unchecked=\"false\"])), .group-data-\\[size\\=sm\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-state=\"unchecked\"]), .group-data-\\[size\\=sm\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .dark\\:data-unchecked\\:bg-foreground:is(.dark *):where([data-state=\"unchecked\"]), .dark\\:data-unchecked\\:bg-foreground:is(.dark *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n background-color: var(--foreground);\n }\n\n .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-state=\"unchecked\"]), .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-state=\"unchecked\"]), .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n background-color: color-mix(in oklab, var(--input) 80%, transparent);\n }\n }\n\n .data-selected\\:bg-muted:where([data-selected=\"true\"]) {\n background-color: var(--muted);\n }\n\n .data-selected\\:text-foreground:where([data-selected=\"true\"]) {\n color: var(--foreground);\n }\n\n .data-disabled\\:pointer-events-none:where([data-disabled=\"true\"]), .data-disabled\\:pointer-events-none:where([data-disabled]:not([data-disabled=\"false\"])) {\n pointer-events: none;\n }\n\n .data-disabled\\:cursor-not-allowed:where([data-disabled=\"true\"]), .data-disabled\\:cursor-not-allowed:where([data-disabled]:not([data-disabled=\"false\"])) {\n cursor: not-allowed;\n }\n\n .data-disabled\\:opacity-50:where([data-disabled=\"true\"]), .data-disabled\\:opacity-50:where([data-disabled]:not([data-disabled=\"false\"])) {\n opacity: .5;\n }\n\n .data-active\\:bg-background:where([data-state=\"active\"]), .data-active\\:bg-background:where([data-active]:not([data-active=\"false\"])) {\n background-color: var(--background);\n }\n\n .data-active\\:bg-muted\\/50:where([data-state=\"active\"]), .data-active\\:bg-muted\\/50:where([data-active]:not([data-active=\"false\"])) {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .data-active\\:bg-muted\\/50:where([data-state=\"active\"]), .data-active\\:bg-muted\\/50:where([data-active]:not([data-active=\"false\"])) {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .data-active\\:bg-sidebar-accent:where([data-state=\"active\"]), .data-active\\:bg-sidebar-accent:where([data-active]:not([data-active=\"false\"])) {\n background-color: var(--sidebar-accent);\n }\n\n .data-active\\:font-medium:where([data-state=\"active\"]), .data-active\\:font-medium:where([data-active]:not([data-active=\"false\"])) {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .data-active\\:text-foreground:where([data-state=\"active\"]), .data-active\\:text-foreground:where([data-active]:not([data-active=\"false\"])) {\n color: var(--foreground);\n }\n\n .data-active\\:text-sidebar-accent-foreground:where([data-state=\"active\"]), .data-active\\:text-sidebar-accent-foreground:where([data-active]:not([data-active=\"false\"])) {\n color: var(--sidebar-accent-foreground);\n }\n\n .group-data-\\[variant\\=default\\]\\/tabs-list\\:data-active\\:shadow-sm:is(:where(.group\\/tabs-list)[data-variant=\"default\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=default\\]\\/tabs-list\\:data-active\\:shadow-sm:is(:where(.group\\/tabs-list)[data-variant=\"default\"] *):where([data-active]:not([data-active=\"false\"])) {\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 .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n background-color: #0000;\n }\n\n .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:shadow-none:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:shadow-none:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n :is(.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"]))):after {\n content: var(--tw-content);\n opacity: 1;\n }\n\n @media (hover: hover) {\n :is(.data-active\\:hover\\:bg-muted:where([data-state=\"active\"]), .data-active\\:hover\\:bg-muted:where([data-active]:not([data-active=\"false\"]))):hover {\n background-color: var(--muted);\n }\n }\n\n :is(.data-active\\:focus\\:bg-muted:where([data-state=\"active\"]), .data-active\\:focus\\:bg-muted:where([data-active]:not([data-active=\"false\"]))):focus {\n background-color: var(--muted);\n }\n\n .dark\\:data-active\\:border-input:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:border-input:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n border-color: var(--input);\n }\n\n .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n background-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n\n .dark\\:data-active\\:text-foreground:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:text-foreground:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n color: var(--foreground);\n }\n\n .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n border-color: #0000;\n }\n\n .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n background-color: #0000;\n }\n\n .data-horizontal\\:h-px:where([data-orientation=\"horizontal\"]) {\n height: 1px;\n }\n\n .data-horizontal\\:w-full:where([data-orientation=\"horizontal\"]) {\n width: 100%;\n }\n\n .data-horizontal\\:flex-col:where([data-orientation=\"horizontal\"]) {\n flex-direction: column;\n }\n\n .data-vertical\\:w-px:where([data-orientation=\"vertical\"]) {\n width: 1px;\n }\n\n .data-vertical\\:flex-col:where([data-orientation=\"vertical\"]) {\n flex-direction: column;\n }\n\n .data-vertical\\:items-stretch:where([data-orientation=\"vertical\"]) {\n align-items: stretch;\n }\n\n .data-vertical\\:self-stretch:where([data-orientation=\"vertical\"]) {\n align-self: stretch;\n }\n\n .\\[\\&_\\.recharts-cartesian-axis-tick_text\\]\\:fill-muted-foreground .recharts-cartesian-axis-tick text {\n fill: var(--muted-foreground);\n }\n\n .\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke=\"#ccc\"] {\n stroke: var(--border);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke=\"#ccc\"] {\n stroke: color-mix(in oklab, var(--border) 50%, transparent);\n }\n }\n\n .\\[\\&_\\.recharts-curve\\.recharts-tooltip-cursor\\]\\:stroke-border .recharts-curve.recharts-tooltip-cursor {\n stroke: var(--border);\n }\n\n .\\[\\&_\\.recharts-dot\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-dot[stroke=\"#fff\"] {\n stroke: #0000;\n }\n\n .\\[\\&_\\.recharts-layer\\]\\:outline-hidden .recharts-layer {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n @media (forced-colors: active) {\n .\\[\\&_\\.recharts-layer\\]\\:outline-hidden .recharts-layer {\n outline-offset: 2px;\n outline: 2px solid #0000;\n }\n }\n\n .\\[\\&_\\.recharts-polar-grid_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-polar-grid [stroke=\"#ccc\"] {\n stroke: var(--border);\n }\n\n .\\[\\&_\\.recharts-radial-bar-background-sector\\]\\:fill-muted .recharts-radial-bar-background-sector, .\\[\\&_\\.recharts-rectangle\\.recharts-tooltip-cursor\\]\\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {\n fill: var(--muted);\n }\n\n .\\[\\&_\\.recharts-reference-line_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-reference-line [stroke=\"#ccc\"] {\n stroke: var(--border);\n }\n\n .\\[\\&_\\.recharts-sector\\]\\:outline-hidden .recharts-sector {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n @media (forced-colors: active) {\n .\\[\\&_\\.recharts-sector\\]\\:outline-hidden .recharts-sector {\n outline-offset: 2px;\n outline: 2px solid #0000;\n }\n }\n\n .\\[\\&_\\.recharts-sector\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-sector[stroke=\"#fff\"] {\n stroke: #0000;\n }\n\n .\\[\\&_\\.recharts-surface\\]\\:outline-hidden .recharts-surface {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n @media (forced-colors: active) {\n .\\[\\&_\\.recharts-surface\\]\\:outline-hidden .recharts-surface {\n outline-offset: 2px;\n outline: 2px solid #0000;\n }\n }\n\n .\\[\\&_\\[data-slot\\=slider-control\\]\\]\\:py-1\\.5 [data-slot=\"slider-control\"] {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .\\[\\&_\\[data-slot\\=slider-thumb\\]\\]\\:size-3 [data-slot=\"slider-thumb\"] {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .\\[\\&_\\[data-slot\\=slider-track\\]\\]\\:h-1 [data-slot=\"slider-track\"] {\n height: var(--spacing);\n }\n\n .\\[\\&_\\[data-slot\\=slider-track\\]\\]\\:bg-foreground\\/15 [data-slot=\"slider-track\"] {\n background-color: var(--foreground);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&_\\[data-slot\\=slider-track\\]\\]\\:bg-foreground\\/15 [data-slot=\"slider-track\"] {\n background-color: color-mix(in oklab, var(--foreground) 15%, transparent);\n }\n }\n\n .\\[\\&_a\\]\\:underline a {\n text-decoration-line: underline;\n }\n\n .\\[\\&_a\\]\\:underline-offset-3 a {\n text-underline-offset: 3px;\n }\n\n @media (hover: hover) {\n .\\[\\&_a\\]\\:hover\\:text-foreground a:hover {\n color: var(--foreground);\n }\n }\n\n .\\[\\&_img\\]\\:size-full img {\n width: 100%;\n height: 100%;\n }\n\n .\\[\\&_img\\]\\:object-cover img {\n object-fit: cover;\n }\n\n .\\[\\&_p\\:not\\(\\:last-child\\)\\]\\:mb-4 p:not(:last-child) {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .\\[\\&_svg\\]\\:pointer-events-none svg {\n pointer-events: none;\n }\n\n .\\[\\&_svg\\]\\:size-4 svg {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .\\[\\&_svg\\]\\:shrink-0 svg {\n flex-shrink: 0;\n }\n\n .data-\\[direction\\=start\\]\\:\\[\\&_svg\\]\\:rotate-180[data-direction=\"start\"] svg {\n rotate: 180deg;\n }\n\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\\"size-\\\"\\]\\)\\]\\:size-4 svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .group-data-\\[orientation\\=vertical\\]\\/attachment\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-6:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .group-data-\\[size\\=xs\\]\\/attachment\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5:is(:where(.group\\/attachment)[data-size=\"xs\"] *) svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n\n .\\[\\&_tr\\]\\:border-b tr {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .\\[\\&\\+\\[data-slot\\=item-content\\]\\]\\:flex-none + [data-slot=\"item-content\"] {\n flex: none;\n }\n\n .\\[\\&\\:first-child\\[data-selected\\=true\\]_button\\]\\:rounded-l-\\(--cell-radius\\):first-child[data-selected=\"true\"] button {\n border-top-left-radius: var(--cell-radius);\n border-bottom-left-radius: var(--cell-radius);\n }\n\n .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) {\n padding-right: 0;\n }\n\n .\\[\\.border-b\\]\\:pb-2.border-b {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .\\[\\.border-b\\]\\:pb-4.border-b {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .group-data-\\[size\\=sm\\]\\/card\\:\\[\\.border-b\\]\\:pb-3:is(:where(.group\\/card)[data-size=\"sm\"] *).border-b {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .\\[\\.border-t\\]\\:pt-2.border-t {\n padding-top: calc(var(--spacing) * 2);\n }\n\n :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_next\\>svg\\]\\:rotate-180:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) *):is(.rdp-button_next > svg), :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_previous\\>svg\\]\\:rotate-180:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) *):is(.rdp-button_previous > svg) {\n rotate: 180deg;\n }\n\n :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:px-2 *)[cmdk-group-heading] {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:py-1\\.5 *)[cmdk-group-heading] {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:text-xs *)[cmdk-group-heading] {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:font-medium *)[cmdk-group-heading] {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:text-muted-foreground *)[cmdk-group-heading] {\n color: var(--muted-foreground);\n }\n\n .\\[a\\]\\:underline:is(a) {\n text-decoration-line: underline;\n }\n\n .\\[a\\]\\:underline-offset-3:is(a) {\n text-underline-offset: 3px;\n }\n\n .\\[a\\]\\:transition-colors:is(a) {\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 :is(.\\*\\:\\[a\\]\\:underline > *):is(a) {\n text-decoration-line: underline;\n }\n\n :is(.\\*\\:\\[a\\]\\:underline-offset-3 > *):is(a) {\n text-underline-offset: 3px;\n }\n\n @media (hover: hover) {\n .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:bg-info-ring\\/60:is(a):hover {\n background-color: var(--info-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-info-ring\\/60:is(a):hover {\n background-color: color-mix(in oklab, var(--info-ring) 60%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:bg-muted:is(a):hover {\n background-color: var(--muted);\n }\n\n .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover {\n background-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover {\n background-color: color-mix(in oklab, var(--primary) 80%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover {\n background-color: var(--secondary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover {\n background-color: color-mix(in oklab, var(--secondary) 80%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:bg-success-ring\\/60:is(a):hover {\n background-color: var(--success-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-success-ring\\/60:is(a):hover {\n background-color: color-mix(in oklab, var(--success-ring) 60%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:bg-warning-ring\\/60:is(a):hover {\n background-color: var(--warning-ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[a\\]\\:hover\\:bg-warning-ring\\/60:is(a):hover {\n background-color: color-mix(in oklab, var(--warning-ring) 60%, transparent);\n }\n }\n\n .\\[a\\]\\:hover\\:text-foreground:is(a):hover {\n color: var(--foreground);\n }\n\n .\\[a\\]\\:hover\\:text-muted-foreground:is(a):hover {\n color: var(--muted-foreground);\n }\n\n :is(.\\*\\:\\[a\\]\\:hover\\:text-foreground > *):is(a):hover {\n color: var(--foreground);\n }\n }\n\n .\\[button\\]\\:text-left:is(button) {\n text-align: left;\n }\n\n .\\[button\\,a\\]\\:transition-colors:is(button, a) {\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 .\\[button\\,a\\]\\:outline-none:is(button, a) {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .\\[button\\,a\\]\\:focus-visible\\:border-ring:is(button, a):focus-visible {\n border-color: var(--ring);\n }\n\n .\\[button\\,a\\]\\:focus-visible\\:ring-3:is(button, a):focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .\\[button\\,a\\]\\:focus-visible\\:ring-ring\\/50:is(button, a):focus-visible {\n --tw-ring-color: var(--ring);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[button\\,a\\]\\:focus-visible\\:ring-ring\\/50:is(button, a):focus-visible {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n\n :is(.\\*\\:\\[img\\]\\:aspect-square > *):is(img) {\n aspect-ratio: 1;\n }\n\n :is(.\\*\\:\\[img\\]\\:w-full > *):is(img) {\n width: 100%;\n }\n\n :is(.\\*\\:\\[img\\]\\:object-cover > *):is(img) {\n object-fit: cover;\n }\n\n :is(.\\*\\:\\[img\\:first-child\\]\\:rounded-t-xl > *):is(img:first-child) {\n border-top-left-radius: calc(var(--radius) * 1.4);\n border-top-right-radius: calc(var(--radius) * 1.4);\n }\n\n :is(.\\*\\:\\[img\\:last-child\\]\\:rounded-b-xl > *):is(img:last-child) {\n border-bottom-right-radius: calc(var(--radius) * 1.4);\n border-bottom-left-radius: calc(var(--radius) * 1.4);\n }\n\n :is(.\\*\\:\\[svg\\]\\:row-span-2 > *):is(svg) {\n grid-row: span 2 / span 2;\n }\n\n :is(.\\*\\:\\[svg\\]\\:translate-y-0\\.5 > *):is(svg) {\n --tw-translate-y: calc(var(--spacing) * .5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n :is(.\\*\\:\\[svg\\]\\:text-current > *):is(svg) {\n color: currentColor;\n }\n\n :is(.focus\\:\\*\\:\\[svg\\]\\:text-accent-foreground:focus > *):is(svg) {\n color: var(--accent-foreground);\n }\n\n :is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:text-destructive[data-variant=\"destructive\"] > *):is(svg) {\n color: var(--destructive);\n }\n\n :is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:text-destructive\\![data-variant=\"destructive\"] > *):is(svg) {\n color: var(--destructive) !important;\n }\n\n :is(.data-selected\\:\\*\\:\\[svg\\]\\:text-foreground:where([data-selected=\"true\"]) > *):is(svg) {\n color: var(--foreground);\n }\n\n :is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 > *):is(svg:not([class*=\"size-\"])) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n :is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-6 > *):is(svg:not([class*=\"size-\"])) {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n\n .\\[\\&\\:last-child\\[data-selected\\=true\\]_button\\]\\:rounded-r-\\(--cell-radius\\):last-child[data-selected=\"true\"] button {\n border-top-right-radius: var(--cell-radius);\n border-bottom-right-radius: var(--cell-radius);\n }\n\n .\\[\\&\\:not\\(\\:has\\(\\~\\[data-slot\\=questionnaire-description\\]\\)\\)\\]\\:mb-4:not(:has( ~ [data-slot=\"questionnaire-description\"])) {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .\\[\\&\\:nth-child\\(2\\)\\[data-selected\\=true\\]_button\\]\\:rounded-l-\\(--cell-radius\\):nth-child(2)[data-selected=\"true\"] button {\n border-top-left-radius: var(--cell-radius);\n border-bottom-left-radius: var(--cell-radius);\n }\n\n .\\[\\&\\>\\*\\]\\:relative > * {\n position: relative;\n }\n\n .\\[\\&\\>\\*\\]\\:z-0 > * {\n z-index: 0;\n }\n\n .data-\\[orientation\\=horizontal\\]\\:\\[\\&\\>\\*\\:first-child\\]\\:rounded-r-none[data-orientation=\"horizontal\"] > :first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n .data-\\[orientation\\=vertical\\]\\:\\[\\&\\>\\*\\:first-child\\]\\:rounded-b-none[data-orientation=\"vertical\"] > :first-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .\\[\\&\\>\\*\\:focus-visible\\]\\:z-10 > :focus-visible, .\\[\\&\\>\\*\\:hover\\]\\:z-10 > :hover {\n z-index: 10;\n }\n\n .data-\\[orientation\\=horizontal\\]\\:\\[\\&\\>\\*\\:last-child\\]\\:rounded-l-none[data-orientation=\"horizontal\"] > :last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .data-\\[orientation\\=vertical\\]\\:\\[\\&\\>\\*\\:last-child\\]\\:rounded-t-none[data-orientation=\"vertical\"] > :last-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n .data-\\[orientation\\=horizontal\\]\\:\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:-ml-px[data-orientation=\"horizontal\"] > :not(:first-child) {\n margin-left: -1px;\n }\n\n .data-\\[orientation\\=vertical\\]\\:\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:-mt-px[data-orientation=\"vertical\"] > :not(:first-child) {\n margin-top: -1px;\n }\n\n .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\:not\\(\\:last-child\\)\\]\\:rounded-none > :not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--muted\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--muted\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);\n }\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--secondary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);\n }\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.88_calc\\(c\\*0\\.5\\)_h\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: oklch(from var(--primary) .88 calc(c * .5) h);\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/20 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/20 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--muted);\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-primary\\/80 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--primary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-primary\\/80 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklab, var(--primary) 80%, transparent);\n }\n }\n\n .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:text-foreground > [data-slot=\"bubble-content\"]:is(button, a):hover {\n color: var(--foreground);\n }\n\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.35_calc\\(c\\*0\\.5\\)_h\\)\\]:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: oklch(from var(--primary) .35 calc(c * .5) h);\n }\n\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--destructive);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklab, var(--destructive) 30%, transparent);\n }\n }\n\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-input\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--input);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-input\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted\\/50:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: var(--muted);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted\\/50:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n\n .\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role=\"checkbox\"] {\n --tw-translate-y: 2px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .\\[\\&\\>a\\]\\:underline > a {\n text-decoration-line: underline;\n }\n\n .\\[\\&\\>a\\]\\:underline-offset-4 > a {\n text-underline-offset: 4px;\n }\n\n .\\[\\&\\>a\\:hover\\]\\:text-primary > a:hover {\n color: var(--primary);\n }\n\n .\\[\\&\\>button\\]\\:hidden > button {\n display: none;\n }\n\n .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:\\[\\&\\>input\\]\\:pt-3:has( > [data-align=\"block-end\"]) > input {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:\\[\\&\\>input\\]\\:pb-3:has( > [data-align=\"block-start\"]) > input {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .has-\\[\\>\\[data-align\\=inline-end\\]\\]\\:\\[\\&\\>input\\]\\:pr-1\\.5:has( > [data-align=\"inline-end\"]) > input {\n padding-right: calc(var(--spacing) * 1.5);\n }\n\n .has-\\[\\>\\[data-align\\=inline-start\\]\\]\\:\\[\\&\\>input\\]\\:pl-1\\.5:has( > [data-align=\"inline-start\"]) > input {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .\\[\\&\\>kbd\\]\\:rounded-\\[calc\\(var\\(--radius\\)-5px\\)\\] > kbd {\n border-radius: calc(var(--radius) - 5px);\n }\n\n .\\[\\&\\>span\\]\\:text-xs > span {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .\\[\\&\\>span\\]\\:opacity-70 > span {\n opacity: .7;\n }\n\n .\\[\\&\\>span\\:last-child\\]\\:truncate > span:last-child {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .\\[\\&\\>svg\\]\\:pointer-events-none > svg {\n pointer-events: none;\n }\n\n .\\[\\&\\>svg\\]\\:size-3\\! > svg {\n width: calc(var(--spacing) * 3) !important;\n height: calc(var(--spacing) * 3) !important;\n }\n\n .\\[\\&\\>svg\\]\\:size-3\\.5 > svg {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n\n .\\[\\&\\>svg\\]\\:size-4 > svg {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .\\[\\&\\>svg\\]\\:h-2\\.5 > svg {\n height: calc(var(--spacing) * 2.5);\n }\n\n .\\[\\&\\>svg\\]\\:h-3 > svg {\n height: calc(var(--spacing) * 3);\n }\n\n .\\[\\&\\>svg\\]\\:w-2\\.5 > svg {\n width: calc(var(--spacing) * 2.5);\n }\n\n .\\[\\&\\>svg\\]\\:w-3 > svg {\n width: calc(var(--spacing) * 3);\n }\n\n .\\[\\&\\>svg\\]\\:shrink-0 > svg {\n flex-shrink: 0;\n }\n\n .\\[\\&\\>svg\\]\\:text-muted-foreground > svg {\n color: var(--muted-foreground);\n }\n\n .\\[\\&\\>svg\\]\\:text-sidebar-accent-foreground > svg {\n color: var(--sidebar-accent-foreground);\n }\n\n .group-has-data-\\[size\\=lg\\]\\/avatar-group\\:\\[\\&\\>svg\\]\\:size-5:is(:where(.group\\/avatar-group):has([data-size=\"lg\"]) *) > svg {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n\n .group-has-data-\\[size\\=sm\\]\\/avatar-group\\:\\[\\&\\>svg\\]\\:size-3:is(:where(.group\\/avatar-group):has([data-size=\"sm\"]) *) > svg {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n\n .group-data-\\[size\\=default\\]\\/avatar\\:\\[\\&\\>svg\\]\\:size-2:is(:where(.group\\/avatar)[data-size=\"default\"] *) > svg, .group-data-\\[size\\=lg\\]\\/avatar\\:\\[\\&\\>svg\\]\\:size-2:is(:where(.group\\/avatar)[data-size=\"lg\"] *) > svg {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n\n .group-data-\\[size\\=sm\\]\\/avatar\\:\\[\\&\\>svg\\]\\:hidden:is(:where(.group\\/avatar)[data-size=\"sm\"] *) > svg {\n display: none;\n }\n\n .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 > svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n\n .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 > svg:not([class*=\"size-\"]) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .\\[\\&\\>tr\\]\\:last\\:border-b-0 > tr:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .\\[\\&\\[aria-orientation\\=horizontal\\]\\>div\\]\\:rotate-90[aria-orientation=\"horizontal\"] > div {\n rotate: 90deg;\n }\n\n .\\[\\&\\[data-ending-style\\]\\:not\\(\\[data-limited\\]\\)\\:not\\(\\[data-swipe-direction\\]\\)\\]\\:\\[transform\\:translateY\\(150\\%\\)\\][data-ending-style]:not([data-limited]):not([data-swipe-direction]) {\n transform: translateY(150%);\n }\n\n .\\[\\&\\[data-panel-open\\]\\>svg\\]\\:rotate-180[data-panel-open] > svg {\n rotate: 180deg;\n }\n\n [data-side=\"left\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 {\n right: calc(var(--spacing) * -2);\n }\n\n [data-side=\"left\"][data-state=\"collapsed\"] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize {\n cursor: e-resize;\n }\n\n [data-side=\"right\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 {\n left: calc(var(--spacing) * -2);\n }\n\n [data-side=\"right\"][data-state=\"collapsed\"] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize {\n cursor: w-resize;\n }\n}\n\n@property --tw-animation-delay {\n syntax: \"*\";\n inherits: false;\n initial-value: 0s;\n}\n\n@property --tw-animation-direction {\n syntax: \"*\";\n inherits: false;\n initial-value: normal;\n}\n\n@property --tw-animation-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-animation-fill-mode {\n syntax: \"*\";\n inherits: false;\n initial-value: none;\n}\n\n@property --tw-animation-iteration-count {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-enter-blur {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-enter-opacity {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-enter-rotate {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-enter-scale {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-enter-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-enter-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-exit-blur {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-exit-opacity {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-exit-rotate {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-exit-scale {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-exit-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-exit-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --scroll-fade-t {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --scroll-fade-b {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --scroll-fade-s {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --scroll-fade-e {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --scroll-fade-mask {\n syntax: \"*\";\n inherits: false\n}\n\n@property --shimmer-angle {\n syntax: \"<angle>\";\n inherits: true;\n initial-value: 20deg;\n}\n\n@property --shimmer-image {\n syntax: \"*\";\n inherits: false\n}\n\n@property --shimmer-text-fill {\n syntax: \"*\";\n inherits: false\n}\n\n@media (prefers-reduced-motion: reduce) {\n .shimmer {\n -webkit-text-fill-color: currentColor;\n background-image: none;\n animation: none;\n }\n}\n\n@keyframes edx-faded-under-reveal {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n:root {\n --radius: .625rem;\n --background: oklch(100% 0 0);\n --foreground: oklch(14.5% 0 0);\n --card: oklch(100% 0 0);\n --card-foreground: oklch(14.5% 0 0);\n --popover: oklch(100% 0 0);\n --popover-foreground: oklch(14.5% 0 0);\n --overlay: oklch(0% 0 0 / .1);\n --primary: oklch(20.5% 0 0);\n --primary-foreground: oklch(98.5% 0 0);\n --secondary: oklch(97% 0 0);\n --secondary-foreground: oklch(20.5% 0 0);\n --muted: oklch(97% 0 0);\n --muted-foreground: oklch(55.6% 0 0);\n --accent: oklch(97% 0 0);\n --accent-foreground: oklch(20.5% 0 0);\n --destructive: oklch(50.5% .213 27.518);\n --destructive-foreground: oklch(98.5% 0 0);\n --success: oklch(44.8% .119 151.328);\n --success-foreground: oklch(97.9% .021 166.113);\n --success-ring: oklch(90.5% .093 164.15);\n --warning: oklch(47.3% .137 46.201);\n --warning-foreground: oklch(98.7% .022 95.277);\n --warning-ring: oklch(92.4% .12 95.746);\n --info: oklch(50% .134 242.749);\n --info-foreground: oklch(97.7% .013 236.62);\n --info-ring: oklch(90.1% .058 230.902);\n --border: oklch(92.2% 0 0);\n --input: oklch(92.2% 0 0);\n --ring: oklch(70.8% 0 0);\n --chart-1: oklch(64.6% .222 41.116);\n --chart-2: oklch(60% .118 184.704);\n --chart-3: oklch(39.8% .07 227.392);\n --chart-4: oklch(82.8% .189 84.429);\n --chart-5: oklch(76.9% .188 70.08);\n --sidebar: oklch(98.5% 0 0);\n --sidebar-foreground: oklch(14.5% 0 0);\n --sidebar-primary: oklch(20.5% 0 0);\n --sidebar-primary-foreground: oklch(98.5% 0 0);\n --sidebar-accent: oklch(97% 0 0);\n --sidebar-accent-foreground: oklch(20.5% 0 0);\n --sidebar-border: oklch(92.2% 0 0);\n --sidebar-ring: oklch(70.8% 0 0);\n}\n\n.dark {\n --background: oklch(14.5% 0 0);\n --foreground: oklch(98.5% 0 0);\n --card: oklch(20.5% 0 0);\n --card-foreground: oklch(98.5% 0 0);\n --popover: oklch(20.5% 0 0);\n --popover-foreground: oklch(98.5% 0 0);\n --overlay: oklch(0% 0 0 / .1);\n --primary: oklch(92.2% 0 0);\n --primary-foreground: oklch(20.5% 0 0);\n --secondary: oklch(26.9% 0 0);\n --secondary-foreground: oklch(98.5% 0 0);\n --muted: oklch(26.9% 0 0);\n --muted-foreground: oklch(70.8% 0 0);\n --accent: oklch(26.9% 0 0);\n --accent-foreground: oklch(98.5% 0 0);\n --destructive: oklch(70.4% .191 22.216);\n --destructive-foreground: oklch(98.5% 0 0);\n --success: oklch(79.2% .209 151.711);\n --success-foreground: oklch(26.2% .051 172.552);\n --success-ring: oklch(43.2% .095 166.913);\n --warning: oklch(87.9% .169 91.605);\n --warning-foreground: oklch(27.9% .077 45.635);\n --warning-ring: oklch(47.3% .137 46.201);\n --info: oklch(82.8% .111 230.318);\n --info-foreground: oklch(29.3% .066 243.157);\n --info-ring: oklch(44.3% .11 240.79);\n --border: oklch(100% 0 0 / .1);\n --input: oklch(100% 0 0 / .15);\n --ring: oklch(55.6% 0 0);\n --chart-1: oklch(48.8% .243 264.376);\n --chart-2: oklch(69.6% .17 162.48);\n --chart-3: oklch(76.9% .188 70.08);\n --chart-4: oklch(62.7% .265 303.9);\n --chart-5: oklch(64.5% .246 16.439);\n --sidebar: oklch(20.5% 0 0);\n --sidebar-foreground: oklch(98.5% 0 0);\n --sidebar-primary: oklch(48.8% .243 264.376);\n --sidebar-primary-foreground: oklch(98.5% 0 0);\n --sidebar-accent: oklch(26.9% 0 0);\n --sidebar-accent-foreground: oklch(98.5% 0 0);\n --sidebar-border: oklch(100% 0 0 / .1);\n --sidebar-ring: oklch(55.6% 0 0);\n}\n\n@keyframes progress-indeterminate {\n from {\n translate: -100%;\n }\n\n to {\n translate: 300%;\n }\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-scroll-snap-strictness {\n syntax: \"*\";\n inherits: false;\n initial-value: proximity;\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-space-x-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-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@property --tw-scrollbar-thumb {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-scrollbar-track {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\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-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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes pulse {\n 50% {\n opacity: .5;\n }\n}\n\n@keyframes enter {\n from {\n opacity: var(--tw-enter-opacity, 1);\n transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));\n filter: blur(var(--tw-enter-blur, 0));\n }\n}\n\n@keyframes exit {\n to {\n opacity: var(--tw-exit-opacity, 1);\n transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));\n filter: blur(var(--tw-exit-blur, 0));\n }\n}\n\n@keyframes caret-blink {\n 0%, 70%, 100% {\n opacity: 1;\n }\n\n 20%, 50% {\n opacity: 0;\n }\n}\n\n@keyframes scroll-fade-reveal-b {\n from {\n --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n }\n\n to {\n --scroll-fade-b: 0px;\n }\n}\n\n@keyframes scroll-fade-reveal-s {\n from {\n --scroll-fade-s: 0px;\n }\n\n to {\n --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n }\n}\n\n@keyframes scroll-fade-reveal-e {\n from {\n --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n }\n\n to {\n --scroll-fade-e: 0px;\n }\n}\n\n@keyframes tw-shimmer {\n from {\n background-position: 100% 0;\n }\n\n to {\n background-position: 0 0;\n }\n}\n";
|
|
4001
4001
|
//#endregion
|
|
4002
4002
|
//#region src/elements.ts
|
|
4003
4003
|
/** The design system's compiled CSS, as a string, for shadow roots. */
|