@conscia-labs/design-system 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +488 -0
- package/dist/card-DqFHjLjm.d.ts +22 -0
- package/dist/chunk-5MGPU2JE.js +1764 -0
- package/dist/chunk-5MGPU2JE.js.map +1 -0
- package/dist/chunk-CU3OXBFI.js +664 -0
- package/dist/chunk-CU3OXBFI.js.map +1 -0
- package/dist/chunk-D5LYROOM.js +15 -0
- package/dist/chunk-D5LYROOM.js.map +1 -0
- package/dist/chunk-JU5DQXFC.js +11 -0
- package/dist/chunk-JU5DQXFC.js.map +1 -0
- package/dist/chunk-OX4SN5WX.js +1 -0
- package/dist/chunk-OX4SN5WX.js.map +1 -0
- package/dist/chunk-YHPZ5CQU.js +937 -0
- package/dist/chunk-YHPZ5CQU.js.map +1 -0
- package/dist/foundation/index.d.ts +7 -0
- package/dist/foundation/index.js +12 -0
- package/dist/foundation/index.js.map +1 -0
- package/dist/foundation.css +432 -0
- package/dist/index.d.ts +21 -0
- package/dist/index.js +355 -0
- package/dist/index.js.map +1 -0
- package/dist/patterns/index.d.ts +317 -0
- package/dist/patterns/index.js +109 -0
- package/dist/patterns/index.js.map +1 -0
- package/dist/primitives/index.d.ts +239 -0
- package/dist/primitives/index.js +244 -0
- package/dist/primitives/index.js.map +1 -0
- package/dist/standalone.css +2 -0
- package/dist/styles.css +432 -0
- package/dist/tailwind.css +8 -0
- package/dist/utils/index.d.ts +5 -0
- package/dist/utils/index.js +7 -0
- package/dist/utils/index.js.map +1 -0
- package/package.json +150 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@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-scroll-snap-strictness:proximity;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-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:""}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-normal:0em;--leading-tight:1.25;--leading-snug:1.375;--radius-xs:.125rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-sidebar-active:var(--sidebar-active)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");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;-webkit-text-decoration: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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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)){::placeholder{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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{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)}}html{min-height:100%}body{background:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-sans);font-size:var(--ds-body);text-rendering:optimizelegibility;font-weight:380;line-height:1.5}h1,h2,h3,h4{color:var(--foreground);letter-spacing:0;font-weight:570}button,input,select,textarea{font:inherit}::selection{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in oklab, var(--primary) 22%, transparent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components{[data-slot=tabs-list][data-scroll-position=start],[data-slot=navigation-tabs-list][data-scroll-position=start]{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 1.5rem),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 1.5rem),#0000 100%)}[data-slot=tabs-list][data-scroll-position=middle],[data-slot=navigation-tabs-list][data-scroll-position=middle]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1.5rem calc(100% - 1.5rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1.5rem calc(100% - 1.5rem),#0000 100%)}[data-slot=tabs-list][data-scroll-position=end],[data-slot=navigation-tabs-list][data-scroll-position=end]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1.5rem 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1.5rem 100%)}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-8{right:calc(var(--spacing) * 8)}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-start-2{grid-column-start:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.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-\[var\(--ds-field-message-gap\)\]{margin-top:var(--ds-field-message-gap)}.mt-auto{margin-top:auto}.-ml-2{margin-left:calc(var(--spacing) * -2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.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-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[var\(--ds-control-height\)\]{width:var(--ds-control-height);height:var(--ds-control-height)}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-11{height:calc(var(--spacing) * 11)}.h-\[var\(--ds-control-height\)\]{height:var(--ds-control-height)}.h-\[var\(--ds-control-height-lg\)\]{height:var(--ds-control-height-lg)}.h-\[var\(--ds-control-height-sm\)\]{height:var(--ds-control-height-sm)}.h-\[var\(--ds-field-control-height\)\]{height:var(--ds-field-control-height)}.h-\[var\(--ds-row-height\)\]{height:var(--ds-row-height)}.h-\[var\(--ds-tab-rail-height\)\]{height:var(--ds-tab-rail-height)}.h-\[var\(--ds-tab-rail-height-compact\)\]{height:var(--ds-tab-rail-height-compact)}.h-\[var\(--ds-table-header-height\)\]{height:var(--ds-table-header-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[32rem\]{max-height:32rem}.max-h-\[min\(42rem\,calc\(100vh-2rem\)\)\]{max-height:min(42rem,100vh - 2rem)}.min-h-0{min-height:0}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-72{min-height:calc(var(--spacing) * 72)}.min-h-\[var\(--ds-control-height\)\]{min-height:var(--ds-control-height)}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-24{width:calc(var(--spacing) * 24)}.w-36{width:calc(var(--spacing) * 36)}.w-44{width:calc(var(--spacing) * 44)}.w-72{width:calc(var(--spacing) * 72)}.w-\[4\.5rem\]{width:4.5rem}.w-\[var\(--ds-app-sidebar-width\)\]{width:var(--ds-app-sidebar-width)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[48rem\]{max-width:48rem}.max-w-\[64rem\]{max-width:64rem}.max-w-\[86rem\]{max-width:86rem}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-72{min-width:calc(var(--spacing) * 72)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);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-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.scroll-my-1{scroll-margin-block:var(--spacing)}.scroll-px-2{scroll-padding-inline:calc(var(--spacing) * 2)}.\[scrollbar-width\:none\]{scrollbar-width: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-\[1rem_minmax\(0\,1fr\)\]{grid-template-columns:1rem minmax(0,1fr)}.grid-cols-\[2\.5rem_minmax\(0\,1fr\)\]{grid-template-columns:2.5rem minmax(0,1fr)}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-rows-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-rows:auto minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.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-\[var\(--ds-field-gap\)\]{gap:var(--ds-field-gap)}.gap-\[var\(--ds-field-label-gap\)\]{gap:var(--ds-field-label-gap)}.gap-\[var\(--ds-space-control\)\]{gap:var(--ds-space-control)}.gap-\[var\(--ds-space-field\)\]{gap:var(--ds-space-field)}.gap-\[var\(--ds-space-group\)\]{gap:var(--ds-space-group)}.gap-\[var\(--ds-space-section\)\]{gap:var(--ds-space-section)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}:where(.divide-y>: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)))}:where(.divide-border-subtle>:not(:last-child)){border-color:var(--border-subtle)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[calc\(var\(--ds-radius-control\)-2px\)\]{border-radius:calc(var(--ds-radius-control) - 2px)}.rounded-\[var\(--ds-field-control-radius\)\]{border-radius:var(--ds-field-control-radius)}.rounded-\[var\(--ds-radius-control\)\]{border-radius:var(--ds-radius-control)}.rounded-\[var\(--ds-radius-surface\)\]{border-radius:var(--ds-radius-surface)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-\[var\(--ds-radius-control\)\]{border-top-left-radius:var(--ds-radius-control);border-top-right-radius:var(--ds-radius-control)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border-default{border-color:var(--border-default)}.border-border-subtle{border-color:var(--border-subtle)}.border-brand-secondary-border{border-color:var(--brand-secondary-border)}.border-card{border-color:var(--card)}.border-danger-border{border-color:var(--danger-border)}.border-information-border{border-color:var(--information-border)}.border-input{border-color:var(--input)}.border-neutral-border{border-color:var(--neutral-border)}.border-primary{border-color:var(--primary)}.border-selection-border{border-color:var(--selection-border)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-success-border{border-color:var(--success-border)}.border-transparent{border-color:#0000}.border-warning-border{border-color:var(--warning-border)}.bg-background,.bg-background\/96{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/96{background-color:color-mix(in oklab, var(--background) 96%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-border{background-color:var(--border)}.bg-border-subtle{background-color:var(--border-subtle)}.bg-brand{background-color:var(--brand)}.bg-brand-secondary-background{background-color:var(--brand-secondary-background)}.bg-canvas{background-color:var(--canvas)}.bg-card{background-color:var(--card)}.bg-danger{background-color:var(--danger)}.bg-danger-background,.bg-danger-background\/60{background-color:var(--danger-background)}@supports (color:color-mix(in lab, red, red)){.bg-danger-background\/60{background-color:color-mix(in oklab, var(--danger-background) 60%, transparent)}}.bg-danger-foreground{background-color:var(--danger-foreground)}.bg-foreground{background-color:var(--foreground)}.bg-information-background{background-color:var(--information-background)}.bg-muted{background-color:var(--muted)}.bg-neutral-background{background-color:var(--neutral-background)}.bg-neutral-foreground{background-color:var(--neutral-foreground)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-selection-background{background-color:var(--selection-background)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-accent{background-color:var(--sidebar-accent)}.bg-sidebar-active{background-color:var(--sidebar-active)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-success-background{background-color:var(--success-background)}.bg-success-foreground{background-color:var(--success-foreground)}.bg-surface{background-color:var(--surface)}.bg-surface-floating{background-color:var(--surface-floating)}.bg-surface-muted{background-color:var(--surface-muted)}.bg-surface-overlay{background-color:var(--surface-overlay)}.bg-surface-raised{background-color:var(--surface-raised)}.bg-warning-background{background-color:var(--warning-background)}.bg-warning-foreground{background-color:var(--warning-foreground)}.fill-foreground{fill:var(--foreground)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.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-\[var\(--ds-space-section\)\]{padding:var(--ds-space-section)}.p-\[var\(--ds-surface-padding\)\]{padding:var(--ds-surface-padding)}.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-9{padding-inline:calc(var(--spacing) * 9)}.px-\[var\(--ds-field-control-padding-x\)\]{padding-inline:var(--ds-field-control-padding-x)}.px-\[var\(--ds-surface-padding\)\]{padding-inline:var(--ds-surface-padding)}.px-\[var\(--ds-tab-padding-x\)\]{padding-inline:var(--ds-tab-padding-x)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.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-12{padding-block:calc(var(--spacing) * 12)}.py-\[var\(--ds-space-section\)\]{padding-block:var(--ds-space-section)}.py-\[var\(--ds-surface-padding\)\]{padding-block:var(--ds-surface-padding)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-1{padding-right:var(--spacing)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-1{padding-bottom:var(--spacing)}.pb-\[var\(--ds-space-section\)\]{padding-bottom:var(--ds-space-section)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[10px\]{font-size:10px}.text-\[length\:var\(--ds-field-label-size\)\]{font-size:var(--ds-field-label-size)}.text-\[length\:var\(--ds-menu-item-size\)\]{font-size:var(--ds-menu-item-size)}.text-\[length\:var\(--ds-menu-label-size\)\]{font-size:var(--ds-menu-label-size)}.text-\[length\:var\(--ds-page-title\)\]{font-size:var(--ds-page-title)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[var\(--ds-field-label-line-height\)\]{--tw-leading:var(--ds-field-label-line-height);line-height:var(--ds-field-label-line-height)}.leading-none{--tw-leading:1;line-height:1}.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-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--ds-metadata\)\]{color:var(--ds-metadata)}.text-\[var\(--ds-page-title\)\]{color:var(--ds-page-title)}.text-\[var\(--ds-section-title\)\]{color:var(--ds-section-title)}.text-background{color:var(--background)}.text-brand-foreground{color:var(--brand-foreground)}.text-brand-secondary{color:var(--brand-secondary)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-danger-foreground{color:var(--danger-foreground)}.text-foreground{color:var(--foreground)}.text-information-foreground{color:var(--information-foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-neutral-foreground{color:var(--neutral-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-selection-foreground{color:var(--selection-foreground)}.text-sidebar-active-foreground{color:var(--sidebar-active-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/52{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/52{color:color-mix(in oklab, var(--sidebar-foreground) 52%, transparent)}}.text-sidebar-foreground\/62{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/62{color:color-mix(in oklab, var(--sidebar-foreground) 62%, transparent)}}.text-sidebar-foreground\/72{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/72{color:color-mix(in oklab, var(--sidebar-foreground) 72%, transparent)}}.text-sidebar-foreground\/78{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/78{color:color-mix(in oklab, var(--sidebar-foreground) 78%, transparent)}}.text-success-foreground{color:var(--success-foreground)}.text-text-link{color:var(--text-link)}.text-text-muted{color:var(--text-muted)}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-text-supporting{color:var(--text-supporting)}.text-warning-foreground{color:var(--warning-foreground)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\[inset_2px_0_0_var\(--selection-indicator\)\]{--tw-shadow:inset 2px 0 0 var(--tw-shadow-color,var(--selection-indicator));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_2px_0_0_var\(--sidebar-active-indicator\)\]{--tw-shadow:inset 2px 0 0 var(--tw-shadow-color,var(--sidebar-active-indicator));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--ds-shadow-floating\)\]{--tw-shadow:var(--ds-shadow-floating);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--ds-shadow-raised\)\]{--tw-shadow:var(--ds-shadow-raised);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,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);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,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);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-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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,#0000000d);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)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition-\[background-color\,color\,box-shadow\]{transition-property:background-color,color,box-shadow;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-\[padding\]{transition-property: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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.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;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--ds-app-sidebar-width-mobile\:18rem\]{--ds-app-sidebar-width-mobile:18rem}.\[--ds-app-sidebar-width\:16rem\]{--ds-app-sidebar-width:16rem}.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:.5}.group-data-\[sidebar-state\=collapsed\]\/shell\:hidden:is(:where(.group\/shell)[data-sidebar-state=collapsed] *){display:none}.group-data-\[sidebar-state\=collapsed\]\/shell\:w-\[var\(--ds-app-sidebar-width\)\]:is(:where(.group\/shell)[data-sidebar-state=collapsed] *){width:var(--ds-app-sidebar-width)}.group-data-\[sidebar-state\=collapsed\]\/shell\:justify-center:is(:where(.group\/shell)[data-sidebar-state=collapsed] *){justify-content:center}.group-data-\[sidebar-state\=collapsed\]\/shell\:px-0:is(:where(.group\/shell)[data-sidebar-state=collapsed] *){padding-inline:0}.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\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[state\=open\]\/collapsible\:rotate-90:is(:where(.group\/collapsible)[data-state=open] *){rotate:90deg}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-x-0:after{content:var(--tw-content);inset-inline:0}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:h-0\.5:after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.after\:bg-transparent:after{content:var(--tw-content);background-color:#0000}.after\:transition-colors:after{content:var(--tw-content);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))}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:bg-accent-hover:hover{background-color:var(--accent-hover)}.hover\:bg-danger\/90:hover{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-danger\/90:hover{background-color:color-mix(in oklab, var(--danger) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:bg-sidebar-active:hover{background-color:var(--sidebar-active)}.hover\:bg-surface-muted:hover,.hover\:bg-surface-muted\/70:hover{background-color:var(--surface-muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-surface-muted\/70:hover{background-color:color-mix(in oklab, var(--surface-muted) 70%, transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-sidebar-active-foreground:hover{color:var(--sidebar-active-foreground)}.hover\:text-sidebar-foreground:hover{color:var(--sidebar-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-selection-background:focus{background-color:var(--selection-background)}.focus\:bg-surface-muted:focus{background-color:var(--surface-muted)}.focus\:text-foreground:focus{color:var(--foreground)}.focus\:text-selection-foreground:focus{color:var(--selection-foreground)}.focus\:ring-2:focus{--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\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--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\:ring-offset-background:focus{--tw-ring-offset-color:var(--background)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:bg-surface-muted:focus-visible{background-color:var(--surface-muted)}.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,.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-danger\/20:focus-visible{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-danger\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.focus-visible\:ring-ring\/35:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/35:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 35%, transparent)}}.focus-visible\:ring-ring\/45:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/45:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 45%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:ring-ring\/60:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 60%, transparent)}}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:bg-accent-active:active{background-color:var(--accent-active)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-3\.5:has(>svg){padding-inline:calc(var(--spacing) * 3.5)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-danger[aria-invalid=true]{border-color:var(--danger)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-danger\/20[aria-invalid=true]{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-danger\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.aria-pressed\:bg-background[aria-pressed=true]{background-color:var(--background)}.aria-pressed\:text-foreground[aria-pressed=true]{color:var(--foreground)}.aria-pressed\:shadow-xs[aria-pressed=true]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);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\=false\]\:text-muted-foreground[data-active=false]{color:var(--muted-foreground)}@media (hover:hover){.data-\[active\=false\]\:hover\:text-foreground[data-active=false]:hover{color:var(--foreground)}}.data-\[active\=true\]\:bg-selection-background[data-active=true]{background-color:var(--selection-background)}.data-\[active\=true\]\:bg-surface-muted[data-active=true]{background-color:var(--surface-muted)}.data-\[active\=true\]\:font-semibold[data-active=true]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.data-\[active\=true\]\:text-selection-foreground[data-active=true]{color:var(--selection-foreground)}.data-\[active\=true\]\:after\:bg-selection-indicator[data-active=true]:after{content:var(--tw-content);background-color:var(--selection-indicator)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\=true\]\:pl-8[data-inset=true]{padding-left:calc(var(--spacing) * 8)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[sidebar-state\=collapsed\]\:\[--ds-app-sidebar-width\:3\.5rem\][data-sidebar-state=collapsed]{--ds-app-sidebar-width:3.5rem}.data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{height:1.15rem}.data-\[size\=default\]\:h-\[var\(--ds-field-control-height\)\][data-size=default]{height:var(--ds-field-control-height)}.data-\[size\=default\]\:w-8[data-size=default]{width:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-3\.5[data-size=sm]{height:calc(var(--spacing) * 3.5)}.data-\[size\=sm\]\:h-\[var\(--ds-control-height-sm\)\][data-size=sm]{height:var(--ds-control-height-sm)}.data-\[size\=sm\]\:w-6[data-size=sm]{width:calc(var(--spacing) * 6)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:bg-selection-background[data-state=active]{background-color:var(--selection-background)}.data-\[state\=active\]\:font-semibold[data-state=active]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:text-selection-foreground[data-state=active]{color:var(--selection-foreground)}.data-\[state\=active\]\:shadow-xs[data-state=active]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=active\]\:after\:bg-selection-indicator[data-state=active]:after{content:var(--tw-content);background-color:var(--selection-indicator)}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=selected\]\:bg-accent-background[data-state=selected]{background-color:var(--accent-background)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[variant\=destructive\]\:text-danger-foreground[data-variant=destructive]{color:var(--danger-foreground)}.data-\[variant\=destructive\]\:focus\:bg-danger-background[data-variant=destructive]:focus{background-color:var(--danger-background)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-\[backdrop-filter\]\:bg-background\/88{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-\[backdrop-filter\]\:bg-background\/88{background-color:color-mix(in oklab, var(--background) 88%, transparent)}}}@media (min-width:40rem){.sm\:w-auto{width:auto}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:min-w-48{min-width:calc(var(--spacing) * 48)}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.data-\[size\=default\]\:sm\:max-w-lg[data-size=default]{max-width:var(--container-lg)}.data-\[size\=large\]\:sm\:max-w-3xl[data-size=large]{max-width:var(--container-3xl)}.data-\[size\=small\]\:sm\:max-w-sm[data-size=small]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:w-\[20rem\]{width:20rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:px-\[var\(--ds-space-page\)\]{padding-inline:var(--ds-space-page)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[calc\(var\(--ds-sidebar-item-height\)-0\.25rem\)\]{height:calc(var(--ds-sidebar-item-height) - .25rem)}.lg\:h-\[var\(--ds-sidebar-item-height\)\]{height:var(--ds-sidebar-item-height)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:justify-end{justify-content:flex-end}.group-data-\[sidebar-side\=left\]\/shell\:lg\:pl-\[var\(--ds-app-sidebar-width\)\]:is(:where(.group\/shell)[data-sidebar-side=left] *){padding-left:var(--ds-app-sidebar-width)}.group-data-\[sidebar-side\=right\]\/shell\:lg\:pr-\[var\(--ds-app-sidebar-width\)\]:is(:where(.group\/shell)[data-sidebar-side=right] *){padding-right:var(--ds-app-sidebar-width)}}@media (min-width:80rem){.xl\:w-\[24rem\]{width:24rem}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1fr\)_22rem\]{grid-template-columns:minmax(0,1fr) 22rem}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:bg-sidebar:is(.dark *){background-color:var(--sidebar)}.dark\:focus-visible\:ring-danger\/40:is(.dark *):focus-visible{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-danger\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.dark\:aria-invalid\:ring-danger\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-danger\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--danger) 40%, 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)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab, var(--input) 80%, transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\]\:border-border-subtle tr{border-color:var(--border-subtle)}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:nth-child\(-n\+2\)\]\:border-b:nth-child(-n+2){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@media (min-width:64rem){.lg\:\[\&\:nth-child\(-n\+2\)\]\:border-b-0:nth-child(-n+2){border-bottom-style:var(--tw-border-style);border-bottom-width:0}}.\[\&\>\[data-slot\=sheet-close\]\]\:top-3>[data-slot=sheet-close]{top:calc(var(--spacing) * 3)}.\[\&\>\[data-slot\=sheet-close\]\]\:right-3>[data-slot=sheet-close]{right:calc(var(--spacing) * 3)}.\[\&\>\[data-slot\=sheet-close\]\]\:text-sidebar-foreground\/64>[data-slot=sheet-close]{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=sheet-close\]\]\:text-sidebar-foreground\/64>[data-slot=sheet-close]{color:color-mix(in oklab, var(--sidebar-foreground) 64%, transparent)}}@media (hover:hover){.\[\&\>\[data-slot\=sheet-close\]\]\:hover\:text-sidebar-foreground>[data-slot=sheet-close]:hover{color:var(--sidebar-foreground)}}.\[\&\>svg\]\:mt-0\.5>svg{margin-top:calc(var(--spacing) * .5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-5>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:stroke-\[1\.75\]>svg{stroke-width:1.75px}}@keyframes ds-sidebar-expand{0%{opacity:0;height:0}to{height:var(--radix-collapsible-content-height);opacity:1}}@keyframes ds-sidebar-collapse{0%{height:var(--radix-collapsible-content-height);opacity:1}to{opacity:0;height:0}}[data-slot=sidebar-collapsible-content][data-state=open]{animation:.18s cubic-bezier(.2,0,0,1) ds-sidebar-expand}[data-slot=sidebar-collapsible-content][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) ds-sidebar-collapse}@media (prefers-reduced-motion:reduce){[data-slot=sidebar-collapsible-content]{animation:none!important}}:root,[data-appearance-scope=light]{color-scheme:light;--radius:.5rem;--background:#f9f9fa;--foreground:#140c15;--card:#fff;--card-foreground:#140c15;--popover:#fff;--popover-foreground:#140c15;--brand:#4962ff;--brand-foreground:#fff;--brand-secondary:#1c4e51;--brand-secondary-foreground:#fff;--brand-secondary-background:#eaf3f1;--brand-secondary-border:#b2d4cf;--primary:#3f55df;--primary-foreground:#fff;--secondary:#1e0721;--secondary-foreground:#fff;--muted:#f3f4f5;--muted-foreground:#5f6270;--accent:#3f55df;--accent-hover:#3344c7;--accent-active:#293999;--accent-background:#eef0ff;--accent-foreground:#fff;--selection-background:#f0f1f6;--selection-border:#aeb6e3;--selection-indicator:#6672dc;--selection-foreground:#242a44;--destructive:#c44a53;--border:#e4e5e5;--input:#e4e5e5;--ring:#6371d9;--canvas:var(--background);--surface:var(--card);--surface-muted:#f3f4f5;--surface-raised:#fff;--surface-floating:#fff;--surface-overlay:#fff;--text-primary:var(--foreground);--text-secondary:#373b4a;--text-supporting:#5f6270;--text-muted:#838692;--text-disabled:#a7a9b3;--text-inverse:#fff;--text-link:#3f4da8;--border-subtle:#ececed;--border-default:#d9dadd;--border-strong:#babdc5;--border-focus:var(--ring);--information:#28758a;--information-background:#eaf5f7;--information-border:#b8dce3;--information-foreground:#194d5a;--success:#1c6b62;--success-background:#e7f5f2;--success-border:#a3d6cf;--success-foreground:#164946;--warning:#9a6500;--warning-background:#fff4d8;--warning-border:#ffd083;--warning-foreground:#654000;--danger:#c44a53;--danger-background:#ffe8e9;--danger-border:#ffa1a8;--danger-foreground:#822c35;--neutral:#5f6270;--neutral-background:#f3f4f5;--neutral-border:#d9dadd;--neutral-foreground:#373b4a;--sidebar:#19141a;--sidebar-foreground:#fff;--sidebar-accent:#ffffff12;--sidebar-active:#ffffff17;--sidebar-active-foreground:#fff;--sidebar-active-indicator:#7f8ae8;--sidebar-border:#ffffff14;--font-sans:"Saans", "Inter", "Aptos", "Segoe UI", Arial, sans-serif;--ds-space-inline:.5rem;--ds-space-control:.625rem;--ds-field-gap:1.25rem;--ds-field-label-gap:.5rem;--ds-field-message-gap:.375rem;--ds-field-control-height:2.75rem;--ds-field-control-padding-x:.875rem;--ds-field-control-radius:.5rem;--ds-field-label-size:.8125rem;--ds-field-label-line-height:1.25rem;--ds-space-field:var(--ds-field-gap);--ds-space-group:1.25rem;--ds-space-section:2rem;--ds-space-page:2.5rem;--ds-tab-padding-x:.875rem;--ds-tab-rail-height:2.75rem;--ds-tab-rail-height-compact:2.5rem;--ds-control-height:2.5rem;--ds-control-height-sm:2rem;--ds-control-height-lg:2.75rem;--ds-control-padding-x:1rem;--ds-sidebar-item-height:2.25rem;--ds-surface-padding:1.25rem;--ds-table-header-height:2.25rem;--ds-row-height:2.75rem;--ds-page-title:1.75rem;--ds-section-title:1.0625rem;--ds-body:.9375rem;--ds-metadata:.8125rem;--ds-menu-item-size:.75rem;--ds-menu-label-size:.6875rem;--ds-radius-control:.375rem;--ds-radius-surface:.5rem;--ds-shadow-raised:0 1px 2px #140c150f;--ds-shadow-floating:0 12px 28px #140c151a;--ds-focus-ring:0 0 0 3px var(--ring)}@supports (color:color-mix(in lab, red, red)){:root,[data-appearance-scope=light]{--ds-focus-ring:0 0 0 3px color-mix(in oklab, var(--ring) 26%, transparent)}}:root[data-density=compact]{--ds-space-inline:.375rem;--ds-space-control:.5rem;--ds-space-field:1rem;--ds-space-group:1rem;--ds-space-section:1.5rem;--ds-space-page:2rem;--ds-tab-padding-x:.75rem;--ds-tab-rail-height:2.5rem;--ds-tab-rail-height-compact:2.25rem;--ds-control-height:2rem;--ds-control-height-sm:1.75rem;--ds-control-height-lg:2.25rem;--ds-control-padding-x:.75rem;--ds-sidebar-item-height:2rem;--ds-surface-padding:1rem;--ds-table-header-height:2rem;--ds-row-height:2.5rem;--ds-field-gap:1rem;--ds-page-title:1.5rem;--ds-section-title:.9375rem;--ds-body:.875rem;--ds-metadata:.75rem}:root.dark,:root[data-appearance=dark]{color-scheme:dark;--background:#111214;--foreground:#f7f7f8;--card:#191a1e;--card-foreground:#f7f7f8;--popover:#202126;--popover-foreground:#f7f7f8;--brand:#6b7cff;--brand-foreground:#fff;--brand-secondary:#a3d6cf;--brand-secondary-foreground:#102a2c;--brand-secondary-background:#162c2d;--brand-secondary-border:#315c59;--primary:#5965cc;--primary-foreground:#fff;--secondary:#f3f4f5;--secondary-foreground:#17181b;--muted:#25272d;--muted-foreground:#c5c7cf;--accent:#5965cc;--accent-hover:#5f6bd2;--accent-active:#505bb8;--accent-background:#252a46;--accent-foreground:#fff;--selection-background:#272a35;--selection-border:#555e92;--selection-indicator:#7c86df;--selection-foreground:#f2f3f8;--destructive:#ffa1a8;--border:#ffffff26;--input:#ffffff26;--ring:#7c86df;--canvas:var(--background);--surface:var(--card);--surface-muted:#25272d;--surface-raised:#1d1f24;--surface-floating:#22242a;--surface-overlay:#282a31;--text-primary:var(--foreground);--text-secondary:#e7e8eb;--text-supporting:#c5c7cf;--text-muted:#989ba5;--text-disabled:#696c75;--text-inverse:#17181b;--text-link:#aeb6ef;--border-subtle:#ffffff14;--border-default:#ffffff21;--border-strong:#ffffff38;--border-focus:var(--ring);--information:#8ed4df;--information-background:#163238;--information-border:#346b75;--information-foreground:#d9f2f5;--success:#a3d6cf;--success-background:#143b3d;--success-border:#2f7471;--success-foreground:#d8eeeb;--warning:#ffd083;--warning-background:#4b350c;--warning-border:#8a650f;--warning-foreground:#fff4d8;--danger:#ffa1a8;--danger-background:#55212a;--danger-border:#9d3c48;--danger-foreground:#ffe8e9;--neutral:#a7a9b3;--neutral-background:#25272d;--neutral-border:#ffffff24;--neutral-foreground:#f3f4f5;--sidebar:#151116;--sidebar-foreground:#fff;--sidebar-accent:#ffffff12;--sidebar-active:#ffffff17;--sidebar-active-foreground:#fff;--sidebar-active-indicator:#7c86df;--sidebar-border:#ffffff14;--ds-shadow-raised:0 1px 2px #00000047;--ds-shadow-floating:0 16px 32px #00000057}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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:"<percentage>";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:"<percentage>";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:"<length>";inherits:false;initial-value:0}@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-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:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1,432 @@
|
|
|
1
|
+
@custom-variant dark (&:is(.dark *));
|
|
2
|
+
|
|
3
|
+
@keyframes ds-sidebar-expand {
|
|
4
|
+
from {
|
|
5
|
+
height: 0;
|
|
6
|
+
opacity: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
to {
|
|
10
|
+
height: var(--radix-collapsible-content-height);
|
|
11
|
+
opacity: 1;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@keyframes ds-sidebar-collapse {
|
|
16
|
+
from {
|
|
17
|
+
height: var(--radix-collapsible-content-height);
|
|
18
|
+
opacity: 1;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
to {
|
|
22
|
+
height: 0;
|
|
23
|
+
opacity: 0;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
[data-slot="sidebar-collapsible-content"][data-state="open"] {
|
|
28
|
+
animation: ds-sidebar-expand 180ms cubic-bezier(0.2, 0, 0, 1);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
[data-slot="sidebar-collapsible-content"][data-state="closed"] {
|
|
32
|
+
animation: ds-sidebar-collapse 150ms cubic-bezier(0.4, 0, 1, 1);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@media (prefers-reduced-motion: reduce) {
|
|
36
|
+
[data-slot="sidebar-collapsible-content"] {
|
|
37
|
+
animation: none !important;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
:root,
|
|
42
|
+
[data-appearance-scope="light"] {
|
|
43
|
+
color-scheme: light;
|
|
44
|
+
--radius: 0.5rem;
|
|
45
|
+
--background: #f9f9fa;
|
|
46
|
+
--foreground: #140c15;
|
|
47
|
+
--card: #ffffff;
|
|
48
|
+
--card-foreground: #140c15;
|
|
49
|
+
--popover: #ffffff;
|
|
50
|
+
--popover-foreground: #140c15;
|
|
51
|
+
--brand: #4962ff;
|
|
52
|
+
--brand-foreground: #ffffff;
|
|
53
|
+
--brand-secondary: #1c4e51;
|
|
54
|
+
--brand-secondary-foreground: #ffffff;
|
|
55
|
+
--brand-secondary-background: #eaf3f1;
|
|
56
|
+
--brand-secondary-border: #b2d4cf;
|
|
57
|
+
--primary: #3f55df;
|
|
58
|
+
--primary-foreground: #ffffff;
|
|
59
|
+
--secondary: #1e0721;
|
|
60
|
+
--secondary-foreground: #ffffff;
|
|
61
|
+
--muted: #f3f4f5;
|
|
62
|
+
--muted-foreground: #5f6270;
|
|
63
|
+
--accent: #3f55df;
|
|
64
|
+
--accent-hover: #3344c7;
|
|
65
|
+
--accent-active: #293999;
|
|
66
|
+
--accent-background: #eef0ff;
|
|
67
|
+
--accent-foreground: #ffffff;
|
|
68
|
+
--selection-background: #f0f1f6;
|
|
69
|
+
--selection-border: #aeb6e3;
|
|
70
|
+
--selection-indicator: #6672dc;
|
|
71
|
+
--selection-foreground: #242a44;
|
|
72
|
+
--destructive: #c44a53;
|
|
73
|
+
--border: #e4e5e5;
|
|
74
|
+
--input: #e4e5e5;
|
|
75
|
+
--ring: #6371d9;
|
|
76
|
+
--canvas: var(--background);
|
|
77
|
+
--surface: var(--card);
|
|
78
|
+
--surface-muted: #f3f4f5;
|
|
79
|
+
--surface-raised: #ffffff;
|
|
80
|
+
--surface-floating: #ffffff;
|
|
81
|
+
--surface-overlay: #ffffff;
|
|
82
|
+
--text-primary: var(--foreground);
|
|
83
|
+
--text-secondary: #373b4a;
|
|
84
|
+
--text-supporting: #5f6270;
|
|
85
|
+
--text-muted: #838692;
|
|
86
|
+
--text-disabled: #a7a9b3;
|
|
87
|
+
--text-inverse: #ffffff;
|
|
88
|
+
--text-link: #3f4da8;
|
|
89
|
+
--border-subtle: #ececed;
|
|
90
|
+
--border-default: #d9dadd;
|
|
91
|
+
--border-strong: #babdc5;
|
|
92
|
+
--border-focus: var(--ring);
|
|
93
|
+
--information: #28758a;
|
|
94
|
+
--information-background: #eaf5f7;
|
|
95
|
+
--information-border: #b8dce3;
|
|
96
|
+
--information-foreground: #194d5a;
|
|
97
|
+
--success: #1c6b62;
|
|
98
|
+
--success-background: #e7f5f2;
|
|
99
|
+
--success-border: #a3d6cf;
|
|
100
|
+
--success-foreground: #164946;
|
|
101
|
+
--warning: #9a6500;
|
|
102
|
+
--warning-background: #fff4d8;
|
|
103
|
+
--warning-border: #ffd083;
|
|
104
|
+
--warning-foreground: #654000;
|
|
105
|
+
--danger: #c44a53;
|
|
106
|
+
--danger-background: #ffe8e9;
|
|
107
|
+
--danger-border: #ffa1a8;
|
|
108
|
+
--danger-foreground: #822c35;
|
|
109
|
+
--neutral: #5f6270;
|
|
110
|
+
--neutral-background: #f3f4f5;
|
|
111
|
+
--neutral-border: #d9dadd;
|
|
112
|
+
--neutral-foreground: #373b4a;
|
|
113
|
+
--sidebar: #19141a;
|
|
114
|
+
--sidebar-foreground: #ffffff;
|
|
115
|
+
--sidebar-accent: rgb(255 255 255 / 7%);
|
|
116
|
+
--sidebar-active: rgb(255 255 255 / 9%);
|
|
117
|
+
--sidebar-active-foreground: #ffffff;
|
|
118
|
+
--sidebar-active-indicator: #7f8ae8;
|
|
119
|
+
--sidebar-border: rgb(255 255 255 / 8%);
|
|
120
|
+
--font-sans: "Saans", "Inter", "Aptos", "Segoe UI", Arial, sans-serif;
|
|
121
|
+
--ds-space-inline: 0.5rem;
|
|
122
|
+
--ds-space-control: 0.625rem;
|
|
123
|
+
--ds-field-gap: 1.25rem;
|
|
124
|
+
--ds-field-label-gap: 0.5rem;
|
|
125
|
+
--ds-field-message-gap: 0.375rem;
|
|
126
|
+
--ds-field-control-height: 2.75rem;
|
|
127
|
+
--ds-field-control-padding-x: 0.875rem;
|
|
128
|
+
--ds-field-control-radius: 0.5rem;
|
|
129
|
+
--ds-field-label-size: 0.8125rem;
|
|
130
|
+
--ds-field-label-line-height: 1.25rem;
|
|
131
|
+
--ds-space-field: var(--ds-field-gap);
|
|
132
|
+
--ds-space-group: 1.25rem;
|
|
133
|
+
--ds-space-section: 2rem;
|
|
134
|
+
--ds-space-page: 2.5rem;
|
|
135
|
+
--ds-tab-padding-x: 0.875rem;
|
|
136
|
+
--ds-tab-rail-height: 2.75rem;
|
|
137
|
+
--ds-tab-rail-height-compact: 2.5rem;
|
|
138
|
+
--ds-control-height: 2.5rem;
|
|
139
|
+
--ds-control-height-sm: 2rem;
|
|
140
|
+
--ds-control-height-lg: 2.75rem;
|
|
141
|
+
--ds-control-padding-x: 1rem;
|
|
142
|
+
--ds-sidebar-item-height: 2.25rem;
|
|
143
|
+
--ds-surface-padding: 1.25rem;
|
|
144
|
+
--ds-table-header-height: 2.25rem;
|
|
145
|
+
--ds-row-height: 2.75rem;
|
|
146
|
+
--ds-page-title: 1.75rem;
|
|
147
|
+
--ds-section-title: 1.0625rem;
|
|
148
|
+
--ds-body: 0.9375rem;
|
|
149
|
+
--ds-metadata: 0.8125rem;
|
|
150
|
+
--ds-menu-item-size: 0.75rem;
|
|
151
|
+
--ds-menu-label-size: 0.6875rem;
|
|
152
|
+
--ds-radius-control: 0.375rem;
|
|
153
|
+
--ds-radius-surface: 0.5rem;
|
|
154
|
+
--ds-shadow-raised: 0 1px 2px rgb(20 12 21 / 6%);
|
|
155
|
+
--ds-shadow-floating: 0 12px 28px rgb(20 12 21 / 10%);
|
|
156
|
+
--ds-focus-ring: 0 0 0 3px color-mix(in oklab, var(--ring) 26%, transparent);
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
:root[data-density="compact"] {
|
|
160
|
+
--ds-space-inline: 0.375rem;
|
|
161
|
+
--ds-space-control: 0.5rem;
|
|
162
|
+
--ds-space-field: 1rem;
|
|
163
|
+
--ds-space-group: 1rem;
|
|
164
|
+
--ds-space-section: 1.5rem;
|
|
165
|
+
--ds-space-page: 2rem;
|
|
166
|
+
--ds-tab-padding-x: 0.75rem;
|
|
167
|
+
--ds-tab-rail-height: 2.5rem;
|
|
168
|
+
--ds-tab-rail-height-compact: 2.25rem;
|
|
169
|
+
--ds-control-height: 2rem;
|
|
170
|
+
--ds-control-height-sm: 1.75rem;
|
|
171
|
+
--ds-control-height-lg: 2.25rem;
|
|
172
|
+
--ds-control-padding-x: 0.75rem;
|
|
173
|
+
--ds-sidebar-item-height: 2rem;
|
|
174
|
+
--ds-surface-padding: 1rem;
|
|
175
|
+
--ds-table-header-height: 2rem;
|
|
176
|
+
--ds-row-height: 2.5rem;
|
|
177
|
+
--ds-field-gap: 1rem;
|
|
178
|
+
--ds-page-title: 1.5rem;
|
|
179
|
+
--ds-section-title: 0.9375rem;
|
|
180
|
+
--ds-body: 0.875rem;
|
|
181
|
+
--ds-metadata: 0.75rem;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
:root.dark,
|
|
185
|
+
:root[data-appearance="dark"] {
|
|
186
|
+
color-scheme: dark;
|
|
187
|
+
--background: #111214;
|
|
188
|
+
--foreground: #f7f7f8;
|
|
189
|
+
--card: #191a1e;
|
|
190
|
+
--card-foreground: #f7f7f8;
|
|
191
|
+
--popover: #202126;
|
|
192
|
+
--popover-foreground: #f7f7f8;
|
|
193
|
+
--brand: #6b7cff;
|
|
194
|
+
--brand-foreground: #ffffff;
|
|
195
|
+
--brand-secondary: #a3d6cf;
|
|
196
|
+
--brand-secondary-foreground: #102a2c;
|
|
197
|
+
--brand-secondary-background: #162c2d;
|
|
198
|
+
--brand-secondary-border: #315c59;
|
|
199
|
+
--primary: #5965cc;
|
|
200
|
+
--primary-foreground: #ffffff;
|
|
201
|
+
--secondary: #f3f4f5;
|
|
202
|
+
--secondary-foreground: #17181b;
|
|
203
|
+
--muted: #25272d;
|
|
204
|
+
--muted-foreground: #c5c7cf;
|
|
205
|
+
--accent: #5965cc;
|
|
206
|
+
--accent-hover: #5f6bd2;
|
|
207
|
+
--accent-active: #505bb8;
|
|
208
|
+
--accent-background: #252a46;
|
|
209
|
+
--accent-foreground: #ffffff;
|
|
210
|
+
--selection-background: #272a35;
|
|
211
|
+
--selection-border: #555e92;
|
|
212
|
+
--selection-indicator: #7c86df;
|
|
213
|
+
--selection-foreground: #f2f3f8;
|
|
214
|
+
--destructive: #ffa1a8;
|
|
215
|
+
--border: rgb(255 255 255 / 15%);
|
|
216
|
+
--input: rgb(255 255 255 / 15%);
|
|
217
|
+
--ring: #7c86df;
|
|
218
|
+
--canvas: var(--background);
|
|
219
|
+
--surface: var(--card);
|
|
220
|
+
--surface-muted: #25272d;
|
|
221
|
+
--surface-raised: #1d1f24;
|
|
222
|
+
--surface-floating: #22242a;
|
|
223
|
+
--surface-overlay: #282a31;
|
|
224
|
+
--text-primary: var(--foreground);
|
|
225
|
+
--text-secondary: #e7e8eb;
|
|
226
|
+
--text-supporting: #c5c7cf;
|
|
227
|
+
--text-muted: #989ba5;
|
|
228
|
+
--text-disabled: #696c75;
|
|
229
|
+
--text-inverse: #17181b;
|
|
230
|
+
--text-link: #aeb6ef;
|
|
231
|
+
--border-subtle: rgb(255 255 255 / 8%);
|
|
232
|
+
--border-default: rgb(255 255 255 / 13%);
|
|
233
|
+
--border-strong: rgb(255 255 255 / 22%);
|
|
234
|
+
--border-focus: var(--ring);
|
|
235
|
+
--information: #8ed4df;
|
|
236
|
+
--information-background: #163238;
|
|
237
|
+
--information-border: #346b75;
|
|
238
|
+
--information-foreground: #d9f2f5;
|
|
239
|
+
--success: #a3d6cf;
|
|
240
|
+
--success-background: #143b3d;
|
|
241
|
+
--success-border: #2f7471;
|
|
242
|
+
--success-foreground: #d8eeeb;
|
|
243
|
+
--warning: #ffd083;
|
|
244
|
+
--warning-background: #4b350c;
|
|
245
|
+
--warning-border: #8a650f;
|
|
246
|
+
--warning-foreground: #fff4d8;
|
|
247
|
+
--danger: #ffa1a8;
|
|
248
|
+
--danger-background: #55212a;
|
|
249
|
+
--danger-border: #9d3c48;
|
|
250
|
+
--danger-foreground: #ffe8e9;
|
|
251
|
+
--neutral: #a7a9b3;
|
|
252
|
+
--neutral-background: #25272d;
|
|
253
|
+
--neutral-border: rgb(255 255 255 / 14%);
|
|
254
|
+
--neutral-foreground: #f3f4f5;
|
|
255
|
+
--sidebar: #151116;
|
|
256
|
+
--sidebar-foreground: #ffffff;
|
|
257
|
+
--sidebar-accent: rgb(255 255 255 / 7%);
|
|
258
|
+
--sidebar-active: rgb(255 255 255 / 9%);
|
|
259
|
+
--sidebar-active-foreground: #ffffff;
|
|
260
|
+
--sidebar-active-indicator: #7c86df;
|
|
261
|
+
--sidebar-border: rgb(255 255 255 / 8%);
|
|
262
|
+
--ds-shadow-raised: 0 1px 2px rgb(0 0 0 / 28%);
|
|
263
|
+
--ds-shadow-floating: 0 16px 32px rgb(0 0 0 / 34%);
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
@theme inline {
|
|
267
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
268
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
269
|
+
--radius-lg: var(--radius);
|
|
270
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
271
|
+
--color-background: var(--background);
|
|
272
|
+
--color-foreground: var(--foreground);
|
|
273
|
+
--color-card: var(--card);
|
|
274
|
+
--color-card-foreground: var(--card-foreground);
|
|
275
|
+
--color-popover: var(--popover);
|
|
276
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
277
|
+
--color-brand: var(--brand);
|
|
278
|
+
--color-brand-foreground: var(--brand-foreground);
|
|
279
|
+
--color-brand-secondary: var(--brand-secondary);
|
|
280
|
+
--color-brand-secondary-foreground: var(--brand-secondary-foreground);
|
|
281
|
+
--color-brand-secondary-background: var(--brand-secondary-background);
|
|
282
|
+
--color-brand-secondary-border: var(--brand-secondary-border);
|
|
283
|
+
--color-primary: var(--primary);
|
|
284
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
285
|
+
--color-secondary: var(--secondary);
|
|
286
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
287
|
+
--color-muted: var(--muted);
|
|
288
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
289
|
+
--color-accent: var(--accent);
|
|
290
|
+
--color-accent-hover: var(--accent-hover);
|
|
291
|
+
--color-accent-active: var(--accent-active);
|
|
292
|
+
--color-accent-background: var(--accent-background);
|
|
293
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
294
|
+
--color-selection-background: var(--selection-background);
|
|
295
|
+
--color-selection-border: var(--selection-border);
|
|
296
|
+
--color-selection-indicator: var(--selection-indicator);
|
|
297
|
+
--color-selection-foreground: var(--selection-foreground);
|
|
298
|
+
--color-destructive: var(--destructive);
|
|
299
|
+
--color-information: var(--information);
|
|
300
|
+
--color-information-background: var(--information-background);
|
|
301
|
+
--color-information-border: var(--information-border);
|
|
302
|
+
--color-information-foreground: var(--information-foreground);
|
|
303
|
+
--color-success: var(--success);
|
|
304
|
+
--color-success-background: var(--success-background);
|
|
305
|
+
--color-success-border: var(--success-border);
|
|
306
|
+
--color-success-foreground: var(--success-foreground);
|
|
307
|
+
--color-warning: var(--warning);
|
|
308
|
+
--color-warning-background: var(--warning-background);
|
|
309
|
+
--color-warning-border: var(--warning-border);
|
|
310
|
+
--color-warning-foreground: var(--warning-foreground);
|
|
311
|
+
--color-danger: var(--danger);
|
|
312
|
+
--color-danger-background: var(--danger-background);
|
|
313
|
+
--color-danger-border: var(--danger-border);
|
|
314
|
+
--color-danger-foreground: var(--danger-foreground);
|
|
315
|
+
--color-neutral: var(--neutral);
|
|
316
|
+
--color-neutral-background: var(--neutral-background);
|
|
317
|
+
--color-neutral-border: var(--neutral-border);
|
|
318
|
+
--color-neutral-foreground: var(--neutral-foreground);
|
|
319
|
+
--color-border: var(--border);
|
|
320
|
+
--color-input: var(--input);
|
|
321
|
+
--color-ring: var(--ring);
|
|
322
|
+
--color-canvas: var(--canvas);
|
|
323
|
+
--color-surface: var(--surface);
|
|
324
|
+
--color-surface-muted: var(--surface-muted);
|
|
325
|
+
--color-surface-raised: var(--surface-raised);
|
|
326
|
+
--color-surface-floating: var(--surface-floating);
|
|
327
|
+
--color-surface-overlay: var(--surface-overlay);
|
|
328
|
+
--color-text-primary: var(--text-primary);
|
|
329
|
+
--color-text-secondary: var(--text-secondary);
|
|
330
|
+
--color-text-supporting: var(--text-supporting);
|
|
331
|
+
--color-text-muted: var(--text-muted);
|
|
332
|
+
--color-text-disabled: var(--text-disabled);
|
|
333
|
+
--color-text-inverse: var(--text-inverse);
|
|
334
|
+
--color-text-link: var(--text-link);
|
|
335
|
+
--color-border-subtle: var(--border-subtle);
|
|
336
|
+
--color-border-default: var(--border-default);
|
|
337
|
+
--color-border-strong: var(--border-strong);
|
|
338
|
+
--color-border-focus: var(--border-focus);
|
|
339
|
+
--color-sidebar: var(--sidebar);
|
|
340
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
341
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
342
|
+
--color-sidebar-active: var(--sidebar-active);
|
|
343
|
+
--color-sidebar-active-foreground: var(--sidebar-active-foreground);
|
|
344
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
345
|
+
--font-sans: var(--font-sans);
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
@layer base {
|
|
349
|
+
* {
|
|
350
|
+
border-color: var(--border);
|
|
351
|
+
outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
html {
|
|
355
|
+
min-height: 100%;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
body {
|
|
359
|
+
min-height: 100vh;
|
|
360
|
+
background: var(--background);
|
|
361
|
+
color: var(--foreground);
|
|
362
|
+
font-family: var(--font-sans);
|
|
363
|
+
font-size: var(--ds-body);
|
|
364
|
+
font-weight: 380;
|
|
365
|
+
line-height: 1.5;
|
|
366
|
+
text-rendering: optimizeLegibility;
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
h1,
|
|
370
|
+
h2,
|
|
371
|
+
h3,
|
|
372
|
+
h4 {
|
|
373
|
+
color: var(--foreground);
|
|
374
|
+
font-weight: 570;
|
|
375
|
+
letter-spacing: 0;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
button,
|
|
379
|
+
input,
|
|
380
|
+
select,
|
|
381
|
+
textarea {
|
|
382
|
+
font: inherit;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
::selection {
|
|
386
|
+
background: color-mix(in oklab, var(--primary) 22%, transparent);
|
|
387
|
+
}
|
|
388
|
+
|
|
389
|
+
@media (prefers-reduced-motion: reduce) {
|
|
390
|
+
*,
|
|
391
|
+
*::before,
|
|
392
|
+
*::after {
|
|
393
|
+
animation-duration: 0.01ms !important;
|
|
394
|
+
animation-iteration-count: 1 !important;
|
|
395
|
+
scroll-behavior: auto !important;
|
|
396
|
+
transition-duration: 0.01ms !important;
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
@layer components {
|
|
402
|
+
[data-slot="tabs-list"][data-scroll-position="start"],
|
|
403
|
+
[data-slot="navigation-tabs-list"][data-scroll-position="start"] {
|
|
404
|
+
mask-image: linear-gradient(
|
|
405
|
+
to right,
|
|
406
|
+
#000 0,
|
|
407
|
+
#000 calc(100% - 1.5rem),
|
|
408
|
+
transparent 100%
|
|
409
|
+
);
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
[data-slot="tabs-list"][data-scroll-position="middle"],
|
|
413
|
+
[data-slot="navigation-tabs-list"][data-scroll-position="middle"] {
|
|
414
|
+
mask-image: linear-gradient(
|
|
415
|
+
to right,
|
|
416
|
+
transparent 0,
|
|
417
|
+
#000 1.5rem,
|
|
418
|
+
#000 calc(100% - 1.5rem),
|
|
419
|
+
transparent 100%
|
|
420
|
+
);
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
[data-slot="tabs-list"][data-scroll-position="end"],
|
|
424
|
+
[data-slot="navigation-tabs-list"][data-scroll-position="end"] {
|
|
425
|
+
mask-image: linear-gradient(
|
|
426
|
+
to right,
|
|
427
|
+
transparent 0,
|
|
428
|
+
#000 1.5rem,
|
|
429
|
+
#000 100%
|
|
430
|
+
);
|
|
431
|
+
}
|
|
432
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
@import "./foundation.css";
|
|
2
|
+
|
|
3
|
+
/*
|
|
4
|
+
* Sources are resolved relative to this published stylesheet. This lets a
|
|
5
|
+
* consuming Tailwind v4 build discover every class used by the compiled
|
|
6
|
+
* component modules without a node_modules-relative path in application CSS.
|
|
7
|
+
*/
|
|
8
|
+
@source "./**/*.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|