@vireo-ai/trellis-ui 0.1.4 → 0.1.6

package/trellis_ui/static/trellis_ui/{css/styles.css → assets/css/trellis.css}

@@ -5,9 +5,6 @@
   :root, :host {
     --font-sans: Inter var, Lexend, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-    --color-red-600: oklch(57.7% 0.245 27.325);
-    --color-black: #000;
-    --color-white: #fff;
     --spacing: 0.25rem;
     --container-xs: 20rem;
     --container-sm: 24rem;
@@ -36,8 +33,6 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
-    --tracking-normal: 0em;
-    --tracking-wide: 0.025em;
     --animate-spin: spin 1s linear infinite;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -89,16 +84,11 @@
     --shadow-border-hover: var(--ui-shadow-border-hover);
     --shadow-1: var(--ui-shadow-1);
     --shadow-2: var(--ui-shadow-2);
-    --shadow-3: var(--ui-shadow-3);
-    --shadow-4: var(--ui-shadow-4);
     --shadow-5: var(--ui-shadow-5);
     --shadow-6: var(--ui-shadow-6);
-    --shadow-popover: var(--ui-popover-shadow);
-    --shadow-modal: var(--ui-modal-shadow);
     --shadow-control: var(--ui-control-shadow);
     --shadow-focus: 0 0 0 3px var(--color-focus-a4);
     --shadow-danger-focus: var(--shadow-control), 0 0 0 3px var(--color-danger-a4);
-    --container-reading: 42rem;
     --z-index-popover: 50;
     --z-index-dialog: 60;
     --z-index-toast: 70;
@@ -108,7 +98,6 @@
     --color-base-4: #e8e8ec;
     --color-base-5: #e0e1e6;
     --color-base-6: #d9d9e0;
-    --color-base-9: #8b8d98;
     --color-base-10: #80838d;
     --color-base-11: #60646c;
     --color-base-12: #1c2024;
@@ -120,7 +109,6 @@
     --color-base-a7: #00062e32;
     --color-accent-8: #5eb1ef;
     --color-accent-9: #0090ff;
-    --color-accent-10: #0588f0;
     --color-accent-11: #0d74ce;
     --color-accent-12: #113264;
     --color-accent-a3: #008ff519;
@@ -180,12 +168,11 @@
     --color-control: var(--ui-control-bg);
     --color-control-hover: var(--ui-control-bg-hover);
     --color-control-active: var(--ui-control-bg-active);
+    --color-control-disabled: var(--ui-control-bg-disabled);
     --color-control-fg: var(--ui-control-fg);
+    --color-control-disabled-fg: var(--ui-control-fg-disabled);
     --color-control-placeholder: var(--ui-control-placeholder);
-    --color-control-border: var(--ui-control-border);
-    --color-control-border-focus: var(--ui-control-border-focus);
     --color-control-border-invalid: var(--ui-control-border-invalid);
-    --color-control-border-invalid-focus: var(--ui-control-border-invalid-focus);
     --color-focus: var(--color-accent-8);
     --color-focus-a4: #5eb1ef;
     @supports (color: color-mix(in lab, red, red)) {
@@ -227,7 +214,6 @@
     --color-popover-fg: var(--ui-popover-fg);
     --color-popover-border: var(--ui-popover-border);
     --color-toast: var(--ui-toast-bg);
-    --color-menu-item-hover: var(--ui-menu-item-bg-hover);
     --color-menu-item-fg: var(--ui-menu-item-fg);
     --color-menu-item-muted: var(--ui-menu-item-fg-muted);
     --color-menu-item-danger-hover: var(--ui-menu-item-danger-bg-hover);
@@ -398,15 +384,6 @@
   .pointer-events-none {
     pointer-events: none;
   }
-  .collapse {
-    visibility: collapse;
-  }
-  .invisible {
-    visibility: hidden;
-  }
-  .visible {
-    visibility: visible;
-  }
   .sr-only {
     position: absolute;
     width: 1px;
@@ -427,9 +404,6 @@
   .relative {
     position: relative;
   }
-  .static {
-    position: static;
-  }
   .sticky {
     position: sticky;
   }
@@ -445,9 +419,6 @@
   .top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
-  .top-2 {
-    top: var(--spacing-2);
-  }
   .top-3 {
     top: var(--spacing-3);
   }
@@ -463,9 +434,6 @@
   .right-1 {
     right: var(--spacing-1);
   }
-  .right-2 {
-    right: var(--spacing-2);
-  }
   .right-3 {
     right: var(--spacing-3);
   }
@@ -529,33 +497,12 @@
   .col-start-2 {
     grid-column-start: 2;
   }
-  .row-1 {
-    grid-row: 1;
-  }
   .row-span-2 {
     grid-row: span 2 / span 2;
   }
   .row-start-1 {
     grid-row-start: 1;
   }
-  .container {
-    width: 100%;
-    @media (width >= 40rem) {
-      max-width: 40rem;
-    }
-    @media (width >= 48rem) {
-      max-width: 48rem;
-    }
-    @media (width >= 64rem) {
-      max-width: 64rem;
-    }
-    @media (width >= 80rem) {
-      max-width: 80rem;
-    }
-    @media (width >= 96rem) {
-      max-width: 96rem;
-    }
-  }
   .m-0 {
     margin: var(--spacing-0);
   }
@@ -586,9 +533,6 @@
   .m-9 {
     margin: var(--spacing-9);
   }
-  .m-auto {
-    margin: auto;
-  }
   .-mx-popover {
     margin-inline: calc(var(--spacing-popover) * -1);
   }
@@ -661,12 +605,6 @@
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
-  .mt-1 {
-    margin-top: var(--spacing-1);
-  }
-  .mt-2 {
-    margin-top: var(--spacing-2);
-  }
   .-mr-1 {
     margin-right: calc(var(--spacing-1) * -1);
   }
@@ -700,9 +638,6 @@
   .mb-0 {
     margin-bottom: var(--spacing-0);
   }
-  .mb-4 {
-    margin-bottom: var(--spacing-4);
-  }
   .-ml-1\.5 {
     margin-left: calc(var(--spacing) * -1.5);
   }
@@ -745,9 +680,6 @@
   .hidden {
     display: none;
   }
-  .inline {
-    display: inline;
-  }
   .inline-block {
     display: inline-block;
   }
@@ -757,21 +689,6 @@
   .inline-grid {
     display: inline-grid;
   }
-  .table {
-    display: table;
-  }
-  .table-caption {
-    display: table-caption;
-  }
-  .table-cell {
-    display: table-cell;
-  }
-  .table-column {
-    display: table-column;
-  }
-  .table-row {
-    display: table-row;
-  }
   .size-1 {
     width: var(--spacing-1);
     height: var(--spacing-1);
@@ -820,14 +737,6 @@
     width: var(--spacing-9);
     height: var(--spacing-9);
   }
-  .size-12 {
-    width: var(--spacing-12);
-    height: var(--spacing-12);
-  }
-  .size-16 {
-    width: calc(var(--spacing) * 16);
-    height: calc(var(--spacing) * 16);
-  }
   .size-control-md {
     width: var(--spacing-control-md);
     height: var(--spacing-control-md);
@@ -888,33 +797,9 @@
   .h-7 {
     height: var(--spacing-7);
   }
-  .h-36 {
-    height: calc(var(--spacing) * 36);
-  }
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
-  .h-56 {
-    height: calc(var(--spacing) * 56);
-  }
-  .h-64 {
-    height: calc(var(--spacing) * 64);
-  }
-  .h-72 {
-    height: calc(var(--spacing) * 72);
-  }
-  .h-80 {
-    height: calc(var(--spacing) * 80);
-  }
-  .h-96 {
-    height: calc(var(--spacing) * 96);
-  }
-  .h-\[24rem\] {
-    height: 24rem;
-  }
-  .h-\[30rem\] {
-    height: 30rem;
-  }
   .h-auto {
     height: auto;
   }
@@ -936,9 +821,6 @@
   .h-dvh {
     height: 100dvh;
   }
-  .h-fit {
-    height: fit-content;
-  }
   .h-full {
     height: 100%;
   }
@@ -951,15 +833,6 @@
   .h-scrollbar {
     height: var(--spacing-scrollbar);
   }
-  .max-h-24 {
-    max-height: calc(var(--spacing) * 24);
-  }
-  .max-h-32 {
-    max-height: calc(var(--spacing) * 32);
-  }
-  .max-h-44 {
-    max-height: calc(var(--spacing) * 44);
-  }
   .max-h-combobox-listbox {
     max-height: var(--spacing-combobox-listbox);
   }
@@ -999,12 +872,6 @@
   .min-h-24 {
     min-height: calc(var(--spacing) * 24);
   }
-  .min-h-72 {
-    min-height: calc(var(--spacing) * 72);
-  }
-  .min-h-\[18rem\] {
-    min-height: 18rem;
-  }
   .min-h-control-lg {
     min-height: var(--spacing-control-lg);
   }
@@ -1023,9 +890,6 @@
   .min-h-dvh {
     min-height: 100dvh;
   }
-  .min-h-screen {
-    min-height: 100vh;
-  }
   .w-1 {
     width: var(--spacing-1);
   }
@@ -1056,18 +920,6 @@
   .w-14 {
     width: calc(var(--spacing) * 14);
   }
-  .w-28 {
-    width: calc(var(--spacing) * 28);
-  }
-  .w-36 {
-    width: calc(var(--spacing) * 36);
-  }
-  .w-56 {
-    width: calc(var(--spacing) * 56);
-  }
-  .w-80 {
-    width: calc(var(--spacing) * 80);
-  }
   .w-\[min\(24rem\,calc\(100vw-2rem\)\)\] {
     width: min(24rem, calc(100vw - 2rem));
   }
@@ -1092,9 +944,6 @@
   .w-control-xs {
     width: var(--spacing-control-xs);
   }
-  .w-fit {
-    width: fit-content;
-  }
   .w-full {
     width: 100%;
   }
@@ -1149,9 +998,6 @@
   .max-w-prose {
     max-width: 65ch;
   }
-  .max-w-reading {
-    max-width: var(--container-reading);
-  }
   .max-w-sm {
     max-width: var(--container-sm);
   }
@@ -1176,18 +1022,12 @@
   .min-w-72 {
     min-width: calc(var(--spacing) * 72);
   }
-  .min-w-\[48rem\] {
-    min-width: 48rem;
-  }
   .min-w-control-lg {
     min-width: var(--spacing-control-lg);
   }
   .min-w-full {
     min-width: 100%;
   }
-  .min-w-max {
-    min-width: max-content;
-  }
   .flex-1 {
     flex: 1;
   }
@@ -1238,9 +1078,6 @@
   .rotate-180 {
     rotate: 180deg;
   }
-  .transform {
-    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
-  }
   .animate-spin {
     animation: var(--animate-spin);
   }
@@ -1250,9 +1087,6 @@
   .cursor-default {
     cursor: default;
   }
-  .cursor-grab {
-    cursor: grab;
-  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1271,9 +1105,6 @@
   .resize-y {
     resize: vertical;
   }
-  .scroll-mt-6 {
-    scroll-margin-top: var(--spacing-6);
-  }
   .list-none {
     list-style-type: none;
   }
@@ -1301,9 +1132,6 @@
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
-  .grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
   .grid-cols-\[auto_minmax\(0\,1fr\)\] {
     grid-template-columns: auto minmax(0,1fr);
   }
@@ -1460,13 +1288,6 @@
   .gap-control {
     gap: var(--spacing-control);
   }
-  .space-y-16 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
   .gap-x-1 {
     column-gap: var(--spacing-1);
   }
@@ -1527,9 +1348,6 @@
   .self-center {
     align-self: center;
   }
-  .self-end {
-    align-self: flex-end;
-  }
   .self-start {
     align-self: flex-start;
   }
@@ -1565,12 +1383,6 @@
   .overflow-y-hidden {
     overflow-y: hidden;
   }
-  .overscroll-contain {
-    overscroll-behavior: contain;
-  }
-  .rounded {
-    border-radius: 0.25rem;
-  }
   .rounded-1 {
     border-radius: var(--radius-1);
   }
@@ -1598,14 +1410,6 @@
   .rounded-scrollbar-thumb {
     border-radius: var(--radius-scrollbar-thumb);
   }
-  .rounded-l-none {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-  .rounded-r-none {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1626,10 +1430,6 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 0px;
   }
-  .border-t-4 {
-    border-top-style: var(--tw-border-style);
-    border-top-width: 4px;
-  }
   .border-r {
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
@@ -1654,10 +1454,6 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 2px;
   }
-  .border-l-4 {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 4px;
-  }
   .border-accent-border {
     border-color: var(--color-accent-border);
   }
@@ -1676,9 +1472,6 @@
       border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
     }
   }
-  .border-control-border {
-    border-color: var(--color-control-border);
-  }
   .border-danger-border {
     border-color: var(--color-danger-border);
   }
@@ -1694,9 +1487,6 @@
   .border-warning-border {
     border-color: var(--color-warning-border);
   }
-  .bg-accent-9 {
-    background-color: var(--color-accent-9);
-  }
   .bg-accent-solid {
     background-color: var(--color-accent-solid);
   }
@@ -1706,9 +1496,6 @@
   .bg-app {
     background-color: var(--color-app);
   }
-  .bg-base-9 {
-    background-color: var(--color-base-9);
-  }
   .bg-base-12 {
     background-color: var(--color-base-12);
   }
@@ -1757,9 +1544,6 @@
   .bg-danger-surface {
     background-color: var(--color-danger-surface);
   }
-  .bg-interactive-selected {
-    background-color: var(--color-interactive-selected);
-  }
   .bg-menu-separator {
     background-color: var(--color-menu-separator);
   }
@@ -1769,15 +1553,9 @@
   .bg-popover {
     background-color: var(--color-popover);
   }
-  .bg-red-600 {
-    background-color: var(--color-red-600);
-  }
   .bg-scrollbar-thumb {
     background-color: var(--color-scrollbar-thumb);
   }
-  .bg-success-9 {
-    background-color: var(--color-success-9);
-  }
   .bg-success-solid {
     background-color: var(--color-success-solid);
   }
@@ -1871,9 +1649,6 @@
   .p-9 {
     padding: var(--spacing-9);
   }
-  .p-10 {
-    padding: var(--spacing-10);
-  }
   .p-popover {
     padding: var(--spacing-popover);
   }
@@ -1967,9 +1742,6 @@
   .pr-2 {
     padding-right: var(--spacing-2);
   }
-  .pr-3 {
-    padding-right: var(--spacing-3);
-  }
   .pr-8 {
     padding-right: var(--spacing-8);
   }
@@ -2033,10 +1805,6 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
-  .leading-4 {
-    --tw-leading: var(--spacing-4);
-    line-height: var(--spacing-4);
-  }
   .leading-5 {
     --tw-leading: var(--spacing-5);
     line-height: var(--spacing-5);
@@ -2061,14 +1829,6 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .tracking-normal {
-    --tw-tracking: var(--tracking-normal);
-    letter-spacing: var(--tracking-normal);
-  }
-  .tracking-wide {
-    --tw-tracking: var(--tracking-wide);
-    letter-spacing: var(--tracking-wide);
-  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -2144,15 +1904,6 @@
   .text-warning-text {
     color: var(--color-warning-text);
   }
-  .text-white {
-    color: var(--color-white);
-  }
-  .lowercase {
-    text-transform: lowercase;
-  }
-  .uppercase {
-    text-transform: uppercase;
-  }
   .tabular-nums {
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -2160,24 +1911,9 @@
   .no-underline {
     text-decoration-line: none;
   }
-  .underline {
-    text-decoration-line: underline;
-  }
-  .underline-offset-2 {
-    text-underline-offset: 2px;
-  }
-  .underline-offset-4 {
-    text-underline-offset: 4px;
-  }
   .opacity-0 {
     opacity: 0%;
   }
-  .opacity-25 {
-    opacity: 25%;
-  }
-  .opacity-50 {
-    opacity: 50%;
-  }
   .opacity-60 {
     opacity: 60%;
   }
@@ -2190,10 +1926,6 @@
   .opacity-80 {
     opacity: 80%;
   }
-  .shadow {
-    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-1 {
     --tw-shadow: var(--ui-shadow-1);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2242,31 +1974,10 @@
     --tw-shadow: var(--ui-popover-shadow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow\/depth {
-    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .ring {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .ring-1 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .ring-2 {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .shadow-control-hover {
-    --tw-shadow-color: var(--color-control-hover);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-shadow-color: color-mix(in oklab, var(--color-control-hover) var(--tw-shadow-alpha), transparent);
-    }
-  }
-  .ring-accent-9 {
-    --tw-ring-color: var(--color-accent-9);
-  }
   .ring-accent-border {
     --tw-ring-color: var(--color-accent-border);
   }
@@ -2279,35 +1990,6 @@
   .ring-danger-border {
     --tw-ring-color: var(--color-danger-border);
   }
-  .outline {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
-  }
-  .outline-1 {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
-  }
-  .-outline-offset-1 {
-    outline-offset: calc(1px * -1);
-  }
-  .outline-black\/10 {
-    outline-color: color-mix(in srgb, #000 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      outline-color: color-mix(in oklab, var(--color-black) 10%, transparent);
-    }
-  }
-  .blur {
-    --tw-blur: blur(8px);
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-  }
-  .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 {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-opacity {
     transition-property: opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2352,8 +2034,8 @@
   .\[grid-area\:sidebar\] {
     grid-area: sidebar;
   }
-  .\[grid-template-areas\:\"header\"_\"main\"_\"footer\"\] {
-    grid-template-areas: "header" "main" "footer";
+  .\[grid-template-areas\:\\\"header\\\"_\\\"main\\\"_\\\"footer\\\"\] {
+    grid-template-areas: \"header\" \"main\" \"footer\";
   }
   .\[print-color-adjust\:exact\] {
     print-color-adjust: exact;
@@ -2366,30 +2048,6 @@
       rotate: 90deg;
     }
   }
-  .group-focus-within\:pointer-events-auto {
-    &:is(:where(.group):focus-within *) {
-      pointer-events: auto;
-    }
-  }
-  .group-focus-within\:opacity-100 {
-    &:is(:where(.group):focus-within *) {
-      opacity: 100%;
-    }
-  }
-  .group-hover\:pointer-events-auto {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        pointer-events: auto;
-      }
-    }
-  }
-  .group-hover\:opacity-100 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        opacity: 100%;
-      }
-    }
-  }
   .peer-focus-visible\:shadow-focus {
     &:is(:where(.peer):focus-visible ~ *) {
       --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-focus-a4));
@@ -2444,22 +2102,12 @@
       background-color: transparent;
     }
   }
-  .last\:mb-0 {
-    &:last-child {
-      margin-bottom: var(--spacing-0);
-    }
-  }
   .last\:border-b-0 {
     &:last-child {
       border-bottom-style: var(--tw-border-style);
       border-bottom-width: 0px;
     }
   }
-  .focus-within\:border-control-border-focus {
-    &:focus-within {
-      border-color: var(--color-control-border-focus);
-    }
-  }
   .hover\:border-border-interactive {
     &:hover {
       @media (hover: hover) {
@@ -2467,20 +2115,6 @@
       }
     }
   }
-  .hover\:bg-base-3 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-base-3);
-      }
-    }
-  }
-  .hover\:bg-base-4 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-base-4);
-      }
-    }
-  }
   .hover\:bg-base-a2 {
     &:hover {
       @media (hover: hover) {
@@ -2533,13 +2167,6 @@
       }
     }
   }
-  .hover\:bg-surface-subtle {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-surface-subtle);
-      }
-    }
-  }
   .hover\:text-accent-12 {
     &:hover {
       @media (hover: hover) {
@@ -2638,21 +2265,6 @@
       --tw-ring-inset: inset;
     }
   }
-  .active\:cursor-grabbing {
-    &:active {
-      cursor: grabbing;
-    }
-  }
-  .disabled\:cursor-not-allowed {
-    &:disabled {
-      cursor: not-allowed;
-    }
-  }
-  .disabled\:opacity-50 {
-    &:disabled {
-      opacity: 50%;
-    }
-  }
   .data-checked\:translate-x-2\.5 {
     &[data-checked] {
       --tw-translate-x: calc(var(--spacing) * 2.5);
@@ -2729,9 +2341,24 @@
       display: none;
     }
   }
-  .data-disabled\:cursor-not-allowed {
+  .data-disabled\:border-border {
+    &[data-disabled] {
+      border-color: var(--color-border);
+    }
+  }
+  .data-disabled\:bg-border-interactive {
+    &[data-disabled] {
+      background-color: var(--color-border-interactive);
+    }
+  }
+  .data-disabled\:bg-control-disabled {
     &[data-disabled] {
-      cursor: not-allowed;
+      background-color: var(--color-control-disabled);
+    }
+  }
+  .data-disabled\:bg-control-hover {
+    &[data-disabled] {
+      background-color: var(--color-control-hover);
     }
   }
   .data-disabled\:bg-surface-panel {
@@ -2739,6 +2366,11 @@
       background-color: var(--color-surface-panel);
     }
   }
+  .data-disabled\:text-control-disabled-fg {
+    &[data-disabled] {
+      color: var(--color-control-disabled-fg);
+    }
+  }
   .data-disabled\:opacity-50 {
     &[data-disabled] {
       opacity: 50%;
@@ -2749,15 +2381,58 @@
       opacity: 60%;
     }
   }
-  .data-disabled\:hover\:bg-surface-panel {
+  .data-disabled\:shadow-control-disabled {
+    &[data-disabled] {
+      --tw-shadow: var(--ui-control-shadow-disabled);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .data-disabled\:ring-border {
+    &[data-disabled] {
+      --tw-ring-color: var(--color-border);
+    }
+  }
+  .data-disabled\:hover\:bg-control-disabled {
+    &[data-disabled] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-control-disabled);
+        }
+      }
+    }
+  }
+  .data-disabled\:hover\:bg-control-hover {
+    &[data-disabled] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-control-hover);
+        }
+      }
+    }
+  }
+  .data-disabled\:hover\:text-control-disabled-fg {
     &[data-disabled] {
       &:hover {
         @media (hover: hover) {
-          background-color: var(--color-surface-panel);
+          color: var(--color-control-disabled-fg);
         }
       }
     }
   }
+  .data-disabled\:data-checked\:border-border {
+    &[data-disabled] {
+      &[data-checked] {
+        border-color: var(--color-border);
+      }
+    }
+  }
+  .data-disabled\:data-checked\:bg-control-disabled {
+    &[data-disabled] {
+      &[data-checked] {
+        background-color: var(--color-control-disabled);
+      }
+    }
+  }
   .data-dragging\:bg-base-a3 {
     &[data-dragging] {
       background-color: var(--color-base-a3);
@@ -2789,6 +2464,20 @@
       opacity: 100%;
     }
   }
+  .data-disabled\:data-indeterminate\:border-border {
+    &[data-disabled] {
+      &[data-indeterminate] {
+        border-color: var(--color-border);
+      }
+    }
+  }
+  .data-disabled\:data-indeterminate\:bg-control-disabled {
+    &[data-disabled] {
+      &[data-indeterminate] {
+        background-color: var(--color-control-disabled);
+      }
+    }
+  }
   .data-invalid\:border-control-border-invalid {
     &[data-invalid] {
       border-color: var(--color-control-border-invalid);
@@ -2799,17 +2488,16 @@
       border-color: var(--color-danger-border);
     }
   }
-  .data-invalid\:shadow-danger-focus {
+  .data-invalid\:shadow-control {
     &[data-invalid] {
-      --tw-shadow: var(--shadow-control), 0 0 0 3px var(--tw-shadow-color, var(--color-danger-a4));
+      --tw-shadow: var(--ui-control-shadow);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .data-invalid\:focus-within\:border-control-border-invalid-focus {
+  .data-invalid\:shadow-danger-focus {
     &[data-invalid] {
-      &:focus-within {
-        border-color: var(--color-control-border-invalid-focus);
-      }
+      --tw-shadow: var(--shadow-control), 0 0 0 3px var(--tw-shadow-color, var(--color-danger-a4));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
   .data-invalid\:focus-within\:shadow-danger-focus {
@@ -2820,10 +2508,17 @@
       }
     }
   }
-  .data-invalid\:focus-within\:ring-danger-a4 {
+  .data-invalid\:data-checked\:border-danger-border {
     &[data-invalid] {
-      &:focus-within {
-        --tw-ring-color: var(--color-danger-a4);
+      &[data-checked] {
+        border-color: var(--color-danger-border);
+      }
+    }
+  }
+  .data-invalid\:data-indeterminate\:border-danger-border {
+    &[data-invalid] {
+      &[data-indeterminate] {
+        border-color: var(--color-danger-border);
       }
     }
   }
@@ -2910,26 +2605,6 @@
       }
     }
   }
-  .max-lg\:min-w-fit {
-    @media (width < 64rem) {
-      min-width: fit-content;
-    }
-  }
-  .max-sm\:flex-col {
-    @media (width < 40rem) {
-      flex-direction: column;
-    }
-  }
-  .max-sm\:px-6 {
-    @media (width < 40rem) {
-      padding-inline: var(--spacing-6);
-    }
-  }
-  .sm\:w-fit {
-    @media (width >= 40rem) {
-      width: fit-content;
-    }
-  }
   .sm\:grid-cols-2 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -3041,11 +2716,6 @@
       width: var(--ui-sidebar-width);
     }
   }
-  .lg\:max-w-96 {
-    @media (width >= 64rem) {
-      max-width: calc(var(--spacing) * 96);
-    }
-  }
   .lg\:translate-x-0 {
     @media (width >= 64rem) {
       --tw-translate-x: var(--spacing-0);
@@ -3077,40 +2747,25 @@
       grid-template-columns: minmax(0,1fr);
     }
   }
-  .lg\:grid-cols-\[minmax\(0\,56rem\)_14rem\] {
-    @media (width >= 64rem) {
-      grid-template-columns: minmax(0,56rem) 14rem;
-    }
-  }
-  .lg\:items-start {
-    @media (width >= 64rem) {
-      align-items: flex-start;
-    }
-  }
-  .lg\:justify-center {
-    @media (width >= 64rem) {
-      justify-content: center;
-    }
-  }
   .lg\:shadow-none {
     @media (width >= 64rem) {
       --tw-shadow: 0 0 #0000;
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .lg\:\[grid-template-areas\:\"header\"_\"main\"_\"footer\"\] {
+  .lg\:\[grid-template-areas\:\\\"header\\\"_\\\"main\\\"_\\\"footer\\\"\] {
     @media (width >= 64rem) {
-      grid-template-areas: "header" "main" "footer";
+      grid-template-areas: \"header\" \"main\" \"footer\";
     }
   }
-  .lg\:\[grid-template-areas\:\"header_sidebar_aside\"_\"main_sidebar_aside\"_\"footer_sidebar_aside\"\] {
+  .lg\:\[grid-template-areas\:\\\"header_sidebar_aside\\\"_\\\"main_sidebar_aside\\\"_\\\"footer_sidebar_aside\\\"\] {
     @media (width >= 64rem) {
-      grid-template-areas: "header sidebar aside" "main sidebar aside" "footer sidebar aside";
+      grid-template-areas: \"header sidebar aside\" \"main sidebar aside\" \"footer sidebar aside\";
     }
   }
-  .lg\:\[grid-template-areas\:\"sidebar_header_aside\"_\"sidebar_main_aside\"_\"sidebar_footer_aside\"\] {
+  .lg\:\[grid-template-areas\:\\\"sidebar_header_aside\\\"_\\\"sidebar_main_aside\\\"_\\\"sidebar_footer_aside\\\"\] {
     @media (width >= 64rem) {
-      grid-template-areas: "sidebar header aside" "sidebar main aside" "sidebar footer aside";
+      grid-template-areas: \"sidebar header aside\" \"sidebar main aside\" \"sidebar footer aside\";
     }
   }
   .lg\:data-\[desktop-state\=stashed\]\:data-\[drawer-state\=open\]\:fixed {
@@ -3282,11 +2937,6 @@
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
   }
-  .xl\:grid-cols-\[minmax\(0\,56rem\)_16rem\] {
-    @media (width >= 80rem) {
-      grid-template-columns: minmax(0,56rem) 16rem;
-    }
-  }
   .dark\:block {
     &:where(.dark, .dark *):not(:where(.light, .light *)) {
       display: block;
@@ -3307,14 +2957,6 @@
       background-color: var(--color-surface-inverse);
     }
   }
-  .dark\:outline-white\/10 {
-    &:where(.dark, .dark *):not(:where(.light, .light *)) {
-      outline-color: color-mix(in srgb, #fff 10%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        outline-color: color-mix(in oklab, var(--color-white) 10%, transparent);
-      }
-    }
-  }
   .ui-interactive\:hover\:bg-interactive-hover {
     &:is([data-ui-interactive]) {
       &:hover {
@@ -3751,6 +3393,62 @@
       width: auto;
     }
   }
+  .\[\&\[data-disabled\]_\[data-ui-checkbox-description\]\]\:text-control-disabled-fg {
+    &[data-disabled] [data-ui-checkbox-description] {
+      color: var(--color-control-disabled-fg);
+    }
+  }
+  .\[\&\[data-disabled\]_\[data-ui-file-upload-browse\]\]\:bg-control-disabled {
+    &[data-disabled] [data-ui-file-upload-browse] {
+      background-color: var(--color-control-disabled);
+    }
+  }
+  .\[\&\[data-disabled\]_\[data-ui-file-upload-browse\]\]\:text-control-disabled-fg {
+    &[data-disabled] [data-ui-file-upload-browse] {
+      color: var(--color-control-disabled-fg);
+    }
+  }
+  .\[\&\[data-disabled\]_\[data-ui-file-upload-browse\]\]\:shadow-control-disabled {
+    &[data-disabled] [data-ui-file-upload-browse] {
+      --tw-shadow: var(--ui-control-shadow-disabled);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .\[\&\[data-disabled\]_\[data-ui-file-upload-heading\]\]\:text-control-disabled-fg {
+    &[data-disabled] [data-ui-file-upload-heading] {
+      color: var(--color-control-disabled-fg);
+    }
+  }
+  .\[\&\[data-disabled\]_\[data-ui-file-upload-text\]\]\:text-control-disabled-fg {
+    &[data-disabled] [data-ui-file-upload-text] {
+      color: var(--color-control-disabled-fg);
+    }
+  }
+  .\[\&\[data-disabled\]_\[data-ui-radio-description\]\]\:text-control-disabled-fg {
+    &[data-disabled] [data-ui-radio-description] {
+      color: var(--color-control-disabled-fg);
+    }
+  }
+  .\[\&\[data-disabled\]_\[data-ui-slider-tick-label\]\]\:text-control-disabled-fg {
+    &[data-disabled] [data-ui-slider-tick-label] {
+      color: var(--color-control-disabled-fg);
+    }
+  }
+  .\[\&\[data-disabled\]_\[data-ui-slider-tick\]\]\:text-control-disabled-fg {
+    &[data-disabled] [data-ui-slider-tick] {
+      color: var(--color-control-disabled-fg);
+    }
+  }
+  .\[\&\[data-disabled\]_\[data-ui-slider-value\]\]\:text-control-disabled-fg {
+    &[data-disabled] [data-ui-slider-value] {
+      color: var(--color-control-disabled-fg);
+    }
+  }
+  .\[\&\[data-disabled\]_\[data-ui-switch-description\]\]\:text-control-disabled-fg {
+    &[data-disabled] [data-ui-switch-description] {
+      color: var(--color-control-disabled-fg);
+    }
+  }
   .\[\[data-ui-text\]\+\&\]\:mt-2 {
     [data-ui-text]+& {
       margin-top: var(--spacing-2);
@@ -3811,6 +3509,14 @@
   [data-ui-select][data-mark="none"] [data-ui-select-option-indicator] {
     display: none;
   }
+  [data-ui-select-native]:disabled {
+    --ui-control-bg: var(--ui-control-bg-disabled);
+    --ui-control-bg-hover: var(--ui-control-bg-disabled);
+    --ui-control-bg-active: var(--ui-control-bg-disabled);
+    --ui-control-fg: var(--ui-control-fg-disabled);
+    --ui-control-placeholder: var(--ui-control-placeholder-disabled);
+    --ui-control-shadow: var(--ui-control-shadow-disabled);
+  }
   [data-ui-select-native]:is(:hover, :active):not(:focus):not(:disabled):not([aria-invalid="true"]) {
     --ui-control-shadow: var(--ui-control-shadow-hover);
   }
@@ -3938,6 +3644,14 @@
     --ui-date-picker-range-bg: var(--color-accent-surface);
     --ui-date-picker-range-bg-hover: var(--color-accent-surface-hover);
   }
+  [data-ui-date-picker-native]:disabled {
+    --ui-control-bg: var(--ui-control-bg-disabled);
+    --ui-control-bg-hover: var(--ui-control-bg-disabled);
+    --ui-control-bg-active: var(--ui-control-bg-disabled);
+    --ui-control-fg: var(--ui-control-fg-disabled);
+    --ui-control-placeholder: var(--ui-control-placeholder-disabled);
+    --ui-control-shadow: var(--ui-control-shadow-disabled);
+  }
   [data-ui-date-picker-native]:is(:hover, :active):not(:focus):not(:disabled):not([aria-invalid="true"]) {
     --ui-control-shadow: var(--ui-control-shadow-hover);
   }
@@ -4553,8 +4267,11 @@
   --ui-control-bg: var(--color-surface-panel);
   --ui-control-bg-hover: var(--color-base-a2);
   --ui-control-bg-active: var(--color-base-a3);
+  --ui-control-bg-disabled: var(--color-surface-panel);
   --ui-control-fg: var(--color-foreground);
+  --ui-control-fg-disabled: var(--color-foreground-subtle);
   --ui-control-placeholder: var(--color-foreground-subtle);
+  --ui-control-placeholder-disabled: var(--color-foreground-subtle);
   --ui-control-border: var(--color-border);
   --ui-control-border-hover: var(--ui-control-border);
   @supports (color: color-mix(in lab, red, red)) {
@@ -4568,6 +4285,7 @@
   }
   --ui-control-border-invalid-focus: var(--color-danger-9);
   --ui-control-shadow: var(--ui-shadow-border);
+  --ui-control-shadow-disabled: var(--ui-shadow-border);
   --ui-control-shadow-hover: 0 0 0 1px var(--ui-control-border-hover);
   --ui-control-shadow-focus: 0 0 0 1px var(--ui-control-border-focus);
   --ui-control-shadow-invalid: 0 0 0 1px var(--ui-control-border-invalid);
@@ -4612,8 +4330,11 @@
   --color-control: var(--ui-control-bg);
   --color-control-hover: var(--ui-control-bg-hover);
   --color-control-active: var(--ui-control-bg-active);
+  --color-control-disabled: var(--ui-control-bg-disabled);
   --color-control-fg: var(--ui-control-fg);
+  --color-control-disabled-fg: var(--ui-control-fg-disabled);
   --color-control-placeholder: var(--ui-control-placeholder);
+  --color-control-placeholder-disabled: var(--ui-control-placeholder-disabled);
   --color-control-border: var(--ui-control-border);
   --color-control-border-focus: var(--ui-control-border-focus);
   --color-control-border-invalid: var(--ui-control-border-invalid);
@@ -4787,19 +4508,37 @@
   [data-ui-control]:where([data-variant="outline"], [data-variant="enhanced"]):focus-within:not([data-invalid]), [data-ui-control]:where([data-variant="outline"], [data-variant="enhanced"])[data-state="open"]:not([data-invalid]) {
     --ui-control-shadow: var(--ui-control-shadow-focus);
   }
-  [data-ui-control]:where([data-variant="outline"], [data-variant="enhanced"])[data-invalid] {
+  [data-ui-control]:where([data-variant="outline"], [data-variant="enhanced"], [data-variant="filled"])[data-invalid] {
     --ui-control-shadow: var(--ui-control-shadow-invalid);
   }
-  [data-ui-control]:where([data-variant="outline"], [data-variant="enhanced"])[data-invalid]:is(:hover, :active):not(:focus-within):not([data-state="open"]):not([data-disabled]) {
+  [data-ui-control]:where([data-variant="outline"], [data-variant="enhanced"], [data-variant="filled"])[data-invalid]:is(:hover, :active):not(:focus-within):not([data-state="open"]):not([data-disabled]) {
     --ui-control-shadow: var(--ui-control-shadow-invalid-hover);
   }
-  [data-ui-control]:where([data-variant="outline"], [data-variant="enhanced"])[data-invalid]:focus-within:not([data-disabled]), [data-ui-control]:where([data-variant="outline"], [data-variant="enhanced"])[data-invalid][data-state="open"]:not([data-disabled]) {
+  [data-ui-control]:where([data-variant="outline"], [data-variant="enhanced"], [data-variant="filled"])[data-invalid]:focus-within:not([data-disabled]), [data-ui-control]:where([data-variant="outline"], [data-variant="enhanced"], [data-variant="filled"])[data-invalid][data-state="open"]:not([data-disabled]) {
     --ui-control-shadow: var(--ui-control-shadow-invalid-focus);
     box-shadow: var(--shadow-danger-focus);
   }
   [data-ui-control]:where([data-variant="outline"], [data-variant="enhanced"]):has(:focus-visible):not([data-invalid]) {
     box-shadow: var(--shadow-control), var(--shadow-focus);
   }
+  [data-ui-control][data-disabled] {
+    --ui-control-bg: var(--ui-control-bg-disabled);
+    --ui-control-bg-hover: var(--ui-control-bg-disabled);
+    --ui-control-bg-active: var(--ui-control-bg-disabled);
+    --ui-control-fg: var(--ui-control-fg-disabled);
+    --ui-control-placeholder: var(--ui-control-placeholder-disabled);
+    --ui-control-shadow: var(--ui-control-shadow-disabled);
+  }
+  [data-ui-control][data-disabled] :is(input, select, textarea, button):disabled {
+    color: var(--ui-control-fg-disabled);
+    opacity: 1;
+    -webkit-text-fill-color: var(--ui-control-fg-disabled);
+  }
+  [data-ui-control][data-disabled] :is(input, textarea):disabled::placeholder {
+    color: var(--ui-control-placeholder-disabled);
+    opacity: 1;
+    -webkit-text-fill-color: var(--ui-control-placeholder-disabled);
+  }
 }
 .dark {
   color-scheme: dark;
@@ -4942,31 +4681,6 @@ html, body {
   inherits: false;
   initial-value: 0;
 }
-@property --tw-rotate-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-z {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-space-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -4980,10 +4694,6 @@ html, body {
   syntax: "*";
   inherits: false;
 }
-@property --tw-tracking {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-ordinal {
   syntax: "*";
   inherits: false;
@@ -5069,64 +4779,6 @@ html, body {
   inherits: false;
   initial-value: 0 0 #0000;
 }
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-drop-shadow-size {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -5144,16 +4796,9 @@ html, body {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
-      --tw-space-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
-      --tw-tracking: initial;
       --tw-ordinal: initial;
       --tw-slashed-zero: initial;
       --tw-numeric-figure: initial;
@@ -5173,20 +4818,6 @@ html, body {
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-outline-style: solid;
-      --tw-blur: initial;
-      --tw-brightness: initial;
-      --tw-contrast: initial;
-      --tw-grayscale: initial;
-      --tw-hue-rotate: initial;
-      --tw-invert: initial;
-      --tw-opacity: initial;
-      --tw-saturate: initial;
-      --tw-sepia: initial;
-      --tw-drop-shadow: initial;
-      --tw-drop-shadow-color: initial;
-      --tw-drop-shadow-alpha: 100%;
-      --tw-drop-shadow-size: initial;
       --tw-duration: initial;
     }
   }