@darthcharles/greda 1.2.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +55 -2
  2. package/dist/components/ui/combobox.d.ts +48 -0
  3. package/dist/index.d.ts +1 -0
  4. package/dist/index.js +639 -304
  5. package/dist/index.js.map +1 -1
  6. package/dist/styles.css +1 -1
  7. package/dist/themes/matrix.css +48 -0
  8. package/package.json +3 -2
package/dist/styles.css CHANGED
@@ -170,4 +170,4 @@
170
170
  --overlay: var(--base-black) / 0.7;
171
171
  }
172
172
 
173
- :where(.comal-ui),:where(.comal-ui)::after,:where(.comal-ui)::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(.comal-ui)::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(.comal-ui){box-sizing:border-box;margin:0;border:0 solid hsl(var(--border-primary));font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height);color:inherit}:where(button.comal-ui){background-color:transparent;cursor:pointer;padding:0}:where(button.comal-ui:disabled){cursor:not-allowed}:where(input.comal-ui,textarea.comal-ui){color:hsl(var(--text-primary))}:where(input.comal-ui,textarea.comal-ui)::-moz-placeholder{opacity:1}:where(input.comal-ui,textarea.comal-ui)::placeholder{opacity:1}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.text-display{font-family:var(--type-display-family);font-size:var(--type-display-size);font-weight:var(--type-display-weight);line-height:var(--type-display-leading);letter-spacing:var(--type-display-tracking)}.text-title{font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-leading);letter-spacing:var(--type-title-tracking)}.text-body{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking)}.text-label{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking)}.text-caption{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking)}.text-eyebrow{font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);line-height:var(--type-eyebrow-leading);letter-spacing:var(--type-eyebrow-tracking)}.comal-heading{font-family:var(--font-heading)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:var(--space-0,calc(var(--spacing-unit)*0))}.left-\[50\%\]{left:50%}.right-1{right:var(--space-1,calc(var(--spacing-unit)*1))}.right-2{right:var(--space-2,calc(var(--spacing-unit)*2))}.right-4{right:var(--space-4,calc(var(--spacing-unit)*4))}.top-0{top:var(--space-0,calc(var(--spacing-unit)*0))}.top-1{top:var(--space-1,calc(var(--spacing-unit)*1))}.top-4{top:var(--space-4,calc(var(--spacing-unit)*4))}.top-\[50\%\]{top:50%}.z-overlay{z-index:var(--z-overlay)}.z-popover{z-index:var(--z-popover)}.z-toast{z-index:var(--z-toast)}.-mx-1{margin-left:calc(var(--space-1, calc(var(--spacing-unit) * 1)) * -1);margin-right:calc(var(--space-1, calc(var(--spacing-unit) * 1)) * -1)}.my-1{margin-top:var(--space-1,calc(var(--spacing-unit)*1));margin-bottom:var(--space-1,calc(var(--spacing-unit)*1))}.mt-2{margin-top:var(--space-2,calc(var(--spacing-unit)*2))}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-10{height:var(--space-10,calc(var(--spacing-unit)*10))}.h-3\.5{height:var(--space-3-5,calc(var(--spacing-unit)*3.5))}.h-4{height:var(--space-4,calc(var(--spacing-unit)*4))}.h-8{height:var(--space-8,calc(var(--spacing-unit)*8))}.h-9{height:var(--space-9,calc(var(--spacing-unit)*9))}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-px{height:1px}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-3\.5{width:var(--space-3-5,calc(var(--spacing-unit)*3.5))}.w-4{width:var(--space-4,calc(var(--spacing-unit)*4))}.w-72{width:var(--space-72,calc(var(--spacing-unit)*72))}.w-9{width:var(--space-9,calc(var(--spacing-unit)*9))}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-\[var\(--radix-popover-content-available-width\)\]{max-width:var(--radix-popover-content-available-width)}.max-w-\[var\(--tooltip-width\)\]{max-width:var(--tooltip-width)}.max-w-lg{max-width:var(--dialog-width)}.shrink-0{flex-shrink:0}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.place-content-center{place-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2,calc(var(--spacing-unit)*2))}.gap-4{gap:var(--space-4,calc(var(--spacing-unit)*4))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--space-2, calc(var(--spacing-unit) * 2)) * var(--tw-space-x-reverse));margin-left:calc(var(--space-2, calc(var(--spacing-unit) * 2)) * calc(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-1-5, calc(var(--spacing-unit) * 1.5)) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-1-5, calc(var(--spacing-unit) * 1.5)) * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-lg)}.border{border-width:var(--border-width)}.border-accent{--tw-border-opacity:1;border-color:hsl(var(--accent)/var(--tw-border-opacity,1))}.border-accent-foreground{--tw-border-opacity:1;border-color:hsl(var(--accent-foreground)/var(--tw-border-opacity,1))}.border-action{--tw-border-opacity:1;border-color:hsl(var(--border-action)/var(--tw-border-opacity,1))}.border-background{--tw-border-opacity:1;border-color:hsl(var(--background)/var(--tw-border-opacity,1))}.border-border{--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1))}.border-card{--tw-border-opacity:1;border-color:hsl(var(--card)/var(--tw-border-opacity,1))}.border-card-foreground{--tw-border-opacity:1;border-color:hsl(var(--card-foreground)/var(--tw-border-opacity,1))}.border-destructive{--tw-border-opacity:1;border-color:hsl(var(--destructive)/var(--tw-border-opacity,1))}.border-destructive-foreground{--tw-border-opacity:1;border-color:hsl(var(--destructive-foreground)/var(--tw-border-opacity,1))}.border-foreground{--tw-border-opacity:1;border-color:hsl(var(--foreground)/var(--tw-border-opacity,1))}.border-input{--tw-border-opacity:1;border-color:hsl(var(--input)/var(--tw-border-opacity,1))}.border-inverse{--tw-border-opacity:1;border-color:hsl(var(--border-inverse)/var(--tw-border-opacity,1))}.border-muted{--tw-border-opacity:1;border-color:hsl(var(--muted)/var(--tw-border-opacity,1))}.border-muted-foreground{--tw-border-opacity:1;border-color:hsl(var(--muted-foreground)/var(--tw-border-opacity,1))}.border-overlay{border-color:hsl(var(--overlay))}.border-popover{--tw-border-opacity:1;border-color:hsl(var(--popover)/var(--tw-border-opacity,1))}.border-popover-foreground{--tw-border-opacity:1;border-color:hsl(var(--popover-foreground)/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:hsl(var(--border-primary)/var(--tw-border-opacity,1))}.border-primary-foreground{--tw-border-opacity:1;border-color:hsl(var(--primary-foreground)/var(--tw-border-opacity,1))}.border-primary-hover{--tw-border-opacity:1;border-color:hsl(var(--primary-hover)/var(--tw-border-opacity,1))}.border-ring{--tw-border-opacity:1;border-color:hsl(var(--ring)/var(--tw-border-opacity,1))}.border-secondary{--tw-border-opacity:1;border-color:hsl(var(--border-secondary)/var(--tw-border-opacity,1))}.border-secondary-foreground{--tw-border-opacity:1;border-color:hsl(var(--secondary-foreground)/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.bg-accent{--tw-bg-opacity:1;background-color:hsl(var(--accent)/var(--tw-bg-opacity,1))}.bg-accent-foreground{--tw-bg-opacity:1;background-color:hsl(var(--accent-foreground)/var(--tw-bg-opacity,1))}.bg-background{--tw-bg-opacity:1;background-color:hsl(var(--background)/var(--tw-bg-opacity,1))}.bg-border{background-color:hsl(var(--border)/var(--tw-bg-opacity,1))}.bg-border,.bg-card{--tw-bg-opacity:1}.bg-card{background-color:hsl(var(--card)/var(--tw-bg-opacity,1))}.bg-card-foreground{--tw-bg-opacity:1;background-color:hsl(var(--card-foreground)/var(--tw-bg-opacity,1))}.bg-destructive{--tw-bg-opacity:1;background-color:hsl(var(--destructive)/var(--tw-bg-opacity,1))}.bg-destructive-foreground{--tw-bg-opacity:1;background-color:hsl(var(--destructive-foreground)/var(--tw-bg-opacity,1))}.bg-foreground{--tw-bg-opacity:1;background-color:hsl(var(--foreground)/var(--tw-bg-opacity,1))}.bg-input{background-color:hsl(var(--input)/var(--tw-bg-opacity,1))}.bg-input,.bg-muted{--tw-bg-opacity:1}.bg-muted{background-color:hsl(var(--muted)/var(--tw-bg-opacity,1))}.bg-muted-foreground{--tw-bg-opacity:1;background-color:hsl(var(--muted-foreground)/var(--tw-bg-opacity,1))}.bg-overlay{background-color:hsl(var(--overlay))}.bg-popover{--tw-bg-opacity:1;background-color:hsl(var(--popover)/var(--tw-bg-opacity,1))}.bg-popover-foreground{--tw-bg-opacity:1;background-color:hsl(var(--popover-foreground)/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:hsl(var(--primary)/var(--tw-bg-opacity,1))}.bg-primary-foreground{--tw-bg-opacity:1;background-color:hsl(var(--primary-foreground)/var(--tw-bg-opacity,1))}.bg-primary-hover{--tw-bg-opacity:1;background-color:hsl(var(--primary-hover)/var(--tw-bg-opacity,1))}.bg-ring{--tw-bg-opacity:1;background-color:hsl(var(--ring)/var(--tw-bg-opacity,1))}.bg-secondary{--tw-bg-opacity:1;background-color:hsl(var(--secondary)/var(--tw-bg-opacity,1))}.bg-secondary-foreground{--tw-bg-opacity:1;background-color:hsl(var(--secondary-foreground)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.p-1{padding:var(--space-1,calc(var(--spacing-unit)*1))}.p-4{padding:var(--space-4,calc(var(--spacing-unit)*4))}.p-6{padding:var(--space-6,calc(var(--spacing-unit)*6))}.px-2{padding-left:var(--space-2,calc(var(--spacing-unit)*2));padding-right:var(--space-2,calc(var(--spacing-unit)*2))}.px-2\.5{padding-left:var(--space-2-5,calc(var(--spacing-unit)*2.5));padding-right:var(--space-2-5,calc(var(--spacing-unit)*2.5))}.px-3{padding-left:var(--space-3,calc(var(--spacing-unit)*3));padding-right:var(--space-3,calc(var(--spacing-unit)*3))}.px-4{padding-left:var(--space-4,calc(var(--spacing-unit)*4));padding-right:var(--space-4,calc(var(--spacing-unit)*4))}.px-8{padding-left:var(--space-8,calc(var(--spacing-unit)*8));padding-right:var(--space-8,calc(var(--spacing-unit)*8))}.py-0\.5{padding-top:var(--space-0-5,calc(var(--spacing-unit)*.5));padding-bottom:var(--space-0-5,calc(var(--spacing-unit)*.5))}.py-1{padding-top:var(--space-1,calc(var(--spacing-unit)*1));padding-bottom:var(--space-1,calc(var(--spacing-unit)*1))}.py-1\.5{padding-top:var(--space-1-5,calc(var(--spacing-unit)*1.5));padding-bottom:var(--space-1-5,calc(var(--spacing-unit)*1.5))}.py-2{padding-top:var(--space-2,calc(var(--spacing-unit)*2));padding-bottom:var(--space-2,calc(var(--spacing-unit)*2))}.pl-2{padding-left:var(--space-2,calc(var(--spacing-unit)*2))}.pr-6{padding-right:var(--space-6,calc(var(--spacing-unit)*6))}.pr-8{padding-right:var(--space-8,calc(var(--spacing-unit)*8))}.pt-0{padding-top:var(--space-0,calc(var(--spacing-unit)*0))}.text-center{text-align:center}.text-base{font-size:var(--font-size-md)}.text-base,.text-lg{line-height:var(--line-height)}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-sm,.text-xs{line-height:var(--line-height)}.text-xs{font-size:var(--font-size-xs)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-bold)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-accent{--tw-text-opacity:1;color:hsl(var(--accent)/var(--tw-text-opacity,1))}.text-accent-foreground{--tw-text-opacity:1;color:hsl(var(--accent-foreground)/var(--tw-text-opacity,1))}.text-action{--tw-text-opacity:1;color:hsl(var(--text-action)/var(--tw-text-opacity,1))}.text-background{--tw-text-opacity:1;color:hsl(var(--background)/var(--tw-text-opacity,1))}.text-border{color:hsl(var(--border)/var(--tw-text-opacity,1))}.text-border,.text-card{--tw-text-opacity:1}.text-card{color:hsl(var(--card)/var(--tw-text-opacity,1))}.text-card-foreground{--tw-text-opacity:1;color:hsl(var(--card-foreground)/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-destructive{--tw-text-opacity:1;color:hsl(var(--destructive)/var(--tw-text-opacity,1))}.text-destructive-foreground{--tw-text-opacity:1;color:hsl(var(--destructive-foreground)/var(--tw-text-opacity,1))}.text-foreground{--tw-text-opacity:1;color:hsl(var(--foreground)/var(--tw-text-opacity,1))}.text-input{--tw-text-opacity:1;color:hsl(var(--input)/var(--tw-text-opacity,1))}.text-inverse{--tw-text-opacity:1;color:hsl(var(--text-inverse)/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.text-muted-foreground{--tw-text-opacity:1;color:hsl(var(--muted-foreground)/var(--tw-text-opacity,1))}.text-overlay{color:hsl(var(--overlay))}.text-popover{--tw-text-opacity:1;color:hsl(var(--popover)/var(--tw-text-opacity,1))}.text-popover-foreground{--tw-text-opacity:1;color:hsl(var(--popover-foreground)/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.text-primary-foreground{--tw-text-opacity:1;color:hsl(var(--primary-foreground)/var(--tw-text-opacity,1))}.text-primary-hover{--tw-text-opacity:1;color:hsl(var(--primary-hover)/var(--tw-text-opacity,1))}.text-primary\/50{color:hsl(var(--text-primary)/.5)}.text-ring{--tw-text-opacity:1;color:hsl(var(--ring)/var(--tw-text-opacity,1))}.text-secondary{--tw-text-opacity:1;color:hsl(var(--text-secondary)/var(--tw-text-opacity,1))}.text-secondary-foreground{--tw-text-opacity:1;color:hsl(var(--secondary-foreground)/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-dialog);--tw-shadow-colored:var(--shadow-dialog)}.shadow-md{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background)/1)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--duration)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--duration)}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--duration)}.duration-200{transition-duration:.2s}@keyframes enter{0%{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))}}@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))}}.animate-in{animation-name:enter;animation-duration:var(--duration);--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-200{animation-duration:.2s}.surface-inverse{background-color:hsl(var(--surface-inverse))}.surface-primary{background-color:hsl(var(--surface-primary))}.surface-raised{background-color:hsl(var(--surface-raised))}.surface-secondary{background-color:hsl(var(--surface-secondary))}.surface-tertiary{background-color:hsl(var(--surface-tertiary))}@media (prefers-reduced-motion:reduce){:where(.comal-ui){animation:none!important;transition:none!important}}[data-slot=checkbox-indicator]:not([data-state=indeterminate])>[data-mixed-icon],[data-slot=checkbox-indicator][data-state=indeterminate]>[data-check-icon]{display:none}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:var(--font-size-sm);line-height:var(--line-height)}.file\:font-medium::file-selector-button{font-weight:var(--font-weight-medium)}.file\:text-primary::file-selector-button{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.placeholder\:text-muted::-moz-placeholder{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.placeholder\:text-muted::placeholder{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.hover\:border-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--accent)/var(--tw-border-opacity,1))}.hover\:border-accent-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--accent-foreground)/var(--tw-border-opacity,1))}.hover\:border-action:hover{--tw-border-opacity:1;border-color:hsl(var(--border-action)/var(--tw-border-opacity,1))}.hover\:border-background:hover{--tw-border-opacity:1;border-color:hsl(var(--background)/var(--tw-border-opacity,1))}.hover\:border-border:hover{--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1))}.hover\:border-card:hover{--tw-border-opacity:1;border-color:hsl(var(--card)/var(--tw-border-opacity,1))}.hover\:border-card-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--card-foreground)/var(--tw-border-opacity,1))}.hover\:border-destructive:hover{--tw-border-opacity:1;border-color:hsl(var(--destructive)/var(--tw-border-opacity,1))}.hover\:border-destructive-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--destructive-foreground)/var(--tw-border-opacity,1))}.hover\:border-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--foreground)/var(--tw-border-opacity,1))}.hover\:border-input:hover{--tw-border-opacity:1;border-color:hsl(var(--input)/var(--tw-border-opacity,1))}.hover\:border-inverse:hover{--tw-border-opacity:1;border-color:hsl(var(--border-inverse)/var(--tw-border-opacity,1))}.hover\:border-muted:hover{--tw-border-opacity:1;border-color:hsl(var(--muted)/var(--tw-border-opacity,1))}.hover\:border-muted-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--muted-foreground)/var(--tw-border-opacity,1))}.hover\:border-overlay:hover{border-color:hsl(var(--overlay))}.hover\:border-popover:hover{--tw-border-opacity:1;border-color:hsl(var(--popover)/var(--tw-border-opacity,1))}.hover\:border-popover-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--popover-foreground)/var(--tw-border-opacity,1))}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--border-primary)/var(--tw-border-opacity,1))}.hover\:border-primary-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--primary-foreground)/var(--tw-border-opacity,1))}.hover\:border-primary-hover:hover{--tw-border-opacity:1;border-color:hsl(var(--primary-hover)/var(--tw-border-opacity,1))}.hover\:border-ring:hover{--tw-border-opacity:1;border-color:hsl(var(--ring)/var(--tw-border-opacity,1))}.hover\:border-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--border-secondary)/var(--tw-border-opacity,1))}.hover\:border-secondary-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--secondary-foreground)/var(--tw-border-opacity,1))}.hover\:bg-accent:hover{--tw-bg-opacity:1;background-color:hsl(var(--accent)/var(--tw-bg-opacity,1))}.hover\:bg-accent-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--accent-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-background:hover{--tw-bg-opacity:1;background-color:hsl(var(--background)/var(--tw-bg-opacity,1))}.hover\:bg-border:hover{--tw-bg-opacity:1;background-color:hsl(var(--border)/var(--tw-bg-opacity,1))}.hover\:bg-card:hover{--tw-bg-opacity:1;background-color:hsl(var(--card)/var(--tw-bg-opacity,1))}.hover\:bg-card-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--card-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-destructive:hover{--tw-bg-opacity:1;background-color:hsl(var(--destructive)/var(--tw-bg-opacity,1))}.hover\:bg-destructive-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--destructive-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--foreground)/var(--tw-bg-opacity,1))}.hover\:bg-input:hover{--tw-bg-opacity:1;background-color:hsl(var(--input)/var(--tw-bg-opacity,1))}.hover\:bg-muted:hover{--tw-bg-opacity:1;background-color:hsl(var(--muted)/var(--tw-bg-opacity,1))}.hover\:bg-muted-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--muted-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-overlay:hover{background-color:hsl(var(--overlay))}.hover\:bg-popover:hover{--tw-bg-opacity:1;background-color:hsl(var(--popover)/var(--tw-bg-opacity,1))}.hover\:bg-popover-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--popover-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:hsl(var(--primary)/var(--tw-bg-opacity,1))}.hover\:bg-primary-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--primary-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-primary-hover:hover{--tw-bg-opacity:1;background-color:hsl(var(--primary-hover)/var(--tw-bg-opacity,1))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary)/.8)}.hover\:bg-ring:hover{--tw-bg-opacity:1;background-color:hsl(var(--ring)/var(--tw-bg-opacity,1))}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:hsl(var(--secondary)/var(--tw-bg-opacity,1))}.hover\:bg-secondary-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--secondary-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:text-accent:hover{--tw-text-opacity:1;color:hsl(var(--accent)/var(--tw-text-opacity,1))}.hover\:text-accent-foreground:hover{--tw-text-opacity:1;color:hsl(var(--accent-foreground)/var(--tw-text-opacity,1))}.hover\:text-action:hover{--tw-text-opacity:1;color:hsl(var(--text-action)/var(--tw-text-opacity,1))}.hover\:text-background:hover{--tw-text-opacity:1;color:hsl(var(--background)/var(--tw-text-opacity,1))}.hover\:text-border:hover{--tw-text-opacity:1;color:hsl(var(--border)/var(--tw-text-opacity,1))}.hover\:text-card:hover{--tw-text-opacity:1;color:hsl(var(--card)/var(--tw-text-opacity,1))}.hover\:text-card-foreground:hover{--tw-text-opacity:1;color:hsl(var(--card-foreground)/var(--tw-text-opacity,1))}.hover\:text-destructive:hover{--tw-text-opacity:1;color:hsl(var(--destructive)/var(--tw-text-opacity,1))}.hover\:text-destructive-foreground:hover{--tw-text-opacity:1;color:hsl(var(--destructive-foreground)/var(--tw-text-opacity,1))}.hover\:text-foreground:hover{--tw-text-opacity:1;color:hsl(var(--foreground)/var(--tw-text-opacity,1))}.hover\:text-input:hover{--tw-text-opacity:1;color:hsl(var(--input)/var(--tw-text-opacity,1))}.hover\:text-inverse:hover{--tw-text-opacity:1;color:hsl(var(--text-inverse)/var(--tw-text-opacity,1))}.hover\:text-muted:hover{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.hover\:text-muted-foreground:hover{--tw-text-opacity:1;color:hsl(var(--muted-foreground)/var(--tw-text-opacity,1))}.hover\:text-overlay:hover{color:hsl(var(--overlay))}.hover\:text-popover:hover{--tw-text-opacity:1;color:hsl(var(--popover)/var(--tw-text-opacity,1))}.hover\:text-popover-foreground:hover{--tw-text-opacity:1;color:hsl(var(--popover-foreground)/var(--tw-text-opacity,1))}.hover\:text-primary:hover{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.hover\:text-primary-foreground:hover{--tw-text-opacity:1;color:hsl(var(--primary-foreground)/var(--tw-text-opacity,1))}.hover\:text-primary-hover:hover{--tw-text-opacity:1;color:hsl(var(--primary-hover)/var(--tw-text-opacity,1))}.hover\:text-ring:hover{--tw-text-opacity:1;color:hsl(var(--ring)/var(--tw-text-opacity,1))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:hsl(var(--text-secondary)/var(--tw-text-opacity,1))}.hover\:text-secondary-foreground:hover{--tw-text-opacity:1;color:hsl(var(--secondary-foreground)/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:surface-inverse:hover{background-color:hsl(var(--surface-inverse))}.hover\:surface-primary:hover{background-color:hsl(var(--surface-primary))}.hover\:surface-raised:hover{background-color:hsl(var(--surface-raised))}.hover\:surface-secondary:hover{background-color:hsl(var(--surface-secondary))}.hover\:surface-tertiary:hover{background-color:hsl(var(--surface-tertiary))}.focus\:border-accent:focus{--tw-border-opacity:1;border-color:hsl(var(--accent)/var(--tw-border-opacity,1))}.focus\:border-accent-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--accent-foreground)/var(--tw-border-opacity,1))}.focus\:border-action:focus{--tw-border-opacity:1;border-color:hsl(var(--border-action)/var(--tw-border-opacity,1))}.focus\:border-background:focus{--tw-border-opacity:1;border-color:hsl(var(--background)/var(--tw-border-opacity,1))}.focus\:border-border:focus{--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1))}.focus\:border-card:focus{--tw-border-opacity:1;border-color:hsl(var(--card)/var(--tw-border-opacity,1))}.focus\:border-card-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--card-foreground)/var(--tw-border-opacity,1))}.focus\:border-destructive:focus{--tw-border-opacity:1;border-color:hsl(var(--destructive)/var(--tw-border-opacity,1))}.focus\:border-destructive-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--destructive-foreground)/var(--tw-border-opacity,1))}.focus\:border-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--foreground)/var(--tw-border-opacity,1))}.focus\:border-input:focus{--tw-border-opacity:1;border-color:hsl(var(--input)/var(--tw-border-opacity,1))}.focus\:border-inverse:focus{--tw-border-opacity:1;border-color:hsl(var(--border-inverse)/var(--tw-border-opacity,1))}.focus\:border-muted:focus{--tw-border-opacity:1;border-color:hsl(var(--muted)/var(--tw-border-opacity,1))}.focus\:border-muted-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--muted-foreground)/var(--tw-border-opacity,1))}.focus\:border-overlay:focus{border-color:hsl(var(--overlay))}.focus\:border-popover:focus{--tw-border-opacity:1;border-color:hsl(var(--popover)/var(--tw-border-opacity,1))}.focus\:border-popover-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--popover-foreground)/var(--tw-border-opacity,1))}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:hsl(var(--border-primary)/var(--tw-border-opacity,1))}.focus\:border-primary-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--primary-foreground)/var(--tw-border-opacity,1))}.focus\:border-primary-hover:focus{--tw-border-opacity:1;border-color:hsl(var(--primary-hover)/var(--tw-border-opacity,1))}.focus\:border-ring:focus{--tw-border-opacity:1;border-color:hsl(var(--ring)/var(--tw-border-opacity,1))}.focus\:border-secondary:focus{--tw-border-opacity:1;border-color:hsl(var(--border-secondary)/var(--tw-border-opacity,1))}.focus\:border-secondary-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--secondary-foreground)/var(--tw-border-opacity,1))}.focus\:bg-accent:focus{--tw-bg-opacity:1;background-color:hsl(var(--accent)/var(--tw-bg-opacity,1))}.focus\:bg-accent-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--accent-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-background:focus{--tw-bg-opacity:1;background-color:hsl(var(--background)/var(--tw-bg-opacity,1))}.focus\:bg-border:focus{--tw-bg-opacity:1;background-color:hsl(var(--border)/var(--tw-bg-opacity,1))}.focus\:bg-card:focus{--tw-bg-opacity:1;background-color:hsl(var(--card)/var(--tw-bg-opacity,1))}.focus\:bg-card-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--card-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-destructive:focus{--tw-bg-opacity:1;background-color:hsl(var(--destructive)/var(--tw-bg-opacity,1))}.focus\:bg-destructive-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--destructive-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--foreground)/var(--tw-bg-opacity,1))}.focus\:bg-input:focus{--tw-bg-opacity:1;background-color:hsl(var(--input)/var(--tw-bg-opacity,1))}.focus\:bg-muted:focus{--tw-bg-opacity:1;background-color:hsl(var(--muted)/var(--tw-bg-opacity,1))}.focus\:bg-muted-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--muted-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-overlay:focus{background-color:hsl(var(--overlay))}.focus\:bg-popover:focus{--tw-bg-opacity:1;background-color:hsl(var(--popover)/var(--tw-bg-opacity,1))}.focus\:bg-popover-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--popover-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-primary:focus{--tw-bg-opacity:1;background-color:hsl(var(--primary)/var(--tw-bg-opacity,1))}.focus\:bg-primary-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--primary-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-primary-hover:focus{--tw-bg-opacity:1;background-color:hsl(var(--primary-hover)/var(--tw-bg-opacity,1))}.focus\:bg-ring:focus{--tw-bg-opacity:1;background-color:hsl(var(--ring)/var(--tw-bg-opacity,1))}.focus\:bg-secondary:focus{--tw-bg-opacity:1;background-color:hsl(var(--secondary)/var(--tw-bg-opacity,1))}.focus\:bg-secondary-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--secondary-foreground)/var(--tw-bg-opacity,1))}.focus\:text-accent:focus{--tw-text-opacity:1;color:hsl(var(--accent)/var(--tw-text-opacity,1))}.focus\:text-accent-foreground:focus{--tw-text-opacity:1;color:hsl(var(--accent-foreground)/var(--tw-text-opacity,1))}.focus\:text-action:focus{--tw-text-opacity:1;color:hsl(var(--text-action)/var(--tw-text-opacity,1))}.focus\:text-background:focus{--tw-text-opacity:1;color:hsl(var(--background)/var(--tw-text-opacity,1))}.focus\:text-border:focus{--tw-text-opacity:1;color:hsl(var(--border)/var(--tw-text-opacity,1))}.focus\:text-card:focus{--tw-text-opacity:1;color:hsl(var(--card)/var(--tw-text-opacity,1))}.focus\:text-card-foreground:focus{--tw-text-opacity:1;color:hsl(var(--card-foreground)/var(--tw-text-opacity,1))}.focus\:text-destructive:focus{--tw-text-opacity:1;color:hsl(var(--destructive)/var(--tw-text-opacity,1))}.focus\:text-destructive-foreground:focus{--tw-text-opacity:1;color:hsl(var(--destructive-foreground)/var(--tw-text-opacity,1))}.focus\:text-foreground:focus{--tw-text-opacity:1;color:hsl(var(--foreground)/var(--tw-text-opacity,1))}.focus\:text-input:focus{--tw-text-opacity:1;color:hsl(var(--input)/var(--tw-text-opacity,1))}.focus\:text-inverse:focus{--tw-text-opacity:1;color:hsl(var(--text-inverse)/var(--tw-text-opacity,1))}.focus\:text-muted:focus{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.focus\:text-muted-foreground:focus{--tw-text-opacity:1;color:hsl(var(--muted-foreground)/var(--tw-text-opacity,1))}.focus\:text-overlay:focus{color:hsl(var(--overlay))}.focus\:text-popover:focus{--tw-text-opacity:1;color:hsl(var(--popover)/var(--tw-text-opacity,1))}.focus\:text-popover-foreground:focus{--tw-text-opacity:1;color:hsl(var(--popover-foreground)/var(--tw-text-opacity,1))}.focus\:text-primary:focus{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.focus\:text-primary-foreground:focus{--tw-text-opacity:1;color:hsl(var(--primary-foreground)/var(--tw-text-opacity,1))}.focus\:text-primary-hover:focus{--tw-text-opacity:1;color:hsl(var(--primary-hover)/var(--tw-text-opacity,1))}.focus\:text-ring:focus{--tw-text-opacity:1;color:hsl(var(--ring)/var(--tw-text-opacity,1))}.focus\:text-secondary:focus{--tw-text-opacity:1;color:hsl(var(--text-secondary)/var(--tw-text-opacity,1))}.focus\:text-secondary-foreground:focus{--tw-text-opacity:1;color:hsl(var(--secondary-foreground)/var(--tw-text-opacity,1))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus,.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--focus-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--ring)/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:var(--focus-offset)}.focus\:surface-inverse:focus{background-color:hsl(var(--surface-inverse))}.focus\:surface-primary:focus{background-color:hsl(var(--surface-primary))}.focus\:surface-raised:focus{background-color:hsl(var(--surface-raised))}.focus\:surface-secondary:focus{background-color:hsl(var(--surface-secondary))}.focus\:surface-tertiary:focus{background-color:hsl(var(--surface-tertiary))}.focus-visible\:border-accent:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--accent)/var(--tw-border-opacity,1))}.focus-visible\:border-accent-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--accent-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-action:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--border-action)/var(--tw-border-opacity,1))}.focus-visible\:border-background:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--background)/var(--tw-border-opacity,1))}.focus-visible\:border-border:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1))}.focus-visible\:border-card:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--card)/var(--tw-border-opacity,1))}.focus-visible\:border-card-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--card-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-destructive:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--destructive)/var(--tw-border-opacity,1))}.focus-visible\:border-destructive-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--destructive-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-input:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--input)/var(--tw-border-opacity,1))}.focus-visible\:border-inverse:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--border-inverse)/var(--tw-border-opacity,1))}.focus-visible\:border-muted:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--muted)/var(--tw-border-opacity,1))}.focus-visible\:border-muted-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--muted-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-overlay:focus-visible{border-color:hsl(var(--overlay))}.focus-visible\:border-popover:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--popover)/var(--tw-border-opacity,1))}.focus-visible\:border-popover-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--popover-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-primary:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--border-primary)/var(--tw-border-opacity,1))}.focus-visible\:border-primary-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--primary-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-primary-hover:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--primary-hover)/var(--tw-border-opacity,1))}.focus-visible\:border-ring:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--ring)/var(--tw-border-opacity,1))}.focus-visible\:border-secondary:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--border-secondary)/var(--tw-border-opacity,1))}.focus-visible\:border-secondary-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--secondary-foreground)/var(--tw-border-opacity,1))}.focus-visible\:bg-accent:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--accent)/var(--tw-bg-opacity,1))}.focus-visible\:bg-accent-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--accent-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-background:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--background)/var(--tw-bg-opacity,1))}.focus-visible\:bg-border:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--border)/var(--tw-bg-opacity,1))}.focus-visible\:bg-card:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--card)/var(--tw-bg-opacity,1))}.focus-visible\:bg-card-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--card-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-destructive:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--destructive)/var(--tw-bg-opacity,1))}.focus-visible\:bg-destructive-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--destructive-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-input:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--input)/var(--tw-bg-opacity,1))}.focus-visible\:bg-muted:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--muted)/var(--tw-bg-opacity,1))}.focus-visible\:bg-muted-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--muted-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-overlay:focus-visible{background-color:hsl(var(--overlay))}.focus-visible\:bg-popover:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--popover)/var(--tw-bg-opacity,1))}.focus-visible\:bg-popover-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--popover-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-primary:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--primary)/var(--tw-bg-opacity,1))}.focus-visible\:bg-primary-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--primary-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-primary-hover:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--primary-hover)/var(--tw-bg-opacity,1))}.focus-visible\:bg-ring:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--ring)/var(--tw-bg-opacity,1))}.focus-visible\:bg-secondary:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--secondary)/var(--tw-bg-opacity,1))}.focus-visible\:bg-secondary-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--secondary-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:text-accent:focus-visible{--tw-text-opacity:1;color:hsl(var(--accent)/var(--tw-text-opacity,1))}.focus-visible\:text-accent-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--accent-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-action:focus-visible{--tw-text-opacity:1;color:hsl(var(--text-action)/var(--tw-text-opacity,1))}.focus-visible\:text-background:focus-visible{--tw-text-opacity:1;color:hsl(var(--background)/var(--tw-text-opacity,1))}.focus-visible\:text-border:focus-visible{--tw-text-opacity:1;color:hsl(var(--border)/var(--tw-text-opacity,1))}.focus-visible\:text-card:focus-visible{--tw-text-opacity:1;color:hsl(var(--card)/var(--tw-text-opacity,1))}.focus-visible\:text-card-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--card-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-destructive:focus-visible{--tw-text-opacity:1;color:hsl(var(--destructive)/var(--tw-text-opacity,1))}.focus-visible\:text-destructive-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--destructive-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-input:focus-visible{--tw-text-opacity:1;color:hsl(var(--input)/var(--tw-text-opacity,1))}.focus-visible\:text-inverse:focus-visible{--tw-text-opacity:1;color:hsl(var(--text-inverse)/var(--tw-text-opacity,1))}.focus-visible\:text-muted:focus-visible{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.focus-visible\:text-muted-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--muted-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-overlay:focus-visible{color:hsl(var(--overlay))}.focus-visible\:text-popover:focus-visible{--tw-text-opacity:1;color:hsl(var(--popover)/var(--tw-text-opacity,1))}.focus-visible\:text-popover-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--popover-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-primary:focus-visible{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.focus-visible\:text-primary-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--primary-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-primary-hover:focus-visible{--tw-text-opacity:1;color:hsl(var(--primary-hover)/var(--tw-text-opacity,1))}.focus-visible\:text-ring:focus-visible{--tw-text-opacity:1;color:hsl(var(--ring)/var(--tw-text-opacity,1))}.focus-visible\:text-secondary:focus-visible{--tw-text-opacity:1;color:hsl(var(--text-secondary)/var(--tw-text-opacity,1))}.focus-visible\:text-secondary-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--secondary-foreground)/var(--tw-text-opacity,1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--focus-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--focus-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--ring)/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:var(--focus-offset)}.focus-visible\:surface-inverse:focus-visible{background-color:hsl(var(--surface-inverse))}.focus-visible\:surface-primary:focus-visible{background-color:hsl(var(--surface-primary))}.focus-visible\:surface-raised:focus-visible{background-color:hsl(var(--surface-raised))}.focus-visible\:surface-secondary:focus-visible{background-color:hsl(var(--surface-secondary))}.focus-visible\:surface-tertiary:focus-visible{background-color:hsl(var(--surface-tertiary))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-disabled:disabled{opacity:var(--disabled-opacity)}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted)/.4)}.group.destructive .group-\[\.destructive\]\:text-destructive-foreground\/80{color:hsl(var(--destructive-foreground)/.8)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{--tw-bg-opacity:1;background-color:hsl(var(--destructive)/var(--tw-bg-opacity,1))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{--tw-text-opacity:1;color:hsl(var(--destructive-foreground)/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--destructive)/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive-foreground:focus{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--destructive-foreground)/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-destructive:focus{--tw-ring-offset-color:hsl(var(--destructive)/1)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.aria-\[invalid\=true\]\:border-destructive[aria-invalid=true]{--tw-border-opacity:1;border-color:hsl(var(--destructive)/var(--tw-border-opacity,1))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--space-1,calc(var(--spacing-unit)*1))}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--space-1, calc(var(--spacing-unit) * 1)) * -1)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--space-1,calc(var(--spacing-unit)*1))}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--space-1, calc(var(--spacing-unit) * 1)) * -1)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:var(--space-0,calc(var(--spacing-unit)*0))}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel],.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[state\=checked\]\:bg-primary[data-state=checked],.data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{--tw-bg-opacity:1;background-color:hsl(var(--primary)/var(--tw-bg-opacity,1))}.data-\[state\=open\]\:bg-accent[data-state=open]{--tw-bg-opacity:1;background-color:hsl(var(--accent)/var(--tw-bg-opacity,1))}.data-\[placeholder\]\:text-muted[data-placeholder]{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.data-\[state\=active\]\:text-primary[data-state=active]{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked],.data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate]{--tw-text-opacity:1;color:hsl(var(--primary-foreground)/var(--tw-text-opacity,1))}.data-\[state\=open\]\:text-muted[data-state=open]{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:var(--duration);--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:var(--duration);--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-var(--space-2,calc(var(--spacing-unit)*2))}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:var(--space-2,calc(var(--spacing-unit)*2))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-var(--space-2,calc(var(--spacing-unit)*2))}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:var(--space-2,calc(var(--spacing-unit)*2))}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=active\]\:surface-primary[data-state=active]{background-color:hsl(var(--surface-primary))}@media (min-width:640px){.sm\:bottom-0{bottom:var(--space-0,calc(var(--spacing-unit)*0))}.sm\:right-0{right:var(--space-0,calc(var(--spacing-unit)*0))}.sm\:top-auto{top:auto}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--space-2, calc(var(--spacing-unit) * 2)) * var(--tw-space-x-reverse));margin-left:calc(var(--space-2, calc(var(--spacing-unit) * 2)) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:max-w-\[var\(--toast-width\)\]{max-width:var(--toast-width)}.md\:text-sm{font-size:var(--font-size-sm);line-height:var(--line-height)}}.\[\&\+div\]\:text-xs+div{font-size:var(--font-size-xs);line-height:var(--line-height)}.active\:\[\&\:not\(\[aria-haspopup\]\)\]\:translate-y-px:not([aria-haspopup]):active{--tw-translate-y:1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-reduced-motion:reduce){.motion-reduce\:active\:\[\&\:not\(\[aria-haspopup\]\)\]\:transform-none:not([aria-haspopup]):active{transform:none}}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:var(--space-4,calc(var(--spacing-unit)*4));height:var(--space-4,calc(var(--spacing-unit)*4))}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
173
+ :where(.comal-ui),:where(.comal-ui)::after,:where(.comal-ui)::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(.comal-ui)::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(.comal-ui){box-sizing:border-box;margin:0;border:0 solid hsl(var(--border-primary));font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height);color:inherit}:where(button.comal-ui){background-color:transparent;cursor:pointer;padding:0}:where(button.comal-ui:disabled){cursor:not-allowed}:where(input.comal-ui,textarea.comal-ui){color:hsl(var(--text-primary))}:where(input.comal-ui,textarea.comal-ui)::-moz-placeholder{opacity:1}:where(input.comal-ui,textarea.comal-ui)::placeholder{opacity:1}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.text-display{font-family:var(--type-display-family);font-size:var(--type-display-size);font-weight:var(--type-display-weight);line-height:var(--type-display-leading);letter-spacing:var(--type-display-tracking)}.text-title{font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-leading);letter-spacing:var(--type-title-tracking)}.text-body{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking)}.text-label{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking)}.text-caption{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking)}.text-eyebrow{font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);line-height:var(--type-eyebrow-leading);letter-spacing:var(--type-eyebrow-tracking)}.comal-heading{font-family:var(--font-heading)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:var(--space-0,calc(var(--spacing-unit)*0))}.left-\[50\%\]{left:50%}.right-1{right:var(--space-1,calc(var(--spacing-unit)*1))}.right-2{right:var(--space-2,calc(var(--spacing-unit)*2))}.right-3{right:var(--space-3,calc(var(--spacing-unit)*3))}.right-4{right:var(--space-4,calc(var(--spacing-unit)*4))}.top-0{top:var(--space-0,calc(var(--spacing-unit)*0))}.top-1{top:var(--space-1,calc(var(--spacing-unit)*1))}.top-1\/2{top:50%}.top-4{top:var(--space-4,calc(var(--spacing-unit)*4))}.top-\[50\%\]{top:50%}.z-overlay{z-index:var(--z-overlay)}.z-popover{z-index:var(--z-popover)}.z-toast{z-index:var(--z-toast)}.-mx-1{margin-left:calc(var(--space-1, calc(var(--spacing-unit) * 1)) * -1);margin-right:calc(var(--space-1, calc(var(--spacing-unit) * 1)) * -1)}.my-1{margin-top:var(--space-1,calc(var(--spacing-unit)*1));margin-bottom:var(--space-1,calc(var(--spacing-unit)*1))}.mt-2{margin-top:var(--space-2,calc(var(--spacing-unit)*2))}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:var(--space-10,calc(var(--spacing-unit)*10))}.h-3\.5{height:var(--space-3-5,calc(var(--spacing-unit)*3.5))}.h-4{height:var(--space-4,calc(var(--spacing-unit)*4))}.h-8{height:var(--space-8,calc(var(--spacing-unit)*8))}.h-9{height:var(--space-9,calc(var(--spacing-unit)*9))}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-px{height:1px}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-3\.5{width:var(--space-3-5,calc(var(--spacing-unit)*3.5))}.w-4{width:var(--space-4,calc(var(--spacing-unit)*4))}.w-72{width:var(--space-72,calc(var(--spacing-unit)*72))}.w-9{width:var(--space-9,calc(var(--spacing-unit)*9))}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-\[var\(--radix-popover-content-available-width\)\]{max-width:var(--radix-popover-content-available-width)}.max-w-\[var\(--tooltip-width\)\]{max-width:var(--tooltip-width)}.max-w-lg{max-width:var(--dialog-width)}.shrink-0{flex-shrink:0}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.place-content-center{place-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2,calc(var(--spacing-unit)*2))}.gap-4{gap:var(--space-4,calc(var(--spacing-unit)*4))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--space-2, calc(var(--spacing-unit) * 2)) * var(--tw-space-x-reverse));margin-left:calc(var(--space-2, calc(var(--spacing-unit) * 2)) * calc(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-1-5, calc(var(--spacing-unit) * 1.5)) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-1-5, calc(var(--spacing-unit) * 1.5)) * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-lg)}.border{border-width:var(--border-width)}.border-accent{--tw-border-opacity:1;border-color:hsl(var(--accent)/var(--tw-border-opacity,1))}.border-accent-foreground{--tw-border-opacity:1;border-color:hsl(var(--accent-foreground)/var(--tw-border-opacity,1))}.border-action{--tw-border-opacity:1;border-color:hsl(var(--border-action)/var(--tw-border-opacity,1))}.border-background{--tw-border-opacity:1;border-color:hsl(var(--background)/var(--tw-border-opacity,1))}.border-border{--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1))}.border-card{--tw-border-opacity:1;border-color:hsl(var(--card)/var(--tw-border-opacity,1))}.border-card-foreground{--tw-border-opacity:1;border-color:hsl(var(--card-foreground)/var(--tw-border-opacity,1))}.border-destructive{--tw-border-opacity:1;border-color:hsl(var(--destructive)/var(--tw-border-opacity,1))}.border-destructive-foreground{--tw-border-opacity:1;border-color:hsl(var(--destructive-foreground)/var(--tw-border-opacity,1))}.border-foreground{--tw-border-opacity:1;border-color:hsl(var(--foreground)/var(--tw-border-opacity,1))}.border-input{--tw-border-opacity:1;border-color:hsl(var(--input)/var(--tw-border-opacity,1))}.border-inverse{--tw-border-opacity:1;border-color:hsl(var(--border-inverse)/var(--tw-border-opacity,1))}.border-muted{--tw-border-opacity:1;border-color:hsl(var(--muted)/var(--tw-border-opacity,1))}.border-muted-foreground{--tw-border-opacity:1;border-color:hsl(var(--muted-foreground)/var(--tw-border-opacity,1))}.border-overlay{border-color:hsl(var(--overlay))}.border-popover{--tw-border-opacity:1;border-color:hsl(var(--popover)/var(--tw-border-opacity,1))}.border-popover-foreground{--tw-border-opacity:1;border-color:hsl(var(--popover-foreground)/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:hsl(var(--border-primary)/var(--tw-border-opacity,1))}.border-primary-foreground{--tw-border-opacity:1;border-color:hsl(var(--primary-foreground)/var(--tw-border-opacity,1))}.border-primary-hover{--tw-border-opacity:1;border-color:hsl(var(--primary-hover)/var(--tw-border-opacity,1))}.border-ring{--tw-border-opacity:1;border-color:hsl(var(--ring)/var(--tw-border-opacity,1))}.border-secondary{--tw-border-opacity:1;border-color:hsl(var(--border-secondary)/var(--tw-border-opacity,1))}.border-secondary-foreground{--tw-border-opacity:1;border-color:hsl(var(--secondary-foreground)/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.bg-accent{--tw-bg-opacity:1;background-color:hsl(var(--accent)/var(--tw-bg-opacity,1))}.bg-accent-foreground{--tw-bg-opacity:1;background-color:hsl(var(--accent-foreground)/var(--tw-bg-opacity,1))}.bg-background{--tw-bg-opacity:1;background-color:hsl(var(--background)/var(--tw-bg-opacity,1))}.bg-border{background-color:hsl(var(--border)/var(--tw-bg-opacity,1))}.bg-border,.bg-card{--tw-bg-opacity:1}.bg-card{background-color:hsl(var(--card)/var(--tw-bg-opacity,1))}.bg-card-foreground{--tw-bg-opacity:1;background-color:hsl(var(--card-foreground)/var(--tw-bg-opacity,1))}.bg-destructive{--tw-bg-opacity:1;background-color:hsl(var(--destructive)/var(--tw-bg-opacity,1))}.bg-destructive-foreground{--tw-bg-opacity:1;background-color:hsl(var(--destructive-foreground)/var(--tw-bg-opacity,1))}.bg-foreground{--tw-bg-opacity:1;background-color:hsl(var(--foreground)/var(--tw-bg-opacity,1))}.bg-input{background-color:hsl(var(--input)/var(--tw-bg-opacity,1))}.bg-input,.bg-muted{--tw-bg-opacity:1}.bg-muted{background-color:hsl(var(--muted)/var(--tw-bg-opacity,1))}.bg-muted-foreground{--tw-bg-opacity:1;background-color:hsl(var(--muted-foreground)/var(--tw-bg-opacity,1))}.bg-overlay{background-color:hsl(var(--overlay))}.bg-popover{--tw-bg-opacity:1;background-color:hsl(var(--popover)/var(--tw-bg-opacity,1))}.bg-popover-foreground{--tw-bg-opacity:1;background-color:hsl(var(--popover-foreground)/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:hsl(var(--primary)/var(--tw-bg-opacity,1))}.bg-primary-foreground{--tw-bg-opacity:1;background-color:hsl(var(--primary-foreground)/var(--tw-bg-opacity,1))}.bg-primary-hover{--tw-bg-opacity:1;background-color:hsl(var(--primary-hover)/var(--tw-bg-opacity,1))}.bg-ring{--tw-bg-opacity:1;background-color:hsl(var(--ring)/var(--tw-bg-opacity,1))}.bg-secondary{--tw-bg-opacity:1;background-color:hsl(var(--secondary)/var(--tw-bg-opacity,1))}.bg-secondary-foreground{--tw-bg-opacity:1;background-color:hsl(var(--secondary-foreground)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.p-1{padding:var(--space-1,calc(var(--spacing-unit)*1))}.p-4{padding:var(--space-4,calc(var(--spacing-unit)*4))}.p-6{padding:var(--space-6,calc(var(--spacing-unit)*6))}.px-2{padding-left:var(--space-2,calc(var(--spacing-unit)*2));padding-right:var(--space-2,calc(var(--spacing-unit)*2))}.px-2\.5{padding-left:var(--space-2-5,calc(var(--spacing-unit)*2.5));padding-right:var(--space-2-5,calc(var(--spacing-unit)*2.5))}.px-3{padding-left:var(--space-3,calc(var(--spacing-unit)*3));padding-right:var(--space-3,calc(var(--spacing-unit)*3))}.px-4{padding-left:var(--space-4,calc(var(--spacing-unit)*4));padding-right:var(--space-4,calc(var(--spacing-unit)*4))}.px-8{padding-left:var(--space-8,calc(var(--spacing-unit)*8));padding-right:var(--space-8,calc(var(--spacing-unit)*8))}.py-0\.5{padding-top:var(--space-0-5,calc(var(--spacing-unit)*.5));padding-bottom:var(--space-0-5,calc(var(--spacing-unit)*.5))}.py-1{padding-top:var(--space-1,calc(var(--spacing-unit)*1));padding-bottom:var(--space-1,calc(var(--spacing-unit)*1))}.py-1\.5{padding-top:var(--space-1-5,calc(var(--spacing-unit)*1.5));padding-bottom:var(--space-1-5,calc(var(--spacing-unit)*1.5))}.py-2{padding-top:var(--space-2,calc(var(--spacing-unit)*2));padding-bottom:var(--space-2,calc(var(--spacing-unit)*2))}.pl-2{padding-left:var(--space-2,calc(var(--spacing-unit)*2))}.pr-6{padding-right:var(--space-6,calc(var(--spacing-unit)*6))}.pr-8{padding-right:var(--space-8,calc(var(--spacing-unit)*8))}.pt-0{padding-top:var(--space-0,calc(var(--spacing-unit)*0))}.text-center{text-align:center}.text-base{font-size:var(--font-size-md)}.text-base,.text-lg{line-height:var(--line-height)}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-sm,.text-xs{line-height:var(--line-height)}.text-xs{font-size:var(--font-size-xs)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-bold)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-accent{--tw-text-opacity:1;color:hsl(var(--accent)/var(--tw-text-opacity,1))}.text-accent-foreground{--tw-text-opacity:1;color:hsl(var(--accent-foreground)/var(--tw-text-opacity,1))}.text-action{--tw-text-opacity:1;color:hsl(var(--text-action)/var(--tw-text-opacity,1))}.text-background{--tw-text-opacity:1;color:hsl(var(--background)/var(--tw-text-opacity,1))}.text-border{color:hsl(var(--border)/var(--tw-text-opacity,1))}.text-border,.text-card{--tw-text-opacity:1}.text-card{color:hsl(var(--card)/var(--tw-text-opacity,1))}.text-card-foreground{--tw-text-opacity:1;color:hsl(var(--card-foreground)/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-destructive{--tw-text-opacity:1;color:hsl(var(--destructive)/var(--tw-text-opacity,1))}.text-destructive-foreground{--tw-text-opacity:1;color:hsl(var(--destructive-foreground)/var(--tw-text-opacity,1))}.text-foreground{--tw-text-opacity:1;color:hsl(var(--foreground)/var(--tw-text-opacity,1))}.text-input{--tw-text-opacity:1;color:hsl(var(--input)/var(--tw-text-opacity,1))}.text-inverse{--tw-text-opacity:1;color:hsl(var(--text-inverse)/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.text-muted-foreground{--tw-text-opacity:1;color:hsl(var(--muted-foreground)/var(--tw-text-opacity,1))}.text-overlay{color:hsl(var(--overlay))}.text-popover{--tw-text-opacity:1;color:hsl(var(--popover)/var(--tw-text-opacity,1))}.text-popover-foreground{--tw-text-opacity:1;color:hsl(var(--popover-foreground)/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.text-primary-foreground{--tw-text-opacity:1;color:hsl(var(--primary-foreground)/var(--tw-text-opacity,1))}.text-primary-hover{--tw-text-opacity:1;color:hsl(var(--primary-hover)/var(--tw-text-opacity,1))}.text-primary\/50{color:hsl(var(--text-primary)/.5)}.text-ring{--tw-text-opacity:1;color:hsl(var(--ring)/var(--tw-text-opacity,1))}.text-secondary{--tw-text-opacity:1;color:hsl(var(--text-secondary)/var(--tw-text-opacity,1))}.text-secondary-foreground{--tw-text-opacity:1;color:hsl(var(--secondary-foreground)/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-dialog);--tw-shadow-colored:var(--shadow-dialog)}.shadow-md{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background)/1)}.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)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--duration)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--duration)}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--duration)}.duration-200{transition-duration:.2s}@keyframes enter{0%{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))}}@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))}}.animate-in{animation-name:enter;animation-duration:var(--duration);--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-200{animation-duration:.2s}.surface-inverse{background-color:hsl(var(--surface-inverse))}.surface-primary{background-color:hsl(var(--surface-primary))}.surface-raised{background-color:hsl(var(--surface-raised))}.surface-secondary{background-color:hsl(var(--surface-secondary))}.surface-tertiary{background-color:hsl(var(--surface-tertiary))}@media (prefers-reduced-motion:reduce){:where(.comal-ui){animation:none!important;transition:none!important}}[data-slot=checkbox-indicator]:not([data-state=indeterminate])>[data-mixed-icon],[data-slot=checkbox-indicator][data-state=indeterminate]>[data-check-icon]{display:none}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:var(--font-size-sm);line-height:var(--line-height)}.file\:font-medium::file-selector-button{font-weight:var(--font-weight-medium)}.file\:text-primary::file-selector-button{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.placeholder\:text-muted::-moz-placeholder{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.placeholder\:text-muted::placeholder{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.hover\:border-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--accent)/var(--tw-border-opacity,1))}.hover\:border-accent-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--accent-foreground)/var(--tw-border-opacity,1))}.hover\:border-action:hover{--tw-border-opacity:1;border-color:hsl(var(--border-action)/var(--tw-border-opacity,1))}.hover\:border-background:hover{--tw-border-opacity:1;border-color:hsl(var(--background)/var(--tw-border-opacity,1))}.hover\:border-border:hover{--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1))}.hover\:border-card:hover{--tw-border-opacity:1;border-color:hsl(var(--card)/var(--tw-border-opacity,1))}.hover\:border-card-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--card-foreground)/var(--tw-border-opacity,1))}.hover\:border-destructive:hover{--tw-border-opacity:1;border-color:hsl(var(--destructive)/var(--tw-border-opacity,1))}.hover\:border-destructive-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--destructive-foreground)/var(--tw-border-opacity,1))}.hover\:border-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--foreground)/var(--tw-border-opacity,1))}.hover\:border-input:hover{--tw-border-opacity:1;border-color:hsl(var(--input)/var(--tw-border-opacity,1))}.hover\:border-inverse:hover{--tw-border-opacity:1;border-color:hsl(var(--border-inverse)/var(--tw-border-opacity,1))}.hover\:border-muted:hover{--tw-border-opacity:1;border-color:hsl(var(--muted)/var(--tw-border-opacity,1))}.hover\:border-muted-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--muted-foreground)/var(--tw-border-opacity,1))}.hover\:border-overlay:hover{border-color:hsl(var(--overlay))}.hover\:border-popover:hover{--tw-border-opacity:1;border-color:hsl(var(--popover)/var(--tw-border-opacity,1))}.hover\:border-popover-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--popover-foreground)/var(--tw-border-opacity,1))}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--border-primary)/var(--tw-border-opacity,1))}.hover\:border-primary-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--primary-foreground)/var(--tw-border-opacity,1))}.hover\:border-primary-hover:hover{--tw-border-opacity:1;border-color:hsl(var(--primary-hover)/var(--tw-border-opacity,1))}.hover\:border-ring:hover{--tw-border-opacity:1;border-color:hsl(var(--ring)/var(--tw-border-opacity,1))}.hover\:border-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--border-secondary)/var(--tw-border-opacity,1))}.hover\:border-secondary-foreground:hover{--tw-border-opacity:1;border-color:hsl(var(--secondary-foreground)/var(--tw-border-opacity,1))}.hover\:bg-accent:hover{--tw-bg-opacity:1;background-color:hsl(var(--accent)/var(--tw-bg-opacity,1))}.hover\:bg-accent-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--accent-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-background:hover{--tw-bg-opacity:1;background-color:hsl(var(--background)/var(--tw-bg-opacity,1))}.hover\:bg-border:hover{--tw-bg-opacity:1;background-color:hsl(var(--border)/var(--tw-bg-opacity,1))}.hover\:bg-card:hover{--tw-bg-opacity:1;background-color:hsl(var(--card)/var(--tw-bg-opacity,1))}.hover\:bg-card-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--card-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-destructive:hover{--tw-bg-opacity:1;background-color:hsl(var(--destructive)/var(--tw-bg-opacity,1))}.hover\:bg-destructive-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--destructive-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--foreground)/var(--tw-bg-opacity,1))}.hover\:bg-input:hover{--tw-bg-opacity:1;background-color:hsl(var(--input)/var(--tw-bg-opacity,1))}.hover\:bg-muted:hover{--tw-bg-opacity:1;background-color:hsl(var(--muted)/var(--tw-bg-opacity,1))}.hover\:bg-muted-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--muted-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-overlay:hover{background-color:hsl(var(--overlay))}.hover\:bg-popover:hover{--tw-bg-opacity:1;background-color:hsl(var(--popover)/var(--tw-bg-opacity,1))}.hover\:bg-popover-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--popover-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:hsl(var(--primary)/var(--tw-bg-opacity,1))}.hover\:bg-primary-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--primary-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-primary-hover:hover{--tw-bg-opacity:1;background-color:hsl(var(--primary-hover)/var(--tw-bg-opacity,1))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary)/.8)}.hover\:bg-ring:hover{--tw-bg-opacity:1;background-color:hsl(var(--ring)/var(--tw-bg-opacity,1))}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:hsl(var(--secondary)/var(--tw-bg-opacity,1))}.hover\:bg-secondary-foreground:hover{--tw-bg-opacity:1;background-color:hsl(var(--secondary-foreground)/var(--tw-bg-opacity,1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:text-accent:hover{--tw-text-opacity:1;color:hsl(var(--accent)/var(--tw-text-opacity,1))}.hover\:text-accent-foreground:hover{--tw-text-opacity:1;color:hsl(var(--accent-foreground)/var(--tw-text-opacity,1))}.hover\:text-action:hover{--tw-text-opacity:1;color:hsl(var(--text-action)/var(--tw-text-opacity,1))}.hover\:text-background:hover{--tw-text-opacity:1;color:hsl(var(--background)/var(--tw-text-opacity,1))}.hover\:text-border:hover{--tw-text-opacity:1;color:hsl(var(--border)/var(--tw-text-opacity,1))}.hover\:text-card:hover{--tw-text-opacity:1;color:hsl(var(--card)/var(--tw-text-opacity,1))}.hover\:text-card-foreground:hover{--tw-text-opacity:1;color:hsl(var(--card-foreground)/var(--tw-text-opacity,1))}.hover\:text-destructive:hover{--tw-text-opacity:1;color:hsl(var(--destructive)/var(--tw-text-opacity,1))}.hover\:text-destructive-foreground:hover{--tw-text-opacity:1;color:hsl(var(--destructive-foreground)/var(--tw-text-opacity,1))}.hover\:text-foreground:hover{--tw-text-opacity:1;color:hsl(var(--foreground)/var(--tw-text-opacity,1))}.hover\:text-input:hover{--tw-text-opacity:1;color:hsl(var(--input)/var(--tw-text-opacity,1))}.hover\:text-inverse:hover{--tw-text-opacity:1;color:hsl(var(--text-inverse)/var(--tw-text-opacity,1))}.hover\:text-muted:hover{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.hover\:text-muted-foreground:hover{--tw-text-opacity:1;color:hsl(var(--muted-foreground)/var(--tw-text-opacity,1))}.hover\:text-overlay:hover{color:hsl(var(--overlay))}.hover\:text-popover:hover{--tw-text-opacity:1;color:hsl(var(--popover)/var(--tw-text-opacity,1))}.hover\:text-popover-foreground:hover{--tw-text-opacity:1;color:hsl(var(--popover-foreground)/var(--tw-text-opacity,1))}.hover\:text-primary:hover{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.hover\:text-primary-foreground:hover{--tw-text-opacity:1;color:hsl(var(--primary-foreground)/var(--tw-text-opacity,1))}.hover\:text-primary-hover:hover{--tw-text-opacity:1;color:hsl(var(--primary-hover)/var(--tw-text-opacity,1))}.hover\:text-ring:hover{--tw-text-opacity:1;color:hsl(var(--ring)/var(--tw-text-opacity,1))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:hsl(var(--text-secondary)/var(--tw-text-opacity,1))}.hover\:text-secondary-foreground:hover{--tw-text-opacity:1;color:hsl(var(--secondary-foreground)/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:surface-inverse:hover{background-color:hsl(var(--surface-inverse))}.hover\:surface-primary:hover{background-color:hsl(var(--surface-primary))}.hover\:surface-raised:hover{background-color:hsl(var(--surface-raised))}.hover\:surface-secondary:hover{background-color:hsl(var(--surface-secondary))}.hover\:surface-tertiary:hover{background-color:hsl(var(--surface-tertiary))}.focus\:border-accent:focus{--tw-border-opacity:1;border-color:hsl(var(--accent)/var(--tw-border-opacity,1))}.focus\:border-accent-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--accent-foreground)/var(--tw-border-opacity,1))}.focus\:border-action:focus{--tw-border-opacity:1;border-color:hsl(var(--border-action)/var(--tw-border-opacity,1))}.focus\:border-background:focus{--tw-border-opacity:1;border-color:hsl(var(--background)/var(--tw-border-opacity,1))}.focus\:border-border:focus{--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1))}.focus\:border-card:focus{--tw-border-opacity:1;border-color:hsl(var(--card)/var(--tw-border-opacity,1))}.focus\:border-card-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--card-foreground)/var(--tw-border-opacity,1))}.focus\:border-destructive:focus{--tw-border-opacity:1;border-color:hsl(var(--destructive)/var(--tw-border-opacity,1))}.focus\:border-destructive-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--destructive-foreground)/var(--tw-border-opacity,1))}.focus\:border-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--foreground)/var(--tw-border-opacity,1))}.focus\:border-input:focus{--tw-border-opacity:1;border-color:hsl(var(--input)/var(--tw-border-opacity,1))}.focus\:border-inverse:focus{--tw-border-opacity:1;border-color:hsl(var(--border-inverse)/var(--tw-border-opacity,1))}.focus\:border-muted:focus{--tw-border-opacity:1;border-color:hsl(var(--muted)/var(--tw-border-opacity,1))}.focus\:border-muted-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--muted-foreground)/var(--tw-border-opacity,1))}.focus\:border-overlay:focus{border-color:hsl(var(--overlay))}.focus\:border-popover:focus{--tw-border-opacity:1;border-color:hsl(var(--popover)/var(--tw-border-opacity,1))}.focus\:border-popover-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--popover-foreground)/var(--tw-border-opacity,1))}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:hsl(var(--border-primary)/var(--tw-border-opacity,1))}.focus\:border-primary-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--primary-foreground)/var(--tw-border-opacity,1))}.focus\:border-primary-hover:focus{--tw-border-opacity:1;border-color:hsl(var(--primary-hover)/var(--tw-border-opacity,1))}.focus\:border-ring:focus{--tw-border-opacity:1;border-color:hsl(var(--ring)/var(--tw-border-opacity,1))}.focus\:border-secondary:focus{--tw-border-opacity:1;border-color:hsl(var(--border-secondary)/var(--tw-border-opacity,1))}.focus\:border-secondary-foreground:focus{--tw-border-opacity:1;border-color:hsl(var(--secondary-foreground)/var(--tw-border-opacity,1))}.focus\:bg-accent:focus{--tw-bg-opacity:1;background-color:hsl(var(--accent)/var(--tw-bg-opacity,1))}.focus\:bg-accent-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--accent-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-background:focus{--tw-bg-opacity:1;background-color:hsl(var(--background)/var(--tw-bg-opacity,1))}.focus\:bg-border:focus{--tw-bg-opacity:1;background-color:hsl(var(--border)/var(--tw-bg-opacity,1))}.focus\:bg-card:focus{--tw-bg-opacity:1;background-color:hsl(var(--card)/var(--tw-bg-opacity,1))}.focus\:bg-card-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--card-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-destructive:focus{--tw-bg-opacity:1;background-color:hsl(var(--destructive)/var(--tw-bg-opacity,1))}.focus\:bg-destructive-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--destructive-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--foreground)/var(--tw-bg-opacity,1))}.focus\:bg-input:focus{--tw-bg-opacity:1;background-color:hsl(var(--input)/var(--tw-bg-opacity,1))}.focus\:bg-muted:focus{--tw-bg-opacity:1;background-color:hsl(var(--muted)/var(--tw-bg-opacity,1))}.focus\:bg-muted-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--muted-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-overlay:focus{background-color:hsl(var(--overlay))}.focus\:bg-popover:focus{--tw-bg-opacity:1;background-color:hsl(var(--popover)/var(--tw-bg-opacity,1))}.focus\:bg-popover-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--popover-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-primary:focus{--tw-bg-opacity:1;background-color:hsl(var(--primary)/var(--tw-bg-opacity,1))}.focus\:bg-primary-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--primary-foreground)/var(--tw-bg-opacity,1))}.focus\:bg-primary-hover:focus{--tw-bg-opacity:1;background-color:hsl(var(--primary-hover)/var(--tw-bg-opacity,1))}.focus\:bg-ring:focus{--tw-bg-opacity:1;background-color:hsl(var(--ring)/var(--tw-bg-opacity,1))}.focus\:bg-secondary:focus{--tw-bg-opacity:1;background-color:hsl(var(--secondary)/var(--tw-bg-opacity,1))}.focus\:bg-secondary-foreground:focus{--tw-bg-opacity:1;background-color:hsl(var(--secondary-foreground)/var(--tw-bg-opacity,1))}.focus\:text-accent:focus{--tw-text-opacity:1;color:hsl(var(--accent)/var(--tw-text-opacity,1))}.focus\:text-accent-foreground:focus{--tw-text-opacity:1;color:hsl(var(--accent-foreground)/var(--tw-text-opacity,1))}.focus\:text-action:focus{--tw-text-opacity:1;color:hsl(var(--text-action)/var(--tw-text-opacity,1))}.focus\:text-background:focus{--tw-text-opacity:1;color:hsl(var(--background)/var(--tw-text-opacity,1))}.focus\:text-border:focus{--tw-text-opacity:1;color:hsl(var(--border)/var(--tw-text-opacity,1))}.focus\:text-card:focus{--tw-text-opacity:1;color:hsl(var(--card)/var(--tw-text-opacity,1))}.focus\:text-card-foreground:focus{--tw-text-opacity:1;color:hsl(var(--card-foreground)/var(--tw-text-opacity,1))}.focus\:text-destructive:focus{--tw-text-opacity:1;color:hsl(var(--destructive)/var(--tw-text-opacity,1))}.focus\:text-destructive-foreground:focus{--tw-text-opacity:1;color:hsl(var(--destructive-foreground)/var(--tw-text-opacity,1))}.focus\:text-foreground:focus{--tw-text-opacity:1;color:hsl(var(--foreground)/var(--tw-text-opacity,1))}.focus\:text-input:focus{--tw-text-opacity:1;color:hsl(var(--input)/var(--tw-text-opacity,1))}.focus\:text-inverse:focus{--tw-text-opacity:1;color:hsl(var(--text-inverse)/var(--tw-text-opacity,1))}.focus\:text-muted:focus{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.focus\:text-muted-foreground:focus{--tw-text-opacity:1;color:hsl(var(--muted-foreground)/var(--tw-text-opacity,1))}.focus\:text-overlay:focus{color:hsl(var(--overlay))}.focus\:text-popover:focus{--tw-text-opacity:1;color:hsl(var(--popover)/var(--tw-text-opacity,1))}.focus\:text-popover-foreground:focus{--tw-text-opacity:1;color:hsl(var(--popover-foreground)/var(--tw-text-opacity,1))}.focus\:text-primary:focus{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.focus\:text-primary-foreground:focus{--tw-text-opacity:1;color:hsl(var(--primary-foreground)/var(--tw-text-opacity,1))}.focus\:text-primary-hover:focus{--tw-text-opacity:1;color:hsl(var(--primary-hover)/var(--tw-text-opacity,1))}.focus\:text-ring:focus{--tw-text-opacity:1;color:hsl(var(--ring)/var(--tw-text-opacity,1))}.focus\:text-secondary:focus{--tw-text-opacity:1;color:hsl(var(--text-secondary)/var(--tw-text-opacity,1))}.focus\:text-secondary-foreground:focus{--tw-text-opacity:1;color:hsl(var(--secondary-foreground)/var(--tw-text-opacity,1))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus,.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--focus-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--ring)/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:var(--focus-offset)}.focus\:surface-inverse:focus{background-color:hsl(var(--surface-inverse))}.focus\:surface-primary:focus{background-color:hsl(var(--surface-primary))}.focus\:surface-raised:focus{background-color:hsl(var(--surface-raised))}.focus\:surface-secondary:focus{background-color:hsl(var(--surface-secondary))}.focus\:surface-tertiary:focus{background-color:hsl(var(--surface-tertiary))}.focus-visible\:border-accent:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--accent)/var(--tw-border-opacity,1))}.focus-visible\:border-accent-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--accent-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-action:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--border-action)/var(--tw-border-opacity,1))}.focus-visible\:border-background:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--background)/var(--tw-border-opacity,1))}.focus-visible\:border-border:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1))}.focus-visible\:border-card:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--card)/var(--tw-border-opacity,1))}.focus-visible\:border-card-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--card-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-destructive:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--destructive)/var(--tw-border-opacity,1))}.focus-visible\:border-destructive-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--destructive-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-input:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--input)/var(--tw-border-opacity,1))}.focus-visible\:border-inverse:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--border-inverse)/var(--tw-border-opacity,1))}.focus-visible\:border-muted:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--muted)/var(--tw-border-opacity,1))}.focus-visible\:border-muted-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--muted-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-overlay:focus-visible{border-color:hsl(var(--overlay))}.focus-visible\:border-popover:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--popover)/var(--tw-border-opacity,1))}.focus-visible\:border-popover-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--popover-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-primary:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--border-primary)/var(--tw-border-opacity,1))}.focus-visible\:border-primary-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--primary-foreground)/var(--tw-border-opacity,1))}.focus-visible\:border-primary-hover:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--primary-hover)/var(--tw-border-opacity,1))}.focus-visible\:border-ring:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--ring)/var(--tw-border-opacity,1))}.focus-visible\:border-secondary:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--border-secondary)/var(--tw-border-opacity,1))}.focus-visible\:border-secondary-foreground:focus-visible{--tw-border-opacity:1;border-color:hsl(var(--secondary-foreground)/var(--tw-border-opacity,1))}.focus-visible\:bg-accent:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--accent)/var(--tw-bg-opacity,1))}.focus-visible\:bg-accent-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--accent-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-background:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--background)/var(--tw-bg-opacity,1))}.focus-visible\:bg-border:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--border)/var(--tw-bg-opacity,1))}.focus-visible\:bg-card:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--card)/var(--tw-bg-opacity,1))}.focus-visible\:bg-card-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--card-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-destructive:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--destructive)/var(--tw-bg-opacity,1))}.focus-visible\:bg-destructive-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--destructive-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-input:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--input)/var(--tw-bg-opacity,1))}.focus-visible\:bg-muted:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--muted)/var(--tw-bg-opacity,1))}.focus-visible\:bg-muted-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--muted-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-overlay:focus-visible{background-color:hsl(var(--overlay))}.focus-visible\:bg-popover:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--popover)/var(--tw-bg-opacity,1))}.focus-visible\:bg-popover-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--popover-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-primary:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--primary)/var(--tw-bg-opacity,1))}.focus-visible\:bg-primary-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--primary-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:bg-primary-hover:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--primary-hover)/var(--tw-bg-opacity,1))}.focus-visible\:bg-ring:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--ring)/var(--tw-bg-opacity,1))}.focus-visible\:bg-secondary:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--secondary)/var(--tw-bg-opacity,1))}.focus-visible\:bg-secondary-foreground:focus-visible{--tw-bg-opacity:1;background-color:hsl(var(--secondary-foreground)/var(--tw-bg-opacity,1))}.focus-visible\:text-accent:focus-visible{--tw-text-opacity:1;color:hsl(var(--accent)/var(--tw-text-opacity,1))}.focus-visible\:text-accent-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--accent-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-action:focus-visible{--tw-text-opacity:1;color:hsl(var(--text-action)/var(--tw-text-opacity,1))}.focus-visible\:text-background:focus-visible{--tw-text-opacity:1;color:hsl(var(--background)/var(--tw-text-opacity,1))}.focus-visible\:text-border:focus-visible{--tw-text-opacity:1;color:hsl(var(--border)/var(--tw-text-opacity,1))}.focus-visible\:text-card:focus-visible{--tw-text-opacity:1;color:hsl(var(--card)/var(--tw-text-opacity,1))}.focus-visible\:text-card-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--card-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-destructive:focus-visible{--tw-text-opacity:1;color:hsl(var(--destructive)/var(--tw-text-opacity,1))}.focus-visible\:text-destructive-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--destructive-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-input:focus-visible{--tw-text-opacity:1;color:hsl(var(--input)/var(--tw-text-opacity,1))}.focus-visible\:text-inverse:focus-visible{--tw-text-opacity:1;color:hsl(var(--text-inverse)/var(--tw-text-opacity,1))}.focus-visible\:text-muted:focus-visible{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.focus-visible\:text-muted-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--muted-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-overlay:focus-visible{color:hsl(var(--overlay))}.focus-visible\:text-popover:focus-visible{--tw-text-opacity:1;color:hsl(var(--popover)/var(--tw-text-opacity,1))}.focus-visible\:text-popover-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--popover-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-primary:focus-visible{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.focus-visible\:text-primary-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--primary-foreground)/var(--tw-text-opacity,1))}.focus-visible\:text-primary-hover:focus-visible{--tw-text-opacity:1;color:hsl(var(--primary-hover)/var(--tw-text-opacity,1))}.focus-visible\:text-ring:focus-visible{--tw-text-opacity:1;color:hsl(var(--ring)/var(--tw-text-opacity,1))}.focus-visible\:text-secondary:focus-visible{--tw-text-opacity:1;color:hsl(var(--text-secondary)/var(--tw-text-opacity,1))}.focus-visible\:text-secondary-foreground:focus-visible{--tw-text-opacity:1;color:hsl(var(--secondary-foreground)/var(--tw-text-opacity,1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--focus-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--focus-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--ring)/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:var(--focus-offset)}.focus-visible\:surface-inverse:focus-visible{background-color:hsl(var(--surface-inverse))}.focus-visible\:surface-primary:focus-visible{background-color:hsl(var(--surface-primary))}.focus-visible\:surface-raised:focus-visible{background-color:hsl(var(--surface-raised))}.focus-visible\:surface-secondary:focus-visible{background-color:hsl(var(--surface-secondary))}.focus-visible\:surface-tertiary:focus-visible{background-color:hsl(var(--surface-tertiary))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-disabled:disabled{opacity:var(--disabled-opacity)}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted)/.4)}.group.destructive .group-\[\.destructive\]\:text-destructive-foreground\/80{color:hsl(var(--destructive-foreground)/.8)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{--tw-bg-opacity:1;background-color:hsl(var(--destructive)/var(--tw-bg-opacity,1))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{--tw-text-opacity:1;color:hsl(var(--destructive-foreground)/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--destructive)/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive-foreground:focus{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--destructive-foreground)/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-destructive:focus{--tw-ring-offset-color:hsl(var(--destructive)/1)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.aria-disabled\:opacity-disabled[aria-disabled=true]{opacity:var(--disabled-opacity)}.aria-\[invalid\=true\]\:border-destructive[aria-invalid=true]{--tw-border-opacity:1;border-color:hsl(var(--destructive)/var(--tw-border-opacity,1))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--space-1,calc(var(--spacing-unit)*1))}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--space-1, calc(var(--spacing-unit) * 1)) * -1)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--space-1,calc(var(--spacing-unit)*1))}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--space-1, calc(var(--spacing-unit) * 1)) * -1)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:var(--space-0,calc(var(--spacing-unit)*0))}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel],.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[highlighted\]\:bg-accent[data-highlighted]{--tw-bg-opacity:1;background-color:hsl(var(--accent)/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-primary[data-state=checked],.data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{--tw-bg-opacity:1;background-color:hsl(var(--primary)/var(--tw-bg-opacity,1))}.data-\[state\=open\]\:bg-accent[data-state=open]{--tw-bg-opacity:1;background-color:hsl(var(--accent)/var(--tw-bg-opacity,1))}.data-\[highlighted\]\:text-accent-foreground[data-highlighted]{--tw-text-opacity:1;color:hsl(var(--accent-foreground)/var(--tw-text-opacity,1))}.data-\[placeholder\]\:text-muted[data-placeholder]{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.data-\[state\=active\]\:text-primary[data-state=active]{--tw-text-opacity:1;color:hsl(var(--text-primary)/var(--tw-text-opacity,1))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked],.data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate]{--tw-text-opacity:1;color:hsl(var(--primary-foreground)/var(--tw-text-opacity,1))}.data-\[state\=open\]\:text-muted[data-state=open]{--tw-text-opacity:1;color:hsl(var(--text-muted)/var(--tw-text-opacity,1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:var(--duration);--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:var(--duration);--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-var(--space-2,calc(var(--spacing-unit)*2))}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:var(--space-2,calc(var(--spacing-unit)*2))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-var(--space-2,calc(var(--spacing-unit)*2))}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:var(--space-2,calc(var(--spacing-unit)*2))}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=active\]\:surface-primary[data-state=active]{background-color:hsl(var(--surface-primary))}@media (min-width:640px){.sm\:bottom-0{bottom:var(--space-0,calc(var(--spacing-unit)*0))}.sm\:right-0{right:var(--space-0,calc(var(--spacing-unit)*0))}.sm\:top-auto{top:auto}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--space-2, calc(var(--spacing-unit) * 2)) * var(--tw-space-x-reverse));margin-left:calc(var(--space-2, calc(var(--spacing-unit) * 2)) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:max-w-\[var\(--toast-width\)\]{max-width:var(--toast-width)}.md\:text-sm{font-size:var(--font-size-sm);line-height:var(--line-height)}}.\[\&\+div\]\:text-xs+div{font-size:var(--font-size-xs);line-height:var(--line-height)}.active\:\[\&\:not\(\[aria-haspopup\]\)\:not\(\[aria-pressed\]\)\]\:translate-y-px:not([aria-haspopup]):not([aria-pressed]):active{--tw-translate-y:1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-reduced-motion:reduce){.motion-reduce\:active\:\[\&\:not\(\[aria-haspopup\]\)\:not\(\[aria-pressed\]\)\]\:transform-none:not([aria-haspopup]):not([aria-pressed]):active{transform:none}}.\[\&\:not\(\[aria-pressed\]\)\]\:transition-all:not([aria-pressed]){transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--duration)}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:var(--space-4,calc(var(--spacing-unit)*4));height:var(--space-4,calc(var(--spacing-unit)*4))}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
package/dist/themes/matrix.css ADDED
@@ -0,0 +1,48 @@
1
+ /* Optional terminal identity. Import after Greda styles/tokens and put
2
+ data-theme="matrix" and data-color-scheme on the same boundary. */
3
+ :where([data-theme="matrix"]) {
4
+ --base-white: 135 35% 96%;
5
+ --base-black: 150 40% 4%;
6
+ --base-gray-50: 135 40% 98%;
7
+ --base-gray-100: 135 25% 91%;
8
+ --base-gray-200: 145 20% 72%;
9
+ --base-gray-300: 140 22% 70%;
10
+ --base-gray-500: 145 18% 35%;
11
+ --base-gray-600: 145 22% 28%;
12
+ --base-gray-800: 150 28% 9%;
13
+ --base-gray-900: 150 40% 4%;
14
+ --base-primary: 140 85% 24%;
15
+ --base-primary-hover: 140 85% 18%;
16
+ --base-secondary: 135 25% 88%;
17
+ --base-tertiary: 140 30% 92%;
18
+ --base-accent: 135 30% 85%;
19
+ --base-destructive: 0 70% 40%;
20
+ --font-sans: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
21
+ --font-heading: var(--font-sans);
22
+ --type-display-size: clamp(2.25rem, 6vw, 4.5rem);
23
+ --type-display-weight: 700;
24
+ --type-display-leading: 1.05;
25
+ --type-display-tracking: -0.055em;
26
+ --type-title-size: clamp(1.25rem, 3vw, 1.75rem);
27
+ --type-title-weight: 600;
28
+ --type-body-size: 0.9375rem;
29
+ --type-body-leading: 1.7;
30
+ --type-eyebrow-tracking: 0.12em;
31
+ --radius: 0;
32
+ --radius-sm: 0;
33
+ --radius-lg: 0;
34
+ --focus-width: 2px;
35
+ --focus-offset: 4px;
36
+ }
37
+
38
+ /* Dark mode is explicit, independent of the selected brand. */
39
+ :where([data-theme="matrix"][data-color-scheme="dark"]) {
40
+ --base-white: 135 65% 88%;
41
+ --base-primary: 135 100% 65%;
42
+ --base-primary-hover: 135 100% 75%;
43
+ --base-secondary: 145 30% 14%;
44
+ --base-tertiary: 145 35% 7%;
45
+ --base-accent: 145 30% 18%;
46
+ --base-gray-600: 145 22% 40%;
47
+ --base-destructive: 0 90% 78%;
48
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@darthcharles/greda",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "description": "Generic React components with a complete, overridable base theme.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -33,7 +33,8 @@
33
33
  "./styles.css": "./dist/styles.css",
34
34
  "./tokens.css": "./dist/tokens.css",
35
35
  "./themes/cobalto.css": "./dist/themes/cobalto.css",
36
- "./themes/comal.css": "./dist/themes/comal.css"
36
+ "./themes/comal.css": "./dist/themes/comal.css",
37
+ "./themes/matrix.css": "./dist/themes/matrix.css"
37
38
  },
38
39
  "sideEffects": [
39
40
  "**/*.css"