@justanarthur/modo-ui 0.6.0-canary.9 → 0.6.0

package/dist/styles.css

@@ -2,10 +2,9 @@
 @layer properties, theme, base, shortcuts, default;
 /* layer: properties */
 @layer properties{
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-top-opacity:100%;--un-ease:initial;--un-fill-opacity:100%;--un-leading:initial;--un-line-opacity:100%;--un-outline-opacity:100%;--un-outline-style:solid;--un-ring-offset-opacity:100%;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-stroke-opacity:100%;--un-text-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-top-opacity:100%;--un-ease:initial;--un-fill-opacity:100%;--un-leading:initial;--un-line-opacity:100%;--un-ring-offset-opacity:100%;--un-ring-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-stroke-opacity:100%;--un-text-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-leading{syntax:"*";inherits:false;}
-@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-border-top-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@@ -60,7 +59,7 @@
 }
 /* layer: theme */
 @layer theme{
-:root, :host { --spacing: 0.25rem; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace; --radius-none: 0; --radius-lg: 0.5rem; --radius-DEFAULT: 0.25rem; --radius-sm: 0.25rem; --font-sans: 'Inter Variable', ui-sans-serif, system-ui, sans-serif; --radius-md: 0.375rem; --radius-3xl: 1.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --leading-snug: 1.375; --leading-normal: 1.5; --radius-xs: 0.125rem; --tracking-wide: 0.025em; --leading-relaxed: 1.625; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --leading-tight: 1.25; --leading-none: 1; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
+:root, :host { --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --spacing: 0.25rem; --radius-xl: 0.75rem; --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace; --leading-relaxed: 1.625; --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --font-sans: 'Inter Variable', ui-sans-serif, system-ui, sans-serif; --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-DEFAULT: 0.25rem; --radius-lg: 0.5rem; --radius-none: 0; --leading-none: 1; --radius-md: 0.375rem; --radius-sm: 0.25rem; --leading-snug: 1.375; --leading-normal: 1.5; --radius-xs: 0.125rem; --tracking-wide: 0.025em; --leading-tight: 1.25; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
 }
 /* layer: base */
 @layer base{
@@ -87,36 +86,27 @@
 }
 /* layer: default */
 @layer default{
-.\[\&_td\]\:text-foreground td,
-.data-\[fluid-hover-active\]\:text-foreground[data-fluid-hover-active],
+.data-\[placeholder\]\:text-muted-foreground[data-placeholder],
+.text-muted-foreground{color:color-mix(in srgb, var(--muted-foreground) var(--un-text-opacity), transparent);}
 .group\/row.is-active .group-\[\.is-active\]\/row\:text-foreground,
-.group\/row[data-fluid-hover-active] .group-\[\[data-fluid-hover-active\]\]\/row\:text-foreground,
 .text-foreground,
 .group\/field:focus-within .group-focus-within\/field\:text-foreground,
 .group\/search:focus-within .group-focus-within\/search\:text-foreground,
 .group:hover .group-hover\:text-foreground,
 .group\/field:hover .group-hover\/field\:text-foreground,
-.group\/search:hover .group-hover\/search\:text-foreground,
-.group\/sort:hover .group-hover\/sort\:text-foreground,
-.group\/zone:hover .group-hover\/zone\:text-foreground{color:color-mix(in srgb, var(--foreground) var(--un-text-opacity), transparent);}
-.data-\[placeholder\]\:text-muted-foreground[data-placeholder],
-.text-muted-foreground{color:color-mix(in srgb, var(--muted-foreground) var(--un-text-opacity), transparent);}
+.group\/search:hover .group-hover\/search\:text-foreground{color:color-mix(in srgb, var(--foreground) var(--un-text-opacity), transparent);}
 .text-background{color:color-mix(in srgb, var(--background) var(--un-text-opacity), transparent);}
 .text-background\/80{color:color-mix(in srgb, var(--background) 80%, transparent);}
-.text-current{color:currentColor;}
 .text-destructive{color:color-mix(in srgb, var(--destructive) var(--un-text-opacity), transparent);}
-.text-destructive-strong{color:color-mix(in srgb, var(--destructive-strong) var(--un-text-opacity), transparent);}
 .text-foreground\/85{color:color-mix(in srgb, var(--foreground) 85%, transparent);}
 .text-muted-foreground\/50{color:color-mix(in srgb, var(--muted-foreground) 50%, transparent);}
 .text-muted-foreground\/70{color:color-mix(in srgb, var(--muted-foreground) 70%, transparent);}
-.text-primary-foreground{color:color-mix(in srgb, var(--primary-foreground) var(--un-text-opacity), transparent);}
 .text-status-action{color:color-mix(in srgb, var(--status-action) var(--un-text-opacity), transparent);}
 .text-status-error{color:color-mix(in srgb, var(--status-error) var(--un-text-opacity), transparent);}
 .text-status-info{color:color-mix(in srgb, var(--status-info) var(--un-text-opacity), transparent);}
 .text-status-loading{color:color-mix(in srgb, var(--status-loading) var(--un-text-opacity), transparent);}
 .text-status-success{color:color-mix(in srgb, var(--status-success) var(--un-text-opacity), transparent);}
 .text-status-warning{color:color-mix(in srgb, var(--status-warning) var(--un-text-opacity), transparent);}
-.text-success-strong{color:color-mix(in srgb, var(--success-strong) var(--un-text-opacity), transparent);}
 .text-syntax-class{color:color-mix(in srgb, var(--syntax-class) var(--un-text-opacity), transparent);}
 .text-syntax-comment{color:color-mix(in srgb, var(--syntax-comment) var(--un-text-opacity), transparent);}
 .text-syntax-entity{color:color-mix(in srgb, var(--syntax-entity) var(--un-text-opacity), transparent);}
@@ -130,7 +120,6 @@
 .hover\:text-foreground:hover{color:color-mix(in srgb, var(--foreground) var(--un-text-opacity), transparent);}
 .hover\:text-muted-foreground:hover{color:color-mix(in srgb, var(--muted-foreground) var(--un-text-opacity), transparent);}
 .placeholder\:text-muted-foreground::placeholder{color:color-mix(in srgb, var(--muted-foreground) var(--un-text-opacity), transparent);}
-.text-inherit{color:inherit;}
 .leading-4\.5{--un-leading:calc(var(--spacing) * 4.5);line-height:calc(var(--spacing) * 4.5);}
 .leading-5{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);}
 .leading-6{--un-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);}
@@ -147,7 +136,6 @@
 .m-0{margin:calc(var(--spacing) * 0);}
 .m\[1\]{margin:1;}
 .-mx-1{margin-inline:calc(var(--spacing) * -1);}
-.-mx-1\.5{margin-inline:calc(var(--spacing) * -1.5);}
 .-mx-2{margin-inline:calc(var(--spacing) * -2);}
 .-my-1{margin-block:calc(var(--spacing) * -1);}
 .mx{margin-inline:calc(var(--spacing) * 4);}
@@ -155,15 +143,11 @@
 .mx-2{margin-inline:calc(var(--spacing) * 2);}
 .mx-auto{margin-inline:auto;}
 .my-1{margin-block:calc(var(--spacing) * 1);}
-.my-2\.5{margin-block:calc(var(--spacing) * 2.5);}
-.my-3\.5{margin-block:calc(var(--spacing) * 3.5);}
 .my-auto{margin-block:auto;}
 .-mb-\[0\.25em\]{margin-bottom:-0.25em;}
 .-ml-0\.5{margin-left:calc(var(--spacing) * -0.5);}
 .-ml-1{margin-left:calc(var(--spacing) * -1);}
 .-mr-0\.5{margin-right:calc(var(--spacing) * -0.5);}
-.-mr-1{margin-right:calc(var(--spacing) * -1);}
-.-mr-1\.5{margin-right:calc(var(--spacing) * -1.5);}
 .-mt-\[0\.25em\]{margin-top:-0.25em;}
 .-mt-1{margin-top:calc(var(--spacing) * -1);}
 .\[\&\>\*\]\:mb-0>*{margin-bottom:calc(var(--spacing) * 0);}
@@ -177,9 +161,7 @@
 .ml-auto{margin-left:auto;}
 .mr-1{margin-right:calc(var(--spacing) * 1);}
 .mt-0\.5{margin-top:calc(var(--spacing) * 0.5);}
-.mt-1{margin-top:calc(var(--spacing) * 1);}
 .mt-2{margin-top:calc(var(--spacing) * 2);}
-.mt-2\.5{margin-top:calc(var(--spacing) * 2.5);}
 .mt-3{margin-top:calc(var(--spacing) * 3);}
 .mt-6{margin-top:calc(var(--spacing) * 6);}
 .mt-auto{margin-top:auto;}
@@ -196,8 +178,6 @@
 .py-6{padding-block:calc(var(--spacing) * 6);}
 .px,
 .px-4{padding-inline:calc(var(--spacing) * 4);}
-.px-0,
-.px0{padding-inline:calc(var(--spacing) * 0);}
 .px-0\.5{padding-inline:calc(var(--spacing) * 0.5);}
 .px-1,
 .px1{padding-inline:calc(var(--spacing) * 1);}
@@ -205,17 +185,14 @@
 .px-2{padding-inline:calc(var(--spacing) * 2);}
 .px-2\.5{padding-inline:calc(var(--spacing) * 2.5);}
 .px-3{padding-inline:calc(var(--spacing) * 3);}
-.px-6{padding-inline:calc(var(--spacing) * 6);}
+.px0{padding-inline:calc(var(--spacing) * 0);}
 .py-\[5px\]{padding-block:5px;}
-.py-0\.5{padding-block:calc(var(--spacing) * 0.5);}
 .py-1{padding-block:calc(var(--spacing) * 1);}
 .py-1\.5{padding-block:calc(var(--spacing) * 1.5);}
 .py-2{padding-block:calc(var(--spacing) * 2);}
 .py-2\.5{padding-block:calc(var(--spacing) * 2.5);}
 .py-3{padding-block:calc(var(--spacing) * 3);}
 .py-3\.5{padding-block:calc(var(--spacing) * 3.5);}
-.py-5{padding-block:calc(var(--spacing) * 5);}
-.py-8{padding-block:calc(var(--spacing) * 8);}
 .\[\&_\[data-slot\=card-header\]\]\:pr-10 [data-slot=card-header],
 .\[\&\:focus-within_\[data-slot\=card-header\]\]\:pr-10:focus-within [data-slot=card-header],
 .\[\&\:hover_\[data-slot\=card-header\]\]\:pr-10:hover [data-slot=card-header]{padding-right:calc(var(--spacing) * 10);}
@@ -245,7 +222,6 @@
 .pl-2\.5{padding-left:calc(var(--spacing) * 2.5);}
 .pl-3{padding-left:calc(var(--spacing) * 3);}
 .pl-4{padding-left:calc(var(--spacing) * 4);}
-.pl-6{padding-left:calc(var(--spacing) * 6);}
 .pl-8{padding-left:calc(var(--spacing) * 8);}
 .pr-\[var\(--group-actions-pad\)\]{padding-right:var(--group-actions-pad);}
 .pr-\[var\(--row-gutter\)\]{padding-right:var(--row-gutter);}
@@ -268,14 +244,10 @@
 .text-right{text-align:right;}
 .align-middle{vertical-align:middle;}
 .appearance-none{-webkit-appearance:none;appearance:none;}
-.outline,
-.outline-1{outline-style:var(--un-outline-style);outline-width:1px;}
-.outline-image-edge{outline-color:color-mix(in srgb, var(--image-edge) var(--un-outline-opacity), transparent);}
-.-outline-offset-1{outline-offset:-1px;}
 .outline-offset-2{outline-offset:2px;}
+.outline{outline-style:var(--un-outline-style);outline-width:1px;}
 .outline-none{--un-outline-style:none;outline-style:none;}
 .focus\:outline-none:focus{--un-outline-style:none;outline-style:none;}
-.list-none{list-style-type:none;}
 .b,
 .border{border-width:1px;}
 .\[\&\>\*\]\:border-b>*,
@@ -295,17 +267,13 @@
 .border-background\/30{border-color:color-mix(in srgb, var(--background) 30%, transparent);}
 .border-border\/60{border-color:color-mix(in srgb, var(--border) 60%, transparent);}
 .border-control{border-color:color-mix(in srgb, var(--control-border) var(--un-border-opacity), transparent);}
-.border-destructive\/50,
-.data-\[dragging\=reject\]\:border-destructive\/50[data-dragging=reject],
-.data-\[invalid\]\:border-destructive\/50[data-invalid]{border-color:color-mix(in srgb, var(--destructive) 50%, transparent);}
+.border-destructive\/50{border-color:color-mix(in srgb, var(--destructive) 50%, transparent);}
 .border-focus-ring{border-color:color-mix(in srgb, var(--focus-ring) var(--un-border-opacity), transparent);}
 .border-foreground\/60{border-color:color-mix(in srgb, var(--foreground) 60%, transparent);}
 .border-muted-foreground\/50{border-color:color-mix(in srgb, var(--muted-foreground) 50%, transparent);}
 .border-picker-ring{border-color:color-mix(in srgb, var(--picker-ring) var(--un-border-opacity), transparent);}
 .border-thumb{border-color:color-mix(in srgb, var(--thumb) var(--un-border-opacity), transparent);}
 .border-transparent{border-color:transparent;}
-.data-\[dragging\=accept\]\:\!border-border[data-dragging=accept],
-.data-\[dragging\=partial\]\:\!border-border[data-dragging=partial]{border-color:color-mix(in srgb, var(--border) var(--un-border-opacity), transparent) !important;}
 .hover\:border-destructive\/50:hover{border-color:color-mix(in srgb, var(--destructive) 50%, transparent);}
 .border-t-muted-foreground{border-top-color:color-mix(in srgb, var(--muted-foreground) var(--un-border-top-opacity), transparent);--un-border-top-opacity:var(--un-border-opacity);}
 .data-\[active\]\:rounded-3xl[data-active],
@@ -329,12 +297,8 @@
 .rounded-e-lg{border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg);}
 .rounded-s-lg{border-end-start-radius:var(--radius-lg);border-start-start-radius:var(--radius-lg);}
 .rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);}
-.border-dashed{--un-border-style:dashed;border-style:dashed;}
 .border-none{--un-border-style:none;border-style:none;}
-.border-solid,
-.data-\[dragging\=accept\]\:border-solid[data-dragging=accept],
-.data-\[dragging\=partial\]\:border-solid[data-dragging=partial],
-.data-\[dragging\=reject\]\:border-solid[data-dragging=reject]{--un-border-style:solid;border-style:solid;}
+.border-solid{--un-border-style:solid;border-style:solid;}
 .bg-\[var\(--btn-bg\)\]{background-color:color-mix(in oklab, var(--btn-bg) var(--un-bg-opacity), transparent);}
 .bg-accent{background-color:color-mix(in srgb, var(--accent) var(--un-bg-opacity), transparent);}
 .bg-accent-hover{background-color:color-mix(in srgb, var(--accent-hover) var(--un-bg-opacity), transparent);}
@@ -350,9 +314,6 @@
 .bg-brand-hover{background-color:color-mix(in srgb, var(--brand-hover) var(--un-bg-opacity), transparent);}
 .bg-card\/70{background-color:color-mix(in srgb, var(--card) 70%, transparent);}
 .bg-current{background-color:currentColor;}
-.bg-destructive-wash{background-color:color-mix(in srgb, var(--destructive-wash) var(--un-bg-opacity), transparent);}
-.bg-destructive-wash-active,
-.group:active .group-active\:bg-destructive-wash-active{background-color:color-mix(in srgb, var(--destructive-wash-active) var(--un-bg-opacity), transparent);}
 .bg-foreground{background-color:color-mix(in srgb, var(--foreground) var(--un-bg-opacity), transparent);}
 .bg-foreground\/60{background-color:color-mix(in srgb, var(--foreground) 60%, transparent);}
 .bg-hover,
@@ -362,10 +323,8 @@
 .bg-muted-foreground\/50{background-color:color-mix(in srgb, var(--muted-foreground) 50%, transparent);}
 .bg-overlay\/16{background-color:color-mix(in srgb, rgb(var(--overlay)) 16%, transparent);}
 .bg-overlay\/8{background-color:color-mix(in srgb, rgb(var(--overlay)) 8%, transparent);}
-.bg-progress-track{background-color:color-mix(in srgb, var(--progress-track) var(--un-bg-opacity), transparent);}
 .bg-scrim{background-color:color-mix(in srgb, var(--scrim) var(--un-bg-opacity), transparent);}
 .bg-selected\/50{background-color:color-mix(in srgb, var(--selected) 50%, transparent);}
-.bg-skeleton{background-color:color-mix(in srgb, var(--skeleton) var(--un-bg-opacity), transparent);}
 .bg-status-action\/16{background-color:color-mix(in srgb, var(--status-action) 16%, transparent);}
 .bg-status-error{background-color:color-mix(in srgb, var(--status-error) var(--un-bg-opacity), transparent);}
 .bg-status-error\/16{background-color:color-mix(in srgb, var(--status-error) 16%, transparent);}
@@ -374,68 +333,40 @@
 .bg-status-success{background-color:color-mix(in srgb, var(--status-success) var(--un-bg-opacity), transparent);}
 .bg-status-success\/16{background-color:color-mix(in srgb, var(--status-success) 16%, transparent);}
 .bg-status-warning\/16{background-color:color-mix(in srgb, var(--status-warning) 16%, transparent);}
-.bg-success-wash{background-color:color-mix(in srgb, var(--success-wash) var(--un-bg-opacity), transparent);}
-.bg-success-wash-active,
-.group:active .group-active\:bg-success-wash-active{background-color:color-mix(in srgb, var(--success-wash-active) var(--un-bg-opacity), transparent);}
-.bg-surface-1,
-.dark .dark\:bg-surface-1{background-color:color-mix(in srgb, var(--surface-1) var(--un-bg-opacity), transparent);}
-.bg-surface-2,
-.dark .dark\:bg-surface-2{background-color:color-mix(in srgb, var(--surface-2) var(--un-bg-opacity), transparent);}
-.bg-surface-3,
-.dark .dark\:bg-surface-3{background-color:color-mix(in srgb, var(--surface-3) var(--un-bg-opacity), transparent);}
-.bg-surface-4,
-.dark .dark\:bg-surface-4{background-color:color-mix(in srgb, var(--surface-4) var(--un-bg-opacity), transparent);}
-.bg-surface-5,
-.dark .dark\:bg-surface-5{background-color:color-mix(in srgb, var(--surface-5) var(--un-bg-opacity), transparent);}
-.bg-surface-6,
-.dark .dark\:bg-surface-6{background-color:color-mix(in srgb, var(--surface-6) var(--un-bg-opacity), transparent);}
-.bg-surface-7,
-.dark .dark\:bg-surface-7{background-color:color-mix(in srgb, var(--surface-7) var(--un-bg-opacity), transparent);}
-.bg-surface-8,
-.dark .dark\:bg-surface-8{background-color:color-mix(in srgb, var(--surface-8) var(--un-bg-opacity), transparent);}
+.bg-surface-1{background-color:color-mix(in srgb, var(--surface-1) var(--un-bg-opacity), transparent);}
+.bg-surface-2{background-color:color-mix(in srgb, var(--surface-2) var(--un-bg-opacity), transparent);}
+.bg-surface-3{background-color:color-mix(in srgb, var(--surface-3) var(--un-bg-opacity), transparent);}
+.bg-surface-4{background-color:color-mix(in srgb, var(--surface-4) var(--un-bg-opacity), transparent);}
+.bg-surface-5{background-color:color-mix(in srgb, var(--surface-5) var(--un-bg-opacity), transparent);}
+.bg-surface-6{background-color:color-mix(in srgb, var(--surface-6) var(--un-bg-opacity), transparent);}
+.bg-surface-7{background-color:color-mix(in srgb, var(--surface-7) var(--un-bg-opacity), transparent);}
+.bg-surface-8{background-color:color-mix(in srgb, var(--surface-8) var(--un-bg-opacity), transparent);}
 .bg-thumb{background-color:color-mix(in srgb, var(--thumb) var(--un-bg-opacity), transparent);}
 .bg-transparent{background-color:transparent;}
-.bg-well{background-color:color-mix(in srgb, var(--well) var(--un-bg-opacity), transparent);}
 .dark .dark\:bg-accent\/12{background-color:color-mix(in srgb, var(--accent) 12%, transparent);}
 .data-\[active\]\:bg-muted\/50[data-active],
 .group\/search:hover .group-hover\/search\:bg-muted\/50{background-color:color-mix(in srgb, var(--muted) 50%, transparent);}
-.data-\[dragging\=accept\]\:\!bg-muted[data-dragging=accept],
-.data-\[dragging\=partial\]\:\!bg-muted[data-dragging=partial]{background-color:color-mix(in srgb, var(--muted) var(--un-bg-opacity), transparent) !important;}
-.data-\[dragging\=reject\]\:\!bg-destructive-light\/60[data-dragging=reject]{background-color:color-mix(in srgb, var(--destructive-light) 60%, transparent) !important;}
 .data-\[invalid\]\:data-\[active\]\:bg-destructive-light\/60[data-active][data-invalid]{background-color:color-mix(in srgb, var(--destructive-light) 60%, transparent);}
-.data-\[readonly\]\:data-\[active\]\:\!bg-transparent[data-active][data-readonly]{background-color:transparent !important;}
-.data-\[readonly\]\:focus-within\:\!bg-transparent:focus-within[data-readonly]{background-color:transparent !important;}
 .focus-within\:\!bg-card:focus-within{background-color:color-mix(in srgb, var(--card) var(--un-bg-opacity), transparent) !important;}
 .data-\[invalid\]\:hover\:bg-destructive-light\/60:hover[data-invalid]{background-color:color-mix(in srgb, var(--destructive-light) 60%, transparent);}
-.data-\[readonly\]\:hover\:\!bg-transparent:hover[data-readonly]{background-color:transparent !important;}
-.data-\[readonly\]\:hover\:bg-transparent:hover[data-readonly]{background-color:transparent;}
 .group:hover .group-hover\:bg-brand\/20{background-color:color-mix(in srgb, var(--brand) 20%, transparent);}
-.group:hover .group-hover\:bg-destructive-wash-hover{background-color:color-mix(in srgb, var(--destructive-wash-hover) var(--un-bg-opacity), transparent);}
-.group:hover .group-hover\:bg-success-wash-hover{background-color:color-mix(in srgb, var(--success-wash-hover) var(--un-bg-opacity), transparent);}
 .group\/scrollbar:hover .group-hover\/scrollbar\:bg-overlay\/12{background-color:color-mix(in srgb, rgb(var(--overlay)) 12%, transparent);}
 .hover\:after\:bg-foreground\/25:hover::after{background-color:color-mix(in srgb, var(--foreground) 25%, transparent);}
 .hover\:bg-accent\/80:hover{background-color:color-mix(in srgb, var(--accent) 80%, transparent);}
 .hover\:bg-active:hover{background-color:color-mix(in srgb, var(--active) var(--un-bg-opacity), transparent);}
 .hover\:bg-card:hover{background-color:color-mix(in srgb, var(--card) var(--un-bg-opacity), transparent);}
-.hover\:bg-destructive-wash-hover:hover{background-color:color-mix(in srgb, var(--destructive-wash-hover) var(--un-bg-opacity), transparent);}
 .hover\:bg-foreground\/90:hover{background-color:color-mix(in srgb, var(--foreground) 90%, transparent);}
 .hover\:bg-hover:hover{background-color:color-mix(in srgb, var(--hover) var(--un-bg-opacity), transparent);}
 .hover\:bg-muted\/50:hover{background-color:color-mix(in srgb, var(--muted) 50%, transparent);}
-.hover\:bg-success-wash-hover:hover{background-color:color-mix(in srgb, var(--success-wash-hover) var(--un-bg-opacity), transparent);}
 .active\:\!bg-overlay\/16:active{background-color:color-mix(in srgb, rgb(var(--overlay)) 16%, transparent) !important;}
 .active\:bg-accent:active{background-color:color-mix(in srgb, var(--accent) var(--un-bg-opacity), transparent);}
 .active\:bg-active:active{background-color:color-mix(in srgb, var(--active) var(--un-bg-opacity), transparent);}
-.active\:bg-destructive-wash-active:active{background-color:color-mix(in srgb, var(--destructive-wash-active) var(--un-bg-opacity), transparent);}
 .active\:bg-foreground\/80:active{background-color:color-mix(in srgb, var(--foreground) 80%, transparent);}
-.active\:bg-success-wash-active:active{background-color:color-mix(in srgb, var(--success-wash-active) var(--un-bg-opacity), transparent);}
 .enabled\:hover\:bg-hover:hover:enabled{background-color:color-mix(in srgb, var(--hover) var(--un-bg-opacity), transparent);}
 .before\:bg-active::before{background-color:color-mix(in srgb, var(--active) var(--un-bg-opacity), transparent);}
 .after\:bg-current::after{background-color:currentColor;}
 .after\:bg-foreground\/25::after{background-color:color-mix(in srgb, var(--foreground) 25%, transparent);}
 .after\:bg-transparent::after{background-color:transparent;}
-.aria-disabled\:opacity-50[aria-disabled="true"],
-.data-\[disabled\]\:opacity-50[data-disabled],
-.opacity-50{opacity:50%;}
 .aria-expanded\:opacity-100[aria-expanded="true"],
 .data-\[hovering\]\:opacity-100[data-hovering],
 .data-\[scrolling\]\:opacity-100[data-scrolling],
@@ -450,7 +381,6 @@
 .group\/menu-sub-item:focus-within .group-focus-within\/menu-sub-item\:opacity-100,
 .group\/parent-row:focus-within .group-focus-within\/parent-row\:opacity-100,
 .group\/search:focus-within .group-focus-within\/search\:opacity-100,
-.group:hover .group-hover\:opacity-100,
 .group\/card:hover .group-hover\/card\:opacity-100,
 .group\/group-header:hover .group-hover\/group-header\:opacity-100,
 .group\/menu-item:hover .group-hover\/menu-item\:opacity-100,
@@ -462,8 +392,8 @@
 .peer\/menu-button:hover~.peer-hover\/menu-button\:opacity-100,
 .peer\/menu-button:focus-visible~.peer-focus-visible\/menu-button\:opacity-100{opacity:100%;}
 .dark .dark\:opacity-12{opacity:12%;}
-.data-\[ending-style\]\:opacity-0[data-ending-style],
-.data-\[starting-style\]\:opacity-0[data-starting-style],
+.data-\[disabled\]\:opacity-50[data-disabled],
+.opacity-50{opacity:50%;}
 .opacity-0{opacity:0%;}
 .opacity-16{opacity:16%;}
 .opacity-20{opacity:20%;}
@@ -477,18 +407,13 @@
 .underline{text-decoration-line:underline;}
 .hover\:underline:hover{text-decoration-line:underline;}
 .decoration-border{text-decoration-color:color-mix(in srgb, var(--border) var(--un-line-opacity), transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--border) var(--un-line-opacity), transparent);}
-.decoration-current{text-decoration-color:currentColor;-webkit-text-decoration-color:currentColor;}
-.decoration-transparent{text-decoration-color:transparent;-webkit-text-decoration-color:transparent;}
-.hover\:decoration-current:hover{text-decoration-color:currentColor;-webkit-text-decoration-color:currentColor;}
 .hover\:decoration-foreground:hover{text-decoration-color:color-mix(in srgb, var(--foreground) var(--un-line-opacity), transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--foreground) var(--un-line-opacity), transparent);}
 .underline-offset-4{text-underline-offset:4px;}
-.no-underline{text-decoration:none;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
 .flex-1{flex:1 1 0%;}
 .flex-auto{flex:1 1 auto;}
 .\[\&_svg\]\:shrink-0 svg,
-.\[\&\>svg\]\:shrink-0>svg,
 .flex-shrink-0,
 .shrink-0{flex-shrink:0;}
 .flex-row{flex-direction:row;}
@@ -508,7 +433,6 @@
 .gap-4{gap:calc(var(--spacing) * 4);}
 .gap-x-2{column-gap:calc(var(--spacing) * 2);}
 .gap-y-1{row-gap:calc(var(--spacing) * 1);}
-.\!grid{display:grid !important;}
 .grid{display:grid;}
 .inline-grid{display:inline-grid;}
 .row-span-2{grid-row:span 2/span 2;}
@@ -518,23 +442,16 @@
 .auto-rows-min{grid-auto-rows:min-content;}
 .grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr);}
 .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
-.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
 .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
-.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
-.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
 .grid-rows-subgrid{grid-template-rows:subgrid;}
 .\[\&_svg\]\:size-\[var\(--icon-size\)\] svg{width:var(--icon-size);height:var(--icon-size);}
-.\[\&_svg\]\:size-3\.5 svg,
-.\[\&\>svg\]\:size-3\.5>svg,
-.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);}
-.\[\&_svg\]\:size-4 svg,
-.\[\&\>svg\]\:size-4>svg,
-.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}
 .size-\[5px\]{width:5px;height:5px;}
 .size-0{width:calc(var(--spacing) * 0);height:calc(var(--spacing) * 0);}
 .size-1{width:calc(var(--spacing) * 1);height:calc(var(--spacing) * 1);}
 .size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5);}
 .size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);}
+.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);}
+.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}
 .size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40);}
 .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);}
 .size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);}
@@ -577,10 +494,7 @@
 .h-12,
 .h12{height:calc(var(--spacing) * 12);}
 .h-2\.5{height:calc(var(--spacing) * 2.5);}
-.h-24,
-.h24{height:calc(var(--spacing) * 24);}
 .h-3{height:calc(var(--spacing) * 3);}
-.h-40{height:calc(var(--spacing) * 40);}
 .h-5{height:calc(var(--spacing) * 5);}
 .h-56{height:calc(var(--spacing) * 56);}
 .h-7{height:calc(var(--spacing) * 7);}
@@ -607,7 +521,6 @@
 .max-w-\[calc\(100\%_\+_8px\)\]{max-width:calc(100% + 8px);}
 .max-w-\[calc\(100vw-1rem\)\]{max-width:calc(100vw - 1rem);}
 .max-w-\[min\(92vw\,20rem\)\]{max-width:min(92vw,20rem);}
-.max-w-\[var\(--available-width\)\]{max-width:var(--available-width);}
 .max-w-full{max-width:100%;}
 .min-h-\[60px\]{min-height:60px;}
 .min-h-0{min-height:calc(var(--spacing) * 0);}
@@ -615,7 +528,6 @@
 .min-h-40{min-height:calc(var(--spacing) * 40);}
 .min-h-7{min-height:calc(var(--spacing) * 7);}
 .min-h-9{min-height:calc(var(--spacing) * 9);}
-.min-w-\[10\.5rem\]{min-width:10.5rem;}
 .min-w-\[128px\]{min-width:128px;}
 .min-w-\[160px\]{min-width:160px;}
 .min-w-\[240px\]{min-width:240px;}
@@ -624,8 +536,6 @@
 .min-w-4{min-width:calc(var(--spacing) * 4);}
 .min-w-5{min-width:calc(var(--spacing) * 5);}
 .min-w-6{min-width:calc(var(--spacing) * 6);}
-.min-w-7{min-width:calc(var(--spacing) * 7);}
-.min-w-9{min-width:calc(var(--spacing) * 9);}
 .min-w-full{min-width:100%;}
 .w-\[14px\]{width:14px;}
 .w-\[16px\]{width:16px;}
@@ -646,12 +556,10 @@
 .w-1{width:calc(var(--spacing) * 1);}
 .w-10{width:calc(var(--spacing) * 10);}
 .w-12{width:calc(var(--spacing) * 12);}
-.w-14{width:calc(var(--spacing) * 14);}
 .w-15{width:calc(var(--spacing) * 15);}
 .w-16{width:calc(var(--spacing) * 16);}
 .w-2{width:calc(var(--spacing) * 2);}
 .w-2\.5{width:calc(var(--spacing) * 2.5);}
-.w-2\/5{width:40%;}
 .w-28{width:calc(var(--spacing) * 28);}
 .w-3{width:calc(var(--spacing) * 3);}
 .w-5{width:calc(var(--spacing) * 5);}
@@ -659,7 +567,6 @@
 .w-7{width:calc(var(--spacing) * 7);}
 .w-72{width:calc(var(--spacing) * 72);}
 .w-9{width:calc(var(--spacing) * 9);}
-.w-fit{width:fit-content;}
 .w-full{width:100%;}
 .w-max{width:max-content;}
 .w-px{width:1px;}
@@ -679,8 +586,7 @@
 .visible{visibility:visible;}
 .invisible{visibility:hidden;}
 .collapse{visibility:collapse;}
-.cursor-default,
-.data-\[readonly\]\:cursor-default[data-readonly]{cursor:default;}
+.cursor-default{cursor:default;}
 .disabled\:cursor-default:disabled{cursor:default;}
 .cursor-none{cursor:none;}
 .cursor-pointer{cursor:pointer;}
@@ -689,12 +595,10 @@
 .active\:cursor-grabbing:active{cursor:grabbing;}
 .cursor-col-resize{cursor:col-resize;}
 .cursor-ew-resize{cursor:ew-resize;}
-.cursor-ns-resize{cursor:ns-resize;}
 .group\/card:focus-within .group-focus-within\/card\:pointer-events-auto,
 .group\/card:hover .group-hover\/card\:pointer-events-auto{pointer-events:auto;}
 .focus-visible\:pointer-events-auto:focus-visible{pointer-events:auto;}
 .\[\&_\*\]\:pointer-events-none *,
-.aria-disabled\:pointer-events-none[aria-disabled="true"],
 .data-\[disabled\]\:pointer-events-none[data-disabled],
 .pointer-events-none{pointer-events:none;}
 .disabled\:pointer-events-none:disabled{pointer-events:none;}
@@ -702,12 +606,10 @@
 .resize-none{resize:none;}
 .select-none{-webkit-user-select:none;user-select:none;}
 .whitespace-nowrap{white-space:nowrap;}
-.whitespace-pre{white-space:pre;}
 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .text-ellipsis{text-overflow:ellipsis;}
 .uppercase{text-transform:uppercase;}
 .italic{font-style:italic;}
-.has-\[\:focus-visible\]\:ring-1:has(:focus-visible),
 .ring,
 .ring-1{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .ring-2{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
@@ -719,7 +621,6 @@
 .data-\[active\]\:ring-transparent[data-active],
 .ring-transparent{--un-ring-color:transparent;}
 .data-\[invalid\]\:\!ring-destructive\/50[data-invalid]{--un-ring-color:color-mix(in srgb, var(--destructive) 50%, transparent) !important;}
-.has-\[\:focus-visible\]\:ring-focus-ring:has(:focus-visible),
 .ring-focus-ring{--un-ring-color:color-mix(in srgb, var(--focus-ring) var(--un-ring-opacity), transparent);}
 .focus-within\:ring-border:focus-within{--un-ring-color:color-mix(in srgb, var(--border) var(--un-ring-opacity), transparent);}
 .focus-within\:ring-focus-ring:focus-within{--un-ring-color:color-mix(in srgb, var(--focus-ring) var(--un-ring-opacity), transparent);}
@@ -736,10 +637,7 @@
 .shadow-\[0_0_0_1px_transparent\]{--un-shadow:0 0 0 1px transparent var(--un-shadow-color, );box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .shadow-\[0_0_0_1px_var\(--active\)\]{--un-shadow:0 0 0 1px var(--un-shadow-color, var(--active));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .shadow-\[0_0_0_1px_var\(--border\)\,inset_0_0_0_0px_var\(--border\)\]{--un-shadow:0 0 0 1px var(--border),inset 0 0 0 0px var(--border);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.shadow-\[0_0_0_1px_var\(--btn-bg\)\,var\(--shadow-button-primary\)\]{--un-shadow:0 0 0 1px var(--un-shadow-color, var(--btn-bg),var(--shadow-button-primary));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .shadow-\[0_0_0_1px_var\(--btn-bg\)\]{--un-shadow:0 0 0 1px var(--un-shadow-color, var(--btn-bg));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.shadow-\[inset_0_0_0_1px_var\(--border\)\]{--un-shadow:inset 0 0 0 1px var(--un-shadow-color, var(--border));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.shadow-\[var\(--shadow-button-primary\)\]{--un-shadow:var(--shadow-button-primary);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .shadow-picker-cursor{--un-shadow:var(--shadow-picker-cursor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .shadow-picker-thumb{--un-shadow:var(--shadow-picker-thumb);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .shadow-surface-1{--un-shadow:var(--shadow-1);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
@@ -757,7 +655,6 @@
 .group:hover .group-hover\:shadow-\[0_0_0_1px_var\(--hover\)\]{--un-shadow:0 0 0 1px var(--un-shadow-color, var(--hover));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .group:active .group-active\:shadow-\[0_0_0_0px_var\(--active\)\]{--un-shadow:0 0 0 0px var(--un-shadow-color, var(--active));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .group:active .group-active\:shadow-\[0_0_0_0px_var\(--border\)\,inset_0_0_0_1px_var\(--border\)\]{--un-shadow:0 0 0 0px var(--border),inset 0 0 0 1px var(--border);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.group:active .group-active\:shadow-\[0_0_0_0px_var\(--btn-bg\)\,var\(--shadow-button-primary\)\]{--un-shadow:0 0 0 0px var(--un-shadow-color, var(--btn-bg),var(--shadow-button-primary));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .group:active .group-active\:shadow-\[0_0_0_0px_var\(--btn-bg\)\]{--un-shadow:0 0 0 0px var(--un-shadow-color, var(--btn-bg));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .origin-top{transform-origin:top;}
 .-translate-x-0\.5{--un-translate-x:calc(var(--spacing) * -0.5);translate:var(--un-translate-x) var(--un-translate-y);}
@@ -765,21 +662,14 @@
 .-translate-y-0\.5{--un-translate-y:calc(var(--spacing) * -0.5);translate:var(--un-translate-x) var(--un-translate-y);}
 .-translate-y-1\/2{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
 .-translate-y-px{--un-translate-y:-1px;translate:var(--un-translate-x) var(--un-translate-y);}
-.data-\[ending-style\]\:data-\[activation-direction\=left\]\:translate-x-4[data-activation-direction=left][data-ending-style],
-.data-\[starting-style\]\:data-\[activation-direction\=right\]\:translate-x-4[data-activation-direction=right][data-starting-style]{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}
-.data-\[ending-style\]\:data-\[activation-direction\=right\]\:-translate-x-4[data-activation-direction=right][data-ending-style],
-.data-\[starting-style\]\:data-\[activation-direction\=left\]\:-translate-x-4[data-activation-direction=left][data-starting-style]{--un-translate-x:calc(var(--spacing) * -4);translate:var(--un-translate-x) var(--un-translate-y);}
-.translate-y-1\/2{--un-translate-y:50%;translate:var(--un-translate-x) var(--un-translate-y);}
 .after\:-translate-x-1\/2::after{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
 .-rotate-45{rotate:-45deg;}
 .rotate-180{rotate:180deg;}
-.rotate-90{rotate:90deg;}
 .data-\[active\]\:scale-\[0\.96\][data-active]{--un-scale-x:0.96;--un-scale-y:0.96;scale:var(--un-scale-x) var(--un-scale-y);}
 .transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}
 .\[\&_svg\]\:transition-\[stroke-width\] svg,
 .transition-\[stroke-width\]{transition-property:stroke-width;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
-.transition-\[background-color\,border-color\,opacity\]{transition-property:background-color,border-color,opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[background-color\,box-shadow\,opacity\]{transition-property:background-color,box-shadow,opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[background-color\,width\,height\]{transition-property:background-color,width,height;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[background-color\]{transition-property:background-color;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
@@ -792,21 +682,17 @@
 .transition-\[color\,background-color\,opacity\]{transition-property:color,background-color,opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[color\,background-color\]{transition-property:color,background-color;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[color\,font-variation-settings\]{transition-property:color,font-variation-settings;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
-.transition-\[color\,opacity\,background-color\,box-shadow\]{transition-property:color,opacity,background-color,box-shadow;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
-.transition-\[color\,opacity\,text-decoration-color\]{transition-property:color,opacity,text-decoration-color;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[color\,opacity\]{transition-property:color,opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[color\,stroke-width\]{transition-property:color,stroke-width;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[color\]{transition-property:color;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[font-variation-settings\]{transition-property:font-variation-settings;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[margin\]{transition-property:margin;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
-.transition-\[opacity\,transform\]{transition-property:opacity,transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
-.transition-\[opacity\],
-.transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[padding\]{transition-property:padding;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-\[transform\],
 .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
+.transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .after\:transition-colors::after{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .duration-100{--un-duration:100ms;transition-duration:100ms;}
 .duration-150{--un-duration:150ms;transition-duration:150ms;}
@@ -815,17 +701,11 @@
 .ease{--un-ease:var(--ease-DEFAULT);transition-timing-function:var(--ease-DEFAULT);}
 .ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}
 .ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}
+.\[--btn-bg\:color-mix\(in_oklab\,var\(--foreground\)_80\%\,var\(--background\)\)\],
+.group:active .group-active\:\[--btn-bg\:color-mix\(in_oklab\,var\(--foreground\)_80\%\,var\(--background\)\)\]{--btn-bg:color-mix(in oklab,var(--foreground) 80%,var(--background));}
 .\[--btn-bg\:var\(--accent\)\],
 .group:active .group-active\:\[--btn-bg\:var\(--accent\)\]{--btn-bg:var(--accent);}
-.\[--btn-bg\:var\(--destructive-wash-active\)\],
-.group:active .group-active\:\[--btn-bg\:var\(--destructive-wash-active\)\]{--btn-bg:var(--destructive-wash-active);}
-.\[--btn-bg\:var\(--destructive-wash\)\]{--btn-bg:var(--destructive-wash);}
-.\[--btn-bg\:var\(--primary-active\)\],
-.group:active .group-active\:\[--btn-bg\:var\(--primary-active\)\]{--btn-bg:var(--primary-active);}
-.\[--btn-bg\:var\(--primary\)\]{--btn-bg:var(--primary);}
-.\[--btn-bg\:var\(--success-wash-active\)\],
-.group:active .group-active\:\[--btn-bg\:var\(--success-wash-active\)\]{--btn-bg:var(--success-wash-active);}
-.\[--btn-bg\:var\(--success-wash\)\]{--btn-bg:var(--success-wash);}
+.\[--btn-bg\:var\(--foreground\)\]{--btn-bg:var(--foreground);}
 .\[--scroll-divider-inset\:8px\]{--scroll-divider-inset:8px;}
 .\[--scroll-fade-size\:16px\]{--scroll-fade-size:16px;}
 .\[--scroll-fade-size\:24px\]{--scroll-fade-size:24px;}
@@ -839,20 +719,13 @@
 .\[transition-timing-function\:cubic-bezier\(0\.23\,1\,0\.32\,1\)\,ease\]{transition-timing-function:cubic-bezier(0.23,1,0.32,1),ease;}
 .\[translate\:var\(--toast-swipe-movement-x\)_var\(--toast-swipe-movement-y\)\]{translate:var(--toast-swipe-movement-x) var(--toast-swipe-movement-y);}
 .group:hover .group-hover\:\[--btn-bg\:color-mix\(in_oklab\,var\(--accent\)_80\%\,var\(--background\)\)\]{--btn-bg:color-mix(in oklab,var(--accent) 80%,var(--background));}
-.group:hover .group-hover\:\[--btn-bg\:var\(--destructive-wash-hover\)\]{--btn-bg:var(--destructive-wash-hover);}
-.group:hover .group-hover\:\[--btn-bg\:var\(--primary-hover\)\]{--btn-bg:var(--primary-hover);}
-.group:hover .group-hover\:\[--btn-bg\:var\(--success-wash-hover\)\]{--btn-bg:var(--success-wash-hover);}
-.hover\:\[--btn-bg\:color-mix\(in_oklab\,var\(--accent\)_80\%\,var\(--background\)\)\]:hover{--btn-bg:color-mix(in oklab,var(--accent) 80%,var(--background));}
-.hover\:\[--btn-bg\:var\(--primary-hover\)\]:hover{--btn-bg:var(--primary-hover);}
-.active\:\[--btn-bg\:var\(--accent\)\]:active{--btn-bg:var(--accent);}
-.active\:\[--btn-bg\:var\(--primary-active\)\]:active{--btn-bg:var(--primary-active);}
+.group:hover .group-hover\:\[--btn-bg\:color-mix\(in_oklab\,var\(--foreground\)_90\%\,var\(--background\)\)\]{--btn-bg:color-mix(in oklab,var(--foreground) 90%,var(--background));}
 .group:active .group-active\:\[transition-duration\:80ms\,80ms\]{transition-duration:80ms,80ms;}
 .after\:\[mask-image\:linear-gradient\(to_bottom\,transparent_var\(--rail-fade-start\)\,black_var\(--rail-fade-end\)\,black_calc\(100\%-var\(--rail-fade-end\)\)\,transparent_calc\(100\%-var\(--rail-fade-start\)\)\)\]::after{mask-image:linear-gradient(to bottom,transparent var(--rail-fade-start),black var(--rail-fade-end),black calc(100% - var(--rail-fade-end)),transparent calc(100% - var(--rail-fade-start)));}
 .\!items-start{align-items:flex-start !important;}
 .items-start{align-items:flex-start;}
 .items-end{align-items:flex-end;}
 .items-center{align-items:center;}
-.items-baseline{align-items:baseline;}
 .self-start{align-self:flex-start;}
 .self-center{align-self:center;}
 .self-stretch{align-self:stretch;}
@@ -911,7 +784,6 @@
 .justify-self-end{justify-self:end;}
 .order-first{order:calc(-infinity);}
 .order-last{order:calc(infinity);}
-.place-items-center{place-items:center;}
 .absolute{position:absolute;}
 .fixed{position:fixed;}
 .relative{position:relative;}
@@ -947,12 +819,7 @@
 .group:hover .group-hover\:\[\&_svg\]\:stroke-\[2\] svg,
 .group:hover .group-hover\:stroke-\[2\],
 .group\/action:hover .group-hover\/action\:stroke-\[2\],
-.group\/field:hover .group-hover\/field\:stroke-\[2\],
-.group\/zone:hover .group-hover\/zone\:stroke-\[2\]{stroke-width:2;}
-.group\/item[data-fluid-hover-active] .group-\[\[data-fluid-hover-active\]\]\/item\:stroke-2,
-.group\/row[data-fluid-hover-active] .group-\[\[data-fluid-hover-active\]\]\/row\:stroke-2,
-.stroke-2,
-.group\/sort:hover .group-hover\/sort\:stroke-2{stroke-width:2px;}
+.group\/field:hover .group-hover\/field\:stroke-\[2\]{stroke-width:2;}
 .stroke-thumb{stroke:color-mix(in srgb, var(--thumb) var(--un-stroke-opacity), transparent);}
 .hover\:\[\&_svg\]\:stroke-\[2\] svg:hover{stroke-width:2;}
 @keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
@@ -971,7 +838,6 @@
 .filter{filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
 .table{display:table;}
 .border-collapse{border-collapse:collapse;}
-.caption-bottom{caption-side:bottom;}
 .touch-none{touch-action:none;}
 .tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}
 .text-title{font-size:var(--text-title);line-height:var(--leading-title);}
@@ -992,12 +858,10 @@
 .\[\&_svg\]\:duration-fast svg,
 .duration-fast{--un-duration:var(--duration-fast);transition-duration:var(--duration-fast);}
 .after\:duration-fast::after{--un-duration:var(--duration-fast);transition-duration:var(--duration-fast);}
-.data-\[ending-style\]\:duration-fast-exit[data-ending-style]{--un-duration:var(--duration-fast-exit);transition-duration:var(--duration-fast-exit);}
 .data-\[hovering\]\:duration-moderate[data-hovering],
 .data-\[scrolling\]\:duration-moderate[data-scrolling],
 .duration-moderate{--un-duration:var(--duration-moderate);transition-duration:var(--duration-moderate);}
 .delay-moderate{transition-delay:var(--duration-moderate);}
-.data-\[ending-style\]\:duration-moderate-exit[data-ending-style],
 .duration-moderate-exit{--un-duration:var(--duration-moderate-exit);transition-duration:var(--duration-moderate-exit);}
 .duration-slow{--un-duration:var(--duration-slow);transition-duration:var(--duration-slow);}
 .rounded-box{border-radius:var(--radius-box);}
@@ -1008,15 +872,6 @@
 .group-data-\[active\]\/field\:text-foreground{
 &:is(:where(.group\/field)[data-active] *){color:color-mix(in srgb, var(--foreground) var(--un-text-opacity), transparent);}
 }
-.group-data-\[dragging\]\/zone\:stroke-\[2\]{
-&:is(:where(.group\/zone)[data-dragging] *){stroke-width:2;}
-}
-.group-data-\[dragging\]\/zone\:text-destructive{
-&:is(:where(.group\/zone)[data-dragging] *){color:color-mix(in srgb, var(--destructive) var(--un-text-opacity), transparent);}
-}
-.group-data-\[dragging\]\/zone\:text-foreground{
-&:is(:where(.group\/zone)[data-dragging] *){color:color-mix(in srgb, var(--foreground) var(--un-text-opacity), transparent);}
-}
 .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]{
 &:has(*[data-slot=card-action]){grid-template-columns:1fr auto;}
 }
@@ -1049,7 +904,6 @@
 }
 @media (prefers-reduced-motion: reduce){
 .motion-reduce\:transition-none{transition:none;}
-.motion-reduce\:animate-none{animation:none;}
 }
 @supports (text-box:trim-both){
 .supports-\[text-box\:trim-both\]\:py-2{padding-block:calc(var(--spacing) * 2);}
@@ -1082,11 +936,6 @@
 .sm\:starting\:opacity-0{opacity:0%;}
 }}
 @media (min-width: 48rem){
-.md\:text-muted-foreground{color:color-mix(in srgb, var(--muted-foreground) var(--un-text-opacity), transparent);}
-.md\:hidden{display:none;}
-.md\:table-cell{display:table-cell;}
-.md\:table-header-group{display:table-header-group;}
-.md\:table-row{display:table-row;}
 .md\:duration-slow{--un-duration:var(--duration-slow);transition-duration:var(--duration-slow);}
 }
 @starting-style{@media (min-width: 48rem){
@@ -1172,41 +1021,6 @@
   --destructive: light-dark(oklch(0.6368 0.2078 25.33), oklch(0.7106 0.1661 22.22));
   --destructive-light: light-dark(oklch(0.971 0.013 17.38), oklch(0.2575 0.0886 26.04));
 
-  /* ── Tinted actions (local) ──
-     Button's destructive and success variants: the hue as text on a wash of
-     itself, never a solid fill behind text (DESIGN.md › Status). The washes
-     mix toward transparent like --hover, so they read on any surface level;
-     hover and press deepen them (16 → 20 → 24%). The -strong text steps are
-     the hue darkened in light and lightened in dark, so a 13px label holds
-     WCAG AA (≥ 4.5:1) on its wash at rest, hover and press, over surfaces
-     1–5 in both schemes (worst case 4.69:1, the dark destructive press on
-     surface 5). */
-  --destructive-strong: light-dark(oklch(0.47 0.175 27), oklch(0.81 0.105 22));
-  --destructive-wash: color-mix(in oklab, var(--destructive) 16%, transparent);
-  --destructive-wash-hover: color-mix(in oklab, var(--destructive) 20%, transparent);
-  --destructive-wash-active: color-mix(in oklab, var(--destructive) 24%, transparent);
-  --success-strong: light-dark(oklch(0.46 0.12 151), oklch(0.83 0.15 152));
-  --success-wash: color-mix(in oklab, var(--status-success) 16%, transparent);
-  --success-wash-hover: color-mix(in oklab, var(--status-success) 20%, transparent);
-  --success-wash-active: color-mix(in oklab, var(--status-success) 24%, transparent);
-
-  /* ── Placeholders and media edges (local) ──
-     --skeleton: the loading placeholder's fill, a foreground mix like
-     --border so it tracks the scheme and reads on any surface level.
-     --image-edge: the 1px inset outline over avatars and other images, so a
-     pale picture keeps its shape against the surface (upstream FF's media
-     outline: black 10% in light, white 10% in dark). */
-  --skeleton: color-mix(in oklab, var(--foreground) 8%, transparent);
-  --image-edge: light-dark(rgb(0 0 0 / 0.1), rgb(255 255 255 / 0.1));
-  /* The progress track: a recessed line any fill reads against. */
-  --progress-track: color-mix(in oklab, var(--foreground) 10%, transparent);
-  /* The recessed well under the segmented tabs' indicator. Light is --muted
-     (the greyer step the ladder's floor lacks). Dark can't be: --muted there
-     is surface-2, the very value of the card and the inset, so a track of it
-     vanishes on both. Black at 25% darkens whatever it sits on, so the well
-     reads on the page, a card and the inset alike. */
-  --well: light-dark(var(--muted), oklch(0 0 0 / 0.25));
-
   /* ── Brand blue ──
      FF's one chromatic accent: the switch's on-track, the copy field's hover
      highlight, drop-target and selected-swatch rings. */
@@ -1274,33 +1088,6 @@
   --syntax-sign: var(--muted-foreground);
 }
 
-/* ── Primary action (theme hooks) ──
-   What the primary Button paints, as hooks a host re-points to recolour it
-   (a brand fill with a lit edge) without forking the component:
-     --primary             the fill. Defaults to the ink.
-     --primary-hover       its hover fill, 10% toward --background.
-     --primary-active      its pressed fill, 20% toward --background.
-     --primary-foreground  the label on the fill. Defaults to --background.
-     --shadow-button-primary  an extra shadow list for the fill layer, drawn on
-                           top of the layer's own press ring (a highlight,
-                           an outline, a drop). The default is an invisible
-                           no-op that stays valid inside a comma list.
-   All five default to what the primary Button always drew, so nothing
-   changes until one is overridden. Override --primary-hover and
-   --primary-active with it, since their defaults mix from the value
-   --primary has where they are declared. Re-point them on `:root, .light,
-   .dark` (or on `:root` alone when the value is the same in both schemes).
-   `bg-primary`, `text-primary` and `text-primary-foreground` read them.
-   Zero specificity (:where): a host's override wins from any stylesheet
-   order, `<html class="dark">` included. */
-:where(:root, .light, .dark) {
-  --primary: var(--foreground);
-  --primary-hover: color-mix(in oklab, var(--primary) 90%, var(--background));
-  --primary-active: color-mix(in oklab, var(--primary) 80%, var(--background));
-  --primary-foreground: var(--background);
-  --shadow-button-primary: 0 0 #0000;
-}
-
 /* ── Badge palette ──
    Badge's `color` hues (upstream hex, as exact oklch). Constant across
    schemes; the solid variant mixes each 15% into --background. */
@@ -1359,10 +1146,6 @@
  *
  * Local addition: `goo`, the morph engine's tier for the goo effect — 250ms
  * to land (bounce 0.15), a 200ms spring back — so the liquid neck reads.
- *
- * Local addition: `loop`, the period of the ambient animations that run while
- * something is pending (the skeleton's pulse, the spinner's travel, the
- * indeterminate bar's sweep). They never land, so they are not a spring tier.
  */
 
 :root {
@@ -1374,7 +1157,6 @@
   --duration-slow-exit: 160ms;
   --duration-goo: 250ms;
   --duration-goo-exit: 200ms;
-  --duration-loop: 2s;
 }
 
 :root {
@@ -1541,9 +1323,6 @@
  *   :focus-visible fallback), html.transitioning, native scrollbars,
  *   .scrollbar-hide, shimmer + spinner keyframes, .scroll-fade(-x).
  *
- * Local scope change: the inline code chip applies inside the docs shell, a
- * `data-modo="prose"` block or a `.modo-prose` container, not to every <code>.
- *
  * Local value changes: the inline code chip and the shimmer stops read color
  * tokens instead of upstream's hex (light code chip `--muted`, dark
  * `--surface-4`; shimmer dim → bright runs `--muted-foreground` →
@@ -1637,11 +1416,10 @@ body {
     text-wrap: pretty;
   }
 
-  /* Inline code chips, for prose that opts in: the docs shell (`data-modo="app"`),
-     a modo prose block (`data-modo="prose"`) or a `.modo-prose` container. A bare
-     <code> in an app is left alone. Excludes code inside <pre>. Base layer, so a
-     page can still override with utilities. */
-  :where([data-modo="app"], [data-modo="prose"], .modo-prose) code:not(pre code) {
+  /* Inline code chips: bare <code> in prose gets its own ground. Excludes
+     code inside <pre>. Base layer, so a page can still override with
+     utilities. */
+  code:not(pre code) {
     background: light-dark(var(--muted), var(--surface-4));
     border-radius: 4px;
     padding: 1px 4px;
@@ -2031,72 +1809,6 @@ html.transitioning *::after {
   }
 }
 
-/*
- * Local addition (not part of Fluid Functionalism): Progress's loops. The
- * indeterminate bar sweeps a segment across the track (transform only); the
- * spinner reuses Button's figure-eight keyframes from base.css. Both run on
- * `--duration-loop`. Under reduced motion (Progress swaps the classes through
- * useReduceMotion; the media query covers the first paint) nothing travels:
- * the fill breathes in opacity instead.
- */
-
-@keyframes progress-sweep {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(250%);
-  }
-}
-
-@keyframes progress-breathe {
-  50% {
-    opacity: 0.4;
-  }
-}
-
-.progress-sweep {
-  animation: progress-sweep var(--duration-loop) ease-in-out infinite;
-}
-
-.progress-spin {
-  stroke-dasharray: 15 85;
-  animation:
-    spinner-move var(--duration-loop) linear infinite,
-    spinner-dash calc(var(--duration-loop) * 2) ease-in-out infinite;
-}
-
-.progress-breathe {
-  animation: progress-breathe var(--duration-loop) ease-in-out infinite;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .progress-sweep {
-    width: 100%;
-    animation: progress-breathe var(--duration-loop) ease-in-out infinite;
-  }
-  .progress-spin {
-    stroke-dasharray: none;
-    animation: progress-breathe var(--duration-loop) ease-in-out infinite;
-  }
-}
-
-/*
- * Local addition (not part of Fluid Functionalism): the Skeleton's pulse.
- * Opacity only, one period of `--duration-loop`, every placeholder in step.
- * A fade, so it runs under reduced motion too (DESIGN.md › Motion keeps fades).
- */
-
-@keyframes skeleton-pulse {
-  50% {
-    opacity: 0.5;
-  }
-}
-
-.skeleton-pulse {
-  animation: skeleton-pulse var(--duration-loop) ease-in-out infinite;
-}
-
 /* biome-ignore-all lint: vendored upstream code keeps its own values (see the header) */
 /*
  * Surface elevation module: the 8-level surface ladder and its 1:1 shadow