create-principles-disciple 1.104.0 → 1.104.2

package/console/dist/web/assets/app.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -104,7 +104,7 @@
     -moz-tab-size: 4;
       -o-tab-size: 4;
          tab-size: 4;
-    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
     font-feature-settings: var(--default-font-feature-settings, normal);
     font-variation-settings: var(--default-font-variation-settings, normal);
     -webkit-tap-highlight-color: transparent;
@@ -156,7 +156,7 @@
     border-color: inherit;
     border-collapse: collapse;
   }
-  :-moz-focusring {
+  :-moz-focusring:where(:not(iframe)) {
     outline: auto;
   }
   progress {
@@ -286,22 +286,22 @@
     position: static;
   }
   .inset-0 {
-    inset: calc(var(--spacing) * 0);
+    inset: 0px;
   }
   .inset-x-0 {
-    inset-inline: calc(var(--spacing) * 0);
+    inset-inline: 0px;
   }
   .inset-y-0 {
-    inset-block: calc(var(--spacing) * 0);
+    inset-block: 0px;
   }
   .-top-2 {
     top: calc(var(--spacing) * -2);
   }
   .top-0 {
-    top: calc(var(--spacing) * 0);
+    top: 0px;
   }
   .top-1 {
-    top: calc(var(--spacing) * 1);
+    top: var(--spacing);
   }
   .top-1\/2 {
     top: calc(1 / 2 * 100%);
@@ -313,10 +313,10 @@
     top: 50%;
   }
   .right-0 {
-    right: calc(var(--spacing) * 0);
+    right: 0px;
   }
   .right-1 {
-    right: calc(var(--spacing) * 1);
+    right: var(--spacing);
   }
   .right-2 {
     right: calc(var(--spacing) * 2);
@@ -325,13 +325,13 @@
     right: calc(var(--spacing) * 4);
   }
   .bottom-0 {
-    bottom: calc(var(--spacing) * 0);
+    bottom: 0px;
   }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
   .left-0 {
-    left: calc(var(--spacing) * 0);
+    left: 0px;
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
@@ -376,7 +376,7 @@
     margin-inline: auto;
   }
   .my-1 {
-    margin-block: calc(var(--spacing) * 1);
+    margin-block: var(--spacing);
   }
   .my-5 {
     margin-block: calc(var(--spacing) * 5);
@@ -385,7 +385,7 @@
     margin-top: calc(var(--spacing) * 0.5);
   }
   .mt-1 {
-    margin-top: calc(var(--spacing) * 1);
+    margin-top: var(--spacing);
   }
   .mt-1\.5 {
     margin-top: calc(var(--spacing) * 1.5);
@@ -430,7 +430,7 @@
     margin-top: 14px;
   }
   .mr-1 {
-    margin-right: calc(var(--spacing) * 1);
+    margin-right: var(--spacing);
   }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
@@ -439,7 +439,7 @@
     margin-bottom: calc(var(--spacing) * 0.5);
   }
   .mb-1 {
-    margin-bottom: calc(var(--spacing) * 1);
+    margin-bottom: var(--spacing);
   }
   .mb-1\.5 {
     margin-bottom: calc(var(--spacing) * 1.5);
@@ -490,7 +490,7 @@
     margin-left: calc(var(--spacing) * 0.5);
   }
   .ml-1 {
-    margin-left: calc(var(--spacing) * 1);
+    margin-left: var(--spacing);
   }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
@@ -544,7 +544,7 @@
     display: table;
   }
   .h-1 {
-    height: calc(var(--spacing) * 1);
+    height: var(--spacing);
   }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
@@ -627,6 +627,9 @@
   .max-h-\[85vh\] {
     max-height: 85vh;
   }
+  .max-h-\[300px\] {
+    max-height: 300px;
+  }
   .max-h-\[400px\] {
     max-height: 400px;
   }
@@ -757,7 +760,7 @@
     max-width: none;
   }
   .min-w-0 {
-    min-width: calc(var(--spacing) * 0);
+    min-width: 0px;
   }
   .min-w-\[3ch\] {
     min-width: 3ch;
@@ -793,7 +796,7 @@
     flex-grow: 1;
   }
   .translate-x-1 {
-    --tw-translate-x: calc(var(--spacing) * 1);
+    --tw-translate-x: var(--spacing);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-x-6 {
@@ -898,6 +901,9 @@
   .grid-cols-\[auto_1fr\] {
     grid-template-columns: auto 1fr;
   }
+  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)_auto\] {
+    grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto;
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -932,7 +938,7 @@
     justify-content: flex-end;
   }
   .gap-1 {
-    gap: calc(var(--spacing) * 1);
+    gap: var(--spacing);
   }
   .gap-1\.5 {
     gap: calc(var(--spacing) * 1.5);
@@ -967,82 +973,60 @@
   .gap-\[16px\] {
     gap: 16px;
   }
-  .space-y-0\.5 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-1 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-1\.5 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-2 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-3 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-4 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-5 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-6 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-8 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-\[10px\] {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(10px * var(--tw-space-y-reverse));
-      margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-\[14px\] {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(14px * var(--tw-space-y-reverse));
-      margin-block-end: calc(14px * calc(1 - var(--tw-space-y-reverse)));
-    }
+  :where(.space-y-0\.5 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-1 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
+    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-1\.5 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-2 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-3 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-4 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-5 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-6 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-8 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-\[10px\] > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(10px * var(--tw-space-y-reverse));
+    margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-\[14px\] > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(14px * var(--tw-space-y-reverse));
+    margin-block-end: calc(14px * calc(1 - var(--tw-space-y-reverse)));
   }
   .gap-x-4 {
     -moz-column-gap: calc(var(--spacing) * 4);
@@ -1325,6 +1309,12 @@
   .border-line-2 {
     border-color: var(--color-line-2);
   }
+  .border-line\/50 {
+    border-color: color-mix(in srgb, #d7d1c4 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-line) 50%, transparent);
+    }
+  }
   .border-red-200 {
     border-color: var(--color-red-200);
   }
@@ -1557,7 +1547,7 @@
     padding: calc(var(--spacing) * 0.5);
   }
   .p-1 {
-    padding: calc(var(--spacing) * 1);
+    padding: var(--spacing);
   }
   .p-1\.5 {
     padding: calc(var(--spacing) * 1.5);
@@ -1581,10 +1571,10 @@
     padding: calc(var(--spacing) * 8);
   }
   .px-0 {
-    padding-inline: calc(var(--spacing) * 0);
+    padding-inline: 0px;
   }
   .px-1 {
-    padding-inline: calc(var(--spacing) * 1);
+    padding-inline: var(--spacing);
   }
   .px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5);
@@ -1644,7 +1634,7 @@
     padding-block: calc(var(--spacing) * 0.5);
   }
   .py-1 {
-    padding-block: calc(var(--spacing) * 1);
+    padding-block: var(--spacing);
   }
   .py-1\.5 {
     padding-block: calc(var(--spacing) * 1.5);
@@ -1710,10 +1700,10 @@
     padding-block: 18px;
   }
   .pt-0 {
-    padding-top: calc(var(--spacing) * 0);
+    padding-top: 0px;
   }
   .pt-1 {
-    padding-top: calc(var(--spacing) * 1);
+    padding-top: var(--spacing);
   }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
@@ -1752,7 +1742,7 @@
     padding-right: 18px;
   }
   .pb-1 {
-    padding-bottom: calc(var(--spacing) * 1);
+    padding-bottom: var(--spacing);
   }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
@@ -1966,6 +1956,10 @@
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
   }
+  .tracking-wide {
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide);
+  }
   .tracking-wider {
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
@@ -1991,6 +1985,12 @@
   .text-amber-600 {
     color: var(--color-amber-600);
   }
+  .text-amber\/80 {
+    color: color-mix(in srgb, #a66a2a 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-amber) 80%, transparent);
+    }
+  }
   .text-danger {
     color: var(--color-danger);
   }
@@ -2234,771 +2234,483 @@
     -moz-user-select: none;
          user-select: none;
   }
-  .group-hover\:opacity-100 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        opacity: 100%;
-      }
+  @media (hover: hover) {
+    .group-hover\:opacity-100:is(:where(.group):hover *) {
+      opacity: 100%;
     }
   }
-  .group-\[\.toast\]\:bg-muted {
-    &:is(:where(.group):is(.toast) *) {
-      background-color: var(--color-muted);
-    }
+  .group-\[\.toast\]\:bg-muted:is(:where(.group):is(.toast) *) {
+    background-color: var(--color-muted);
   }
-  .group-\[\.toast\]\:bg-primary {
-    &:is(:where(.group):is(.toast) *) {
-      background-color: var(--color-primary);
-    }
+  .group-\[\.toast\]\:bg-primary:is(:where(.group):is(.toast) *) {
+    background-color: var(--color-primary);
   }
-  .group-\[\.toast\]\:text-muted-foreground {
-    &:is(:where(.group):is(.toast) *) {
-      color: var(--color-muted-foreground);
-    }
+  .group-\[\.toast\]\:text-muted-foreground:is(:where(.group):is(.toast) *) {
+    color: var(--color-muted-foreground);
   }
-  .group-\[\.toast\]\:text-primary-foreground {
-    &:is(:where(.group):is(.toast) *) {
-      color: var(--color-primary-foreground);
-    }
+  .group-\[\.toast\]\:text-primary-foreground:is(:where(.group):is(.toast) *) {
+    color: var(--color-primary-foreground);
   }
-  .group-\[\.toaster\]\:border-border {
-    &:is(:where(.group):is(.toaster) *) {
-      border-color: var(--color-border);
-    }
+  .group-\[\.toaster\]\:border-border:is(:where(.group):is(.toaster) *) {
+    border-color: var(--color-border);
   }
-  .group-\[\.toaster\]\:bg-background {
-    &:is(:where(.group):is(.toaster) *) {
-      background-color: var(--color-background);
-    }
+  .group-\[\.toaster\]\:bg-background:is(:where(.group):is(.toaster) *) {
+    background-color: var(--color-background);
   }
-  .group-\[\.toaster\]\:text-foreground {
-    &:is(:where(.group):is(.toaster) *) {
-      color: var(--color-foreground);
-    }
+  .group-\[\.toaster\]\:text-foreground:is(:where(.group):is(.toaster) *) {
+    color: var(--color-foreground);
   }
-  .group-\[\.toaster\]\:shadow-lg {
-    &:is(:where(.group):is(.toaster) *) {
-      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
+  .group-\[\.toaster\]\:shadow-lg:is(:where(.group):is(.toaster) *) {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .file\:border-0 {
-    &::file-selector-button {
-      border-style: var(--tw-border-style);
-      border-width: 0px;
-    }
+  .file\:border-0::file-selector-button {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
   }
-  .file\:bg-transparent {
-    &::file-selector-button {
-      background-color: transparent;
-    }
+  .file\:bg-transparent::file-selector-button {
+    background-color: transparent;
   }
-  .file\:text-sm {
-    &::file-selector-button {
-      font-size: var(--text-sm);
-      line-height: var(--tw-leading, var(--text-sm--line-height));
-    }
+  .file\:text-sm::file-selector-button {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
   }
-  .file\:font-medium {
-    &::file-selector-button {
-      --tw-font-weight: var(--font-weight-medium);
-      font-weight: var(--font-weight-medium);
-    }
+  .file\:font-medium::file-selector-button {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
   }
-  .file\:text-foreground {
-    &::file-selector-button {
-      color: var(--color-foreground);
-    }
+  .file\:text-foreground::file-selector-button {
+    color: var(--color-foreground);
   }
-  .placeholder\:text-ink-4 {
-    &::-moz-placeholder {
-      color: var(--color-ink-4);
-    }
-    &::placeholder {
-      color: var(--color-ink-4);
-    }
+  .placeholder\:text-ink-4::-moz-placeholder {
+    color: var(--color-ink-4);
   }
-  .placeholder\:text-muted-foreground {
-    &::-moz-placeholder {
-      color: var(--color-muted-foreground);
-    }
-    &::placeholder {
-      color: var(--color-muted-foreground);
-    }
+  .placeholder\:text-ink-4::placeholder {
+    color: var(--color-ink-4);
   }
-  .before\:absolute {
-    &::before {
-      content: var(--tw-content);
-      position: absolute;
-    }
+  .placeholder\:text-muted-foreground::-moz-placeholder {
+    color: var(--color-muted-foreground);
   }
-  .before\:top-2 {
-    &::before {
-      content: var(--tw-content);
-      top: calc(var(--spacing) * 2);
-    }
+  .placeholder\:text-muted-foreground::placeholder {
+    color: var(--color-muted-foreground);
   }
-  .before\:left-0 {
-    &::before {
-      content: var(--tw-content);
-      left: calc(var(--spacing) * 0);
-    }
+  .before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
   }
-  .before\:h-1 {
-    &::before {
-      content: var(--tw-content);
-      height: calc(var(--spacing) * 1);
-    }
+  .before\:top-2::before {
+    content: var(--tw-content);
+    top: calc(var(--spacing) * 2);
   }
-  .before\:w-1 {
-    &::before {
-      content: var(--tw-content);
-      width: calc(var(--spacing) * 1);
-    }
+  .before\:left-0::before {
+    content: var(--tw-content);
+    left: 0px;
   }
-  .before\:rounded-full {
-    &::before {
-      content: var(--tw-content);
-      border-radius: calc(infinity * 1px);
-    }
+  .before\:h-1::before {
+    content: var(--tw-content);
+    height: var(--spacing);
   }
-  .before\:bg-ink-4 {
-    &::before {
-      content: var(--tw-content);
-      background-color: var(--color-ink-4);
-    }
+  .before\:w-1::before {
+    content: var(--tw-content);
+    width: var(--spacing);
   }
-  .before\:content-\[\'\'\] {
-    &::before {
-      --tw-content: '';
-      content: var(--tw-content);
-    }
+  .before\:rounded-full::before {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
   }
-  .last\:border-b-0 {
-    &:last-child {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 0px;
-    }
+  .before\:bg-ink-4::before {
+    content: var(--tw-content);
+    background-color: var(--color-ink-4);
   }
-  .hover\:-translate-y-px {
-    &:hover {
-      @media (hover: hover) {
-        --tw-translate-y: -1px;
-        translate: var(--tw-translate-x) var(--tw-translate-y);
-      }
-    }
+  .before\:content-\[\'\'\]::before {
+    --tw-content: '';
+    content: var(--tw-content);
   }
-  .hover\:rotate-180 {
-    &:hover {
-      @media (hover: hover) {
-        rotate: 180deg;
-      }
-    }
+  .last\:border-b-0:last-child {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
   }
-  .hover\:border-danger\/30 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: color-mix(in srgb, #8b3a3a 30%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          border-color: color-mix(in oklab, var(--color-danger) 30%, transparent);
-        }
-      }
+  @media (hover: hover) {
+    .hover\:-translate-y-px:hover {
+      --tw-translate-y: -1px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
-  }
-  .hover\:border-line {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-line);
-      }
+    .hover\:rotate-180:hover {
+      rotate: 180deg;
     }
-  }
-  .hover\:border-line-2 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-line-2);
-      }
+    .hover\:border-danger\/30:hover {
+      border-color: color-mix(in srgb, #8b3a3a 30%, transparent);
     }
-  }
-  .hover\:bg-danger\/5 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #8b3a3a 5%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-danger) 5%, transparent);
-        }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:border-danger\/30:hover {
+        border-color: color-mix(in oklab, var(--color-danger) 30%, transparent);
       }
     }
-  }
-  .hover\:bg-danger\/10 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #8b3a3a 10%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
-        }
-      }
+    .hover\:border-line:hover {
+      border-color: var(--color-line);
     }
-  }
-  .hover\:bg-gov-2 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gov-2);
-      }
+    .hover\:border-line-2:hover {
+      border-color: var(--color-line-2);
     }
-  }
-  .hover\:bg-gov\/5 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #1e3a5f 5%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-gov) 5%, transparent);
-        }
-      }
+    .hover\:bg-danger\/5:hover {
+      background-color: color-mix(in srgb, #8b3a3a 5%, transparent);
     }
-  }
-  .hover\:bg-gov\/90 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #1e3a5f 90%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-gov) 90%, transparent);
-        }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-danger\/5:hover {
+        background-color: color-mix(in oklab, var(--color-danger) 5%, transparent);
       }
     }
-  }
-  .hover\:bg-green\/20 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #4d6b52 20%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-green) 20%, transparent);
-        }
-      }
+    .hover\:bg-danger\/10:hover {
+      background-color: color-mix(in srgb, #8b3a3a 10%, transparent);
     }
-  }
-  .hover\:bg-muted\/50 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #f2ede3 50%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
-        }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-danger\/10:hover {
+        background-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
       }
     }
-  }
-  .hover\:bg-paper-2 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-paper-2);
-      }
+    .hover\:bg-gov-2:hover {
+      background-color: var(--color-gov-2);
     }
-  }
-  .hover\:bg-primary {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-primary);
-      }
+    .hover\:bg-gov\/5:hover {
+      background-color: color-mix(in srgb, #1e3a5f 5%, transparent);
     }
-  }
-  .hover\:bg-red-50 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-red-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-gov\/5:hover {
+        background-color: color-mix(in oklab, var(--color-gov) 5%, transparent);
       }
     }
-  }
-  .hover\:bg-red-700 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-red-700);
-      }
+    .hover\:bg-gov\/90:hover {
+      background-color: color-mix(in srgb, #1e3a5f 90%, transparent);
     }
-  }
-  .hover\:bg-surface {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-surface);
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-gov\/90:hover {
+        background-color: color-mix(in oklab, var(--color-gov) 90%, transparent);
       }
     }
-  }
-  .hover\:bg-surface\/50 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #fbf8f0 50%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-surface) 50%, transparent);
-        }
-      }
+    .hover\:bg-green\/20:hover {
+      background-color: color-mix(in srgb, #4d6b52 20%, transparent);
     }
-  }
-  .hover\:text-danger {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-danger);
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-green\/20:hover {
+        background-color: color-mix(in oklab, var(--color-green) 20%, transparent);
       }
     }
-  }
-  .hover\:text-foreground {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-foreground);
-      }
+    .hover\:bg-muted\/50:hover {
+      background-color: color-mix(in srgb, #f2ede3 50%, transparent);
     }
-  }
-  .hover\:text-gov-2 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-gov-2);
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-muted\/50:hover {
+        background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
       }
     }
-  }
-  .hover\:text-green {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-green);
-      }
+    .hover\:bg-paper-2:hover {
+      background-color: var(--color-paper-2);
     }
-  }
-  .hover\:text-ink {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-ink);
-      }
+    .hover\:bg-primary:hover {
+      background-color: var(--color-primary);
     }
-  }
-  .hover\:text-ink-2 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-ink-2);
-      }
+    .hover\:bg-red-50:hover {
+      background-color: var(--color-red-50);
     }
-  }
-  .hover\:text-ink-3 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-ink-3);
-      }
+    .hover\:bg-red-700:hover {
+      background-color: var(--color-red-700);
     }
-  }
-  .hover\:underline {
-    &:hover {
-      @media (hover: hover) {
-        text-decoration-line: underline;
-      }
+    .hover\:bg-surface:hover {
+      background-color: var(--color-surface);
     }
-  }
-  .hover\:opacity-90 {
-    &:hover {
-      @media (hover: hover) {
-        opacity: 90%;
-      }
+    .hover\:bg-surface\/50:hover {
+      background-color: color-mix(in srgb, #fbf8f0 50%, transparent);
     }
-  }
-  .hover\:opacity-100 {
-    &:hover {
-      @media (hover: hover) {
-        opacity: 100%;
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-surface\/50:hover {
+        background-color: color-mix(in oklab, var(--color-surface) 50%, transparent);
       }
     }
-  }
-  .hover\:shadow-\[0_24px_56px_rgba\(31\,41\,51\,\.12\)\] {
-    &:hover {
-      @media (hover: hover) {
-        --tw-shadow: 0 24px 56px var(--tw-shadow-color, rgba(31,41,51,.12));
-        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-      }
+    .hover\:text-danger:hover {
+      color: var(--color-danger);
     }
-  }
-  .focus\:not-sr-only {
-    &:focus {
-      position: static;
-      width: auto;
-      height: auto;
-      padding: 0;
-      margin: 0;
-      overflow: visible;
-      clip-path: none;
-      white-space: normal;
+    .hover\:text-foreground:hover {
+      color: var(--color-foreground);
     }
-  }
-  .focus\:absolute {
-    &:focus {
-      position: absolute;
+    .hover\:text-gov-2:hover {
+      color: var(--color-gov-2);
     }
-  }
-  .focus\:z-50 {
-    &:focus {
-      z-index: 50;
+    .hover\:text-green:hover {
+      color: var(--color-green);
     }
-  }
-  .focus\:border-gov {
-    &:focus {
-      border-color: var(--color-gov);
+    .hover\:text-ink:hover {
+      color: var(--color-ink);
     }
-  }
-  .focus\:bg-accent {
-    &:focus {
-      background-color: var(--color-accent);
+    .hover\:text-ink-2:hover {
+      color: var(--color-ink-2);
     }
-  }
-  .focus\:bg-paper {
-    &:focus {
-      background-color: var(--color-paper);
+    .hover\:text-ink-3:hover {
+      color: var(--color-ink-3);
     }
-  }
-  .focus\:p-4 {
-    &:focus {
-      padding: calc(var(--spacing) * 4);
+    .hover\:underline:hover {
+      text-decoration-line: underline;
     }
-  }
-  .focus\:text-accent-foreground {
-    &:focus {
-      color: var(--color-accent-foreground);
+    .hover\:opacity-90:hover {
+      opacity: 90%;
     }
-  }
-  .focus\:text-ink {
-    &:focus {
-      color: var(--color-ink);
+    .hover\:opacity-100:hover {
+      opacity: 100%;
     }
-  }
-  .focus\:ring-1 {
-    &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    .hover\:shadow-\[0_24px_56px_rgba\(31\,41\,51\,\.12\)\]:hover {
+      --tw-shadow: 0 24px 56px var(--tw-shadow-color, rgba(31,41,51,.12));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .focus\:ring-2 {
-    &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
+  .focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip-path: none;
+    white-space: normal;
   }
-  .focus\:ring-gov {
-    &:focus {
-      --tw-ring-color: var(--color-gov);
-    }
+  .focus\:absolute:focus {
+    position: absolute;
   }
-  .focus\:ring-gov\/30 {
-    &:focus {
-      --tw-ring-color: color-mix(in srgb, #1e3a5f 30%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--color-gov) 30%, transparent);
-      }
-    }
+  .focus\:z-50:focus {
+    z-index: 50;
   }
-  .focus\:ring-ring {
-    &:focus {
-      --tw-ring-color: var(--color-ring);
-    }
+  .focus\:border-gov:focus {
+    border-color: var(--color-gov);
   }
-  .focus\:ring-offset-2 {
-    &:focus {
-      --tw-ring-offset-width: 2px;
-      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    }
+  .focus\:bg-accent:focus {
+    background-color: var(--color-accent);
   }
-  .focus\:outline-2 {
-    &:focus {
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-    }
+  .focus\:bg-paper:focus {
+    background-color: var(--color-paper);
   }
-  .focus\:outline-offset-2 {
-    &:focus {
-      outline-offset: 2px;
-    }
+  .focus\:p-4:focus {
+    padding: calc(var(--spacing) * 4);
   }
-  .focus\:outline-gov {
-    &:focus {
-      outline-color: var(--color-gov);
-    }
+  .focus\:text-accent-foreground:focus {
+    color: var(--color-accent-foreground);
   }
-  .focus\:outline-none {
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
+  .focus\:text-ink:focus {
+    color: var(--color-ink);
   }
-  .focus-visible\:border-gov {
-    &:focus-visible {
-      border-color: var(--color-gov);
-    }
+  .focus\:ring-1:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .focus-visible\:shadow-\[var\(--shadow-ring\)\] {
-    &:focus-visible {
-      --tw-shadow: var(--shadow-ring);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
+  .focus\:ring-2:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .focus-visible\:outline-2 {
-    &:focus-visible {
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-    }
+  .focus\:ring-gov:focus {
+    --tw-ring-color: var(--color-gov);
   }
-  .focus-visible\:outline-offset-2 {
-    &:focus-visible {
-      outline-offset: 2px;
+  .focus\:ring-gov\/30:focus {
+    --tw-ring-color: color-mix(in srgb, #1e3a5f 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gov) 30%, transparent);
     }
   }
-  .focus-visible\:outline-gov {
-    &:focus-visible {
-      outline-color: var(--color-gov);
-    }
+  .focus\:ring-ring:focus {
+    --tw-ring-color: var(--color-ring);
   }
-  .focus-visible\:outline-red-400 {
-    &:focus-visible {
-      outline-color: var(--color-red-400);
-    }
+  .focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
-  .focus-visible\:outline-none {
-    &:focus-visible {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
+  .focus\:outline-2:focus {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
   }
-  .active\:scale-\[0\.98\] {
-    &:active {
-      scale: 0.98;
-    }
+  .focus\:outline-offset-2:focus {
+    outline-offset: 2px;
   }
-  .disabled\:pointer-events-none {
-    &:disabled {
-      pointer-events: none;
-    }
+  .focus\:outline-gov:focus {
+    outline-color: var(--color-gov);
   }
-  .disabled\:cursor-not-allowed {
-    &:disabled {
-      cursor: not-allowed;
-    }
+  .focus\:outline-none:focus {
+    --tw-outline-style: none;
+    outline-style: none;
   }
-  .disabled\:opacity-30 {
-    &:disabled {
-      opacity: 30%;
-    }
+  .focus-visible\:border-gov:focus-visible {
+    border-color: var(--color-gov);
   }
-  .disabled\:opacity-40 {
-    &:disabled {
-      opacity: 40%;
-    }
+  .focus-visible\:shadow-\[var\(--shadow-ring\)\]:focus-visible {
+    --tw-shadow: var(--shadow-ring);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .disabled\:opacity-50 {
-    &:disabled {
-      opacity: 50%;
-    }
+  .focus-visible\:outline-2:focus-visible {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
   }
-  .disabled\:hover\:border-line {
-    &:disabled {
-      &:hover {
-        @media (hover: hover) {
-          border-color: var(--color-line);
-        }
-      }
-    }
+  .focus-visible\:outline-offset-2:focus-visible {
+    outline-offset: 2px;
   }
-  .data-\[disabled\]\:pointer-events-none {
-    &[data-disabled] {
-      pointer-events: none;
-    }
+  .focus-visible\:outline-gov:focus-visible {
+    outline-color: var(--color-gov);
   }
-  .data-\[disabled\]\:opacity-50 {
-    &[data-disabled] {
-      opacity: 50%;
-    }
+  .focus-visible\:outline-red-400:focus-visible {
+    outline-color: var(--color-red-400);
   }
-  .data-\[side\=bottom\]\:translate-y-1 {
-    &[data-side="bottom"] {
-      --tw-translate-y: calc(var(--spacing) * 1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .focus-visible\:outline-none:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
   }
-  .data-\[side\=left\]\:-translate-x-1 {
-    &[data-side="left"] {
-      --tw-translate-x: calc(var(--spacing) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .active\:scale-\[0\.98\]:active {
+    scale: 0.98;
   }
-  .data-\[side\=right\]\:translate-x-1 {
-    &[data-side="right"] {
-      --tw-translate-x: calc(var(--spacing) * 1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .disabled\:pointer-events-none:disabled {
+    pointer-events: none;
   }
-  .data-\[side\=top\]\:-translate-y-1 {
-    &[data-side="top"] {
-      --tw-translate-y: calc(var(--spacing) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
   }
-  .data-\[state\=closed\]\:duration-300 {
-    &[data-state="closed"] {
-      --tw-duration: 300ms;
-      transition-duration: 300ms;
-    }
+  .disabled\:opacity-30:disabled {
+    opacity: 30%;
   }
-  .data-\[state\=open\]\:bg-accent {
-    &[data-state="open"] {
-      background-color: var(--color-accent);
-    }
+  .disabled\:opacity-40:disabled {
+    opacity: 40%;
   }
-  .data-\[state\=open\]\:bg-secondary {
-    &[data-state="open"] {
-      background-color: var(--color-secondary);
-    }
+  .disabled\:opacity-50:disabled {
+    opacity: 50%;
   }
-  .data-\[state\=open\]\:text-muted-foreground {
-    &[data-state="open"] {
-      color: var(--color-muted-foreground);
+  @media (hover: hover) {
+    .disabled\:hover\:border-line:disabled:hover {
+      border-color: var(--color-line);
     }
   }
-  .data-\[state\=open\]\:duration-500 {
-    &[data-state="open"] {
-      --tw-duration: 500ms;
-      transition-duration: 500ms;
-    }
+  .data-\[disabled\]\:pointer-events-none[data-disabled] {
+    pointer-events: none;
+  }
+  .data-\[disabled\]\:opacity-50[data-disabled] {
+    opacity: 50%;
+  }
+  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
+    --tw-translate-y: var(--spacing);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
+    --tw-translate-x: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
+    --tw-translate-x: var(--spacing);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
+    --tw-translate-y: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  .data-\[state\=open\]\:bg-accent[data-state="open"] {
+    background-color: var(--color-accent);
   }
-  .motion-reduce\:transition-none {
-    @media (prefers-reduced-motion: reduce) {
+  .data-\[state\=open\]\:bg-secondary[data-state="open"] {
+    background-color: var(--color-secondary);
+  }
+  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
+    color: var(--color-muted-foreground);
+  }
+  .data-\[state\=open\]\:duration-500[data-state="open"] {
+    --tw-duration: 500ms;
+    transition-duration: 500ms;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .motion-reduce\:transition-none {
       transition-property: none;
     }
-  }
-  .motion-reduce\:hover\:rotate-0 {
-    @media (prefers-reduced-motion: reduce) {
-      &:hover {
-        @media (hover: hover) {
-          rotate: 0deg;
-        }
+    @media (hover: hover) {
+      .motion-reduce\:hover\:rotate-0:hover {
+        rotate: 0deg;
       }
     }
   }
-  .sm\:mt-0 {
-    @media (width >= 40rem) {
-      margin-top: calc(var(--spacing) * 0);
+  @media (width >= 40rem) {
+    .sm\:mt-0 {
+      margin-top: 0px;
     }
-  }
-  .sm\:inline {
-    @media (width >= 40rem) {
+    .sm\:inline {
       display: inline;
     }
-  }
-  .sm\:max-w-\[420px\] {
-    @media (width >= 40rem) {
+    .sm\:max-w-\[420px\] {
       max-width: 420px;
     }
-  }
-  .sm\:max-w-sm {
-    @media (width >= 40rem) {
+    .sm\:max-w-sm {
       max-width: var(--container-sm);
     }
-  }
-  .sm\:grid-cols-2 {
-    @media (width >= 40rem) {
+    .sm\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
-  }
-  .sm\:grid-cols-3 {
-    @media (width >= 40rem) {
+    .sm\:grid-cols-3 {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
-  }
-  .sm\:flex-row {
-    @media (width >= 40rem) {
+    .sm\:flex-row {
       flex-direction: row;
     }
-  }
-  .sm\:justify-end {
-    @media (width >= 40rem) {
+    .sm\:justify-end {
       justify-content: flex-end;
     }
-  }
-  .sm\:space-x-2 {
-    @media (width >= 40rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-x-reverse: 0;
-        margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
-        margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
-      }
+    :where(.sm\:space-x-2 > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
-  }
-  .sm\:rounded-lg {
-    @media (width >= 40rem) {
+    .sm\:rounded-lg {
       border-radius: var(--radius-lg);
     }
-  }
-  .sm\:text-left {
-    @media (width >= 40rem) {
+    .sm\:text-left {
       text-align: left;
     }
   }
-  .md\:w-48 {
-    @media (width >= 48rem) {
+  @media (width >= 48rem) {
+    .md\:w-48 {
       width: calc(var(--spacing) * 48);
     }
-  }
-  .md\:flex-row {
-    @media (width >= 48rem) {
+    .md\:flex-row {
       flex-direction: row;
     }
-  }
-  .md\:items-start {
-    @media (width >= 48rem) {
+    .md\:items-start {
       align-items: flex-start;
     }
   }
-  .dark\:text-amber-400 {
-    &:is([data-theme="dark"] *) {
-      color: var(--color-amber-400);
-    }
+  .dark\:text-amber-400:is([data-theme="dark"] *) {
+    color: var(--color-amber-400);
   }
-  .dark\:text-green-400 {
-    &:is([data-theme="dark"] *) {
-      color: var(--color-green-400);
-    }
+  .dark\:text-green-400:is([data-theme="dark"] *) {
+    color: var(--color-green-400);
   }
-  .dark\:text-red-400 {
-    &:is([data-theme="dark"] *) {
-      color: var(--color-red-400);
-    }
+  .dark\:text-red-400:is([data-theme="dark"] *) {
+    color: var(--color-red-400);
   }
-  .\[\&\:\:-webkit-slider-thumb\]\:h-3\.5 {
-    &::-webkit-slider-thumb {
-      height: calc(var(--spacing) * 3.5);
-    }
+  .\[\&\:\:-webkit-slider-thumb\]\:h-3\.5::-webkit-slider-thumb {
+    height: calc(var(--spacing) * 3.5);
   }
-  .\[\&\:\:-webkit-slider-thumb\]\:w-3\.5 {
-    &::-webkit-slider-thumb {
-      width: calc(var(--spacing) * 3.5);
-    }
+  .\[\&\:\:-webkit-slider-thumb\]\:w-3\.5::-webkit-slider-thumb {
+    width: calc(var(--spacing) * 3.5);
   }
-  .\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
-    &::-webkit-slider-thumb {
-      -webkit-appearance: none;
-              appearance: none;
-    }
+  .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
+    -webkit-appearance: none;
+            appearance: none;
   }
-  .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
-    &::-webkit-slider-thumb {
-      border-radius: calc(infinity * 1px);
-    }
+  .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
+    border-radius: calc(infinity * 1px);
   }
-  .\[\&\:\:-webkit-slider-thumb\]\:bg-gov {
-    &::-webkit-slider-thumb {
-      background-color: var(--color-gov);
-    }
+  .\[\&\:\:-webkit-slider-thumb\]\:bg-gov::-webkit-slider-thumb {
+    background-color: var(--color-gov);
   }
-  .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm {
-    &::-webkit-slider-thumb {
-      --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);
-    }
+  .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm::-webkit-slider-thumb {
+    --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);
   }
-  .\[\&\>span\]\:line-clamp-1 {
-    &>span {
-      overflow: hidden;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 1;
-    }
+  .\[\&\>span\]\:line-clamp-1 > span {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
   }
 }
 [data-theme="dark"] {