/* /app/app.css */ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-orange-500: oklch(70.5% 0.213 47.604); --color-orange-600: oklch(64.6% 0.222 41.116); --color-amber-300: oklch(87.9% 0.169 91.605); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-300: oklch(87.1% 0.15 154.449); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-800: oklch(44.8% 0.119 151.328); --color-green-950: oklch(26.6% 0.065 152.934); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-teal-300: oklch(85.5% 0.138 181.071); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-900: oklch(37.9% 0.146 265.522); --color-indigo-300: oklch(78.5% 0.115 274.713); --color-purple-300: oklch(82.7% 0.119 306.383); --color-rose-400: oklch(71.2% 0.194 13.428); --color-slate-900: oklch(20.8% 0.042 265.755); --color-gray-500: oklch(55.1% 0.027 264.364); --color-neutral-900: oklch(20.5% 0 0); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: 0.125rem; --radius-md: calc(var(--radius) - 2px); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-xs: 4px; --blur-sm: 8px; --aspect-video: 16 / 9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: "Geist Variable", sans-serif; --default-mono-font-family: "JetBrains Mono Variable", monospace; --color-border: var(--border); --color-muted-foreground: var(--muted-foreground); --color-foreground: var(--foreground); --color-background: var(--background); } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; 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"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .\@container\/card-header { container-type: inline-size; container-name: card-header; } .\@container\/field-group { container-type: inline-size; container-name: field-group; } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-2 { inset: calc(var(--spacing) * 2); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-x-3 { inset-inline: calc(var(--spacing) * 3); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .\!start { inset-inline-start: var(--spacing) !important; } .start { inset-inline-start: var(--spacing); } .start-3 { inset-inline-start: calc(var(--spacing) * 3); } .start-\[calc\(var\(--timeline-dot-size\)\/2-var\(--timeline-connector-thickness\)\/2\)\] { inset-inline-start: calc(var(--timeline-dot-size) / 2 - var(--timeline-connector-thickness) / 2); } .end { inset-inline-end: var(--spacing); } .end-0 { inset-inline-end: calc(var(--spacing) * 0); } .inset-e-0 { inset-inline-end: calc(var(--spacing) * 0); } .\!top-1\.75 { top: calc(var(--spacing) * 1.75) !important; } .top-0 { top: calc(var(--spacing) * 0); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-3\.5 { top: calc(var(--spacing) * 3.5); } .top-4 { top: calc(var(--spacing) * 4); } .top-\[calc\(var\(--timeline-dot-size\)\/2-var\(--timeline-connector-thickness\)\/2\)\] { top: calc(var(--timeline-dot-size) / 2 - var(--timeline-connector-thickness) / 2); } .top-full { top: 100%; } .-right-\[calc\(var\(--timeline-connector-thickness\)\/2\)\] { right: calc(calc(var(--timeline-connector-thickness) / 2) * -1); } .-right-\[calc\(var\(--timeline-dot-size\)\/2-var\(--timeline-connector-thickness\)\/2\)\] { right: calc(calc(var(--timeline-dot-size) / 2 - var(--timeline-connector-thickness) / 2) * -1); } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-\[-1\.5px\] { right: -1.5px; } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .-left-\[calc\(var\(--timeline-connector-thickness\)\/2\)\] { left: calc(calc(var(--timeline-connector-thickness) / 2) * -1); } .-left-\[calc\(var\(--timeline-dot-size\)\/2-var\(--timeline-connector-thickness\)\/2\)\] { left: calc(calc(var(--timeline-dot-size) / 2 - var(--timeline-connector-thickness) / 2) * -1); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1 / 2 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-\[50\%\] { left: 50%; } .isolate { isolation: isolate; } .-z-0 { z-index: calc(0 * -1); } .-z-10 { z-index: calc(10 * -1); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-50 { z-index: 50; } .order-1 { order: 1; } .order-2 { order: 2; } .order-first { order: -9999; } .order-last { order: 9999; } .col-1 { grid-column: 1; } .col-2 { grid-column: 2; } .col-3 { grid-column: 3; } .col-4 { grid-column: 4; } .col-5 { grid-column: 5; } .col-6 { grid-column: 6; } .col-8 { grid-column: 8; } .col-9 { grid-column: 9; } .col-10 { grid-column: 10; } .col-11 { grid-column: 11; } .col-12 { grid-column: 12; } .col-auto { grid-column: auto; } .col-start-2 { grid-column-start: 2; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .row-start-3 { grid-row-start: 3; } .float-right { float: right; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .m-0 { margin: calc(var(--spacing) * 0); } .m-1 { margin: calc(var(--spacing) * 1); } .m-2 { margin: calc(var(--spacing) * 2); } .m-3 { margin: calc(var(--spacing) * 3); } .m-4 { margin: calc(var(--spacing) * 4); } .m-5 { margin: calc(var(--spacing) * 5); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .mx-0 { margin-inline: calc(var(--spacing) * 0); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-auto { margin-inline: auto; } .-my-1 { margin-block: calc(var(--spacing) * -1); } .-my-2 { margin-block: calc(var(--spacing) * -2); } .my-0 { margin-block: calc(var(--spacing) * 0); } .my-0\.5 { margin-block: calc(var(--spacing) * 0.5); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-10 { margin-block: calc(var(--spacing) * 10); } .my-16 { margin-block: calc(var(--spacing) * 16); } .my-auto { margin-block: auto; } .ms-1 { margin-inline-start: calc(var(--spacing) * 1); } .ms-2 { margin-inline-start: calc(var(--spacing) * 2); } .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .\!mt-0 { margin-top: calc(var(--spacing) * 0) !important; } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .-mt-10 { margin-top: calc(var(--spacing) * -10); } .-mt-16 { margin-top: calc(var(--spacing) * -16); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-auto { margin-top: auto; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .mr-0 { margin-right: calc(var(--spacing) * 0); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mr-auto { margin-right: auto; } .-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-5 { margin-left: calc(var(--spacing) * 5); } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; } } .\!hidden { display: none !important; } .\!inline { display: inline !important; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .list-item { display: list-item; } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-row { display: table-row; } .field-sizing-content { field-sizing: content; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-\(--cell-size\) { width: var(--cell-size); height: var(--cell-size); } .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-4\.5 { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); } .size-\[var\(--timeline-dot-size\)\] { width: var(--timeline-dot-size); height: var(--timeline-dot-size); } .size-auto { width: auto; height: auto; } .size-full { width: 100%; height: 100%; } .h-\(--accordion-panel-height\) { height: var(--accordion-panel-height); } .h-\(--cell-size\) { height: var(--cell-size); } .h-0 { height: calc(var(--spacing) * 0); } .h-1 { height: calc(var(--spacing) * 1); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-7\! { height: calc(var(--spacing) * 7) !important; } .h-8 { height: calc(var(--spacing) * 8); } .h-8\! { height: calc(var(--spacing) * 8) !important; } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-52 { height: calc(var(--spacing) * 52); } .h-72 { height: calc(var(--spacing) * 72); } .h-100 { height: calc(var(--spacing) * 100); } .h-\[1px\] { height: 1px; } .h-\[18px\] { height: 18px; } .h-\[46px\] { height: 46px; } .h-\[53px\] { height: 53px; } .h-\[120px\] { height: 120px; } .h-\[calc\(100\%\+0\.5rem\)\] { height: calc(100% + 0.5rem); } .h-\[calc\(100\%-1px\)\] { height: calc(100% - 1px); } .h-\[min\(55vh\,420px\)\] { height: min(55vh, 420px); } .h-\[var\(--timeline-connector-thickness\)\] { height: var(--timeline-connector-thickness); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-svh { height: 100svh; } .max-h-\(--available-height\) { max-height: var(--available-height); } .max-h-8 { max-height: calc(var(--spacing) * 8); } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-72 { max-height: calc(var(--spacing) * 72); } .max-h-86 { max-height: calc(var(--spacing) * 86); } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[min\(20rem\,70vh\)\] { max-height: min(20rem, 70vh); } .max-h-\[min\(80vh\,480px\)\] { max-height: min(80vh, 480px); } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .\!min-h-9 { min-height: calc(var(--spacing) * 9) !important; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-5 { min-height: calc(var(--spacing) * 5); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-28 { min-height: calc(var(--spacing) * 28); } .min-h-\[4rem\] { min-height: 4rem; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[240px\] { min-height: 240px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .\!w-clamp-md { width: clamp( var(--spacing) * 16, var(--spacing) * 24, var(--spacing) * 48 ) !important; } .w-\(--anchor-width\) { width: var(--anchor-width); } .w-\(--cell-size\) { width: var(--cell-size); } .w-\(--radix-popover-trigger-width\) { width: var(--radix-popover-trigger-width); } .w-\(--right-sidebar-width\) { width: var(--right-sidebar-width); } .w-\(--sidebar-width\) { width: var(--sidebar-width); } .w-0 { width: calc(var(--spacing) * 0); } .w-0\.5 { width: calc(var(--spacing) * 0.5); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\/2 { width: calc(1 / 2 * 100%); } .w-1\/3 { width: calc(1 / 3 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\/4 { width: calc(3 / 4 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-24 { width: calc(var(--spacing) * 24); } .w-25 { width: calc(var(--spacing) * 25); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-42 { width: calc(var(--spacing) * 42); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-50 { width: calc(var(--spacing) * 50); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-75 { width: calc(var(--spacing) * 75); } .w-100 { width: calc(var(--spacing) * 100); } .w-\[100px\] { width: 100px; } .w-\[180px\] { width: 180px; } .w-\[300px\] { width: 300px; } .w-\[400px\] { width: 400px; } .w-\[640px\] { width: 640px; } .w-\[740px\] { width: 740px; } .w-\[calc\(100\%\+0\.5rem\)\] { width: calc(100% + 0.5rem); } .w-\[min\(100vw-2rem\,40rem\)\] { width: min(100vw - 2rem, 40rem); } .w-\[var\(--timeline-connector-thickness\)\] { width: var(--timeline-connector-thickness); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .max-w-\(--available-width\) { max-width: var(--available-width); } .max-w-\(--skeleton-width\) { max-width: var(--skeleton-width); } .max-w-2\/3 { max-width: calc(2 / 3 * 100%); } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-6 { max-width: calc(var(--spacing) * 6); } .max-w-52 { max-width: calc(var(--spacing) * 52); } .max-w-100 { max-width: calc(var(--spacing) * 100); } .max-w-\[10rem\] { max-width: 10rem; } .max-w-\[95\%\] { max-width: 95%; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[min\(24rem\,90vw\)\] { max-width: min(24rem, 90vw); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-\(--cell-size\) { min-width: var(--cell-size); } .min-w-\(--radix-select-trigger-width\) { min-width: var(--radix-select-trigger-width); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-16 { min-width: calc(var(--spacing) * 16); } .min-w-32 { min-width: calc(var(--spacing) * 32); } .min-w-36 { min-width: calc(var(--spacing) * 36); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-56 { min-width: calc(var(--spacing) * 56); } .min-w-64 { min-width: calc(var(--spacing) * 64); } .min-w-72 { min-width: calc(var(--spacing) * 72); } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[96px\] { min-width: 96px; } .min-w-\[120px\] { min-width: 120px; } .flex-1 { flex: 1; } .flex-shrink-0 { flex-shrink: 0; } .flex-shrink-1 { flex-shrink: 1; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .shrink-1 { flex-shrink: 1; } .flex-grow { flex-grow: 1; } .flex-grow-0 { flex-grow: 0; } .flex-grow-1 { flex-grow: 1; } .grow { flex-grow: 1; } .grow-\[2\] { flex-grow: 2; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .origin-\(--transform-origin\) { transform-origin: var(--transform-origin); } .origin-center { transform-origin: center; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[40px\] { --tw-translate-y: 40px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); } .rotate-0 { rotate: 0deg; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .rotate-270 { rotate: 270deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-caret-blink { animation: caret-blink 1.25s ease-out infinite; } .animate-in { 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); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .\!cursor-col-resize { cursor: col-resize !important; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .scroll-my-1 { scroll-margin-block: calc(var(--spacing) * 1); } .scroll-mt-6 { scroll-margin-top: calc(var(--spacing) * 6); } .scroll-py-1 { scroll-padding-block: calc(var(--spacing) * 1); } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .appearance-none { appearance: none; } .auto-rows-min { grid-auto-rows: min-content; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-\[2rem_1fr_1fr_7rem_5rem_2\.5rem\] { grid-template-columns: 2rem 1fr 1fr 7rem 5rem 2.5rem; } .grid-cols-\[120px_1fr_100px\] { grid-template-columns: 120px 1fr 100px; } .grid-rows-\[1fr_auto_1fr\] { grid-template-rows: 1fr auto 1fr; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .place-content-center { place-content: center; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-\[--spacing\(var\(--gap\)\)\] { gap: calc(var(--spacing) * var(--gap)); } .gap-\[13px\] { gap: 13px; } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-10 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-16 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } } .-space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-1 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-3 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-6 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-8 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-border { :where(& > :not(:last-child)) { border-color: var(--border); } } .divide-primary { :where(& > :not(:last-child)) { border-color: var(--primary); } } .divide-secondary { :where(& > :not(:last-child)) { border-color: var(--secondary); } } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-center { justify-self: center; } .justify-self-end { justify-self: flex-end; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-visible { overflow-y: visible; } .overscroll-none { overscroll-behavior: none; } .overscroll-y-auto { overscroll-behavior-y: auto; } .\!rounded-none { border-radius: 0 !important; } .\!rounded-sm { border-radius: calc(var(--radius) - 4px) !important; } .rounded { border-radius: 0.25rem; } .rounded-\(--cell-radius\) { border-radius: var(--cell-radius); } .rounded-4xl { border-radius: calc(var(--radius) + 16px); } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[calc\(var\(--radius\)-3px\)\] { border-radius: calc(var(--radius) - 3px); } .rounded-\[inherit\] { border-radius: inherit; } .rounded-\[min\(var\(--radius-md\)\,10px\)\] { border-radius: min(var(--radius-md), 10px); } .rounded-\[min\(var\(--radius-md\)\,12px\)\] { border-radius: min(var(--radius-md), 12px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius); } .rounded-lg\! { border-radius: var(--radius) !important; } .rounded-md { border-radius: calc(var(--radius) - 2px); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: calc(var(--radius) - 4px); } .rounded-xl { border-radius: calc(var(--radius) + 4px); } .rounded-xl\! { border-radius: calc(var(--radius) + 4px) !important; } .rounded-xs { border-radius: var(--radius-xs); } .rounded-t-lg { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); } .rounded-l-\(--cell-radius\) { border-top-left-radius: var(--cell-radius); border-bottom-left-radius: var(--cell-radius); } .rounded-l-lg { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); } .rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-r-\(--cell-radius\) { border-top-right-radius: var(--cell-radius); border-bottom-right-radius: var(--cell-radius); } .rounded-r-\[min\(var\(--radius-md\)\,10px\)\] { border-top-right-radius: min(var(--radius-md), 10px); border-bottom-right-radius: min(var(--radius-md), 10px); } .rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-b-lg { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); } .rounded-b-none\! { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-b-sm { border-bottom-right-radius: calc(var(--radius) - 4px); border-bottom-left-radius: calc(var(--radius) - 4px); } .rounded-b-xl { border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .\!border-border { border-color: var(--border) !important; } .\!border-foreground { border-color: var(--foreground) !important; } .\!border-green-500\/50 { border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent) !important; } } .border-\(--color-border\) { border-color: var(--color-border); } .border-accent-foreground\/10 { border-color: var(--accent-foreground); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--accent-foreground) 10%, transparent); } } .border-background { border-color: var(--background); } .border-black { border-color: var(--color-black); } .border-black\/5 { border-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .border-blue-300 { border-color: var(--color-blue-300); } .border-blue-500 { border-color: var(--color-blue-500); } .border-border { border-color: var(--border); } .border-border\/50 { border-color: var(--border); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } .border-border\/60 { border-color: var(--border); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--border) 60%, transparent); } } .border-current { border-color: currentcolor; } .border-danger { border-color: var(--destructive); } .border-destructive { border-color: var(--destructive); } .border-destructive\/30 { border-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--destructive) 30%, transparent); } } .border-destructive\/50 { border-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--destructive) 50%, transparent); } } .border-green-200 { border-color: var(--color-green-200); } .border-green-500 { border-color: var(--color-green-500); } .border-input { border-color: var(--input); } .border-muted-foreground\/30 { border-color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent); } } .border-muted-foreground\/80 { border-color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--muted-foreground) 80%, transparent); } } .border-orange-500 { border-color: var(--color-orange-500); } .border-primary { border-color: var(--primary); } .border-red-500 { border-color: var(--color-red-500); } .border-secondary { border-color: var(--secondary); } .border-sidebar { border-color: var(--sidebar); } .border-sidebar-border { border-color: var(--sidebar-border); } .border-sidebar-border\/50 { border-color: var(--sidebar-border); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--sidebar-border) 50%, transparent); } } .border-success { border-color: var(--success); } .border-transparent { border-color: transparent; } .border-warning { border-color: var(--warning); } .\!bg-card { background-color: var(--card) !important; } .\!bg-transparent { background-color: transparent !important; } .bg-\(--color-bg\) { background-color: var(--color-bg); } .bg-\[var\(--avatar-amber\)\] { background-color: var(--avatar-amber); } .bg-\[var\(--avatar-blue\)\] { background-color: var(--avatar-blue); } .bg-\[var\(--avatar-cyan\)\] { background-color: var(--avatar-cyan); } .bg-\[var\(--avatar-emerald\)\] { background-color: var(--avatar-emerald); } .bg-\[var\(--avatar-fuchsia\)\] { background-color: var(--avatar-fuchsia); } .bg-\[var\(--avatar-green\)\] { background-color: var(--avatar-green); } .bg-\[var\(--avatar-indigo\)\] { background-color: var(--avatar-indigo); } .bg-\[var\(--avatar-lime\)\] { background-color: var(--avatar-lime); } .bg-\[var\(--avatar-orange\)\] { background-color: var(--avatar-orange); } .bg-\[var\(--avatar-pink\)\] { background-color: var(--avatar-pink); } .bg-\[var\(--avatar-purple\)\] { background-color: var(--avatar-purple); } .bg-\[var\(--avatar-red\)\] { background-color: var(--avatar-red); } .bg-\[var\(--avatar-rose\)\] { background-color: var(--avatar-rose); } .bg-\[var\(--avatar-sky\)\] { background-color: var(--avatar-sky); } .bg-\[var\(--avatar-teal\)\] { background-color: var(--avatar-teal); } .bg-\[var\(--avatar-violet\)\] { background-color: var(--avatar-violet); } .bg-\[var\(--avatar-yellow\)\] { background-color: var(--avatar-yellow); } .bg-\[var\(--sdm-tbg\)\] { background-color: var(--sdm-tbg); } .bg-accent { background-color: var(--accent); } .bg-accent\/15 { background-color: var(--accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--accent) 15%, transparent); } } .bg-accent\/20 { background-color: var(--accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--accent) 20%, transparent); } } .bg-accent\/50 { background-color: var(--accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .bg-background { background-color: var(--background); } .bg-background\/50 { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 50%, transparent); } } .bg-background\/80 { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 80%, transparent); } } .bg-background\/90 { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 90%, transparent); } } .bg-background\/95 { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 95%, transparent); } } .bg-black { background-color: var(--color-black); } .bg-black\/10 { background-color: color-mix(in srgb, #000 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-border { background-color: var(--border); } .bg-card { background-color: var(--card); } .bg-card\/50 { background-color: var(--card); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--card) 50%, transparent); } } .bg-chart-2 { background-color: var(--chart-2); } .bg-danger { background-color: var(--destructive); } .bg-destructive { background-color: var(--destructive); } .bg-destructive\/10 { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } .bg-emerald-500 { background-color: var(--color-emerald-500); } .bg-foreground { background-color: var(--foreground); } .bg-foreground\/10 { background-color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-green-50 { background-color: var(--color-green-50); } .bg-input { background-color: var(--input); } .bg-muted { background-color: var(--muted); } .bg-muted-foreground\/35 { background-color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent); } } .bg-muted\/20 { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 20%, transparent); } } .bg-muted\/25 { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 25%, transparent); } } .bg-muted\/30 { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 30%, transparent); } } .bg-muted\/40 { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 40%, transparent); } } .bg-muted\/50 { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } .bg-muted\/80 { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 80%, transparent); } } .bg-neutral-900 { background-color: var(--color-neutral-900); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-popover { background-color: var(--popover); } .bg-primary { background-color: var(--primary); } .bg-primary-foreground { background-color: var(--primary-foreground); } .bg-primary\/10 { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-100 { background-color: var(--color-red-100); } .bg-secondary { background-color: var(--secondary); } .bg-sidebar { background-color: var(--sidebar); } .bg-sidebar-accent { background-color: var(--sidebar-accent); } .bg-sidebar-border { background-color: var(--sidebar-border); } .bg-sidebar-border\/50 { background-color: var(--sidebar-border); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--sidebar-border) 50%, transparent); } } .bg-sidebar-primary\/15 { background-color: var(--sidebar-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--sidebar-primary) 15%, transparent); } } .bg-sidebar\/80 { background-color: var(--sidebar); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--sidebar) 80%, transparent); } } .bg-slate-900 { background-color: var(--color-slate-900); } .bg-success { background-color: var(--success); } .bg-transparent { background-color: transparent; } .bg-transparent\! { background-color: transparent !important; } .bg-warning { background-color: var(--warning); } .bg-white { background-color: var(--color-white); } .bg-yellow-200 { background-color: var(--color-yellow-200); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-muted-foreground { --tw-gradient-from: var(--muted-foreground); --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)); } .from-transparent { --tw-gradient-from: transparent; --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)); } .to-background { --tw-gradient-to: var(--background); --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)); } .to-muted { --tw-gradient-to: var(--muted); --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)); } .to-muted-foreground { --tw-gradient-to: var(--muted-foreground); --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)); } .to-transparent { --tw-gradient-to: transparent; --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)); } .to-60\% { --tw-gradient-to-position: 60%; } .bg-\[length\:250\%_100\%\,auto\] { background-size: 250% 100%,auto; } .bg-clip-padding { background-clip: padding-box; } .bg-clip-text { background-clip: text; } .\[background-repeat\:no-repeat\,padding-box\] { background-repeat: no-repeat,padding-box; } .fill-current { fill: currentcolor; } .fill-foreground { fill: var(--foreground); } .fill-primary { fill: var(--primary); } .fill-secondary { fill: var(--secondary); } .fill-yellow-500 { fill: var(--color-yellow-500); } .\[stroke\:var\(--background\)\] { stroke: var(--background); } .stroke-foreground\/50 { stroke: var(--foreground); @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--foreground) 50%, transparent); } } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-16 { padding: calc(var(--spacing) * 16); } .p-\[3px\] { padding: 3px; } .p-\[7px\] { padding: 7px; } .p-px { padding: 1px; } .px-\(--cell-size\) { padding-inline: var(--cell-size); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\! { padding-inline: calc(var(--spacing) * 1) !important; } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-12 { padding-inline: calc(var(--spacing) * 12); } .px-\[5px\] { padding-inline: 5px; } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-1\.75 { padding-block: calc(var(--spacing) * 1.75); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .ps-2 { padding-inline-start: calc(var(--spacing) * 2); } .pe-2 { padding-inline-end: calc(var(--spacing) * 2); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-3\.5 { padding-top: calc(var(--spacing) * 3.5); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-7 { padding-top: calc(var(--spacing) * 7); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pr-0 { padding-right: calc(var(--spacing) * 0); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\! { padding-bottom: calc(var(--spacing) * 2) !important; } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-0\.5 { padding-left: calc(var(--spacing) * 0.5); } .pl-0\.5\! { padding-left: calc(var(--spacing) * 0.5) !important; } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .text-center { text-align: center; } .text-end { text-align: end; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-mono { font-family: "JetBrains Mono Variable", monospace; } .font-sans { font-family: "Geist Variable", sans-serif; } .\!text-lg { font-size: var(--text-lg) !important; line-height: var(--tw-leading, var(--text-lg--line-height)) !important; } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[\.6rem\] { font-size: .6rem; } .text-\[0\.7rem\] { font-size: 0.7rem; } .text-\[0\.8rem\] { font-size: 0.8rem; } .text-\[0\.625rem\] { font-size: 0.625rem; } .text-\[10px\] { font-size: 10px; } .text-\[10rem\] { font-size: 10rem; } .text-\[11px\] { font-size: 11px; } .text-\[13px\] { font-size: 13px; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-balance { text-wrap: balance; } .text-nowrap { text-wrap: nowrap; } .text-wrap { text-wrap: wrap; } .break-words { overflow-wrap: break-word; } .wrap-anywhere { overflow-wrap: anywhere; } .break-all { word-break: break-all; } .\!whitespace-pre { white-space: pre !important; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-\[var\(--sdm-c\,inherit\)\] { color: var(--sdm-c,inherit); } .text-accent-foreground { color: var(--accent-foreground); } .text-amber-300 { color: var(--color-amber-300); } .text-background { color: var(--background); } .text-blue-300 { color: var(--color-blue-300); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-card-foreground { color: var(--card-foreground); } .text-current { color: currentcolor; } .text-danger { color: var(--destructive); } .text-destructive { color: var(--destructive); } .text-destructive-foreground { color: var(--destructive-foreground); } .text-destructive\/90 { color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--destructive) 90%, transparent); } } .text-emerald-600 { color: var(--color-emerald-600); } .text-foreground { color: var(--foreground); } .text-foreground\/50 { color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--foreground) 50%, transparent); } } .text-foreground\/60 { color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--foreground) 60%, transparent); } } .text-foreground\/80 { color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--foreground) 80%, transparent); } } .text-gray-500 { color: var(--color-gray-500); } .text-green-300 { color: var(--color-green-300); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-indigo-300 { color: var(--color-indigo-300); } .text-muted { color: var(--muted); } .text-muted-foreground { color: var(--muted-foreground); } .text-muted-foreground\/20 { color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--muted-foreground) 20%, transparent); } } .text-muted-foreground\/50 { color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--muted-foreground) 50%, transparent); } } .text-muted-foreground\/70 { color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--muted-foreground) 70%, transparent); } } .text-orange-600 { color: var(--color-orange-600); } .text-popover-foreground { color: var(--popover-foreground); } .text-primary { color: var(--primary); } .text-primary-foreground { color: var(--primary-foreground); } .text-primary\/75 { color: var(--primary); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--primary) 75%, transparent); } } .text-purple-300 { color: var(--color-purple-300); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-rose-400 { color: var(--color-rose-400); } .text-secondary { color: var(--secondary); } .text-secondary-foreground { color: var(--secondary-foreground); } .text-sidebar-accent-foreground { color: var(--sidebar-accent-foreground); } .text-sidebar-foreground { color: var(--sidebar-foreground); } .text-sidebar-foreground\/60 { color: var(--sidebar-foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--sidebar-foreground) 60%, transparent); } } .text-sidebar-foreground\/70 { color: var(--sidebar-foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent); } } .text-sidebar-primary { color: var(--sidebar-primary); } .text-success { color: var(--success); } .text-success-foreground { color: var(--success-foreground); } .text-teal-300 { color: var(--color-teal-300); } .text-transparent { color: transparent; } .text-warning { color: var(--warning); } .text-warning-foreground { color: var(--warning-foreground); } .text-white { color: var(--color-white); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .overline { text-decoration-line: overline; } .underline { text-decoration-line: underline; } .decoration-muted-foreground\/20 { text-decoration-color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent); } } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .opacity-0 { opacity: 0%; } .opacity-40 { opacity: 40%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-80 { opacity: 80%; } .opacity-100 { opacity: 100%; } .bg-blend-color { background-blend-mode: color; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_3px_var\(--card\)\] { --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--card)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_12px_3px_rgba\(34\,197\,94\,0\.45\)\] { --tw-shadow: 0 0 12px 3px var(--tw-shadow-color, rgba(34,197,94,0.45)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_1px_2px_3px_rgba\(0\,0\,0\,0\.12\)\,inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.5\)\,0_1px_0_rgba\(255\,255\,255\,0\.9\)\,0_2px_3px_-1px_rgba\(255\,255\,255\,0\.7\)\] { --tw-shadow: inset 1px 2px 3px var(--tw-shadow-color, rgba(0,0,0,0.12)), inset -1px -1px 2px var(--tw-shadow-color, rgba(255,255,255,0.5)), 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.9)), 0 2px 3px -1px var(--tw-shadow-color, rgba(255,255,255,0.7)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-dialog { --tw-shadow: var(--shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none\! { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .\!ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-background { --tw-ring-color: var(--background); } .ring-border { --tw-ring-color: var(--border); } .ring-emerald-400\/70 { --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent); } } .ring-foreground\/10 { --tw-ring-color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } .ring-muted-foreground\/25 { --tw-ring-color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent); } } .ring-primary { --tw-ring-color: var(--primary); } .ring-primary\/30 { --tw-ring-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent); } } .ring-primary\/50 { --tw-ring-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .ring-secondary { --tw-ring-color: var(--secondary); } .ring-sidebar-ring { --tw-ring-color: var(--sidebar-ring); } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-background { --tw-ring-offset-color: var(--background); } .outline-hidden { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-2 { outline-style: var(--tw-outline-style); outline-width: 2px; } .outline-offset-2 { outline-offset: 2px; } .outline-blue-300 { outline-color: var(--color-blue-300); } .outline-foreground { outline-color: var(--foreground); } .outline-muted-foreground\/80 { outline-color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--muted-foreground) 80%, transparent); } } .outline-secondary { outline-color: var(--secondary); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .\!filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur { --tw-backdrop-blur: blur(8px); -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,); 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,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -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,); 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,); } .transition { 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; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,box-shadow\] { transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[height\,opacity\] { transition-property: height,opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[left\,right\,width\] { transition-property: left,right,width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[margin\,opacity\] { transition-property: margin,opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,height\,padding\] { transition-property: width,height,padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-none { transition-property: none; } .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-250 { --tw-duration: 250ms; transition-duration: 250ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-1000 { --tw-duration: 1000ms; transition-duration: 1000ms; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .\!outline-none { --tw-outline-style: none !important; outline-style: none !important; } .fade-in-0 { --tw-enter-opacity: calc(0/100); --tw-enter-opacity: 0; } .outline-none { --tw-outline-style: none; outline-style: none; } .repeat-1 { animation-iteration-count: 1; --tw-animation-iteration-count: 1; } .select-all { -webkit-user-select: all; user-select: all; } .select-none { -webkit-user-select: none; user-select: none; } .zoom-in-95 { --tw-enter-scale: calc(95*1%); --tw-enter-scale: .95; } .\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--color-background\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\] { --bg: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--color-background),#0000 calc(50% + var(--spread))); } .\[--cell-radius\:var\(--radius-md\)\] { --cell-radius: var(--radius-md); } .\[--cell-size\:--spacing\(7\)\] { --cell-size: calc(var(--spacing) * 7); } .\[--timeline-connector-thickness\:0\.125rem\] { --timeline-connector-thickness: 0.125rem; } .\[--timeline-dot-size\:0\.875rem\] { --timeline-dot-size: 0.875rem; } .\[-ms-overflow-style\:none\] { -ms-overflow-style: none; } .\[animation-timing-function\:cubic-bezier\(0\.16\,1\,0\.3\,1\)\] { animation-timing-function: cubic-bezier(0.16,1,0.3,1); } .\[counter-increment\:line_0\] { counter-increment: line 0; } .\[counter-reset\:line\] { counter-reset: line; } .\[scrollbar-width\:none\] { scrollbar-width: none; } .paused { animation-play-state: paused; } .ring-inset { --tw-ring-inset: inset; } .running { animation-play-state: running; } .not-last\:border-b { &:not(*:last-child) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .group-focus-within\/menu-item\:opacity-100 { &:is(:where(.group\/menu-item):focus-within *) { opacity: 100%; } } .group-hover\:pointer-events-auto { &:is(:where(.group):hover *) { @media (hover: hover) { pointer-events: auto; } } } .group-hover\:block { &:is(:where(.group):hover *) { @media (hover: hover) { display: block; } } } .group-hover\:h-\[55px\] { &:is(:where(.group):hover *) { @media (hover: hover) { height: 55px; } } } .group-hover\:translate-y-\[25px\] { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-y: 25px; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:cursor-pointer { &:is(:where(.group):hover *) { @media (hover: hover) { cursor: pointer; } } } .group-hover\:text-foreground { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--foreground); } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/badge-list\:pointer-events-auto { &:is(:where(.group\/badge-list):hover *) { @media (hover: hover) { pointer-events: auto; } } } .group-hover\/badge-list\:opacity-100 { &:is(:where(.group\/badge-list):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/cell-link\:bg-muted { &:is(:where(.group\/cell-link):hover *) { @media (hover: hover) { background-color: var(--muted); } } } .group-hover\/cell-link\:decoration-transparent { &:is(:where(.group\/cell-link):hover *) { @media (hover: hover) { text-decoration-color: transparent; } } } .group-hover\/cell-link\:opacity-100 { &:is(:where(.group\/cell-link):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/entity-link\:decoration-transparent { &:is(:where(.group\/entity-link):hover *) { @media (hover: hover) { text-decoration-color: transparent; } } } .group-hover\/menu-item\:opacity-100 { &:is(:where(.group\/menu-item):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-focus\:border-foreground\/50 { &:is(:where(.group):focus *) { border-color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--foreground) 50%, transparent); } } } .group-focus\/context-menu-item\:text-accent-foreground { &:is(:where(.group\/context-menu-item):focus *) { color: var(--accent-foreground); } } .group-focus\/dropdown-menu-item\:text-accent-foreground { &:is(:where(.group\/dropdown-menu-item):focus *) { color: var(--accent-foreground); } } .group-has-disabled\/field\:opacity-50 { &:is(:where(.group\/field):has(*:disabled) *) { opacity: 50%; } } .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 { &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) { padding-right: calc(var(--spacing) * 8); } } .group-has-data-\[size\=lg\]\/avatar-group\:size-10 { &:is(:where(.group\/avatar-group):has(*[data-size="lg"]) *) { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } } .group-has-data-\[size\=sm\]\/avatar-group\:size-6 { &:is(:where(.group\/avatar-group):has(*[data-size="sm"]) *) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } } .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance { &:is(:where(.group\/field):has(*:is([data-orientation=horizontal])) *) { text-wrap: balance; } } .group-has-\[\[data-slot\=command-shortcut\]\]\/command-item\:hidden { &:is(:where(.group\/command-item):has(*:is([data-slot=command-shortcut])) *) { display: none; } } .group-has-\[\>input\]\/input-group\:pt-2 { &:is(:where(.group\/input-group):has(>input) *) { padding-top: calc(var(--spacing) * 2); } } .group-has-\[\>input\]\/input-group\:pb-2 { &:is(:where(.group\/input-group):has(>input) *) { padding-bottom: calc(var(--spacing) * 2); } } .group-has-\[\>svg\]\/alert\:col-start-2 { &:is(:where(.group\/alert):has(>svg) *) { grid-column-start: 2; } } .group-aria-expanded\/accordion-trigger\:hidden { &:is(:where(.group\/accordion-trigger)[aria-expanded="true"] *) { display: none; } } .group-aria-expanded\/accordion-trigger\:inline { &:is(:where(.group\/accordion-trigger)[aria-expanded="true"] *) { display: inline; } } .group-data-panel-open\:rotate-90 { &:is(:where(.group)[data-panel-open] *) { rotate: 90deg; } } .group-data-\[background\=primary\]\/avatar\:bg-transparent { &:is(:where(.group\/avatar)[data-background="primary"] *) { background-color: transparent; } } .group-data-\[background\=primary\]\/avatar\:text-sidebar-primary-foreground { &:is(:where(.group\/avatar)[data-background="primary"] *) { color: var(--sidebar-primary-foreground); } } .group-data-\[checked\]\:block { &:is(:where(.group)[data-checked] *) { display: block; } } .group-data-\[checked\=true\]\/command-item\:opacity-100 { &:is(:where(.group\/command-item)[data-checked="true"] *) { opacity: 100%; } } .group-data-\[collapsible\=icon\]\:-mt-8 { &:is(:where(.group)[data-collapsible="icon"] *) { margin-top: calc(var(--spacing) * -8); } } .group-data-\[collapsible\=icon\]\:ml-0 { &:is(:where(.group)[data-collapsible="icon"] *) { margin-left: calc(var(--spacing) * 0); } } .group-data-\[collapsible\=icon\]\:hidden { &:is(:where(.group)[data-collapsible="icon"] *) { display: none; } } .group-data-\[collapsible\=icon\]\:size-7\! { &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 7) !important; height: calc(var(--spacing) * 7) !important; } } .group-data-\[collapsible\=icon\]\:size-8\! { &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; } } .group-data-\[collapsible\=icon\]\:w-\(--right-sidebar-width-icon\) { &:is(:where(.group)[data-collapsible="icon"] *) { width: var(--right-sidebar-width-icon); } } .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) { &:is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); } } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--right-sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] { &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--right-sidebar-width-icon) + (calc(var(--spacing) * 4))); } } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--right-sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] { &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--right-sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px); } } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] { &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4))); } } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] { &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px); } } .group-data-\[collapsible\=icon\]\:translate-x-\[2px\] { &:is(:where(.group)[data-collapsible="icon"] *) { --tw-translate-x: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[collapsible\=icon\]\:overflow-hidden { &:is(:where(.group)[data-collapsible="icon"] *) { overflow: hidden; } } .group-data-\[collapsible\=icon\]\:p-0\! { &:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 0) !important; } } .group-data-\[collapsible\=icon\]\:p-2\! { &:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 2) !important; } } .group-data-\[collapsible\=icon\]\:pl-0\! { &:is(:where(.group)[data-collapsible="icon"] *) { padding-left: calc(var(--spacing) * 0) !important; } } .group-data-\[collapsible\=icon\]\:opacity-0 { &:is(:where(.group)[data-collapsible="icon"] *) { opacity: 0%; } } .group-data-\[collapsible\=offCanvas\]\:right-\[calc\(var\(--right-sidebar-width\)\*-1\)\] { &:is(:where(.group)[data-collapsible="offCanvas"] *) { right: calc(var(--right-sidebar-width) * -1); } } .group-data-\[collapsible\=offCanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] { &:is(:where(.group)[data-collapsible="offCanvas"] *) { right: calc(var(--sidebar-width) * -1); } } .group-data-\[collapsible\=offCanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] { &:is(:where(.group)[data-collapsible="offCanvas"] *) { left: calc(var(--sidebar-width) * -1); } } .group-data-\[collapsible\=offCanvas\]\:w-0 { &:is(:where(.group)[data-collapsible="offCanvas"] *) { width: calc(var(--spacing) * 0); } } .group-data-\[collapsible\=offCanvas\]\:translate-x-0 { &:is(:where(.group)[data-collapsible="offCanvas"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[disabled\=true\]\:pointer-events-none { &:is(:where(.group)[data-disabled="true"] *) { pointer-events: none; } } .group-data-\[disabled\=true\]\:opacity-50 { &:is(:where(.group)[data-disabled="true"] *) { opacity: 50%; } } .group-data-\[disabled\=true\]\/field\:opacity-50 { &:is(:where(.group\/field)[data-disabled="true"] *) { opacity: 50%; } } .group-data-\[disabled\=true\]\/input-group\:opacity-50 { &:is(:where(.group\/input-group)[data-disabled="true"] *) { opacity: 50%; } } .group-data-\[dragging\=true\]\:duration-0\! { &:is(:where(.group)[data-dragging="true"] *) { --tw-duration: 0ms !important; transition-duration: 0ms !important; } } .group-data-\[focused\=true\]\/day\:relative { &:is(:where(.group\/day)[data-focused="true"] *) { position: relative; } } .group-data-\[focused\=true\]\/day\:z-10 { &:is(:where(.group\/day)[data-focused="true"] *) { z-index: 10; } } .group-data-\[focused\=true\]\/day\:border-ring { &:is(:where(.group\/day)[data-focused="true"] *) { border-color: var(--ring); } } .group-data-\[focused\=true\]\/day\:ring-\[3px\] { &:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .group-data-\[focused\=true\]\/day\:ring-ring\/50 { &:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } } .group-data-\[indeterminate\]\:block { &:is(:where(.group)[data-indeterminate] *) { display: block; } } .group-data-\[mobile\=true\]\:p-0 { &:is(:where(.group)[data-mobile="true"] *) { padding: calc(var(--spacing) * 0); } } .group-data-\[panel-open\]\:rotate-90 { &:is(:where(.group)[data-panel-open] *) { rotate: 90deg; } } .group-data-\[rounded\=lg\]\/avatar\:rounded-lg { &:is(:where(.group\/avatar)[data-rounded="lg"] *) { border-radius: var(--radius); } } .group-data-\[rounded\=md\]\/avatar\:rounded-md { &:is(:where(.group\/avatar)[data-rounded="md"] *) { border-radius: calc(var(--radius) - 2px); } } .group-data-\[scrolled-horizontal-left\=true\]\:shadow-\[-4px_0_4px_0px_var\(--border\)\] { &:is(:where(.group)[data-scrolled-horizontal-left="true"] *) { --tw-shadow: -4px 0 4px 0px var(--tw-shadow-color, var(--border)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .group-data-\[scrolled-horizontal-left\=true\]\:shadow-\[4px_0_4px_0px_var\(--border\)\] { &:is(:where(.group)[data-scrolled-horizontal-left="true"] *) { --tw-shadow: 4px 0 4px 0px var(--tw-shadow-color, var(--border)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .group-data-\[scrolled-horizontal-right\=true\]\:border-r { &:is(:where(.group)[data-scrolled-horizontal-right="true"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .group-data-\[scrolled-horizontal-right\=true\]\:border-l { &:is(:where(.group)[data-scrolled-horizontal-right="true"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .group-data-\[scrolled-horizontal-right\=true\]\:shadow-\[-4px_0_4px_0px_var\(--border\)\] { &:is(:where(.group)[data-scrolled-horizontal-right="true"] *) { --tw-shadow: -4px 0 4px 0px var(--tw-shadow-color, var(--border)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .group-data-\[scrolled-horizontal-right\=true\]\:shadow-\[4px_0_4px_0px_var\(--border\)\] { &:is(:where(.group)[data-scrolled-horizontal-right="true"] *) { --tw-shadow: 4px 0 4px 0px var(--tw-shadow-color, var(--border)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .group-data-\[selected\=true\]\/command-item\:opacity-100 { &:is(:where(.group\/command-item)[data-selected="true"] *) { opacity: 100%; } } .group-data-\[side\=left\]\:-right-4 { &:is(:where(.group)[data-side="left"] *) { right: calc(var(--spacing) * -4); } } .group-data-\[side\=left\]\:border-r { &:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .group-data-\[side\=right\]\:left-0 { &:is(:where(.group)[data-side="right"] *) { left: calc(var(--spacing) * 0); } } .group-data-\[side\=right\]\:rotate-180 { &:is(:where(.group)[data-side="right"] *) { rotate: 180deg; } } .group-data-\[side\=right\]\:border-l { &:is(:where(.group)[data-side="right"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .group-data-\[size\=default\]\/avatar\:size-2\.5 { &:is(:where(.group\/avatar)[data-size="default"] *) { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } } .group-data-\[size\=default\]\/switch\:size-4 { &:is(:where(.group\/switch)[data-size="default"] *) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .group-data-\[size\=lg\]\/avatar\:size-3 { &:is(:where(.group\/avatar)[data-size="lg"] *) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } } .group-data-\[size\=lg\]\/command-input-wrapper\:size-5 { &:is(:where(.group\/command-input-wrapper)[data-size="lg"] *) { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } } .group-data-\[size\=lg\]\/command-input-wrapper\:h-14\! { &:is(:where(.group\/command-input-wrapper)[data-size="lg"] *) { height: calc(var(--spacing) * 14) !important; } } .group-data-\[size\=lg\]\/command-input-wrapper\:text-lg { &:is(:where(.group\/command-input-wrapper)[data-size="lg"] *) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .group-data-\[size\=sm\]\/avatar\:size-2 { &:is(:where(.group\/avatar)[data-size="sm"] *) { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } } .group-data-\[size\=sm\]\/avatar\:text-xs { &:is(:where(.group\/avatar)[data-size="sm"] *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .group-data-\[size\=sm\]\/card\:p-3 { &:is(:where(.group\/card)[data-size="sm"] *) { padding: calc(var(--spacing) * 3); } } .group-data-\[size\=sm\]\/card\:px-3 { &:is(:where(.group\/card)[data-size="sm"] *) { padding-inline: calc(var(--spacing) * 3); } } .group-data-\[size\=sm\]\/card\:text-sm { &:is(:where(.group\/card)[data-size="sm"] *) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .group-data-\[size\=sm\]\/switch\:size-3 { &:is(:where(.group\/switch)[data-size="sm"] *) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } } .group-data-\[spacing\=0\]\/toggle-group\:rounded-none { &:is(:where(.group\/toggle-group)[data-spacing="0"] *) { border-radius: 0; } } .group-data-\[spacing\=0\]\/toggle-group\:px-2 { &:is(:where(.group\/toggle-group)[data-spacing="0"] *) { padding-inline: calc(var(--spacing) * 2); } } .group-data-\[state\=collapsed\]\:hidden { &:is(:where(.group)[data-state="collapsed"] *) { display: none; } } .group-data-\[state\=collapsed\]\:border-b-0 { &:is(:where(.group)[data-state="collapsed"] *) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .group-data-\[state\=expanded\]\:mt-1\.5 { &:is(:where(.group)[data-state="expanded"] *) { margin-top: calc(var(--spacing) * 1.5); } } .group-data-\[state\=expanded\]\:h-10 { &:is(:where(.group)[data-state="expanded"] *) { height: calc(var(--spacing) * 10); } } .group-data-\[state\=expanded\]\:gap-2 { &:is(:where(.group)[data-state="expanded"] *) { gap: calc(var(--spacing) * 2); } } .group-data-\[state\=expanded\]\:opacity-100 { &:is(:where(.group)[data-state="expanded"] *) { opacity: 100%; } } .group-data-\[state\=open\]\:rotate-180 { &:is(:where(.group)[data-state="open"] *) { rotate: 180deg; } } .group-data-\[variant\=floating\]\:rounded-lg { &:is(:where(.group)[data-variant="floating"] *) { border-radius: var(--radius); } } .group-data-\[variant\=floating\]\:shadow-sm { &:is(:where(.group)[data-variant="floating"] *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .group-data-\[variant\=floating\]\:ring-1 { &:is(:where(.group)[data-variant="floating"] *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .group-data-\[variant\=floating\]\:ring-sidebar-border { &:is(:where(.group)[data-variant="floating"] *) { --tw-ring-color: var(--sidebar-border); } } .group-data-\[variant\=line\]\/tabs-list\:bg-transparent { &:is(:where(.group\/tabs-list)[data-variant="line"] *) { background-color: transparent; } } .group-data-\[variant\=outline\]\/card\:border-t-0 { &:is(:where(.group\/card)[data-variant="outline"] *) { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .group-data-\[variant\=outline\]\/card\:bg-transparent { &:is(:where(.group\/card)[data-variant="outline"] *) { background-color: transparent; } } .group-data-\[variant\=outline\]\/field-group\:-mb-2 { &:is(:where(.group\/field-group)[data-variant="outline"] *) { margin-bottom: calc(var(--spacing) * -2); } } .group-data-\[variant\=tab-links\]\/tabs-list\:h-7 { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { height: calc(var(--spacing) * 7); } } .group-data-\[variant\=tab-links\]\/tabs-list\:flex-none { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { flex: none; } } .group-data-\[variant\=tab-links\]\/tabs-list\:gap-1 { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { gap: calc(var(--spacing) * 1); } } .group-data-\[variant\=tab-links\]\/tabs-list\:overflow-hidden { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { overflow: hidden; } } .group-data-\[variant\=tab-links\]\/tabs-list\:border { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { border-style: var(--tw-border-style); border-width: 1px; } } .group-data-\[variant\=tab-links\]\/tabs-list\:border-transparent { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { border-color: transparent; } } .group-data-\[variant\=tab-links\]\/tabs-list\:px-2 { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { padding-inline: calc(var(--spacing) * 2); } } .group-data-\[variant\=tab-links\]\/tabs-list\:text-primary\/75 { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { color: var(--primary); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--primary) 75%, transparent); } } } .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block { &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) { display: block; } } .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center { &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) { text-align: center; } } .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center { &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) { text-align: center; } } .group-data-selected\/command-item\:text-foreground { &:is(:where(.group\/command-item):where([data-selected="true"]) *) { color: var(--foreground); } } .group-data-horizontal\/tabs\:h-8 { &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) { height: calc(var(--spacing) * 8); } } .group-data-vertical\/tabs\:h-fit { &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) { height: fit-content; } } .group-data-vertical\/tabs\:w-full { &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) { width: 100%; } } .group-data-vertical\/tabs\:flex-col { &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) { flex-direction: column; } } .group-data-vertical\/tabs\:justify-start { &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) { justify-content: flex-start; } } .group-\[\.is-assistant\]\:font-serif { &:is(:where(.group):is(.is-assistant) *) { font-family: "Source Serif 4 Variable", serif; } } .group-\[\.is-assistant\]\:text-foreground { &:is(:where(.group):is(.is-assistant) *) { color: var(--foreground); } } .group-\[\.is-user\]\:ml-auto { &:is(:where(.group):is(.is-user) *) { margin-left: auto; } } .group-\[\.is-user\]\:rounded-lg { &:is(:where(.group):is(.is-user) *) { border-radius: var(--radius); } } .group-\[\.is-user\]\:bg-secondary { &:is(:where(.group):is(.is-user) *) { background-color: var(--secondary); } } .group-\[\.is-user\]\:px-4 { &:is(:where(.group):is(.is-user) *) { padding-inline: calc(var(--spacing) * 4); } } .group-\[\.is-user\]\:py-3 { &:is(:where(.group):is(.is-user) *) { padding-block: calc(var(--spacing) * 3); } } .group-\[\.is-user\]\:text-foreground { &:is(:where(.group):is(.is-user) *) { color: var(--foreground); } } .group-\[\.selected\]\:pointer-events-auto { &:is(:where(.group):is(.selected) *) { pointer-events: auto; } } .group-\[\.selected\]\:h-\[55px\] { &:is(:where(.group):is(.selected) *) { height: 55px; } } .group-\[\.selected\]\:translate-y-\[25px\] { &:is(:where(.group):is(.selected) *) { --tw-translate-y: 25px; translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-\[\.selected\]\:opacity-100 { &:is(:where(.group):is(.selected) *) { opacity: 100%; } } .peer-hover\/menu-button\:text-sidebar-accent-foreground { &:is(:where(.peer\/menu-button):hover ~ *) { @media (hover: hover) { color: var(--sidebar-accent-foreground); } } } .peer-disabled\:cursor-not-allowed { &:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } } .peer-disabled\:opacity-50 { &:is(:where(.peer):disabled ~ *) { opacity: 50%; } } .peer-disabled\:opacity-70 { &:is(:where(.peer):disabled ~ *) { opacity: 70%; } } .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) { top: calc(var(--spacing) * 1.5); } } .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) { top: calc(var(--spacing) * 2.5); } } .peer-data-\[size\=sm\]\/menu-button\:top-1 { &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) { top: calc(var(--spacing) * 1); } } .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"]))) ~ *) { color: var(--sidebar-accent-foreground); } } .file\:mr-3 { &::file-selector-button { margin-right: calc(var(--spacing) * 3); } } .file\:inline-flex { &::file-selector-button { display: inline-flex; } } .file\:h-6 { &::file-selector-button { height: calc(var(--spacing) * 6); } } .file\:cursor-pointer { &::file-selector-button { cursor: pointer; } } .file\:border-0 { &::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; } } .file\:bg-transparent { &::file-selector-button { background-color: transparent; } } .file\:text-sm { &::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .file\:font-medium { &::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .file\:text-foreground { &::file-selector-button { color: var(--foreground); } } .placeholder\:text-muted-foreground { &::placeholder { color: var(--muted-foreground); } } .before\:mr-4 { &::before { content: var(--tw-content); margin-right: calc(var(--spacing) * 4); } } .before\:inline-block { &::before { content: var(--tw-content); display: inline-block; } } .before\:w-6 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 6); } } .before\:w-8 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 8); } } .before\:text-right { &::before { content: var(--tw-content); text-align: right; } } .before\:font-mono { &::before { content: var(--tw-content); font-family: "JetBrains Mono Variable", monospace; } } .before\:text-\[13px\] { &::before { content: var(--tw-content); font-size: 13px; } } .before\:text-muted-foreground\/50 { &::before { content: var(--tw-content); color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--muted-foreground) 50%, transparent); } } } .before\:content-\[counter\(line\)\] { &::before { --tw-content: counter(line); content: var(--tw-content); } } .before\:select-none { &::before { content: var(--tw-content); -webkit-user-select: none; user-select: none; } } .before\:\[counter-increment\:line\] { &::before { content: var(--tw-content); counter-increment: line; } } .after\:pointer-events-none { &::after { content: var(--tw-content); pointer-events: none; } } .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } .after\:-inset-2 { &::after { content: var(--tw-content); inset: calc(var(--spacing) * -2); } } .after\:inset-0 { &::after { content: var(--tw-content); inset: calc(var(--spacing) * 0); } } .after\:-inset-x-3 { &::after { content: var(--tw-content); inset-inline: calc(var(--spacing) * -3); } } .after\:inset-x-0 { &::after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); } } .after\:-inset-y-2 { &::after { content: var(--tw-content); inset-block: calc(var(--spacing) * -2); } } .after\:inset-y-0 { &::after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } } .after\:top-0 { &::after { content: var(--tw-content); top: calc(var(--spacing) * 0); } } .after\:right-0 { &::after { content: var(--tw-content); right: calc(var(--spacing) * 0); } } .after\:bottom-0 { &::after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } } .after\:bottom-\[-7px\] { &::after { content: var(--tw-content); bottom: -7px; } } .after\:left-0 { &::after { content: var(--tw-content); left: calc(var(--spacing) * 0); } } .after\:left-1\/2 { &::after { content: var(--tw-content); left: calc(1 / 2 * 100%); } } .after\:h-1 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 1); } } .after\:w-1 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 1); } } .after\:w-4 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 4); } } .after\:w-10 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 10); } } .after\:w-\[2px\] { &::after { content: var(--tw-content); width: 2px; } } .after\:-translate-x-1\/2 { &::after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .after\:rounded-full { &::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } } .after\:border { &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } } .after\:border-b { &::after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .after\:border-border { &::after { content: var(--tw-content); border-color: var(--border); } } .after\:border-primary { &::after { content: var(--tw-content); border-color: var(--primary); } } .after\:border-transparent { &::after { content: var(--tw-content); border-color: transparent; } } .after\:bg-foreground { &::after { content: var(--tw-content); background-color: var(--foreground); } } .after\:bg-muted { &::after { content: var(--tw-content); background-color: var(--muted); } } .after\:bg-gradient-to-r { &::after { content: var(--tw-content); --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } .after\:from-transparent { &::after { content: var(--tw-content); --tw-gradient-from: transparent; --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)); } } .after\:to-background { &::after { content: var(--tw-content); --tw-gradient-to: var(--background); --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)); } } .after\:opacity-0 { &::after { content: var(--tw-content); opacity: 0%; } } .after\:mix-blend-darken { &::after { content: var(--tw-content); mix-blend-mode: darken; } } .after\:transition-opacity { &::after { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .after\:content-\[\'\'\] { &::after { --tw-content: ''; content: var(--tw-content); } } .group-data-\[collapsible\=offCanvas\]\:after\:left-full { &:is(:where(.group)[data-collapsible="offCanvas"] *) { &::after { content: var(--tw-content); left: 100%; } } } .group-data-\[variant\=tab-links\]\/tabs-list\:after\:bottom-\[-6px\] { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &::after { content: var(--tw-content); bottom: -6px; } } } .group-data-\[variant\=tab-links\]\/tabs-list\:after\:h-1 { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &::after { content: var(--tw-content); height: calc(var(--spacing) * 1); } } } .group-data-horizontal\/tabs\:after\:inset-x-0 { &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) { &::after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); } } } .group-data-horizontal\/tabs\:after\:bottom-\[-5px\] { &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) { &::after { content: var(--tw-content); bottom: -5px; } } } .group-data-horizontal\/tabs\:after\:h-0\.5 { &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) { &::after { content: var(--tw-content); height: calc(var(--spacing) * 0.5); } } } .group-data-vertical\/tabs\:after\:inset-y-0 { &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) { &::after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } } } .group-data-vertical\/tabs\:after\:-right-1 { &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) { &::after { content: var(--tw-content); right: calc(var(--spacing) * -1); } } } .group-data-vertical\/tabs\:after\:w-0\.5 { &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) { &::after { content: var(--tw-content); width: calc(var(--spacing) * 0.5); } } } .first\:rounded-l-lg { &:first-child { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); } } .first\:border-l { &:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .\*\:first\:mt-0 { :is(& > *) { &:first-child { margin-top: calc(var(--spacing) * 0); } } } .last\:mt-0 { &:last-child { margin-top: calc(var(--spacing) * 0); } } .last\:rounded-r-lg { &:last-child { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius); } } .last\:border-0 { &:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .last\:pb-0 { &:last-child { padding-bottom: calc(var(--spacing) * 0); } } .\*\:last\:mb-0 { :is(& > *) { &:last-child { margin-bottom: calc(var(--spacing) * 0); } } } .\*\:last\:after\:inline { :is(& > *) { &:last-child { &::after { content: var(--tw-content); display: inline; } } } } .\*\:last\:after\:align-baseline { :is(& > *) { &:last-child { &::after { content: var(--tw-content); vertical-align: baseline; } } } } .\*\:last\:after\:content-\[var\(--streamdown-caret\)\] { :is(& > *) { &:last-child { &::after { --tw-content: var(--streamdown-caret); content: var(--tw-content); } } } } .focus-within\:z-50 { &:focus-within { z-index: 50; } } .focus-within\:after\:hidden { &:focus-within { &::after { content: var(--tw-content); display: none; } } } .hover\:cursor-pointer { &:hover { @media (hover: hover) { cursor: pointer; } } } .hover\:border-border\/50 { &:hover { @media (hover: hover) { border-color: var(--border); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } } } .hover\:border-foreground\/50 { &:hover { @media (hover: hover) { border-color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--foreground) 50%, transparent); } } } } .hover\:border-muted-foreground\/80 { &:hover { @media (hover: hover) { border-color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--muted-foreground) 80%, transparent); } } } } .hover\:bg-accent { &:hover { @media (hover: hover) { background-color: var(--accent); } } } .hover\:bg-background { &:hover { @media (hover: hover) { background-color: var(--background); } } } .hover\:bg-blue-200 { &:hover { @media (hover: hover) { background-color: var(--color-blue-200); } } } .hover\:bg-blue-700 { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } .hover\:bg-destructive\/10 { &:hover { @media (hover: hover) { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } } } .hover\:bg-destructive\/20 { &:hover { @media (hover: hover) { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } } .hover\:bg-foreground\/5 { &:hover { @media (hover: hover) { background-color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--foreground) 5%, transparent); } } } } .hover\:bg-foreground\/10 { &:hover { @media (hover: hover) { background-color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } } } .hover\:bg-muted { &:hover { @media (hover: hover) { background-color: var(--muted); } } } .hover\:bg-muted\/30 { &:hover { @media (hover: hover) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 30%, transparent); } } } } .hover\:bg-muted\/40 { &:hover { @media (hover: hover) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 40%, transparent); } } } } .hover\:bg-muted\/50 { &:hover { @media (hover: hover) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } } } .hover\:bg-muted\/60 { &:hover { @media (hover: hover) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 60%, transparent); } } } } .hover\:bg-muted\/70 { &:hover { @media (hover: hover) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 70%, transparent); } } } } .hover\:bg-primary\/90 { &:hover { @media (hover: hover) { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } } } .hover\:bg-secondary\/80 { &:hover { @media (hover: hover) { background-color: var(--secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--secondary) 80%, transparent); } } } } .hover\:bg-sidebar-accent { &:hover { @media (hover: hover) { background-color: var(--sidebar-accent); } } } .hover\:bg-sidebar-accent\/60 { &:hover { @media (hover: hover) { background-color: var(--sidebar-accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--sidebar-accent) 60%, transparent); } } } } .hover\:bg-sidebar-border\/50 { &:hover { @media (hover: hover) { background-color: var(--sidebar-border); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--sidebar-border) 50%, transparent); } } } } .hover\:bg-success\/80 { &:hover { @media (hover: hover) { background-color: var(--success); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--success) 80%, transparent); } } } } .hover\:bg-transparent { &:hover { @media (hover: hover) { background-color: transparent; } } } .hover\:bg-warning\/80 { &:hover { @media (hover: hover) { background-color: var(--warning); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--warning) 80%, transparent); } } } } .hover\:text-accent-foreground { &:hover { @media (hover: hover) { color: var(--accent-foreground); } } } .hover\:text-blue-500 { &:hover { @media (hover: hover) { color: var(--color-blue-500); } } } .hover\:text-destructive { &:hover { @media (hover: hover) { color: var(--destructive); } } } .hover\:text-foreground { &:hover { @media (hover: hover) { color: var(--foreground); } } } .hover\:text-foreground\/80 { &:hover { @media (hover: hover) { color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--foreground) 80%, transparent); } } } } .hover\:text-muted-foreground { &:hover { @media (hover: hover) { color: var(--muted-foreground); } } } .hover\:text-primary { &:hover { @media (hover: hover) { color: var(--primary); } } } .hover\:text-primary-foreground { &:hover { @media (hover: hover) { color: var(--primary-foreground); } } } .hover\:text-primary\/90 { &:hover { @media (hover: hover) { color: var(--primary); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--primary) 90%, transparent); } } } } .hover\:text-sidebar-accent-foreground { &:hover { @media (hover: hover) { color: var(--sidebar-accent-foreground); } } } .hover\:text-sidebar-foreground { &:hover { @media (hover: hover) { color: var(--sidebar-foreground); } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-80 { &:hover { @media (hover: hover) { opacity: 80%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:not-active\:not-focus-within\:cursor-pointer { &:hover { @media (hover: hover) { &:not(*:active) { &:not(*:focus-within) { cursor: pointer; } } } } } .hover\:not-active\:not-focus-within\:bg-muted { &:hover { @media (hover: hover) { &:not(*:active) { &:not(*:focus-within) { background-color: var(--muted); } } } } } .hover\:not-active\:not-focus-within\:bg-muted\/80 { &:hover { @media (hover: hover) { &:not(*:active) { &:not(*:focus-within) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 80%, transparent); } } } } } } .hover\:group-data-\[collapsible\=offCanvas\]\:bg-sidebar { &:hover { @media (hover: hover) { &:is(:where(.group)[data-collapsible="offCanvas"] *) { background-color: var(--sidebar); } } } } .group-data-\[variant\=tab-links\]\/tabs-list\:hover\:border-border\/50 { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:hover { @media (hover: hover) { border-color: var(--border); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } } } } .group-data-\[variant\=tab-links\]\/tabs-list\:hover\:bg-muted\/50 { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:hover { @media (hover: hover) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } } } } .group-data-\[variant\=tab-links\]\/tabs-list\:hover\:text-primary { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:hover { @media (hover: hover) { color: var(--primary); } } } } .hover\:after\:bg-sidebar-border { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: var(--sidebar-border); } } } } .focus\:absolute { &:focus { position: absolute; } } .focus\:top-0 { &:focus { top: calc(var(--spacing) * 0); } } .focus\:left-0 { &:focus { left: calc(var(--spacing) * 0); } } .focus\:z-10 { &:focus { z-index: 10; } } .focus\:z-50 { &:focus { z-index: 50; } } .focus\:h-auto { &:focus { height: auto; } } .focus\:max-h-\[min\(70vh\,24rem\)\] { &:focus { max-height: min(70vh, 24rem); } } .focus\:overflow-x-hidden { &:focus { overflow-x: hidden; } } .focus\:overflow-y-auto { &:focus { overflow-y: auto; } } .focus\:border-ring { &:focus { border-color: var(--ring); } } .focus\:bg-accent { &:focus { background-color: var(--accent); } } .focus\:whitespace-pre-wrap { &:focus { white-space: pre-wrap; } } .focus\:text-accent-foreground { &:focus { color: var(--accent-foreground); } } .focus\:shadow-md { &:focus { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-\[1px\] { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-ring\/50 { &:focus { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus\:\*\*\:text-accent-foreground { &:focus { :is(& *) { color: var(--accent-foreground); } } } .not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground { &:not(*[data-variant="destructive"]) { &:focus { :is(& *) { color: var(--accent-foreground); } } } } .focus-visible\:z-10 { &:focus-visible { z-index: 10; } } .focus-visible\:border-black\/10 { &:focus-visible { border-color: color-mix(in srgb, #000 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } } .focus-visible\:border-destructive\/40 { &:focus-visible { border-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } } .focus-visible\:border-ring { &:focus-visible { border-color: var(--ring); } } .focus-visible\:bg-accent { &:focus-visible { background-color: var(--accent); } } .focus-visible\:text-accent-foreground { &:focus-visible { color: var(--accent-foreground); } } .focus-visible\:opacity-100 { &:focus-visible { opacity: 100%; } } .focus-visible\:shadow-\[inset_1px_2px_4px_rgba\(0\,0\,0\,0\.16\)\,inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.5\)\,0_1px_0_rgba\(255\,255\,255\,0\.9\)\,0_2px_3px_-1px_rgba\(255\,255\,255\,0\.7\)\] { &:focus-visible { --tw-shadow: inset 1px 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.16)), inset -1px -1px 2px var(--tw-shadow-color, rgba(255,255,255,0.5)), 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.9)), 0 2px 3px -1px var(--tw-shadow-color, rgba(255,255,255,0.7)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-0 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-1 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-2 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-3 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-\[3px\] { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-destructive\/20 { &:focus-visible { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } .focus-visible\:ring-ring { &:focus-visible { --tw-ring-color: var(--ring); } } .focus-visible\:ring-ring\/50 { &:focus-visible { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } } .focus-visible\:ring-offset-1 { &:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:ring-offset-2 { &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:outline-hidden { &:focus-visible { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .focus-visible\:outline-1 { &:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } } .focus-visible\:outline-ring { &:focus-visible { outline-color: var(--ring); } } .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } .focus-visible\:ring-inset { &:focus-visible { --tw-ring-inset: inset; } } .\*\:focus-visible\:relative { :is(& > *) { &:focus-visible { position: relative; } } } .\*\:focus-visible\:z-10 { :is(& > *) { &:focus-visible { z-index: 10; } } } .focus-visible\:after\:border-ring { &:focus-visible { &::after { content: var(--tw-content); border-color: var(--ring); } } } .active\:scale-\[0\.98\] { &:active { scale: 0.98; } } .active\:cursor-grabbing { &:active { cursor: grabbing; } } .active\:border-input { &:active { border-color: var(--input); } } .active\:bg-sidebar-accent { &:active { background-color: var(--sidebar-accent); } } .active\:text-sidebar-accent-foreground { &:active { color: var(--sidebar-accent-foreground); } } .disabled\:pointer-events-none { &:disabled { pointer-events: none; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:bg-input\/50 { &:disabled { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 50%, transparent); } } } .disabled\:bg-transparent { &:disabled { background-color: transparent; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .in-data-\[side\=left\]\:cursor-w-resize { :where(*[data-side="left"]) & { cursor: w-resize; } } .in-data-\[side\=right\]\:cursor-e-resize { :where(*[data-side="right"]) & { cursor: e-resize; } } .in-data-\[slot\=action-bar-selection\]\:ml-0\.5 { :where(*[data-slot="action-bar-selection"]) & { margin-left: calc(var(--spacing) * 0.5); } } .in-data-\[slot\=action-bar-selection\]\:h-4 { :where(*[data-slot="action-bar-selection"]) & { height: calc(var(--spacing) * 4); } } .in-data-\[slot\=action-bar-selection\]\:w-px { :where(*[data-slot="action-bar-selection"]) & { width: 1px; } } .in-data-\[slot\=button-group\]\:rounded-lg { :where(*[data-slot="button-group"]) & { border-radius: var(--radius); } } .has-disabled\:bg-input\/50 { &:has(*:disabled) { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 50%, transparent); } } } .has-disabled\:opacity-50 { &:has(*:disabled) { opacity: 50%; } } .has-aria-invalid\:border-destructive { &:has(*[aria-invalid="true"]) { border-color: var(--destructive); } } .has-aria-invalid\:ring-\[3px\] { &:has(*[aria-invalid="true"]) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .has-aria-invalid\:ring-destructive\/20 { &:has(*[aria-invalid="true"]) { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } .has-data-\[icon\=inline-end\]\:pr-1\.5 { &:has(*[data-icon="inline-end"]) { padding-right: calc(var(--spacing) * 1.5); } } .has-data-\[icon\=inline-end\]\:pr-2 { &:has(*[data-icon="inline-end"]) { padding-right: calc(var(--spacing) * 2); } } .has-data-\[icon\=inline-end\]\:pr-3 { &:has(*[data-icon="inline-end"]) { padding-right: calc(var(--spacing) * 3); } } .has-data-\[icon\=inline-start\]\:pl-1\.5 { &:has(*[data-icon="inline-start"]) { padding-left: calc(var(--spacing) * 1.5); } } .has-data-\[icon\=inline-start\]\:pl-2 { &:has(*[data-icon="inline-start"]) { padding-left: calc(var(--spacing) * 2); } } .has-data-\[icon\=inline-start\]\:pl-3 { &:has(*[data-icon="inline-start"]) { padding-left: calc(var(--spacing) * 3); } } .has-data-\[slot\=alert-action\]\:relative { &:has(*[data-slot="alert-action"]) { position: relative; } } .has-data-\[slot\=alert-action\]\:pr-18 { &:has(*[data-slot="alert-action"]) { padding-right: calc(var(--spacing) * 18); } } .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] { &:has(*[data-slot="card-action"]) { grid-template-columns: 1fr auto; } } .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\] { &:has(*[data-slot="card-description"]) { grid-template-rows: auto auto; } } .has-data-\[slot\=card-footer\]\:pb-0 { &:has(*[data-slot="card-footer"]) { padding-bottom: calc(var(--spacing) * 0); } } .has-data-\[variant\=inset\]\:bg-sidebar { &:has(*[data-variant="inset"]) { background-color: var(--sidebar); } } .has-data-checked\:border-primary { &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) { border-color: var(--primary); } } .has-data-checked\:bg-primary\/5 { &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 5%, transparent); } } } .has-\[\[data-checked\]\]\:border-primary { &:has(*:is([data-checked])) { border-color: var(--primary); } } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring { &:has(*:is([data-slot=input-group-control]:focus-visible)) { border-color: var(--ring); } } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\] { &:has(*:is([data-slot=input-group-control]:focus-visible)) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50 { &:has(*:is([data-slot=input-group-control]:focus-visible)) { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } } .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive { &:has(*:is([data-slot][aria-invalid=true])) { border-color: var(--destructive); } } .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-\[3px\] { &:has(*:is([data-slot][aria-invalid=true])) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 { &:has(*:is([data-slot][aria-invalid=true])) { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } .has-\[\>\[data-align\=block-end\]\]\:h-auto { &:has(>[data-align=block-end]) { height: auto; } } .has-\[\>\[data-align\=block-end\]\]\:flex-col { &:has(>[data-align=block-end]) { flex-direction: column; } } .has-\[\>\[data-align\=block-start\]\]\:h-auto { &:has(>[data-align=block-start]) { height: auto; } } .has-\[\>\[data-align\=block-start\]\]\:flex-col { &:has(>[data-align=block-start]) { flex-direction: column; } } .has-\[\>\[data-slot\=button-group\]\]\:gap-2 { &:has(>[data-slot=button-group]) { gap: calc(var(--spacing) * 2); } } .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3 { &:has(>[data-slot=checkbox-group]) { gap: calc(var(--spacing) * 3); } } .has-\[\>\[data-slot\=field-content\]\]\:items-start { &:has(>[data-slot=field-content]) { align-items: flex-start; } } .has-\[\>\[data-slot\=field\]\]\:w-full { &:has(>[data-slot=field]) { width: 100%; } } .has-\[\>\[data-slot\=field\]\]\:flex-col { &:has(>[data-slot=field]) { flex-direction: column; } } .has-\[\>\[data-slot\=field\]\]\:rounded-lg { &:has(>[data-slot=field]) { border-radius: var(--radius); } } .has-\[\>\[data-slot\=field\]\]\:border { &:has(>[data-slot=field]) { border-style: var(--tw-border-style); border-width: 1px; } } .has-\[\>\[data-slot\=radio-group\]\]\:gap-3 { &:has(>[data-slot=radio-group]) { gap: calc(var(--spacing) * 3); } } .has-\[\>button\]\:mr-\[-0\.3rem\] { &:has(>button) { margin-right: -0.3rem; } } .has-\[\>button\]\:ml-\[-0\.3rem\] { &:has(>button) { margin-left: -0.3rem; } } .has-\[\>img\:first-child\]\:pt-0 { &:has(>img:first-child) { padding-top: calc(var(--spacing) * 0); } } .has-\[\>kbd\]\:mr-\[-0\.15rem\] { &:has(>kbd) { margin-right: -0.15rem; } } .has-\[\>kbd\]\:ml-\[-0\.15rem\] { &:has(>kbd) { margin-left: -0.15rem; } } .has-\[\>svg\]\:grid-cols-\[auto_1fr\] { &:has(>svg) { grid-template-columns: auto 1fr; } } .has-\[\>svg\]\:gap-x-2 { &:has(>svg) { column-gap: calc(var(--spacing) * 2); } } .has-\[\>svg\]\:p-0 { &:has(>svg) { padding: calc(var(--spacing) * 0); } } .has-\[\>textarea\]\:h-auto { &:has(>textarea) { height: auto; } } .aria-disabled\:pointer-events-none { &[aria-disabled="true"] { pointer-events: none; } } .aria-disabled\:opacity-50 { &[aria-disabled="true"] { opacity: 50%; } } .aria-expanded\:bg-accent { &[aria-expanded="true"] { background-color: var(--accent); } } .aria-expanded\:bg-foreground\/10 { &[aria-expanded="true"] { background-color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } } .aria-expanded\:bg-muted { &[aria-expanded="true"] { background-color: var(--muted); } } .aria-expanded\:bg-secondary { &[aria-expanded="true"] { background-color: var(--secondary); } } .aria-expanded\:bg-sidebar-border\/50 { &[aria-expanded="true"] { background-color: var(--sidebar-border); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--sidebar-border) 50%, transparent); } } } .aria-expanded\:text-foreground { &[aria-expanded="true"] { color: var(--foreground); } } .aria-expanded\:text-secondary-foreground { &[aria-expanded="true"] { color: var(--secondary-foreground); } } .aria-expanded\:text-sidebar-foreground { &[aria-expanded="true"] { color: var(--sidebar-foreground); } } .aria-invalid\:border-destructive { &[aria-invalid="true"] { border-color: var(--destructive); } } .aria-invalid\:ring-0 { &[aria-invalid="true"] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .aria-invalid\:ring-3 { &[aria-invalid="true"] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .aria-invalid\:ring-\[3px\] { &[aria-invalid="true"] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .aria-invalid\:ring-destructive\/20 { &[aria-invalid="true"] { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } .aria-invalid\:aria-checked\:border-primary { &[aria-invalid="true"] { &[aria-checked="true"] { border-color: var(--primary); } } } .aria-pressed\:bg-muted { &[aria-pressed="true"] { background-color: var(--muted); } } .aria-selected\:text-muted-foreground { &[aria-selected="true"] { color: var(--muted-foreground); } } .data-dragging\:cursor-grabbing { &[data-dragging] { cursor: grabbing; } } .data-ending-style\:h-0 { &[data-ending-style] { height: calc(var(--spacing) * 0); } } .data-ending-style\:opacity-0 { &[data-ending-style] { opacity: 0%; } } .data-hovering\:opacity-100 { &[data-hovering] { opacity: 100%; } } .data-panel-open\:mb-3 { &[data-panel-open] { margin-bottom: calc(var(--spacing) * 3); } } .data-pressed\:border-sidebar-border { &[data-pressed] { border-color: var(--sidebar-border); } } .data-pressed\:bg-background { &[data-pressed] { background-color: var(--background); } } .data-pressed\:text-foreground { &[data-pressed] { color: var(--foreground); } } .\*\:data-slot\:rounded-r-none { :is(& > *) { &[data-slot] { border-top-right-radius: 0; border-bottom-right-radius: 0; } } } .\*\:data-slot\:rounded-b-none { :is(& > *) { &[data-slot] { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } } .data-starting-style\:h-0 { &[data-starting-style] { height: calc(var(--spacing) * 0); } } .data-starting-style\:opacity-0 { &[data-starting-style] { opacity: 0%; } } .data-\[active\=true\]\:z-10 { &[data-active="true"] { z-index: 10; } } .data-\[active\=true\]\:border-ring { &[data-active="true"] { border-color: var(--ring); } } .data-\[active\=true\]\:ring-\[3px\] { &[data-active="true"] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[active\=true\]\:ring-ring\/50 { &[data-active="true"] { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } } .data-\[active\=true\]\:aria-invalid\:border-destructive { &[data-active="true"] { &[aria-invalid="true"] { border-color: var(--destructive); } } } .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20 { &[data-active="true"] { &[aria-invalid="true"] { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } } .data-\[background\=primary\]\:border-transparent { &[data-background="primary"] { border-color: transparent; } } .data-\[background\=primary\]\:bg-sidebar-primary { &[data-background="primary"] { background-color: var(--sidebar-primary); } } .data-\[background\=transparent\]\:border-transparent { &[data-background="transparent"] { border-color: transparent; } } .data-\[background\=transparent\]\:bg-transparent { &[data-background="transparent"] { background-color: transparent; } } .data-\[background\=transparent\]\:after\:border-transparent { &[data-background="transparent"] { &::after { content: var(--tw-content); border-color: transparent; } } } .data-\[background\=transparent\]\:after\:bg-transparent { &[data-background="transparent"] { &::after { content: var(--tw-content); background-color: transparent; } } } .data-\[disabled\]\:pointer-events-none { &[data-disabled] { pointer-events: none; } } .data-\[disabled\]\:opacity-50 { &[data-disabled] { opacity: 50%; } } .data-\[disabled\=true\]\:pointer-events-none { &[data-disabled="true"] { pointer-events: none; } } .data-\[disabled\=true\]\:opacity-50 { &[data-disabled="true"] { opacity: 50%; } } .data-\[inset\]\:pl-8 { &[data-inset] { padding-left: calc(var(--spacing) * 8); } } .data-\[invalid\=true\]\:text-destructive { &[data-invalid="true"] { color: var(--destructive); } } .data-\[orientation\=horizontal\]\:h-px { &[data-orientation="horizontal"] { height: 1px; } } .data-\[orientation\=horizontal\]\:w-full { &[data-orientation="horizontal"] { width: 100%; } } .data-\[orientation\=vertical\]\:w-px { &[data-orientation="vertical"] { width: 1px; } } .data-\[orientation\=vertical\]\:flex-col { &[data-orientation="vertical"] { flex-direction: column; } } .data-\[orientation\=vertical\]\:items-stretch { &[data-orientation="vertical"] { align-items: stretch; } } .data-\[orientation\=vertical\]\:self-stretch { &[data-orientation="vertical"] { align-self: stretch; } } .data-\[panel-group-direction\=vertical\]\:h-px { &[data-panel-group-direction="vertical"] { height: 1px; } } .data-\[panel-group-direction\=vertical\]\:w-full { &[data-panel-group-direction="vertical"] { width: 100%; } } .data-\[panel-group-direction\=vertical\]\:flex-col { &[data-panel-group-direction="vertical"] { flex-direction: column; } } .data-\[panel-group-direction\=vertical\]\:after\:left-0 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); left: calc(var(--spacing) * 0); } } } .data-\[panel-group-direction\=vertical\]\:after\:h-1 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); height: calc(var(--spacing) * 1); } } } .data-\[panel-group-direction\=vertical\]\:after\:w-full { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); width: 100%; } } } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[placeholder\]\:text-muted-foreground { &[data-placeholder] { color: var(--muted-foreground); } } .data-\[popup-open\]\:pointer-events-auto { &[data-popup-open] { pointer-events: auto; } } .data-\[popup-open\]\:opacity-100 { &[data-popup-open] { opacity: 100%; } } .data-\[range-end\=true\]\:rounded-\(--cell-radius\) { &[data-range-end="true"] { border-radius: var(--cell-radius); } } .data-\[range-end\=true\]\:rounded-r-\(--cell-radius\) { &[data-range-end="true"] { border-top-right-radius: var(--cell-radius); border-bottom-right-radius: var(--cell-radius); } } .data-\[range-end\=true\]\:bg-primary { &[data-range-end="true"] { background-color: var(--primary); } } .data-\[range-end\=true\]\:text-primary-foreground { &[data-range-end="true"] { color: var(--primary-foreground); } } .data-\[range-middle\=true\]\:rounded-none { &[data-range-middle="true"] { border-radius: 0; } } .data-\[range-middle\=true\]\:bg-muted { &[data-range-middle="true"] { background-color: var(--muted); } } .data-\[range-middle\=true\]\:text-foreground { &[data-range-middle="true"] { color: var(--foreground); } } .data-\[range-start\=true\]\:rounded-\(--cell-radius\) { &[data-range-start="true"] { border-radius: var(--cell-radius); } } .data-\[range-start\=true\]\:rounded-l-\(--cell-radius\) { &[data-range-start="true"] { border-top-left-radius: var(--cell-radius); border-bottom-left-radius: var(--cell-radius); } } .data-\[range-start\=true\]\:bg-primary { &[data-range-start="true"] { background-color: var(--primary); } } .data-\[range-start\=true\]\:text-primary-foreground { &[data-range-start="true"] { color: var(--primary-foreground); } } .data-\[rounded\=lg\]\:rounded-lg { &[data-rounded="lg"] { border-radius: var(--radius); } } .data-\[rounded\=lg\]\:after\:rounded-lg { &[data-rounded="lg"] { &::after { content: var(--tw-content); border-radius: var(--radius); } } } .data-\[rounded\=md\]\:rounded-md { &[data-rounded="md"] { border-radius: calc(var(--radius) - 2px); } } .data-\[rounded\=md\]\:after\:rounded-md { &[data-rounded="md"] { &::after { content: var(--tw-content); border-radius: calc(var(--radius) - 2px); } } } .data-\[selected-single\=true\]\:bg-primary { &[data-selected-single="true"] { background-color: var(--primary); } } .data-\[selected-single\=true\]\:text-primary-foreground { &[data-selected-single="true"] { color: var(--primary-foreground); } } .data-\[selected\=true\]\:rounded-none { &[data-selected="true"] { border-radius: 0; } } .data-\[side\=bottom\]\:inset-x-0 { &[data-side="bottom"] { inset-inline: calc(var(--spacing) * 0); } } .data-\[side\=bottom\]\:top-1 { &[data-side="bottom"] { top: calc(var(--spacing) * 1); } } .data-\[side\=bottom\]\:bottom-0 { &[data-side="bottom"] { bottom: calc(var(--spacing) * 0); } } .data-\[side\=bottom\]\:h-auto { &[data-side="bottom"] { height: auto; } } .data-\[side\=bottom\]\:border-t { &[data-side="bottom"] { border-top-style: var(--tw-border-style); border-top-width: 1px; } } .data-\[side\=bottom\]\:slide-in-from-bottom-4 { &[data-side="bottom"] { --tw-enter-translate-y: calc(4*var(--spacing)); } } .data-\[side\=bottom\]\:slide-in-from-top-2 { &[data-side="bottom"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); } } .data-\[side\=inline-end\]\:slide-in-from-left-2 { &[data-side="inline-end"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); } } .data-\[side\=inline-start\]\:slide-in-from-right-2 { &[data-side="inline-start"] { --tw-enter-translate-x: calc(2*var(--spacing)); } } .data-\[side\=left\]\:inset-y-0 { &[data-side="left"] { inset-block: calc(var(--spacing) * 0); } } .data-\[side\=left\]\:top-1\/2\! { &[data-side="left"] { top: calc(1 / 2 * 100%) !important; } } .data-\[side\=left\]\:-right-1 { &[data-side="left"] { right: calc(var(--spacing) * -1); } } .data-\[side\=left\]\:left-0 { &[data-side="left"] { left: calc(var(--spacing) * 0); } } .data-\[side\=left\]\:h-full { &[data-side="left"] { height: 100%; } } .data-\[side\=left\]\:w-3\/4 { &[data-side="left"] { width: calc(3 / 4 * 100%); } } .data-\[side\=left\]\:-translate-y-1\/2 { &[data-side="left"] { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=left\]\:border-r { &[data-side="left"] { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .data-\[side\=left\]\:slide-in-from-right-2 { &[data-side="left"] { --tw-enter-translate-x: calc(2*var(--spacing)); } } .data-\[side\=right\]\:inset-y-0 { &[data-side="right"] { inset-block: calc(var(--spacing) * 0); } } .data-\[side\=right\]\:top-1\/2\! { &[data-side="right"] { top: calc(1 / 2 * 100%) !important; } } .data-\[side\=right\]\:right-0 { &[data-side="right"] { right: calc(var(--spacing) * 0); } } .data-\[side\=right\]\:-left-1 { &[data-side="right"] { left: calc(var(--spacing) * -1); } } .data-\[side\=right\]\:h-full { &[data-side="right"] { height: 100%; } } .data-\[side\=right\]\:w-3\/4 { &[data-side="right"] { width: calc(3 / 4 * 100%); } } .data-\[side\=right\]\:-translate-y-1\/2 { &[data-side="right"] { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=right\]\:border-l { &[data-side="right"] { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .data-\[side\=right\]\:slide-in-from-left-2 { &[data-side="right"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); } } .data-\[side\=top\]\:inset-x-0 { &[data-side="top"] { inset-inline: calc(var(--spacing) * 0); } } .data-\[side\=top\]\:top-0 { &[data-side="top"] { top: calc(var(--spacing) * 0); } } .data-\[side\=top\]\:-bottom-2\.5 { &[data-side="top"] { bottom: calc(var(--spacing) * -2.5); } } .data-\[side\=top\]\:h-auto { &[data-side="top"] { height: auto; } } .data-\[side\=top\]\:border-b { &[data-side="top"] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .data-\[side\=top\]\:slide-in-from-bottom-2 { &[data-side="top"] { --tw-enter-translate-y: calc(2*var(--spacing)); } } .data-\[side\=top\]\:slide-in-from-top-4 { &[data-side="top"] { --tw-enter-translate-y: calc(4*var(--spacing)*-1); } } .data-\[size\=default\]\:h-8 { &[data-size="default"] { height: calc(var(--spacing) * 8); } } .data-\[size\=default\]\:h-\[18\.4px\] { &[data-size="default"] { height: 18.4px; } } .data-\[size\=default\]\:w-\[32px\] { &[data-size="default"] { width: 32px; } } .data-\[size\=default\]\:w-\[640px\] { &[data-size="default"] { width: 640px; } } .data-\[size\=default\]\:max-w-full { &[data-size="default"] { max-width: 100%; } } .data-\[size\=lg\]\:size-10 { &[data-size="lg"] { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } } .data-\[size\=lg\]\:w-\[640px\] { &[data-size="lg"] { width: 640px; } } .data-\[size\=lg\]\:max-w-full { &[data-size="lg"] { max-width: 100%; } } .data-\[size\=md\]\:w-full { &[data-size="md"] { width: 100%; } } .data-\[size\=md\]\:max-w-\[calc\(100\%-2rem\)\] { &[data-size="md"] { max-width: calc(100% - 2rem); } } .data-\[size\=md\]\:text-sm { &[data-size="md"] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .data-\[size\=sm\]\:size-7 { &[data-size="sm"] { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } } .data-\[size\=sm\]\:h-7 { &[data-size="sm"] { height: calc(var(--spacing) * 7); } } .data-\[size\=sm\]\:h-\[14px\] { &[data-size="sm"] { height: 14px; } } .data-\[size\=sm\]\:w-\[24px\] { &[data-size="sm"] { width: 24px; } } .data-\[size\=sm\]\:w-full { &[data-size="sm"] { width: 100%; } } .data-\[size\=sm\]\:max-w-\[calc\(100\%-2rem\)\] { &[data-size="sm"] { max-width: calc(100% - 2rem); } } .data-\[size\=sm\]\:gap-3 { &[data-size="sm"] { gap: calc(var(--spacing) * 3); } } .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\] { &[data-size="sm"] { border-radius: min(var(--radius-md), 10px); } } .data-\[size\=sm\]\:py-3 { &[data-size="sm"] { padding-block: calc(var(--spacing) * 3); } } .data-\[size\=sm\]\:text-xs { &[data-size="sm"] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0 { &[data-size="sm"] { &:has(*[data-slot="card-footer"]) { padding-bottom: calc(var(--spacing) * 0); } } } .data-\[size\=xl\]\:size-24 { &[data-size="xl"] { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } } .data-\[size\=xl\]\:w-\[640px\] { &[data-size="xl"] { width: 640px; } } .data-\[size\=xl\]\:max-w-full { &[data-size="xl"] { max-width: 100%; } } .\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto { :is(& *) { &[data-slot="accordion-trigger-icon"] { margin-left: auto; } } } .\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 { :is(& *) { &[data-slot="accordion-trigger-icon"] { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } } .\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground { :is(& *) { &[data-slot="accordion-trigger-icon"] { color: var(--muted-foreground); } } } .\*\:data-\[slot\=alert-description\]\:text-destructive\/90 { :is(& > *) { &[data-slot="alert-description"] { color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--destructive) 90%, transparent); } } } } .data-\[slot\=checkbox-group\]\:gap-3 { &[data-slot="checkbox-group"] { gap: calc(var(--spacing) * 3); } } .\*\:data-\[slot\=input-group-addon\]\:pl-2\! { :is(& > *) { &[data-slot="input-group-addon"] { padding-left: calc(var(--spacing) * 2) !important; } } } .\*\:data-\[slot\=select-value\]\:line-clamp-1 { :is(& > *) { &[data-slot="select-value"] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } } } .\*\:data-\[slot\=select-value\]\:flex { :is(& > *) { &[data-slot="select-value"] { display: flex; } } } .\*\:data-\[slot\=select-value\]\:items-center { :is(& > *) { &[data-slot="select-value"] { align-items: center; } } } .\*\:data-\[slot\=select-value\]\:gap-1\.5 { :is(& > *) { &[data-slot="select-value"] { gap: calc(var(--spacing) * 1.5); } } } .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 { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); } } } } .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 { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); } } } } .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 { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius); } } } } .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 { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); } } } } .data-\[state\=closed\]\:animate-out { &[data-state="closed"] { 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); } } .data-\[state\=closed\]\:fade-out-0 { &[data-state="closed"] { --tw-exit-opacity: calc(0/100); --tw-exit-opacity: 0; } } .data-\[state\=closed\]\:slide-out-to-top-2 { &[data-state="closed"] { --tw-exit-translate-y: calc(2*var(--spacing)*-1); } } .data-\[state\=delayed-open\]\:animate-in { &[data-state="delayed-open"] { 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); } } .data-\[state\=delayed-open\]\:fade-in-0 { &[data-state="delayed-open"] { --tw-enter-opacity: calc(0/100); --tw-enter-opacity: 0; } } .data-\[state\=delayed-open\]\:zoom-in-95 { &[data-state="delayed-open"] { --tw-enter-scale: calc(95*1%); --tw-enter-scale: .95; } } .data-\[state\=on\]\:bg-muted { &[data-state="on"] { background-color: var(--muted); } } .data-\[state\=open\]\:animate-in { &[data-state="open"] { 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); } } .data-\[state\=open\]\:slide-in-from-top-2 { &[data-state="open"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); } } .data-\[state\=selected\]\:bg-muted { &[data-state="selected"] { background-color: var(--muted); } } .data-\[target\=true\]\:absolute { &[data-target="true"] { position: absolute; } } .data-\[target\=true\]\:top-0 { &[data-target="true"] { top: calc(var(--spacing) * 0); } } .data-\[target\=true\]\:\!left-0 { &[data-target="true"] { left: calc(var(--spacing) * 0) !important; } } .data-\[target\=true\]\:h-full { &[data-target="true"] { height: 100%; } } .data-\[target\=true\]\:w-full { &[data-target="true"] { width: 100%; } } .data-\[target\=true\]\:\!translate-x-1\/2 { &[data-target="true"] { --tw-translate-x: calc(1 / 2 * 100%) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } } .data-\[target\=true\]\:\!translate-y-1\/2 { &[data-target="true"] { --tw-translate-y: calc(1 / 2 * 100%) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } } .data-\[target\=true\]\:opacity-100 { &[data-target="true"] { opacity: 100%; } } .data-\[variant\=blur\]\:bg-background\/25 { &[data-variant="blur"] { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 25%, transparent); } } } .data-\[variant\=destructive\]\:text-destructive { &[data-variant="destructive"] { color: var(--destructive); } } .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 { &[data-variant="destructive"] { &:focus { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } } } .data-\[variant\=destructive\]\:focus\:text-destructive { &[data-variant="destructive"] { &:focus { color: var(--destructive); } } } .data-\[variant\=form-field\]\:cursor-pointer { &[data-variant="form-field"] { cursor: pointer; } } .data-\[variant\=form-field\]\:justify-start { &[data-variant="form-field"] { justify-content: flex-start; } } .data-\[variant\=form-field\]\:text-left { &[data-variant="form-field"] { text-align: left; } } .data-\[variant\=form-field\]\:text-muted-foreground { &[data-variant="form-field"] { color: var(--muted-foreground); } } .data-\[variant\=form-field\]\:data-\[selected\=true\]\:text-foreground { &[data-variant="form-field"] { &[data-selected="true"] { color: var(--foreground); } } } .data-\[variant\=inline\]\:cursor-pointer { &[data-variant="inline"] { cursor: pointer; } } .data-\[variant\=inline\]\:text-muted-foreground { &[data-variant="inline"] { color: var(--muted-foreground); } } .data-\[variant\=inline\]\:data-\[selected\=true\]\:text-foreground { &[data-variant="inline"] { &[data-selected="true"] { color: var(--foreground); } } } .data-\[variant\=label\]\:text-sm { &[data-variant="label"] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .data-\[variant\=legend\]\:text-base { &[data-variant="legend"] { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .data-\[variant\=line\]\:rounded-none { &[data-variant="line"] { border-radius: 0; } } .data-\[variant\=outline\]\:border-border { &[data-variant="outline"] { border-color: var(--border); } } .data-\[variant\=outline\]\:bg-transparent { &[data-variant="outline"] { background-color: transparent; } } .data-\[variant\=outline\]\:text-foreground { &[data-variant="outline"] { color: var(--foreground); } } .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"] { border-left-style: var(--tw-border-style); border-left-width: 0px; } } } } .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"] { border-top-style: var(--tw-border-style); border-top-width: 0px; } } } } .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 { border-left-style: var(--tw-border-style); border-left-width: 1px; } } } } } .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 { border-top-style: var(--tw-border-style); border-top-width: 1px; } } } } } .data-\[variant\=shadow\]\:shadow-dialog { &[data-variant="shadow"] { --tw-shadow: var(--shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[variant\=solid\]\:gap-0\.5 { &[data-variant="solid"] { gap: calc(var(--spacing) * 0.5); } } .data-\[variant\=solid\]\:rounded-md { &[data-variant="solid"] { border-radius: calc(var(--radius) - 2px); } } .data-\[variant\=solid\]\:bg-muted { &[data-variant="solid"] { background-color: var(--muted); } } .data-\[variant\=solid\]\:p-0\.5 { &[data-variant="solid"] { padding: calc(var(--spacing) * 0.5); } } .data-\[variant\=transparent\]\:bg-transparent { &[data-variant="transparent"] { background-color: transparent; } } .data-\[variant\=transparent\]\:backdrop-blur-none { &[data-variant="transparent"] { --tw-backdrop-blur: ; -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,); 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,); } } .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 { &[data-vaul-drawer-direction="bottom"] { inset-inline: calc(var(--spacing) * 0); } } .data-\[vaul-drawer-direction\=bottom\]\:bottom-0 { &[data-vaul-drawer-direction="bottom"] { bottom: calc(var(--spacing) * 0); } } .data-\[vaul-drawer-direction\=bottom\]\:mt-24 { &[data-vaul-drawer-direction="bottom"] { margin-top: calc(var(--spacing) * 24); } } .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\] { &[data-vaul-drawer-direction="bottom"] { max-height: 80vh; } } .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-xl { &[data-vaul-drawer-direction="bottom"] { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px); } } .data-\[vaul-drawer-direction\=bottom\]\:border-t { &[data-vaul-drawer-direction="bottom"] { border-top-style: var(--tw-border-style); border-top-width: 1px; } } .data-\[vaul-drawer-direction\=left\]\:inset-y-0 { &[data-vaul-drawer-direction="left"] { inset-block: calc(var(--spacing) * 0); } } .data-\[vaul-drawer-direction\=left\]\:left-0 { &[data-vaul-drawer-direction="left"] { left: calc(var(--spacing) * 0); } } .data-\[vaul-drawer-direction\=left\]\:w-3\/4 { &[data-vaul-drawer-direction="left"] { width: calc(3 / 4 * 100%); } } .data-\[vaul-drawer-direction\=left\]\:rounded-r-xl { &[data-vaul-drawer-direction="left"] { border-top-right-radius: calc(var(--radius) + 4px); border-bottom-right-radius: calc(var(--radius) + 4px); } } .data-\[vaul-drawer-direction\=left\]\:border-r { &[data-vaul-drawer-direction="left"] { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .data-\[vaul-drawer-direction\=right\]\:inset-y-0 { &[data-vaul-drawer-direction="right"] { inset-block: calc(var(--spacing) * 0); } } .data-\[vaul-drawer-direction\=right\]\:right-0 { &[data-vaul-drawer-direction="right"] { right: calc(var(--spacing) * 0); } } .data-\[vaul-drawer-direction\=right\]\:w-3\/4 { &[data-vaul-drawer-direction="right"] { width: calc(3 / 4 * 100%); } } .data-\[vaul-drawer-direction\=right\]\:rounded-l-xl { &[data-vaul-drawer-direction="right"] { border-top-left-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px); } } .data-\[vaul-drawer-direction\=right\]\:border-l { &[data-vaul-drawer-direction="right"] { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .data-\[vaul-drawer-direction\=top\]\:inset-x-0 { &[data-vaul-drawer-direction="top"] { inset-inline: calc(var(--spacing) * 0); } } .data-\[vaul-drawer-direction\=top\]\:top-0 { &[data-vaul-drawer-direction="top"] { top: calc(var(--spacing) * 0); } } .data-\[vaul-drawer-direction\=top\]\:mb-24 { &[data-vaul-drawer-direction="top"] { margin-bottom: calc(var(--spacing) * 24); } } .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] { &[data-vaul-drawer-direction="top"] { max-height: 80vh; } } .data-\[vaul-drawer-direction\=top\]\:rounded-b-xl { &[data-vaul-drawer-direction="top"] { border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px); } } .data-\[vaul-drawer-direction\=top\]\:border-b { &[data-vaul-drawer-direction="top"] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .nth-last-2\:-mt-1 { &:nth-last-child(2) { margin-top: calc(var(--spacing) * -1); } } .supports-backdrop-filter\:backdrop-blur-xs { @supports (backdrop-filter: var(--tw)) { --tw-backdrop-blur: blur(var(--blur-xs)); -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,); 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,); } } .supports-\[backdrop-filter\]\:bg-background\/70 { @supports (backdrop-filter: var(--tw)) { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 70%, transparent); } } } .supports-\[backdrop-filter\]\:bg-sidebar\/70 { @supports (backdrop-filter: var(--tw)) { background-color: var(--sidebar); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--sidebar) 70%, transparent); } } } .supports-\[backdrop-filter\]\:backdrop-blur { @supports (backdrop-filter: var(--tw)) { --tw-backdrop-blur: blur(8px); -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,); 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,); } } .supports-\[backdrop-filter\]\:backdrop-blur-sm { @supports (backdrop-filter: var(--tw)) { --tw-backdrop-blur: blur(var(--blur-sm)); -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,); 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,); } } .motion-reduce\:animate-none { @media (prefers-reduced-motion: reduce) { animation: none; } } .motion-reduce\:transition-none { @media (prefers-reduced-motion: reduce) { transition-property: none; } } .max-sm\:hidden { @media (width < 40rem) { display: none; } } .max-sm\:pl-2 { @media (width < 40rem) { padding-left: calc(var(--spacing) * 2); } } .sm\:col-span-2 { @media (width >= 40rem) { grid-column: span 2 / span 2; } } .sm\:mx-0 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 0); } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:max-w-\[100vw\] { @media (width >= 40rem) { max-width: 100vw; } } .sm\:max-w-\[var\(--right-sidebar-width\)\] { @media (width >= 40rem) { max-width: var(--right-sidebar-width); } } .sm\:max-w-lg { @media (width >= 40rem) { max-width: var(--container-lg); } } .sm\:max-w-md { @media (width >= 40rem) { max-width: var(--container-md); } } .sm\:max-w-xs { @media (width >= 40rem) { max-width: var(--container-xs); } } .sm\:min-w-\[346px\] { @media (width >= 40rem) { min-width: 346px; } } .sm\:min-w-\[min\(90vw\,720px\)\] { @media (width >= 40rem) { min-width: min(90vw, 720px); } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:grid-cols-\[1fr_1fr_7rem_5rem_2\.5rem\] { @media (width >= 40rem) { grid-template-columns: 1fr 1fr 7rem 5rem 2.5rem; } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:items-start { @media (width >= 40rem) { align-items: flex-start; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:justify-end { @media (width >= 40rem) { justify-content: flex-end; } } .sm\:gap-0 { @media (width >= 40rem) { gap: calc(var(--spacing) * 0); } } .sm\:gap-1 { @media (width >= 40rem) { gap: calc(var(--spacing) * 1); } } .sm\:gap-2 { @media (width >= 40rem) { gap: calc(var(--spacing) * 2); } } .sm\:gap-3 { @media (width >= 40rem) { gap: calc(var(--spacing) * 3); } } .sm\:pt-0\.5 { @media (width >= 40rem) { padding-top: calc(var(--spacing) * 0.5); } } .sm\:text-\[12rem\] { @media (width >= 40rem) { font-size: 12rem; } } .data-\[side\=left\]\:sm\:max-w-sm { &[data-side="left"] { @media (width >= 40rem) { max-width: var(--container-sm); } } } .data-\[side\=right\]\:sm\:max-w-sm { &[data-side="right"] { @media (width >= 40rem) { max-width: var(--container-sm); } } } .sm\:data-\[size\=default\]\:max-w-\[100vw\] { @media (width >= 40rem) { &[data-size="default"] { max-width: 100vw; } } } .sm\:data-\[size\=lg\]\:max-w-\[100vw\] { @media (width >= 40rem) { &[data-size="lg"] { max-width: 100vw; } } } .sm\:data-\[size\=md\]\:max-w-md { @media (width >= 40rem) { &[data-size="md"] { max-width: var(--container-md); } } } .sm\:data-\[size\=sm\]\:max-w-sm { @media (width >= 40rem) { &[data-size="sm"] { max-width: var(--container-sm); } } } .sm\:data-\[size\=xl\]\:max-w-\[100vw\] { @media (width >= 40rem) { &[data-size="xl"] { max-width: 100vw; } } } .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm { &[data-vaul-drawer-direction="left"] { @media (width >= 40rem) { max-width: var(--container-sm); } } } .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm { &[data-vaul-drawer-direction="right"] { @media (width >= 40rem) { max-width: var(--container-sm); } } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:gap-0\.5 { @media (width >= 48rem) { gap: calc(var(--spacing) * 0.5); } } .md\:text-left { @media (width >= 48rem) { text-align: left; } } .md\:text-sm { @media (width >= 48rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:text-pretty { @media (width >= 48rem) { text-wrap: pretty; } } .md\:opacity-0 { @media (width >= 48rem) { opacity: 0%; } } .md\:peer-data-\[variant\=inset\]\:m-2 { @media (width >= 48rem) { &:is(:where(.peer)[data-variant="inset"] ~ *) { margin: calc(var(--spacing) * 2); } } } .md\:peer-data-\[variant\=inset\]\:ml-0 { @media (width >= 48rem) { &:is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: calc(var(--spacing) * 0); } } } .md\:peer-data-\[variant\=inset\]\:rounded-xl { @media (width >= 48rem) { &:is(:where(.peer)[data-variant="inset"] ~ *) { border-radius: calc(var(--radius) + 4px); } } } .md\:peer-data-\[variant\=inset\]\:shadow-sm { @media (width >= 48rem) { &:is(:where(.peer)[data-variant="inset"] ~ *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 { @media (width >= 48rem) { &:is(:where(.peer)[data-variant="inset"] ~ *) { &:is(:where(.peer)[data-state="collapsed"] ~ *) { margin-left: calc(var(--spacing) * 2); } } } } .md\:after\:hidden { @media (width >= 48rem) { &::after { content: var(--tw-content); display: none; } } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:border-t-0 { @media (width >= 64rem) { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .lg\:border-l { @media (width >= 64rem) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .lg\:p-12 { @media (width >= 64rem) { padding: calc(var(--spacing) * 12); } } .lg\:p-16 { @media (width >= 64rem) { padding: calc(var(--spacing) * 16); } } .xl\:grid-cols-2 { @media (width >= 80rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .xl\:grid-cols-3 { @media (width >= 80rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .\@md\/field-group\:flex-row { @container field-group (width >= 28rem) { flex-direction: row; } } .\@md\/field-group\:items-center { @container field-group (width >= 28rem) { align-items: center; } } .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start { @container field-group (width >= 28rem) { &:has(>[data-slot=field-content]) { align-items: flex-start; } } } .rtl\:space-x-reverse { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1; } } } .dark\:block { &:is(.dark *) { display: block; } } .dark\:hidden { &:is(.dark *) { display: none; } } .dark\:border-blue-900 { &:is(.dark *) { border-color: var(--color-blue-900); } } .dark\:border-border\/50 { &:is(.dark *) { border-color: var(--border); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } } .dark\:border-green-800 { &:is(.dark *) { border-color: var(--color-green-800); } } .dark\:border-input { &:is(.dark *) { border-color: var(--input); } } .dark\:border-white\/5 { &:is(.dark *) { border-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } .dark\:\!bg-\[var\(--shiki-dark-bg\)\] { &:is(.dark *) { background-color: var(--shiki-dark-bg) !important; } } .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-tbg\)\)\] { &:is(.dark *) { background-color: var(--shiki-dark-bg,var(--sdm-tbg)); } } .dark\:bg-background { &:is(.dark *) { background-color: var(--background); } } .dark\:bg-blue-200 { &:is(.dark *) { background-color: var(--color-blue-200); } } .dark\:bg-destructive\/20 { &:is(.dark *) { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } .dark\:bg-green-950 { &:is(.dark *) { background-color: var(--color-green-950); } } .dark\:bg-input\/30 { &:is(.dark *) { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 30%, transparent); } } } .dark\:bg-primary\/15 { &:is(.dark *) { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 15%, transparent); } } } .dark\:bg-transparent { &:is(.dark *) { background-color: transparent; } } .dark\:bg-yellow-500\/50 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent); } } } .dark\:\!text-\[var\(--shiki-dark\)\] { &:is(.dark *) { color: var(--shiki-dark) !important; } } .dark\:text-\[var\(--shiki-dark\,var\(--sdm-c\,inherit\)\)\] { &:is(.dark *) { color: var(--shiki-dark,var(--sdm-c,inherit)); } } .dark\:text-blue-900 { &:is(.dark *) { color: var(--color-blue-900); } } .dark\:text-green-300 { &:is(.dark *) { color: var(--color-green-300); } } .dark\:text-green-400 { &:is(.dark *) { color: var(--color-green-400); } } .dark\:text-muted-foreground { &:is(.dark *) { color: var(--muted-foreground); } } .dark\:shadow-\[0_0_14px_4px_rgba\(34\,197\,94\,0\.35\)\] { &:is(.dark *) { --tw-shadow: 0 0 14px 4px var(--tw-shadow-color, rgba(34,197,94,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[inset_1px_2px_3px_rgba\(0\,0\,0\,0\.6\)\,inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.04\)\,0_1px_0_rgba\(255\,255\,255\,0\.06\)\,0_2px_3px_-1px_rgba\(255\,255\,255\,0\.04\)\] { &:is(.dark *) { --tw-shadow: inset 1px 2px 3px var(--tw-shadow-color, rgba(0,0,0,0.6)), inset -1px -1px 2px var(--tw-shadow-color, rgba(255,255,255,0.04)), 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.06)), 0 2px 3px -1px var(--tw-shadow-color, rgba(255,255,255,0.04)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:after\:mix-blend-lighten { &:is(.dark *) { &::after { content: var(--tw-content); mix-blend-mode: lighten; } } } .dark\:hover\:bg-blue-300 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-blue-300); } } } } .dark\:hover\:bg-destructive\/30 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 30%, transparent); } } } } } .dark\:hover\:bg-foreground\/10 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--foreground); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } } } } .dark\:hover\:bg-input\/30 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 30%, transparent); } } } } } .dark\:hover\:bg-input\/50 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 50%, transparent); } } } } } .dark\:hover\:bg-muted { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--muted); } } } } .dark\:hover\:bg-muted\/50 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } } } } .dark\:hover\:bg-muted\/80 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 80%, transparent); } } } } } .dark\:hover\:bg-transparent { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: transparent; } } } } .dark\:hover\:text-foreground { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--foreground); } } } } .dark\:focus-visible\:border-white\/5 { &:is(.dark *) { &:focus-visible { border-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } } .dark\:focus-visible\:shadow-\[inset_1px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.05\)\,0_1px_0_rgba\(255\,255\,255\,0\.06\)\,0_2px_3px_-1px_rgba\(255\,255\,255\,0\.04\)\] { &:is(.dark *) { &:focus-visible { --tw-shadow: inset 1px 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.7)), inset -1px -1px 2px var(--tw-shadow-color, rgba(255,255,255,0.05)), 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.06)), 0 2px 3px -1px var(--tw-shadow-color, rgba(255,255,255,0.04)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .dark\:focus-visible\:ring-destructive\/40 { &:is(.dark *) { &:focus-visible { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } } } .dark\:disabled\:bg-input\/80 { &:is(.dark *) { &:disabled { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 80%, transparent); } } } } .dark\:disabled\:bg-transparent { &:is(.dark *) { &:disabled { background-color: transparent; } } } .dark\:has-disabled\:bg-input\/80 { &:is(.dark *) { &:has(*:disabled) { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 80%, transparent); } } } } .dark\:has-aria-invalid\:ring-destructive\/40 { &:is(.dark *) { &:has(*[aria-invalid="true"]) { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } } } .dark\:has-data-checked\:bg-primary\/10 { &:is(.dark *) { &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } } } .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40 { &:is(.dark *) { &:has(*:is([data-slot][aria-invalid=true])) { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } } } .dark\:aria-invalid\:border-destructive\/50 { &:is(.dark *) { &[aria-invalid="true"] { border-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--destructive) 50%, transparent); } } } } .dark\:aria-invalid\:ring-destructive\/40 { &:is(.dark *) { &[aria-invalid="true"] { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } } } .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40 { &:is(.dark *) { &[data-active="true"] { &[aria-invalid="true"] { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } } } } .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 { &:is(.dark *) { &[data-variant="destructive"] { &:focus { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } } } .data-open\:animate-accordion-down { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } } .data-open\:animate-in { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { 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); } } .data-open\:bg-accent { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { background-color: var(--accent); } } .data-open\:pb-3 { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { padding-bottom: calc(var(--spacing) * 3); } } .data-open\:text-accent-foreground { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { color: var(--accent-foreground); } } .data-open\:opacity-100 { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { opacity: 100%; } } .data-open\:fade-in-0 { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { --tw-enter-opacity: calc(0/100); --tw-enter-opacity: 0; } } .data-open\:zoom-in-95 { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { --tw-enter-scale: calc(95*1%); --tw-enter-scale: .95; } } .data-open\:hover\:bg-sidebar-accent { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { &:hover { @media (hover: hover) { background-color: var(--sidebar-accent); } } } } .data-open\:hover\:text-sidebar-accent-foreground { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { &:hover { @media (hover: hover) { color: var(--sidebar-accent-foreground); } } } } .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10 { &[data-side="bottom"] { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { --tw-enter-translate-y: calc(10*var(--spacing)); --tw-enter-translate-y: calc(.1*100%); } } } .data-\[side\=left\]\:data-open\:slide-in-from-left-10 { &[data-side="left"] { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { --tw-enter-translate-x: calc(10*var(--spacing)*-1); --tw-enter-translate-x: calc(.1*-100%); } } } .data-\[side\=right\]\:data-open\:slide-in-from-right-10 { &[data-side="right"] { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { --tw-enter-translate-x: calc(10*var(--spacing)); --tw-enter-translate-x: calc(.1*100%); } } } .data-\[side\=top\]\:data-open\:slide-in-from-top-10 { &[data-side="top"] { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { --tw-enter-translate-y: calc(10*var(--spacing)*-1); --tw-enter-translate-y: calc(.1*-100%); } } } .data-closed\:animate-accordion-up { &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } } .data-closed\:animate-out { &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { 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); } } .data-closed\:overflow-hidden { &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { overflow: hidden; } } .data-closed\:fade-out-0 { &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { --tw-exit-opacity: calc(0/100); --tw-exit-opacity: 0; } } .data-closed\:zoom-out-95 { &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { --tw-exit-scale: calc(95*1%); --tw-exit-scale: .95; } } .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10 { &[data-side="bottom"] { &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { --tw-exit-translate-y: calc(10*var(--spacing)); --tw-exit-translate-y: calc(.1*100%); } } } .data-\[side\=left\]\:data-closed\:slide-out-to-left-10 { &[data-side="left"] { &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { --tw-exit-translate-x: calc(10*var(--spacing)*-1); --tw-exit-translate-x: calc(.1*-100%); } } } .data-\[side\=right\]\:data-closed\:slide-out-to-right-10 { &[data-side="right"] { &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { --tw-exit-translate-x: calc(10*var(--spacing)); --tw-exit-translate-x: calc(.1*100%); } } } .data-\[side\=top\]\:data-closed\:slide-out-to-top-10 { &[data-side="top"] { &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { --tw-exit-translate-y: calc(10*var(--spacing)*-1); --tw-exit-translate-y: calc(.1*-100%); } } } .data-checked\:border-primary { &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { border-color: var(--primary); } } .data-checked\:bg-primary { &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { background-color: var(--primary); } } .data-checked\:text-primary-foreground { &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { color: var(--primary-foreground); } } .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] { &:is(:where(.group\/switch)[data-size="default"] *) { &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { --tw-translate-x: calc(100% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] { &:is(:where(.group\/switch)[data-size="sm"] *) { &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { --tw-translate-x: calc(100% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .dark\:data-checked\:bg-primary { &:is(.dark *) { &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { background-color: var(--primary); } } } .dark\:data-checked\:bg-primary-foreground { &:is(.dark *) { &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { background-color: var(--primary-foreground); } } } .data-unchecked\:bg-input { &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { background-color: var(--input); } } .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0 { &:is(:where(.group\/switch)[data-size="default"] *) { &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0 { &:is(:where(.group\/switch)[data-size="sm"] *) { &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .dark\:data-unchecked\:bg-foreground { &:is(.dark *) { &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { background-color: var(--foreground); } } } .dark\:data-unchecked\:bg-input\/80 { &:is(.dark *) { &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 80%, transparent); } } } } .data-selected\:bg-muted { &:where([data-selected="true"]) { background-color: var(--muted); } } .data-selected\:text-foreground { &:where([data-selected="true"]) { color: var(--foreground); } } .data-disabled\:pointer-events-none { &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) { pointer-events: none; } } .data-disabled\:cursor-not-allowed { &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) { cursor: not-allowed; } } .data-disabled\:opacity-50 { &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) { opacity: 50%; } } .data-active\:bg-background { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { background-color: var(--background); } } .data-active\:bg-sidebar-accent { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { background-color: var(--sidebar-accent); } } .data-active\:font-medium { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .data-active\:text-foreground { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { color: var(--foreground); } } .data-active\:text-sidebar-accent-foreground { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { color: var(--sidebar-accent-foreground); } } .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm { &:is(:where(.group\/tabs-list)[data-variant="default"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent { &:is(:where(.group\/tabs-list)[data-variant="line"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { background-color: transparent; } } } .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none { &:is(:where(.group\/tabs-list)[data-variant="line"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .group-data-\[variant\=tab-links\]\/tabs-list\:data-active\:overflow-visible { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { overflow: visible; } } } .group-data-\[variant\=tab-links\]\/tabs-list\:data-active\:border-border\/50 { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { border-color: var(--border); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } } } .group-data-\[variant\=tab-links\]\/tabs-list\:data-active\:border-transparent { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { border-color: transparent; } } } .group-data-\[variant\=tab-links\]\/tabs-list\:data-active\:bg-muted { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { background-color: var(--muted); } } } .group-data-\[variant\=tab-links\]\/tabs-list\:data-active\:bg-muted\/50 { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } } } .group-data-\[variant\=tab-links\]\/tabs-list\:data-active\:text-primary { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { color: var(--primary); } } } .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100 { &:is(:where(.group\/tabs-list)[data-variant="line"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { &::after { content: var(--tw-content); opacity: 100%; } } } } .group-data-\[variant\=tab-links\]\/tabs-list\:data-active\:after\:border-b { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { &::after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } } } .group-data-\[variant\=tab-links\]\/tabs-list\:data-active\:after\:border-primary { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { &::after { content: var(--tw-content); border-color: var(--primary); } } } } .group-data-\[variant\=tab-links\]\/tabs-list\:data-active\:after\:bg-transparent { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { &::after { content: var(--tw-content); background-color: transparent; } } } } .group-data-\[variant\=tab-links\]\/tabs-list\:data-active\:after\:opacity-100 { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { &::after { content: var(--tw-content); opacity: 100%; } } } } .group-data-\[variant\=tab-links\]\/tabs-list\:data-active\:hover\:text-primary { &:is(:where(.group\/tabs-list)[data-variant="tab-links"] *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { &:hover { @media (hover: hover) { color: var(--primary); } } } } } .dark\:data-active\:border-input { &:is(.dark *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { border-color: var(--input); } } } .dark\:data-active\:bg-input\/30 { &:is(.dark *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 30%, transparent); } } } } .dark\:data-active\:text-foreground { &:is(.dark *) { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { color: var(--foreground); } } } .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"]), &:where([data-active]:not([data-active="false"])) { border-color: transparent; } } } } .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"]), &:where([data-active]:not([data-active="false"])) { background-color: transparent; } } } } .data-horizontal\:mx-px { &:where([data-orientation="horizontal"]) { margin-inline: 1px; } } .data-horizontal\:h-2 { &:where([data-orientation="horizontal"]) { height: calc(var(--spacing) * 2); } } .data-horizontal\:w-auto { &:where([data-orientation="horizontal"]) { width: auto; } } .data-horizontal\:flex-col { &:where([data-orientation="horizontal"]) { flex-direction: column; } } .data-horizontal\:border-t { &:where([data-orientation="horizontal"]) { border-top-style: var(--tw-border-style); border-top-width: 1px; } } .data-horizontal\:border-t-transparent { &:where([data-orientation="horizontal"]) { border-top-color: transparent; } } .data-vertical\:my-px { &:where([data-orientation="vertical"]) { margin-block: 1px; } } .data-vertical\:h-auto { &:where([data-orientation="vertical"]) { height: auto; } } .data-vertical\:h-full { &:where([data-orientation="vertical"]) { height: 100%; } } .data-vertical\:w-2 { &:where([data-orientation="vertical"]) { width: calc(var(--spacing) * 2); } } .data-vertical\:border-l { &:where([data-orientation="vertical"]) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .data-vertical\:border-l-transparent { &:where([data-orientation="vertical"]) { border-left-color: transparent; } } .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground { & .recharts-cartesian-axis-tick text { fill: var(--muted-foreground); } } .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 { & .recharts-cartesian-grid line[stroke='#ccc'] { stroke: var(--border); @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--border) 50%, transparent); } } } .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border { & .recharts-curve.recharts-tooltip-cursor { stroke: var(--border); } } .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent { & .recharts-dot[stroke='#fff'] { stroke: transparent; } } .\[\&_\.recharts-layer\]\:outline-hidden { & .recharts-layer { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border { & .recharts-polar-grid [stroke='#ccc'] { stroke: var(--border); } } .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted { & .recharts-radial-bar-background-sector { fill: var(--muted); } } .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted { & .recharts-rectangle.recharts-tooltip-cursor { fill: var(--muted); } } .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border { & .recharts-reference-line [stroke='#ccc'] { stroke: var(--border); } } .\[\&_\.recharts-sector\]\:outline-hidden { & .recharts-sector { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent { & .recharts-sector[stroke='#fff'] { stroke: transparent; } } .\[\&_\.recharts-surface\]\:outline-hidden { & .recharts-surface { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .dark\:\[\&_\:is\(tr\,td\,th\,thead\,tfoot\)\]\:border-border\/50 { &:is(.dark *) { & :is(tr,td,th,thead,tfoot) { border-color: var(--border); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } } } .\[\&_\[cmdk-group-heading\]\]\:px-2 { & [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 { & [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } } .\[\&_\[cmdk-group-heading\]\]\:text-xs { & [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\[\&_\[cmdk-group-heading\]\]\:font-medium { & [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground { & [cmdk-group-heading] { color: var(--muted-foreground); } } .\[\&_\[data-slot\=avatar-fallback\]\]\:ring-2 { & [data-slot=avatar-fallback] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .\[\&_\[data-slot\=avatar-fallback\]\]\:ring-background { & [data-slot=avatar-fallback] { --tw-ring-color: var(--background); } } .\[\&_\[data-slot\=avatar\]\]\:ring-2 { & [data-slot=avatar] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .\[\&_\[data-slot\=avatar\]\]\:ring-background { & [data-slot=avatar] { --tw-ring-color: var(--background); } } .\[\&_a\]\:underline { & a { text-decoration-line: underline; } } .\[\&_a\]\:underline-offset-3 { & a { text-underline-offset: 3px; } } .\[\&_a\]\:hover\:text-foreground { & a { &:hover { @media (hover: hover) { color: var(--foreground); } } } } .\[\&_p\:not\(\:last-child\)\]\:mb-4 { & p:not(:last-child) { margin-bottom: calc(var(--spacing) * 4); } } .\[\&_svg\]\:pointer-events-none { & svg { pointer-events: none; } } .\[\&_svg\]\:hidden { & svg { display: none; } } .\[\&_svg\]\:size-4 { & svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&_svg\]\:h-auto { & svg { height: auto; } } .\[\&_svg\]\:w-auto { & svg { width: auto; } } .\[\&_svg\]\:shrink-0 { & svg { flex-shrink: 0; } } .\[\&_svg\]\:\!text-inherit { & svg { color: inherit !important; } } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:\!size-3 { & svg:not([class*='size-']) { width: calc(var(--spacing) * 3) !important; height: calc(var(--spacing) * 3) !important; } } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:\!size-3\.5 { & svg:not([class*='size-']) { width: calc(var(--spacing) * 3.5) !important; height: calc(var(--spacing) * 3.5) !important; } } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 { & svg:not([class*='size-']) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 { & svg:not([class*='size-']) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 { & svg:not([class*='size-']) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&_table\]\:w-full { & table { width: 100%; } } .\[\&_tr\]\:border-b { & tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .\[\&_tr\:last-child\]\:border-0 { & tr:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden { &::-webkit-calendar-picker-indicator { display: none; } } .\[\&\:\:-webkit-calendar-picker-indicator\]\:appearance-none { &::-webkit-calendar-picker-indicator { appearance: none; } } .\[\&\:\:-webkit-scrollbar\]\:hidden { &::-webkit-scrollbar { display: none; } } .\[\&\:first-child\]\:justify-center { &:first-child { justify-content: center; } } .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\) { &:first-child[data-selected=true] button { border-top-left-radius: var(--cell-radius); border-bottom-left-radius: var(--cell-radius); } } .\[\&\:has\(\[role\=checkbox\]\)\]\:items-center { &:has([role=checkbox]) { align-items: center; } } .\[\&\:has\(\[role\=checkbox\]\)\]\:px-0 { &:has([role=checkbox]) { padding-inline: calc(var(--spacing) * 0); } } .\[\.border-b\]\:pb-2 { &:is(.border-b) { padding-bottom: calc(var(--spacing) * 2); } } .\[\.border-b\]\:pb-4 { &:is(.border-b) { padding-bottom: calc(var(--spacing) * 4); } } .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3 { &:is(:where(.group\/card)[data-size="sm"] *) { &:is(.border-b) { padding-bottom: calc(var(--spacing) * 3); } } } .\[\.border-t\]\:pt-2 { &:is(.border-t) { padding-top: calc(var(--spacing) * 2); } } .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :is(& *) { &:is(.rdp-button_next>svg) { rotate: 180deg; } } } } .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :is(& *) { &:is(.rdp-button_previous>svg) { rotate: 180deg; } } } } .\*\:\[a\]\:underline { :is(& > *) { &:is(a) { text-decoration-line: underline; } } } .\*\:\[a\]\:underline-offset-3 { :is(& > *) { &:is(a) { text-underline-offset: 3px; } } } .\[a\]\:hover\:bg-destructive\/20 { &:is(a) { &:hover { @media (hover: hover) { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } } } .\[a\]\:hover\:bg-muted { &:is(a) { &:hover { @media (hover: hover) { background-color: var(--muted); } } } } .\[a\]\:hover\:bg-primary\/80 { &:is(a) { &:hover { @media (hover: hover) { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 80%, transparent); } } } } } .\[a\]\:hover\:bg-secondary\/80 { &:is(a) { &:hover { @media (hover: hover) { background-color: var(--secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--secondary) 80%, transparent); } } } } } .\[a\]\:hover\:text-muted-foreground { &:is(a) { &:hover { @media (hover: hover) { color: var(--muted-foreground); } } } } .\*\:\[a\]\:hover\:text-foreground { :is(& > *) { &:is(a) { &:hover { @media (hover: hover) { color: var(--foreground); } } } } } .\*\:\[img\:first-child\]\:rounded-t-lg { :is(& > *) { &:is(img:first-child) { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); } } } .\*\:\[img\:last-child\]\:rounded-b-lg { :is(& > *) { &:is(img:last-child) { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); } } } .\*\:\[span\]\:last\:flex { :is(& > *) { &:is(span) { &:last-child { display: flex; } } } } .\*\:\[span\]\:last\:items-center { :is(& > *) { &:is(span) { &:last-child { align-items: center; } } } } .\*\:\[span\]\:last\:gap-2 { :is(& > *) { &:is(span) { &:last-child { gap: calc(var(--spacing) * 2); } } } } .\*\:\[svg\]\:row-span-2 { :is(& > *) { &:is(svg) { grid-row: span 2 / span 2; } } } .\*\:\[svg\]\:translate-y-0\.5 { :is(& > *) { &:is(svg) { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .\*\:\[svg\]\:text-current { :is(& > *) { &:is(svg) { color: currentcolor; } } } .focus\:\*\:\[svg\]\:text-accent-foreground { &:focus { :is(& > *) { &:is(svg) { color: var(--accent-foreground); } } } } .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive { &[data-variant="destructive"] { :is(& > *) { &:is(svg) { color: var(--destructive); } } } } .data-selected\:\*\:\[svg\]\:text-foreground { &:where([data-selected="true"]) { :is(& > *) { &:is(svg) { color: var(--foreground); } } } } .\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 { :is(& > *) { &:is(svg:not([class*='size-'])) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } } .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\) { &:last-child[data-selected=true] button { border-top-right-radius: var(--cell-radius); border-bottom-right-radius: var(--cell-radius); } } .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\) { &:nth-child(2)[data-selected=true] button { border-top-left-radius: var(--cell-radius); border-bottom-left-radius: var(--cell-radius); } } .\[\&\>\*\]\:pointer-events-none { &>* { pointer-events: none; } } .\[\&\>\*\]\:w-full { &>* { width: 100%; } } .\[\&\>\*\]\:data-\[slot\=field\]\:p-2\.5 { &>* { &[data-slot="field"] { padding: calc(var(--spacing) * 2.5); } } } .\@md\/field-group\:\[\&\>\*\]\:w-auto { @container field-group (width >= 28rem) { &>* { width: auto; } } } .\[\&\>\*\:first-child\]\:mt-0 { &>*:first-child { margin-top: calc(var(--spacing) * 0); } } .\[\&\>\*\:last-child\]\:mb-0 { &>*:last-child { margin-bottom: calc(var(--spacing) * 0); } } .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-md { &>*:not(:first-child) { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } } .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-md { &>*:not(:last-child) { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } } .\[\&\>\.sr-only\]\:w-auto { &>.sr-only { width: auto; } } .\[\&\>\.step-block\:not\(\:has\(\~_\.step-block\)\)\]\:mb-4 { &>.step-block:not(:has(~ .step-block)) { margin-bottom: calc(var(--spacing) * 4); } } .\[\&\>\:not\(\:first-child\)\:not\(\:last-child\)\]\:border-r { &>:not(:first-child):not(:last-child) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .\[\&\>\:not\(\:last-child\)\]\:border-r { &>:not(:last-child) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .\[\&\>\[data-slot\=field-group\]\]\:gap-4 { &>[data-slot=field-group] { gap: calc(var(--spacing) * 4); } } .\[\&\>\[data-slot\=field-label\]\]\:flex-auto { &>[data-slot=field-label] { flex: auto; } } .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto { @container field-group (width >= 28rem) { &>[data-slot=field-label] { flex: auto; } } } .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg { &:has(*:is(select[aria-hidden=true]:last-child)) { &>[data-slot=select-trigger]:last-of-type { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius); } } } .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit { &>[data-slot=select-trigger]:not([class*='w-']) { width: fit-content; } } .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-lg\! { &>[data-slot]:not(:has(~[data-slot])) { border-top-right-radius: var(--radius) !important; border-bottom-right-radius: var(--radius) !important; } } .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-lg\! { &>[data-slot]:not(:has(~[data-slot])) { border-bottom-right-radius: var(--radius) !important; border-bottom-left-radius: var(--radius) !important; } } .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-t-none { &>[data-slot]~[data-slot] { border-top-left-radius: 0; border-top-right-radius: 0; } } .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-l-none { &>[data-slot]~[data-slot] { border-top-left-radius: 0; border-bottom-left-radius: 0; } } .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-t-0 { &>[data-slot]~[data-slot] { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-l-0 { &>[data-slot]~[data-slot] { border-left-style: var(--tw-border-style); border-left-width: 0px; } } .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px { &:has(>[data-slot=field-content]) { &>[role=checkbox],[role=radio] { margin-top: 1px; } } } .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px { @container field-group (width >= 28rem) { &:has(>[data-slot=field-content]) { &>[role=checkbox],[role=radio] { margin-top: 1px; } } } } .\[\&\>a\]\:underline { &>a { text-decoration-line: underline; } } .\[\&\>a\]\:underline-offset-4 { &>a { text-underline-offset: 4px; } } .\[\&\>a\:hover\]\:text-primary { &>a:hover { color: var(--primary); } } .\[\&\>button\]\:hidden { &>button { display: none; } } .\[\&\>div\]\:pb-0 { &>div { padding-bottom: calc(var(--spacing) * 0); } } .\[\&\>input\]\:flex-1 { &>input { flex: 1; } } .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 { &:has(>[data-align=block-end]) { &>input { padding-top: calc(var(--spacing) * 3); } } } .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 { &:has(>[data-align=block-start]) { &>input { padding-bottom: calc(var(--spacing) * 3); } } } .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5 { &:has(>[data-align=inline-end]) { &>input { padding-right: calc(var(--spacing) * 1.5); } } } .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5 { &:has(>[data-align=inline-start]) { &>input { padding-left: calc(var(--spacing) * 1.5); } } } .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] { &>kbd { border-radius: calc(var(--radius) - 5px); } } .\[\&\>p\]\:inline { &>p { display: inline; } } .\[\&\>span\]\:text-xs { &>span { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\[\&\>span\]\:opacity-70 { &>span { opacity: 70%; } } .\[\&\>span\:last-child\]\:truncate { &>span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .\[\&\>svg\]\:pointer-events-none { &>svg { pointer-events: none; } } .\[\&\>svg\]\:size-2\! { &>svg { width: calc(var(--spacing) * 2) !important; height: calc(var(--spacing) * 2) !important; } } .\[\&\>svg\]\:size-3\! { &>svg { width: calc(var(--spacing) * 3) !important; height: calc(var(--spacing) * 3) !important; } } .\[\&\>svg\]\:size-3\.5 { &>svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } } .\[\&\>svg\]\:size-4 { &>svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&\>svg\]\:size-8 { &>svg { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } } .\[\&\>svg\]\:size-10 { &>svg { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } } .\[\&\>svg\]\:h-2\.5 { &>svg { height: calc(var(--spacing) * 2.5); } } .\[\&\>svg\]\:h-3 { &>svg { height: calc(var(--spacing) * 3); } } .\[\&\>svg\]\:w-2\.5 { &>svg { width: calc(var(--spacing) * 2.5); } } .\[\&\>svg\]\:w-3 { &>svg { width: calc(var(--spacing) * 3); } } .\[\&\>svg\]\:shrink-0 { &>svg { flex-shrink: 0; } } .\[\&\>svg\]\:text-muted-foreground { &>svg { color: var(--muted-foreground); } } .\[\&\>svg\]\:text-sidebar-accent-foreground { &>svg { color: var(--sidebar-accent-foreground); } } .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5 { &:is(:where(.group\/avatar-group):has(*[data-size="lg"]) *) { &>svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } } } .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3 { &:is(:where(.group\/avatar-group):has(*[data-size="sm"]) *) { &>svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } } } .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2 { &:is(:where(.group\/avatar)[data-size="default"] *) { &>svg { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } } } .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2 { &:is(:where(.group\/avatar)[data-size="lg"] *) { &>svg { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } } } .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden { &:is(:where(.group\/avatar)[data-size="sm"] *) { &>svg { display: none; } } } .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 { &>svg:not([class*='size-']) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } } .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 { &>svg:not([class*='size-']) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&\>tr\]\:last\:border-b-0 { &>tr { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 { &[data-panel-group-direction=vertical]>div { rotate: 90deg; } } .\[\[data-side\=left\]\[data-collapsible\=offCanvas\]_\&\]\:-right-2 { [data-side=left][data-collapsible=offCanvas] & { right: calc(var(--spacing) * -2); } } .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { [data-side=left][data-state=collapsed] & { cursor: e-resize; } } .\[\[data-side\=right\]\[data-collapsible\=offCanvas\]_\&\]\:-left-2 { [data-side=right][data-collapsible=offCanvas] & { left: calc(var(--spacing) * -2); } } .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { [data-side=right][data-state=collapsed] & { cursor: w-resize; } } .\[\[data-slot\=card-content\]_\&\]\:bg-transparent { [data-slot=card-content] & { background-color: transparent; } } .\[\[data-slot\=combobox-content\]_\&\]\:focus-within\:border-inherit { [data-slot=combobox-content] & { &:focus-within { border-color: inherit; } } } .\[\[data-slot\=combobox-content\]_\&\]\:focus-within\:ring-0 { [data-slot=combobox-content] & { &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .\[\[data-slot\=dialog-content\]_\&\]\:rounded-lg\! { [data-slot=dialog-content] & { border-radius: var(--radius) !important; } } .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent { [data-slot=popover-content] & { background-color: transparent; } } .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 { [data-slot=tooltip-content] & { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 20%, transparent); } } } .\[\[data-slot\=tooltip-content\]_\&\]\:text-background { [data-slot=tooltip-content] & { color: var(--background); } } .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10 { &:is(.dark *) { [data-slot=tooltip-content] & { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 10%, transparent); } } } } .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 { [data-variant=legend]+& { margin-top: calc(var(--spacing) * -1.5); } } .\[li_\&\]\:pl-6 { li & { padding-left: calc(var(--spacing) * 6); } } } @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; } @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; } @property --tw-animation-duration { syntax: "*"; inherits: false; } @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; } @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @font-face { font-family: 'Geist Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/node_modules/@fontsource-variable/geist/files/geist-cyrillic-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face { font-family: 'Geist Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/node_modules/@fontsource-variable/geist/files/geist-latin-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: 'Geist Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/node_modules/@fontsource-variable/geist/files/geist-latin-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/node_modules/@fontsource-variable/jetbrains-mono/files/jetbrains-mono-cyrillic-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/node_modules/@fontsource-variable/jetbrains-mono/files/jetbrains-mono-cyrillic-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/node_modules/@fontsource-variable/jetbrains-mono/files/jetbrains-mono-greek-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/node_modules/@fontsource-variable/jetbrains-mono/files/jetbrains-mono-vietnamese-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/node_modules/@fontsource-variable/jetbrains-mono/files/jetbrains-mono-latin-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/node_modules/@fontsource-variable/jetbrains-mono/files/jetbrains-mono-latin-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: 'Source Serif 4 Variable'; font-style: normal; font-display: swap; font-weight: 200 900; src: url(/node_modules/@fontsource-variable/source-serif-4/files/source-serif-4-cyrillic-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } @font-face { font-family: 'Source Serif 4 Variable'; font-style: normal; font-display: swap; font-weight: 200 900; src: url(/node_modules/@fontsource-variable/source-serif-4/files/source-serif-4-cyrillic-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face { font-family: 'Source Serif 4 Variable'; font-style: normal; font-display: swap; font-weight: 200 900; src: url(/node_modules/@fontsource-variable/source-serif-4/files/source-serif-4-greek-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } @font-face { font-family: 'Source Serif 4 Variable'; font-style: normal; font-display: swap; font-weight: 200 900; src: url(/node_modules/@fontsource-variable/source-serif-4/files/source-serif-4-vietnamese-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } @font-face { font-family: 'Source Serif 4 Variable'; font-style: normal; font-display: swap; font-weight: 200 900; src: url(/node_modules/@fontsource-variable/source-serif-4/files/source-serif-4-latin-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: 'Source Serif 4 Variable'; font-style: normal; font-display: swap; font-weight: 200 900; src: url(/node_modules/@fontsource-variable/source-serif-4/files/source-serif-4-latin-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } :root { --background: oklch(1 0 0); --foreground: oklch(0.3211 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.3211 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.3211 0 0); --primary: oklch(0.5842 0.1474 247.52); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.967 0.0029 264.5419); --secondary-foreground: oklch(0.4461 0.0263 256.8018); --muted: oklch(0.9846 0.0017 247.8389); --muted-foreground: oklch(0.551 0.0234 264.3637); --accent: oklch(0.9514 0.025 236.8242); --accent-foreground: oklch(0.3791 0.1378 265.5222); --destructive: oklch(0.5911 0.2164 11); --destructive-foreground: oklch(1 0 0); --warning: oklch(0.8367 0.1549 78.99); --warning-foreground: oklch(0.3211 0 0); --success: oklch(0.6088 0.1085 163.88); --success-foreground: oklch(1 0 0); --border: oklch(0.9276 0.0058 264.5313); --input: oklch(0.9276 0.0058 264.5313); --ring: oklch(0.5842 0.1474 247.52); --chart-1: oklch(0.5842 0.1474 247.52); --chart-2: oklch(0.5461 0.2152 262.8809); --chart-3: oklch(0.4882 0.2172 264.3763); --chart-4: oklch(0.4244 0.1809 265.6377); --chart-5: oklch(0.3791 0.1378 265.5222); --sidebar: oklch(0.9846 0.0017 247.8389); --sidebar-foreground: oklch(0.3211 0 0); --sidebar-primary: oklch(0.5842 0.1474 247.52); --sidebar-primary-foreground: oklch(1 0 0); --sidebar-accent: oklch(0.9514 0.025 236.8242); --sidebar-accent-foreground: oklch(0.3791 0.1378 265.5222); --sidebar-border: oklch(0.9276 0.0058 264.5313); --sidebar-ring: oklch(0.5842 0.1474 247.52); --radius: 0.625rem; --shadow: lch(0 0 0 / 0.088) 0px 9px 48px, lch(0 0 0 / 0.11) 0px 6px 24px, lch(0 0 0 / 0.044) 0px 1px 1px; --shadow-inset: inset 0px 0px 0px 1px #2f3033, 0px 0px 2px 0px rgb(0, 0, 0), 0px 1px 3px 0px rgba(0, 0, 0, 0.08); } :root { --dark-background: oklch(0.2 0.003 90); --dark-foreground: oklch(0.92 0.003 90); --dark-card: oklch(0.25 0.003 90); --dark-card-foreground: oklch(0.92 0.003 90); --dark-popover: oklch(0.25 0.003 90); --dark-popover-foreground: oklch(0.92 0.003 90); --dark-primary: oklch(0.5842 0.1474 247.52); --dark-primary-foreground: oklch(1 0 0); --dark-secondary: oklch(0.25 0.003 90); --dark-secondary-foreground: oklch(0.92 0.003 90); --dark-muted: oklch(0.23 0.003 90); --dark-muted-foreground: oklch(0.72 0.003 90); --dark-accent: oklch(0.3791 0.1378 265.5222); --dark-accent-foreground: oklch(0.8823 0.0571 254.1284); --dark-destructive: oklch(0.5911 0.2164 11); --dark-destructive-foreground: oklch(1 0 0); --dark-warning: oklch(0.8367 0.1549 78.99); --dark-warning-foreground: oklch(0.2 0.003 90); --dark-success: oklch(0.6088 0.1085 163.88); --dark-success-foreground: oklch(1 0 0); --dark-border: oklch(0.3 0.003 90); --dark-input: oklch(0.3 0.003 90); --dark-ring: oklch(0.5842 0.1474 247.52); --dark-chart-1: oklch(0.7137 0.1434 254.624); --dark-chart-2: oklch(0.5842 0.1474 247.52); --dark-chart-3: oklch(0.5461 0.2152 262.8809); --dark-chart-4: oklch(0.4882 0.2172 264.3763); --dark-chart-5: oklch(0.4244 0.1809 265.6377); --dark-sidebar: oklch(0.18 0.003 90); --dark-sidebar-foreground: oklch(0.72 0.003 90); --dark-sidebar-primary: oklch(0.5842 0.1474 247.52); --dark-sidebar-primary-foreground: oklch(1 0 0); --dark-sidebar-accent: oklch(0.23 0.003 90); --dark-sidebar-accent-foreground: oklch(0.92 0.003 90); --dark-sidebar-border: oklch(0.3 0.003 90); --dark-sidebar-ring: oklch(0.5842 0.1474 247.52); --dark-shadow: lch(0 0 0 / 0.15) 0px 4px 40px, lch(0 0 0 / 0.188) 0px 3px 20px, lch(0 0 0 / 0.188) 0px 3px 12px, lch(0 0 0 / 0.188) 0px 2px 8px, lch(0 0 0 / 0.188) 0px 1px 1px; --dark-shadow-inset: inset 0px 0px 0px 1px #2f3033, 0px 0px 2px 0px rgb(0, 0, 0), 0px 1px 3px 0px rgba(0, 0, 0, 0.08); } @media (prefers-color-scheme: dark) { :root:not(.light) { --background: var(--dark-background); --foreground: var(--dark-foreground); --card: var(--dark-card); --card-foreground: var(--dark-card-foreground); --popover: var(--dark-popover); --popover-foreground: var(--dark-popover-foreground); --primary: var(--dark-primary); --primary-foreground: var(--dark-primary-foreground); --secondary: var(--dark-secondary); --secondary-foreground: var(--dark-secondary-foreground); --muted: var(--dark-muted); --muted-foreground: var(--dark-muted-foreground); --accent: var(--dark-accent); --accent-foreground: var(--dark-accent-foreground); --destructive: var(--dark-destructive); --destructive-foreground: var(--dark-destructive-foreground); --warning: var(--dark-warning); --warning-foreground: var(--dark-warning-foreground); --success: var(--dark-success); --success-foreground: var(--dark-success-foreground); --border: var(--dark-border); --input: var(--dark-input); --ring: var(--dark-ring); --chart-1: var(--dark-chart-1); --chart-2: var(--dark-chart-2); --chart-3: var(--dark-chart-3); --chart-4: var(--dark-chart-4); --chart-5: var(--dark-chart-5); --sidebar: var(--dark-sidebar); --sidebar-foreground: var(--dark-sidebar-foreground); --sidebar-primary: var(--dark-sidebar-primary); --sidebar-primary-foreground: var(--dark-sidebar-primary-foreground); --sidebar-accent: var(--dark-sidebar-accent); --sidebar-accent-foreground: var(--dark-sidebar-accent-foreground); --sidebar-border: var(--dark-sidebar-border); --sidebar-ring: var(--dark-sidebar-ring); --shadow: var(--dark-shadow); --shadow-inset: var(--dark-shadow-inset); } } :root { --brand-red: #6a1a41; --brand-orange: #ff5400; --brand-amber: #ffbc3d; --brand-blue: #1071b7; --brand-teal: #009cbd; --brand-green: #3dad82; --brand-sky: #8fcae7; --brand-emerald: #1e7a5e; --brand-indigo: #004d7a; --brand-rose: #a01840; --brand-yellow: #f69240; --brand-lime: #7ac04d; --brand-cyan: #4fbfd6; --brand-violet: #5a4b8e; --brand-purple: #7a3d70; --brand-fuchsia: #a83a75; --brand-pink: #c46285; --avatar-red: #6a1a41; --avatar-orange: #c43b00; --avatar-amber: #b87100; --avatar-yellow: #a8550f; --avatar-lime: #4f7d2e; --avatar-green: #2a7a5a; --avatar-emerald: #1e7a5e; --avatar-teal: #007589; --avatar-cyan: #2f7d8e; --avatar-sky: #3d82b0; --avatar-blue: #1071b7; --avatar-indigo: #004d7a; --avatar-violet: #463775; --avatar-purple: #5d2a55; --avatar-fuchsia: #7e2a58; --avatar-pink: #8f4560; --avatar-rose: #a01840; } .badge-color-red, .badge-color-orange, .badge-color-amber, .badge-color-yellow, .badge-color-lime, .badge-color-green, .badge-color-emerald, .badge-color-teal, .badge-color-cyan, .badge-color-sky, .badge-color-blue, .badge-color-indigo, .badge-color-violet, .badge-color-purple, .badge-color-fuchsia, .badge-color-pink, .badge-color-rose { --badge-hue: var(--foreground); background-color: var(--badge-hue); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--badge-hue) 16%, var(--background) ); } color: var(--badge-hue); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--badge-hue) 75%, var(--foreground)); } border-color: var(--badge-hue); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--badge-hue) 28%, transparent); } } .badge-color-red { --badge-hue: var(--brand-red); } .badge-color-orange { --badge-hue: var(--brand-orange); } .badge-color-amber { --badge-hue: var(--brand-amber); } .badge-color-yellow { --badge-hue: var(--brand-yellow); } .badge-color-lime { --badge-hue: var(--brand-lime); } .badge-color-green { --badge-hue: var(--brand-green); } .badge-color-emerald { --badge-hue: var(--brand-emerald); } .badge-color-teal { --badge-hue: var(--brand-teal); } .badge-color-cyan { --badge-hue: var(--brand-cyan); } .badge-color-sky { --badge-hue: var(--brand-sky); } .badge-color-blue { --badge-hue: var(--brand-blue); } .badge-color-indigo { --badge-hue: var(--brand-indigo); } .badge-color-violet { --badge-hue: var(--brand-violet); } .badge-color-purple { --badge-hue: var(--brand-purple); } .badge-color-fuchsia { --badge-hue: var(--brand-fuchsia); } .badge-color-pink { --badge-hue: var(--brand-pink); } .badge-color-rose { --badge-hue: var(--brand-rose); } .dark .badge-color-red, .dark .badge-color-orange, .dark .badge-color-amber, .dark .badge-color-yellow, .dark .badge-color-lime, .dark .badge-color-green, .dark .badge-color-emerald, .dark .badge-color-teal, .dark .badge-color-cyan, .dark .badge-color-sky, .dark .badge-color-blue, .dark .badge-color-indigo, .dark .badge-color-violet, .dark .badge-color-purple, .dark .badge-color-fuchsia, .dark .badge-color-pink, .dark .badge-color-rose { background-color: var(--badge-hue); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--badge-hue) 22%, var(--background) ); } color: var(--badge-hue); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--badge-hue) 35%, var(--foreground)); } border-color: var(--badge-hue); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--badge-hue) 34%, transparent); } } .palette-light { --background: oklch(1 0 0); --foreground: oklch(0.3211 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.3211 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.3211 0 0); --primary: oklch(0.5842 0.1474 247.52); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.967 0.0029 264.5419); --secondary-foreground: oklch(0.4461 0.0263 256.8018); --muted: oklch(0.9846 0.0017 247.8389); --muted-foreground: oklch(0.551 0.0234 264.3637); --accent: oklch(0.9514 0.025 236.8242); --accent-foreground: oklch(0.3791 0.1378 265.5222); --destructive: oklch(0.5911 0.2164 11); --destructive-foreground: oklch(1 0 0); --warning: oklch(0.8367 0.1549 78.99); --warning-foreground: oklch(0.3211 0 0); --success: oklch(0.6088 0.1085 163.88); --success-foreground: oklch(1 0 0); --border: oklch(0.9276 0.0058 264.5313); --input: oklch(0.9276 0.0058 264.5313); --ring: oklch(0.5842 0.1474 247.52); --chart-1: oklch(0.5842 0.1474 247.52); --chart-2: oklch(0.5461 0.2152 262.8809); --chart-3: oklch(0.4882 0.2172 264.3763); --chart-4: oklch(0.4244 0.1809 265.6377); --chart-5: oklch(0.3791 0.1378 265.5222); --sidebar: oklch(0.9846 0.0017 247.8389); --sidebar-foreground: oklch(0.3211 0 0); --sidebar-primary: oklch(0.5842 0.1474 247.52); --sidebar-primary-foreground: oklch(1 0 0); --sidebar-accent: oklch(0.9514 0.025 236.8242); --sidebar-accent-foreground: oklch(0.3791 0.1378 265.5222); --sidebar-border: oklch(0.9276 0.0058 264.5313); --sidebar-ring: oklch(0.5842 0.1474 247.52); --shadow: lch(0 0 0 / 0.088) 0px 9px 48px, lch(0 0 0 / 0.11) 0px 6px 24px, lch(0 0 0 / 0.044) 0px 1px 1px; --shadow-inset: inset 0px 0px 0px 1px #2f3033, 0px 0px 2px 0px rgb(0, 0, 0), 0px 1px 3px 0px rgba(0, 0, 0, 0.08); } .dark { --background: var(--dark-background); --foreground: var(--dark-foreground); --card: var(--dark-card); --card-foreground: var(--dark-card-foreground); --popover: var(--dark-popover); --popover-foreground: var(--dark-popover-foreground); --primary: var(--dark-primary); --primary-foreground: var(--dark-primary-foreground); --secondary: var(--dark-secondary); --secondary-foreground: var(--dark-secondary-foreground); --muted: var(--dark-muted); --muted-foreground: var(--dark-muted-foreground); --accent: var(--dark-accent); --accent-foreground: var(--dark-accent-foreground); --destructive: var(--dark-destructive); --destructive-foreground: var(--dark-destructive-foreground); --warning: var(--dark-warning); --warning-foreground: var(--dark-warning-foreground); --success: var(--dark-success); --success-foreground: var(--dark-success-foreground); --border: var(--dark-border); --input: var(--dark-input); --ring: var(--dark-ring); --chart-1: var(--dark-chart-1); --chart-2: var(--dark-chart-2); --chart-3: var(--dark-chart-3); --chart-4: var(--dark-chart-4); --chart-5: var(--dark-chart-5); --sidebar: var(--dark-sidebar); --sidebar-foreground: var(--dark-sidebar-foreground); --sidebar-primary: var(--dark-sidebar-primary); --sidebar-primary-foreground: var(--dark-sidebar-primary-foreground); --sidebar-accent: var(--dark-sidebar-accent); --sidebar-accent-foreground: var(--dark-sidebar-accent-foreground); --sidebar-border: var(--dark-sidebar-border); --sidebar-ring: var(--dark-sidebar-ring); --shadow: var(--dark-shadow); --shadow-inset: var(--dark-shadow-inset); } @layer base { * { border-color: var(--border); outline-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--ring) 50%, transparent); } } body { background-color: var(--background); font-family: "Geist Variable", sans-serif; color: var(--foreground); height: 100vh; width: 100vw; } html { background-color: var(--background); overscroll-behavior-x: none; font-family: "Geist Variable", sans-serif; } [cmdk-list] { max-height: calc(var(--spacing) * 86); transition: height 100ms ease; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 9999s; transition-delay: 9999s; } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes enter { from { opacity: var(--tw-enter-opacity,1); 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)); filter: blur(var(--tw-enter-blur,0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity,1); 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)); filter: blur(var(--tw-exit-blur,0)); } } @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } to { height: 0; } } @keyframes caret-blink { 0%,70%,100% { opacity: 1; } 20%,50% { opacity: 0; } } @keyframes accordion-down { from { height: 0; } to { height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) ); } } @keyframes accordion-up { from { height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) ); } to { height: 0; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } } }