@camunda/design-system 0.32.0 → 0.32.2

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 @layer properties;
 :root, :host {
   --font-sans: "Geist Sans", sans-serif;
@@ -54,7 +54,7 @@
   --color-rose-800: oklch(45.5% 0.188 13.697);
   --color-rose-900: oklch(41% 0.159 10.272);
   --color-gray-200: oklch(92.8% 0.006 264.531);
-  --color-zinc-50: oklch(98.5% 0 0);
+  --color-zinc-50: oklch(98.5% 0 none);
   --color-zinc-100: oklch(96.7% 0.001 286.375);
   --color-zinc-200: oklch(92% 0.004 286.32);
   --color-zinc-300: oklch(87.1% 0.006 286.286);
@@ -171,19 +171,19 @@
   position: sticky;
 }
 .inset-0 {
-  inset: 0;
+  inset: 0px;
 }
 .inset-x-0 {
-  inset-inline: 0;
+  inset-inline: 0px;
 }
 .inset-y-0 {
-  inset-block: 0;
+  inset-block: 0px;
 }
 .-top-0\.5 {
   top: calc(var(--spacing) * -0.5);
 }
 .top-0 {
-  top: 0;
+  top: 0px;
 }
 .top-1\/2 {
   top: calc(1 / 2 * 100%);
@@ -201,7 +201,7 @@
   right: calc(var(--spacing) * -0.5);
 }
 .right-0 {
-  right: 0;
+  right: 0px;
 }
 .right-2 {
   right: calc(var(--spacing) * 2);
@@ -213,10 +213,10 @@
   right: calc(var(--spacing) * 4);
 }
 .bottom-0 {
-  bottom: 0;
+  bottom: 0px;
 }
 .left-0 {
-  left: 0;
+  left: 0px;
 }
 .left-0\.5 {
   left: calc(var(--spacing) * 0.5);
@@ -285,7 +285,7 @@
   margin: calc(var(--spacing) * -1);
 }
 .m-0 {
-  margin: 0;
+  margin: 0px;
 }
 .m-1 {
   margin: var(--spacing);
@@ -354,7 +354,7 @@
   margin-top: calc(var(--spacing) * -1);
 }
 .mt-0 {
-  margin-top: 0;
+  margin-top: 0px;
 }
 .mt-0\.5 {
   margin-top: calc(var(--spacing) * 0.5);
@@ -679,7 +679,7 @@
   max-height: 100vh;
 }
 .min-h-0 {
-  min-height: 0;
+  min-height: 0px;
 }
 .min-h-9 {
   min-height: calc(var(--spacing) * 9);
@@ -715,7 +715,7 @@
   min-height: 100vh;
 }
 .w-0 {
-  width: 0;
+  width: 0px;
 }
 .w-0\.5 {
   width: calc(var(--spacing) * 0.5);
@@ -883,7 +883,7 @@
   min-width: var(--radix-select-trigger-width);
 }
 .min-w-0 {
-  min-width: 0;
+  min-width: 0px;
 }
 .min-w-5 {
   min-width: calc(var(--spacing) * 5);
@@ -1114,7 +1114,7 @@
   justify-content: flex-start;
 }
 .gap-0 {
-  gap: 0;
+  gap: 0px;
 }
 .gap-0\.5 {
   gap: calc(var(--spacing) * 0.5);
@@ -1164,47 +1164,35 @@
 .gap-\[0\.3125rem\] {
   gap: 0.3125rem;
 }
-.space-y-1 {
-  :where(& > :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 > :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)));
 }
-.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)));
-  }
+: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)));
 }
-.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)));
-  }
+: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)));
 }
-.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)));
-  }
+: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)));
 }
-.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)));
-  }
+: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)));
 }
-.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)));
-  }
+: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)));
 }
 .gap-x-5 {
   column-gap: calc(var(--spacing) * 5);
@@ -1218,22 +1206,18 @@
 .gap-y-3 {
   row-gap: calc(var(--spacing) * 3);
 }
-.divide-x {
-  :where(& > :not(:last-child)) {
-    --tw-divide-x-reverse: 0;
-    border-inline-style: var(--tw-border-style);
-    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
-    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-  }
+:where(.divide-x > :not(:last-child)) {
+  --tw-divide-x-reverse: 0;
+  border-inline-style: var(--tw-border-style);
+  border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+  border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
 }
-.divide-y {
-  :where(& > :not(:last-child)) {
-    --tw-divide-y-reverse: 0;
-    border-bottom-style: var(--tw-border-style);
-    border-top-style: var(--tw-border-style);
-    border-top-width: calc(1px * var(--tw-divide-y-reverse));
-    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-  }
+:where(.divide-y > :not(:last-child)) {
+  --tw-divide-y-reverse: 0;
+  border-bottom-style: var(--tw-border-style);
+  border-top-style: var(--tw-border-style);
+  border-top-width: calc(1px * var(--tw-divide-y-reverse));
+  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
 }
 .self-end {
   align-self: flex-end;
@@ -1647,7 +1631,7 @@
   object-fit: cover;
 }
 .p-0 {
-  padding: 0;
+  padding: 0px;
 }
 .p-0\.5 {
   padding: calc(var(--spacing) * 0.5);
@@ -1758,7 +1742,7 @@
   padding-block: calc(var(--spacing) * 16);
 }
 .pt-0 {
-  padding-top: 0;
+  padding-top: 0px;
 }
 .pt-0\.5 {
   padding-top: calc(var(--spacing) * 0.5);
@@ -1812,7 +1796,7 @@
   padding-right: calc(var(--spacing) * 9);
 }
 .pb-0 {
-  padding-bottom: 0;
+  padding-bottom: 0px;
 }
 .pb-1 {
   padding-bottom: var(--spacing);
@@ -2384,1926 +2368,1117 @@
 .ring-inset {
   --tw-ring-inset: inset;
 }
-.group-has-disabled\/field\:opacity-50 {
-  &:is(:where(.group\/field):has(*:disabled) *) {
-    opacity: 50%;
-  }
+.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *) {
+  opacity: 50%;
 }
-.group-data-\[disabled\=true\]\:pointer-events-none {
-  &:is(:where(.group)[data-disabled="true"] *) {
-    pointer-events: none;
-  }
+.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
+  pointer-events: none;
 }
-.group-data-\[disabled\=true\]\:opacity-50 {
-  &:is(:where(.group)[data-disabled="true"] *) {
-    opacity: 50%;
-  }
+.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
+  opacity: 50%;
 }
-.group-data-\[size\=sm\]\/card\:p-3 {
-  &:is(:where(.group\/card)[data-size="sm"] *) {
-    padding: calc(var(--spacing) * 3);
-  }
+.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size="sm"] *) {
+  padding: calc(var(--spacing) * 3);
 }
-.group-data-\[size\=sm\]\/card\:px-3 {
-  &:is(:where(.group\/card)[data-size="sm"] *) {
-    padding-inline: calc(var(--spacing) * 3);
-  }
+.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size="sm"] *) {
+  padding-inline: calc(var(--spacing) * 3);
 }
-.group-data-\[size\=sm\]\/card\:text-sm {
-  &:is(:where(.group\/card)[data-size="sm"] *) {
-    font-size: var(--text-sm);
-    line-height: var(--tw-leading, var(--text-sm--line-height));
-  }
+.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size="sm"] *) {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
 }
-.group-data-\[state\=open\]\:rotate-180 {
-  &:is(:where(.group)[data-state="open"] *) {
-    rotate: 180deg;
-  }
+.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
+  rotate: 180deg;
 }
-.group-data-\[state\=open\]\/accordion-trigger\:rotate-180 {
-  &:is(:where(.group\/accordion-trigger)[data-state="open"] *) {
-    rotate: 180deg;
-  }
+.group-data-\[state\=open\]\/accordion-trigger\:rotate-180:is(:where(.group\/accordion-trigger)[data-state="open"] *) {
+  rotate: 180deg;
 }
-.group-data-\[variant\=line\]\/tabs-list\:bg-transparent {
-  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
-    background-color: transparent;
-  }
+.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
+  background-color: transparent;
 }
-.group-data-horizontal\/tabs\:h-9 {
-  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
-    height: calc(var(--spacing) * 9);
-  }
+.group-data-horizontal\/tabs\:h-9:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+  height: calc(var(--spacing) * 9);
 }
-.group-data-vertical\/tabs\:h-fit {
-  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
-    height: fit-content;
-  }
+.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+  height: fit-content;
 }
-.group-data-vertical\/tabs\:w-full {
-  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
-    width: 100%;
-  }
+.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+  width: 100%;
 }
-.group-data-vertical\/tabs\:flex-col {
-  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
-    flex-direction: column;
-  }
+.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+  flex-direction: column;
 }
-.group-data-vertical\/tabs\:justify-start {
-  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
-    justify-content: flex-start;
-  }
+.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+  justify-content: flex-start;
 }
-.peer-disabled\:cursor-not-allowed {
-  &:is(:where(.peer):disabled ~ *) {
-    cursor: not-allowed;
-  }
+.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
+  cursor: not-allowed;
 }
-.peer-disabled\:opacity-50 {
-  &:is(:where(.peer):disabled ~ *) {
-    opacity: 50%;
-  }
+.peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
+  opacity: 50%;
 }
-.file\:inline-flex {
-  &::file-selector-button {
-    display: inline-flex;
-  }
+.file\:inline-flex::file-selector-button {
+  display: inline-flex;
 }
-.file\:h-6 {
-  &::file-selector-button {
-    height: calc(var(--spacing) * 6);
-  }
+.file\:h-6::file-selector-button {
+  height: calc(var(--spacing) * 6);
 }
-.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-neutral-foreground-strong {
-  &::file-selector-button {
-    color: var(--neutral-foreground-strong);
-  }
+.file\:text-neutral-foreground-strong::file-selector-button {
+  color: var(--neutral-foreground-strong);
 }
-.placeholder\:text-neutral-foreground-subtle {
-  &::placeholder {
-    color: var(--neutral-foreground-subtle);
-  }
+.placeholder\:text-neutral-foreground-subtle::placeholder {
+  color: var(--neutral-foreground-subtle);
 }
-.after\:absolute {
-  &::after {
-    content: var(--tw-content);
-    position: absolute;
-  }
+.after\:absolute::after {
+  content: var(--tw-content);
+  position: absolute;
 }
-.after\:-inset-x-3 {
-  &::after {
-    content: var(--tw-content);
-    inset-inline: calc(var(--spacing) * -3);
-  }
+.after\:-inset-x-3::after {
+  content: var(--tw-content);
+  inset-inline: calc(var(--spacing) * -3);
 }
-.after\:-inset-y-2 {
-  &::after {
-    content: var(--tw-content);
-    inset-block: calc(var(--spacing) * -2);
-  }
+.after\:-inset-y-2::after {
+  content: var(--tw-content);
+  inset-block: calc(var(--spacing) * -2);
 }
-.after\:bg-foreground {
-  &::after {
-    content: var(--tw-content);
-    background-color: var(--foreground);
-  }
+.after\:bg-foreground::after {
+  content: var(--tw-content);
+  background-color: var(--foreground);
 }
-.after\:opacity-0 {
-  &::after {
-    content: var(--tw-content);
-    opacity: 0%;
-  }
+.after\:opacity-0::after {
+  content: var(--tw-content);
+  opacity: 0%;
 }
-.after\:transition-opacity {
-  &::after {
-    content: var(--tw-content);
-    transition-property: opacity;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
+.after\:transition-opacity::after {
+  content: var(--tw-content);
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.group-data-horizontal\/tabs\:after\:inset-x-0 {
-  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
-    &::after {
-      content: var(--tw-content);
-      inset-inline: 0;
-    }
-  }
+.group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *)::after {
+  content: var(--tw-content);
+  inset-inline: 0px;
 }
-.group-data-horizontal\/tabs\:after\:bottom-\[-5px\] {
-  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
-    &::after {
-      content: var(--tw-content);
-      bottom: -5px;
-    }
-  }
+.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *)::after {
+  content: var(--tw-content);
+  bottom: -5px;
 }
-.group-data-horizontal\/tabs\:after\:h-0\.5 {
-  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
-    &::after {
-      content: var(--tw-content);
-      height: calc(var(--spacing) * 0.5);
-    }
-  }
+.group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *)::after {
+  content: var(--tw-content);
+  height: calc(var(--spacing) * 0.5);
 }
-.group-data-vertical\/tabs\:after\:inset-y-0 {
-  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
-    &::after {
-      content: var(--tw-content);
-      inset-block: 0;
-    }
-  }
+.group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation="vertical"]) *)::after {
+  content: var(--tw-content);
+  inset-block: 0px;
 }
-.group-data-vertical\/tabs\:after\:-right-1 {
-  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
-    &::after {
-      content: var(--tw-content);
-      right: calc(var(--spacing) * -1);
-    }
-  }
+.group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation="vertical"]) *)::after {
+  content: var(--tw-content);
+  right: calc(var(--spacing) * -1);
 }
-.group-data-vertical\/tabs\:after\:w-0\.5 {
-  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
-    &::after {
-      content: var(--tw-content);
-      width: calc(var(--spacing) * 0.5);
-    }
-  }
+.group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation="vertical"]) *)::after {
+  content: var(--tw-content);
+  width: calc(var(--spacing) * 0.5);
 }
-.first\:ml-0 {
-  &:first-child {
-    margin-left: 0;
-  }
+.first\:ml-0:first-child {
+  margin-left: 0px;
 }
-.first\:rounded-l-md {
-  &:first-child {
-    border-top-left-radius: calc(var(--radius) - 2px);
-    border-bottom-left-radius: calc(var(--radius) - 2px);
-  }
+.first\:rounded-l-md:first-child {
+  border-top-left-radius: calc(var(--radius) - 2px);
+  border-bottom-left-radius: calc(var(--radius) - 2px);
 }
-.last\:rounded-r-md {
-  &:last-child {
-    border-top-right-radius: calc(var(--radius) - 2px);
-    border-bottom-right-radius: calc(var(--radius) - 2px);
-  }
+.last\:rounded-r-md:last-child {
+  border-top-right-radius: calc(var(--radius) - 2px);
+  border-bottom-right-radius: calc(var(--radius) - 2px);
 }
-.last\:border-b-0 {
-  &:last-child {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 0px;
-  }
+.last\:border-b-0:last-child {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 0px;
 }
-.even\:bg-neutral-background-medium {
-  &:nth-child(even) {
-    background-color: var(--neutral-background-medium);
-  }
+.even\:bg-neutral-background-medium:nth-child(even) {
+  background-color: var(--neutral-background-medium);
 }
-.even\:bg-neutral-background-strong\/50 {
-  &:nth-child(even) {
-    background-color: var(--neutral-background-strong);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--neutral-background-strong) 50%, transparent);
-    }
+.even\:bg-neutral-background-strong\/50:nth-child(even) {
+  background-color: var(--neutral-background-strong);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--neutral-background-strong) 50%, transparent);
   }
 }
-.focus-within\:relative {
-  &:focus-within {
-    position: relative;
-  }
+.focus-within\:relative:focus-within {
+  position: relative;
 }
-.focus-within\:z-20 {
-  &:focus-within {
-    z-index: 20;
-  }
+.focus-within\:z-20:focus-within {
+  z-index: 20;
 }
-.hover\:border-border {
-  &:hover {
-    @media (hover: hover) {
-      border-color: var(--border);
-    }
+@media (hover: hover) {
+  .hover\:border-border:hover {
+    border-color: var(--border);
   }
-}
-.hover\:border-ring {
-  &:hover {
-    @media (hover: hover) {
-      border-color: var(--ring);
-    }
+  .hover\:border-ring:hover {
+    border-color: var(--ring);
   }
-}
-.hover\:bg-accent-action-hover {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--accent-action-hover);
-    }
+  .hover\:bg-accent-action-hover:hover {
+    background-color: var(--accent-action-hover);
   }
-}
-.hover\:bg-accent-background-subtle\/50 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--accent-background-subtle);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--accent-background-subtle) 50%, transparent);
-      }
-    }
+  .hover\:bg-accent-background-subtle\/50:hover {
+    background-color: var(--accent-background-subtle);
   }
-}
-.hover\:bg-accent-background-subtle\/70 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--accent-background-subtle);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--accent-background-subtle) 70%, transparent);
-      }
+  @supports (color: color-mix(in lab, red, red)) {
+    .hover\:bg-accent-background-subtle\/50:hover {
+      background-color: color-mix(in oklab, var(--accent-background-subtle) 50%, transparent);
     }
   }
-}
-.hover\:bg-danger-action-hover {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--danger-action-hover);
-    }
+  .hover\:bg-accent-background-subtle\/70:hover {
+    background-color: var(--accent-background-subtle);
   }
-}
-.hover\:bg-neutral-action-hover {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--neutral-action-hover);
+  @supports (color: color-mix(in lab, red, red)) {
+    .hover\:bg-accent-background-subtle\/70:hover {
+      background-color: color-mix(in oklab, var(--accent-background-subtle) 70%, transparent);
     }
   }
-}
-.hover\:bg-neutral-background-medium {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--neutral-background-medium);
-    }
+  .hover\:bg-danger-action-hover:hover {
+    background-color: var(--danger-action-hover);
   }
-}
-.hover\:bg-neutral-background-strong {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--neutral-background-strong);
-    }
+  .hover\:bg-neutral-action-hover:hover {
+    background-color: var(--neutral-action-hover);
   }
-}
-.hover\:bg-neutral-background-subtle {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--neutral-background-subtle);
-    }
+  .hover\:bg-neutral-background-medium:hover {
+    background-color: var(--neutral-background-medium);
   }
-}
-.hover\:bg-primary-action-hover {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--primary-action-hover);
-    }
+  .hover\:bg-neutral-background-strong:hover {
+    background-color: var(--neutral-background-strong);
   }
-}
-.hover\:bg-transparent {
-  &:hover {
-    @media (hover: hover) {
-      background-color: transparent;
-    }
+  .hover\:bg-neutral-background-subtle:hover {
+    background-color: var(--neutral-background-subtle);
   }
-}
-.hover\:text-neutral-foreground-strong {
-  &:hover {
-    @media (hover: hover) {
-      color: var(--neutral-foreground-strong);
-    }
+  .hover\:bg-primary-action-hover:hover {
+    background-color: var(--primary-action-hover);
   }
-}
-.hover\:text-neutral-foreground-subtle {
-  &:hover {
-    @media (hover: hover) {
-      color: var(--neutral-foreground-subtle);
-    }
+  .hover\:bg-transparent:hover {
+    background-color: transparent;
   }
-}
-.hover\:text-primary-action-foreground {
-  &:hover {
-    @media (hover: hover) {
-      color: var(--primary-action-foreground);
-    }
+  .hover\:text-neutral-foreground-strong:hover {
+    color: var(--neutral-foreground-strong);
   }
-}
-.hover\:no-underline {
-  &:hover {
-    @media (hover: hover) {
-      text-decoration-line: none;
-    }
+  .hover\:text-neutral-foreground-subtle:hover {
+    color: var(--neutral-foreground-subtle);
   }
-}
-.hover\:underline {
-  &:hover {
-    @media (hover: hover) {
-      text-decoration-line: underline;
-    }
+  .hover\:text-primary-action-foreground:hover {
+    color: var(--primary-action-foreground);
   }
-}
-.hover\:opacity-100 {
-  &:hover {
-    @media (hover: hover) {
-      opacity: 100%;
-    }
+  .hover\:no-underline:hover {
+    text-decoration-line: none;
   }
-}
-.hover\:shadow-md {
-  &:hover {
-    @media (hover: hover) {
-      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
-    }
+  .hover\:underline:hover {
+    text-decoration-line: underline;
   }
-}
-.hover\:ring-neutral-border-strong {
-  &:hover {
-    @media (hover: hover) {
-      --tw-ring-color: var(--neutral-border-strong);
-    }
+  .hover\:opacity-100:hover {
+    opacity: 100%;
   }
-}
-.not-data-active\:hover\:bg-neutral-background-medium {
-  &:not(*:where([data-state="active"]),  *:where([data-active]:not([data-active="false"]))) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--neutral-background-medium);
-      }
-    }
+  .hover\:shadow-md:hover {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
   }
-}
-.focus\:not-sr-only {
-  &:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip-path: none;
-    white-space: normal;
+  .hover\:ring-neutral-border-strong:hover {
+    --tw-ring-color: var(--neutral-border-strong);
   }
-}
-.focus\:absolute {
-  &:focus {
-    position: absolute;
+  .not-data-active\:hover\:bg-neutral-background-medium:not(:where([data-state="active"]), :where([data-active]:not([data-active="false"]))):hover {
+    background-color: var(--neutral-background-medium);
   }
 }
-.focus\:top-2 {
-  &:focus {
-    top: calc(var(--spacing) * 2);
-  }
+.focus\:not-sr-only:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip-path: none;
+  white-space: normal;
 }
-.focus\:left-2 {
-  &:focus {
-    left: calc(var(--spacing) * 2);
-  }
+.focus\:absolute:focus {
+  position: absolute;
 }
-.focus\:z-10 {
-  &:focus {
-    z-index: 10;
-  }
+.focus\:top-2:focus {
+  top: calc(var(--spacing) * 2);
 }
-.focus\:z-\[60\] {
-  &:focus {
-    z-index: 60;
-  }
+.focus\:left-2:focus {
+  left: calc(var(--spacing) * 2);
 }
-.focus\:rounded-md {
-  &:focus {
-    border-radius: calc(var(--radius) - 2px);
-  }
+.focus\:z-10:focus {
+  z-index: 10;
 }
-.focus\:bg-background {
-  &:focus {
-    background-color: var(--background);
-  }
+.focus\:z-\[60\]:focus {
+  z-index: 60;
 }
-.focus\:bg-primary-background-strong {
-  &:focus {
-    background-color: var(--primary-background-strong);
-  }
+.focus\:rounded-md:focus {
+  border-radius: calc(var(--radius) - 2px);
 }
-.focus\:px-3 {
-  &:focus {
-    padding-inline: calc(var(--spacing) * 3);
-  }
+.focus\:bg-background:focus {
+  background-color: var(--background);
 }
-.focus\:py-2 {
-  &:focus {
-    padding-block: calc(var(--spacing) * 2);
-  }
+.focus\:bg-primary-background-strong:focus {
+  background-color: var(--primary-background-strong);
 }
-.focus\:text-primary-foreground-strong {
-  &:focus {
-    color: var(--primary-foreground-strong);
-  }
+.focus\:px-3:focus {
+  padding-inline: calc(var(--spacing) * 3);
 }
-.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\:py-2:focus {
+  padding-block: calc(var(--spacing) * 2);
 }
-.focus\:ring-ring {
-  &:focus {
-    --tw-ring-color: var(--ring);
-  }
+.focus\:text-primary-foreground-strong:focus {
+  color: var(--primary-foreground-strong);
 }
-.focus\:outline-none {
-  &:focus {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
+.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\:z-10 {
-  &:focus-visible {
-    z-index: 10;
-  }
+.focus\:ring-ring:focus {
+  --tw-ring-color: var(--ring);
 }
-.focus-visible\:rounded-xs {
-  &:focus-visible {
-    border-radius: var(--radius-xs);
-  }
+.focus\:outline-none:focus {
+  --tw-outline-style: none;
+  outline-style: none;
 }
-.focus-visible\:border-danger-border-subtle {
-  &:focus-visible {
-    border-color: var(--danger-border-subtle);
-  }
+.focus-visible\:z-10:focus-visible {
+  z-index: 10;
 }
-.focus-visible\:border-primary-border-strong {
-  &:focus-visible {
-    border-color: var(--primary-border-strong);
-  }
+.focus-visible\:rounded-xs:focus-visible {
+  border-radius: var(--radius-xs);
 }
-.focus-visible\:bg-neutral-background-subtle {
-  &:focus-visible {
-    background-color: var(--neutral-background-subtle);
-  }
+.focus-visible\:border-danger-border-subtle:focus-visible {
+  border-color: var(--danger-border-subtle);
 }
-.focus-visible\:bg-ring {
-  &:focus-visible {
-    background-color: var(--ring);
-  }
+.focus-visible\:border-primary-border-strong:focus-visible {
+  border-color: var(--primary-border-strong);
 }
-.focus-visible\:underline {
-  &:focus-visible {
-    text-decoration-line: underline;
-  }
+.focus-visible\:bg-neutral-background-subtle:focus-visible {
+  background-color: var(--neutral-background-subtle);
 }
-.focus-visible\:ring-1 {
-  &:focus-visible {
-    --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\:bg-ring:focus-visible {
+  background-color: var(--ring);
 }
-.focus-visible\:ring-2 {
-  &:focus-visible {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
+.focus-visible\:underline:focus-visible {
+  text-decoration-line: underline;
 }
-.focus-visible\:ring-3 {
-  &:focus-visible {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
+.focus-visible\:ring-1:focus-visible {
+  --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\:ring-\[3px\] {
-  &:focus-visible {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
+.focus-visible\:ring-2:focus-visible {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.focus-visible\:ring-danger-action-default\/20 {
-  &:focus-visible {
-    --tw-ring-color: var(--danger-action-default);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--danger-action-default) 20%, transparent);
-    }
-  }
+.focus-visible\:ring-3:focus-visible {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.focus-visible\:ring-ring {
-  &:focus-visible {
-    --tw-ring-color: var(--ring);
-  }
+.focus-visible\:ring-\[3px\]:focus-visible {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.focus-visible\:ring-offset-2 {
-  &:focus-visible {
-    --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\:ring-danger-action-default\/20:focus-visible {
+  --tw-ring-color: var(--danger-action-default);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--danger-action-default) 20%, transparent);
   }
 }
-.focus-visible\:ring-offset-background {
-  &:focus-visible {
-    --tw-ring-offset-color: var(--background);
-  }
+.focus-visible\:ring-ring:focus-visible {
+  --tw-ring-color: var(--ring);
 }
-.focus-visible\:outline-1 {
-  &:focus-visible {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
-  }
+.focus-visible\:ring-offset-2:focus-visible {
+  --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-2 {
-  &:focus-visible {
-    outline-style: var(--tw-outline-style);
-    outline-width: 2px;
-  }
+.focus-visible\:ring-offset-background:focus-visible {
+  --tw-ring-offset-color: var(--background);
 }
-.focus-visible\:outline-none {
-  &:focus-visible {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
+.focus-visible\:outline-1:focus-visible {
+  outline-style: var(--tw-outline-style);
+  outline-width: 1px;
 }
-.focus-visible\:ring-inset {
-  &:focus-visible {
-    --tw-ring-inset: inset;
-  }
+.focus-visible\:outline-2:focus-visible {
+  outline-style: var(--tw-outline-style);
+  outline-width: 2px;
 }
-.active\:scale-\[0\.97\] {
-  &:active {
-    scale: 0.97;
-  }
+.focus-visible\:outline-none:focus-visible {
+  --tw-outline-style: none;
+  outline-style: none;
 }
-.active\:bg-danger-action-active {
-  &:active {
-    background-color: var(--danger-action-active);
-  }
+.focus-visible\:ring-inset:focus-visible {
+  --tw-ring-inset: inset;
 }
-.active\:bg-neutral-background-strong {
-  &:active {
-    background-color: var(--neutral-background-strong);
-  }
+.active\:scale-\[0\.97\]:active {
+  scale: 0.97;
 }
-.active\:bg-primary-action-active {
-  &:active {
-    background-color: var(--primary-action-active);
-  }
+.active\:bg-danger-action-active:active {
+  background-color: var(--danger-action-active);
 }
-.active\:not-aria-\[haspopup\]\:translate-y-px {
-  &:active {
-    &:not(*[aria-haspopup]) {
-      --tw-translate-y: 1px;
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
+.active\:bg-neutral-background-strong:active {
+  background-color: var(--neutral-background-strong);
 }
-.disabled\:pointer-events-none {
-  &:disabled {
-    pointer-events: none;
-  }
+.active\:bg-primary-action-active:active {
+  background-color: var(--primary-action-active);
 }
-.disabled\:cursor-not-allowed {
-  &:disabled {
-    cursor: not-allowed;
-  }
+.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
+  --tw-translate-y: 1px;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.disabled\:bg-danger-action-disabled {
-  &:disabled {
-    background-color: var(--danger-action-disabled);
-  }
+.disabled\:pointer-events-none:disabled {
+  pointer-events: none;
 }
-.disabled\:bg-primary-action-disabled {
-  &:disabled {
-    background-color: var(--primary-action-disabled);
-  }
+.disabled\:cursor-not-allowed:disabled {
+  cursor: not-allowed;
 }
-.disabled\:opacity-50 {
-  &:disabled {
-    opacity: 50%;
-  }
+.disabled\:bg-danger-action-disabled:disabled {
+  background-color: var(--danger-action-disabled);
 }
-.in-data-\[slot\=button-group\]\:rounded-lg {
-  :where(*[data-slot="button-group"]) & {
-    border-radius: var(--radius);
-  }
+.disabled\:bg-primary-action-disabled:disabled {
+  background-color: var(--primary-action-disabled);
 }
-.has-aria-expanded\:bg-neutral-background-medium {
-  &:has(*[aria-expanded="true"]) {
-    background-color: var(--neutral-background-medium);
-  }
+.disabled\:opacity-50:disabled {
+  opacity: 50%;
 }
-.has-data-\[icon\=inline-end\]\:pr-1\.5 {
-  &:has(*[data-icon="inline-end"]) {
-    padding-right: calc(var(--spacing) * 1.5);
-  }
+:where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
+  border-radius: var(--radius);
 }
-.has-data-\[icon\=inline-end\]\:pr-2 {
-  &:has(*[data-icon="inline-end"]) {
-    padding-right: calc(var(--spacing) * 2);
-  }
+.has-aria-expanded\:bg-neutral-background-medium:has([aria-expanded="true"]) {
+  background-color: var(--neutral-background-medium);
 }
-.has-data-\[icon\=inline-start\]\:pl-1\.5 {
-  &:has(*[data-icon="inline-start"]) {
-    padding-left: calc(var(--spacing) * 1.5);
-  }
+.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
+  padding-right: calc(var(--spacing) * 1.5);
 }
-.has-data-\[icon\=inline-start\]\:pl-2 {
-  &:has(*[data-icon="inline-start"]) {
-    padding-left: calc(var(--spacing) * 2);
-  }
+.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
+  padding-right: calc(var(--spacing) * 2);
 }
-.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
-  &:has(*[data-slot="card-action"]) {
-    grid-template-columns: 1fr auto;
-  }
+.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
+  padding-left: calc(var(--spacing) * 1.5);
 }
-.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\] {
-  &:has(*[data-slot="card-description"]) {
-    grid-template-rows: auto auto;
-  }
+.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
+  padding-left: calc(var(--spacing) * 2);
 }
-.has-data-\[slot\=card-footer\]\:pb-0 {
-  &:has(*[data-slot="card-footer"]) {
-    padding-bottom: 0;
-  }
+.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
+  grid-template-columns: 1fr auto;
 }
-.has-data-\[slot\=dialog-body\]\:flex {
-  &:has(*[data-slot="dialog-body"]) {
-    display: flex;
-  }
+.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot="card-description"]) {
+  grid-template-rows: auto auto;
 }
-.has-data-\[slot\=dialog-body\]\:flex-col {
-  &:has(*[data-slot="dialog-body"]) {
-    flex-direction: column;
-  }
+.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot="card-footer"]) {
+  padding-bottom: 0px;
 }
-.has-data-\[slot\=dialog-body\]\:overflow-hidden {
-  &:has(*[data-slot="dialog-body"]) {
-    overflow: hidden;
-  }
+.has-data-\[slot\=dialog-body\]\:flex:has([data-slot="dialog-body"]) {
+  display: flex;
 }
-.has-\[\:disabled\]\:cursor-not-allowed {
-  &:has(*:is(:disabled)) {
-    cursor: not-allowed;
-  }
+.has-data-\[slot\=dialog-body\]\:flex-col:has([data-slot="dialog-body"]) {
+  flex-direction: column;
 }
-.has-\[\:disabled\]\:opacity-70 {
-  &:has(*:is(:disabled)) {
-    opacity: 70%;
-  }
+.has-data-\[slot\=dialog-body\]\:overflow-hidden:has([data-slot="dialog-body"]) {
+  overflow: hidden;
 }
-.has-\[\:disabled\]\:hover\:bg-transparent {
-  &:has(*:is(:disabled)) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: transparent;
-      }
-    }
-  }
+.has-\[\:disabled\]\:cursor-not-allowed:has(:is(:disabled)) {
+  cursor: not-allowed;
 }
-.has-\[\[data-state\=unchecked\]\]\:hover\:bg-neutral-background-medium {
-  &:has(*:is([data-state=unchecked])) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--neutral-background-medium);
-      }
-    }
-  }
+.has-\[\:disabled\]\:opacity-70:has(:is(:disabled)) {
+  opacity: 70%;
 }
-.has-\[\>img\:first-child\]\:pt-0 {
-  &:has(>img:first-child) {
-    padding-top: 0;
+@media (hover: hover) {
+  .has-\[\:disabled\]\:hover\:bg-transparent:has(:is(:disabled)):hover {
+    background-color: transparent;
   }
-}
-.aria-disabled\:pointer-events-none {
-  &[aria-disabled="true"] {
-    pointer-events: none;
+  .has-\[\[data-state\=unchecked\]\]\:hover\:bg-neutral-background-medium:has(:is([data-state=unchecked])):hover {
+    background-color: var(--neutral-background-medium);
   }
 }
-.aria-disabled\:cursor-default {
-  &[aria-disabled="true"] {
-    cursor: default;
-  }
+.has-\[\>img\:first-child\]\:pt-0:has( > img:first-child) {
+  padding-top: 0px;
 }
-.aria-expanded\:bg-neutral-background-medium {
-  &[aria-expanded="true"] {
-    background-color: var(--neutral-background-medium);
-  }
+.aria-disabled\:pointer-events-none[aria-disabled="true"] {
+  pointer-events: none;
 }
-.aria-expanded\:text-neutral-foreground-strong {
-  &[aria-expanded="true"] {
-    color: var(--neutral-foreground-strong);
-  }
+.aria-disabled\:cursor-default[aria-disabled="true"] {
+  cursor: default;
 }
-.aria-invalid\:border-danger-action-default {
-  &[aria-invalid="true"] {
-    border-color: var(--danger-action-default);
-  }
+.aria-expanded\:bg-neutral-background-medium[aria-expanded="true"] {
+  background-color: var(--neutral-background-medium);
 }
-.aria-invalid\:ring-2 {
-  &[aria-invalid="true"] {
-    --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);
-  }
+.aria-expanded\:text-neutral-foreground-strong[aria-expanded="true"] {
+  color: var(--neutral-foreground-strong);
 }
-.aria-invalid\:ring-3 {
-  &[aria-invalid="true"] {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
+.aria-invalid\:border-danger-action-default[aria-invalid="true"] {
+  border-color: var(--danger-action-default);
 }
-.aria-invalid\:ring-danger-action-default {
-  &[aria-invalid="true"] {
-    --tw-ring-color: var(--danger-action-default);
-  }
+.aria-invalid\:ring-2[aria-invalid="true"] {
+  --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);
 }
-.aria-invalid\:ring-danger-action-default\/20 {
-  &[aria-invalid="true"] {
-    --tw-ring-color: var(--danger-action-default);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--danger-action-default) 20%, transparent);
-    }
-  }
+.aria-invalid\:ring-3[aria-invalid="true"] {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.aria-invalid\:aria-checked\:border-primary-action-default {
-  &[aria-invalid="true"] {
-    &[aria-checked="true"] {
-      border-color: var(--primary-action-default);
-    }
-  }
+.aria-invalid\:ring-danger-action-default[aria-invalid="true"] {
+  --tw-ring-color: var(--danger-action-default);
 }
-.aria-selected\:bg-neutral-background-subtle {
-  &[aria-selected="true"] {
-    background-color: var(--neutral-background-subtle);
+.aria-invalid\:ring-danger-action-default\/20[aria-invalid="true"] {
+  --tw-ring-color: var(--danger-action-default);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--danger-action-default) 20%, transparent);
   }
 }
-.aria-selected\:text-foreground {
-  &[aria-selected="true"] {
-    color: var(--foreground);
-  }
+.aria-invalid\:aria-checked\:border-primary-action-default[aria-invalid="true"][aria-checked="true"] {
+  border-color: var(--primary-action-default);
 }
-.aria-selected\:text-neutral-foreground-subtle {
-  &[aria-selected="true"] {
-    color: var(--neutral-foreground-subtle);
-  }
+.aria-selected\:bg-neutral-background-subtle[aria-selected="true"] {
+  background-color: var(--neutral-background-subtle);
 }
-.aria-selected\:opacity-100 {
-  &[aria-selected="true"] {
-    opacity: 100%;
-  }
+.aria-selected\:text-foreground[aria-selected="true"] {
+  color: var(--foreground);
 }
-.data-placeholder\:text-neutral-foreground-subtle {
-  &[data-placeholder] {
-    color: var(--neutral-foreground-subtle);
-  }
+.aria-selected\:text-neutral-foreground-subtle[aria-selected="true"] {
+  color: var(--neutral-foreground-subtle);
 }
-.data-\[inset\]\:pl-8 {
-  &[data-inset] {
-    padding-left: calc(var(--spacing) * 8);
-  }
+.aria-selected\:opacity-100[aria-selected="true"] {
+  opacity: 100%;
 }
-.data-\[selected\=true\]\:bg-accent-background-subtle {
-  &[data-selected="true"] {
-    background-color: var(--accent-background-subtle);
-  }
+.data-placeholder\:text-neutral-foreground-subtle[data-placeholder] {
+  color: var(--neutral-foreground-subtle);
 }
-.data-\[selected\=true\]\:text-accent-foreground-strong {
-  &[data-selected="true"] {
-    color: var(--accent-foreground-strong);
-  }
+.data-\[focus-visible-restore\]\:border-primary-border-strong[data-focus-visible-restore] {
+  border-color: var(--primary-border-strong);
 }
-.data-\[side\=bottom\]\:translate-y-1 {
-  &[data-side="bottom"] {
-    --tw-translate-y: var(--spacing);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
+.data-\[focus-visible-restore\]\:ring-3[data-focus-visible-restore] {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.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-\[focus-visible-restore\]\:ring-ring[data-focus-visible-restore] {
+  --tw-ring-color: var(--ring);
 }
-.data-\[side\=right\]\:translate-x-1 {
-  &[data-side="right"] {
-    --tw-translate-x: var(--spacing);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
+.data-\[inset\]\:pl-8[data-inset] {
+  padding-left: calc(var(--spacing) * 8);
 }
-.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-\[selected\=true\]\:bg-accent-background-subtle[data-selected="true"] {
+  background-color: var(--accent-background-subtle);
 }
-.data-\[size\=default\]\:h-9 {
-  &[data-size="default"] {
-    height: calc(var(--spacing) * 9);
-  }
+.data-\[selected\=true\]\:text-accent-foreground-strong[data-selected="true"] {
+  color: var(--accent-foreground-strong);
 }
-.data-\[size\=sm\]\:h-8 {
-  &[data-size="sm"] {
-    height: calc(var(--spacing) * 8);
-  }
+.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
+  --tw-translate-y: var(--spacing);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.data-\[size\=sm\]\:min-h-8 {
-  &[data-size="sm"] {
-    min-height: calc(var(--spacing) * 8);
-  }
+.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-\[size\=sm\]\:gap-3 {
-  &[data-size="sm"] {
-    gap: calc(var(--spacing) * 3);
-  }
+.data-\[side\=right\]\:translate-x-1[data-side="right"] {
+  --tw-translate-x: var(--spacing);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.data-\[size\=sm\]\:py-3 {
-  &[data-size="sm"] {
-    padding-block: calc(var(--spacing) * 3);
-  }
+.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-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0 {
-  &[data-size="sm"] {
-    &:has(*[data-slot="card-footer"]) {
-      padding-bottom: 0;
-    }
-  }
+.data-\[size\=default\]\:h-9[data-size="default"] {
+  height: calc(var(--spacing) * 9);
 }
-.\*\:data-\[slot\=select-value\]\:line-clamp-1 {
-  :is(& > *) {
-    &[data-slot="select-value"] {
-      overflow: hidden;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 1;
-    }
-  }
+.data-\[size\=sm\]\:h-8[data-size="sm"] {
+  height: calc(var(--spacing) * 8);
 }
-.\*\:data-\[slot\=select-value\]\:flex {
-  :is(& > *) {
-    &[data-slot="select-value"] {
-      display: flex;
-    }
-  }
+.data-\[size\=sm\]\:min-h-8[data-size="sm"] {
+  min-height: calc(var(--spacing) * 8);
 }
-.\*\:data-\[slot\=select-value\]\:items-center {
-  :is(& > *) {
-    &[data-slot="select-value"] {
-      align-items: center;
-    }
-  }
+.data-\[size\=sm\]\:gap-3[data-size="sm"] {
+  gap: calc(var(--spacing) * 3);
 }
-.\*\:data-\[slot\=select-value\]\:gap-1\.5 {
-  :is(& > *) {
-    &[data-slot="select-value"] {
-      gap: calc(var(--spacing) * 1.5);
-    }
-  }
+.data-\[size\=sm\]\:py-3[data-size="sm"] {
+  padding-block: calc(var(--spacing) * 3);
 }
-.data-\[state\=\.\.\.\]\:opacity-100 {
-  &[data-state="..."] {
-    opacity: 100%;
-  }
+.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size="sm"]:has([data-slot="card-footer"]) {
+  padding-bottom: 0px;
 }
-.data-\[state\=checked\]\:translate-x-4 {
-  &[data-state="checked"] {
-    --tw-translate-x: calc(var(--spacing) * 4);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
+:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
 }
-.data-\[state\=checked\]\:translate-x-5 {
-  &[data-state="checked"] {
-    --tw-translate-x: calc(var(--spacing) * 5);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
+:is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
+  display: flex;
 }
-.data-\[state\=checked\]\:bg-primary-action-default {
-  &[data-state="checked"] {
-    background-color: var(--primary-action-default);
-  }
+:is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
+  align-items: center;
 }
-.data-\[state\=checked\]\:ring-2 {
-  &[data-state="checked"] {
-    --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);
-  }
+:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
+  gap: calc(var(--spacing) * 1.5);
 }
-.data-\[state\=checked\]\:ring-primary-action-default {
-  &[data-state="checked"] {
-    --tw-ring-color: var(--primary-action-default);
-  }
+.data-\[state\=\.\.\.\]\:opacity-100[data-state="..."] {
+  opacity: 100%;
 }
-.data-\[state\=on\]\:bg-accent-background-subtle {
-  &[data-state="on"] {
-    background-color: var(--accent-background-subtle);
-  }
+.data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
+  --tw-translate-x: calc(var(--spacing) * 4);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.data-\[state\=on\]\:text-accent-foreground-strong {
-  &[data-state="on"] {
-    color: var(--accent-foreground-strong);
-  }
+.data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
+  --tw-translate-x: calc(var(--spacing) * 5);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.data-\[state\=open\]\:rotate-180 {
-  &[data-state="open"] {
-    rotate: 180deg;
-  }
+.data-\[state\=checked\]\:bg-primary-action-default[data-state="checked"] {
+  background-color: var(--primary-action-default);
 }
-.data-\[state\=open\]\:bg-primary-background-strong {
-  &[data-state="open"] {
-    background-color: var(--primary-background-strong);
-  }
+.data-\[state\=checked\]\:ring-2[data-state="checked"] {
+  --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);
 }
-.data-\[state\=open\]\:text-primary-foreground-strong {
-  &[data-state="open"] {
-    color: var(--primary-foreground-strong);
-  }
+.data-\[state\=checked\]\:ring-primary-action-default[data-state="checked"] {
+  --tw-ring-color: var(--primary-action-default);
 }
-.data-\[state\=selected\]\:bg-neutral-background-strong {
-  &[data-state="selected"] {
-    background-color: var(--neutral-background-strong);
-  }
+.data-\[state\=on\]\:bg-accent-background-subtle[data-state="on"] {
+  background-color: var(--accent-background-subtle);
 }
-.data-\[state\=unchecked\]\:translate-x-0 {
-  &[data-state="unchecked"] {
-    --tw-translate-x: 0;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
+.data-\[state\=on\]\:text-accent-foreground-strong[data-state="on"] {
+  color: var(--accent-foreground-strong);
 }
-.data-\[state\=unchecked\]\:bg-switch-background {
-  &[data-state="unchecked"] {
-    background-color: var(--switch-background);
-  }
+.data-\[state\=open\]\:rotate-180[data-state="open"] {
+  rotate: 180deg;
 }
-.data-\[variant\=destructive\]\:text-danger-foreground-subtle {
-  &[data-variant="destructive"] {
-    color: var(--danger-foreground-subtle);
-  }
+.data-\[state\=open\]\:bg-primary-background-strong[data-state="open"] {
+  background-color: var(--primary-background-strong);
 }
-.data-\[variant\=destructive\]\:focus\:bg-primary-background-strong {
-  &[data-variant="destructive"] {
-    &:focus {
-      background-color: var(--primary-background-strong);
-    }
-  }
+.data-\[state\=open\]\:text-primary-foreground-strong[data-state="open"] {
+  color: var(--primary-foreground-strong);
 }
-.data-\[variant\=destructive\]\:focus\:text-danger-foreground-subtle {
-  &[data-variant="destructive"] {
-    &:focus {
-      color: var(--danger-foreground-subtle);
-    }
-  }
+.data-\[state\=selected\]\:bg-neutral-background-strong[data-state="selected"] {
+  background-color: var(--neutral-background-strong);
 }
-.data-\[variant\=line\]\:rounded-none {
-  &[data-variant="line"] {
-    border-radius: 0;
-  }
+.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
+  --tw-translate-x: 0px;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.data-\[variant\=outline\]\:border-l-0 {
-  &[data-variant="outline"] {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 0px;
-  }
+.data-\[state\=unchecked\]\:bg-switch-background[data-state="unchecked"] {
+  background-color: var(--switch-background);
 }
-.data-\[variant\=outline\]\:shadow-xs {
-  &[data-variant="outline"] {
-    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
+.data-\[variant\=destructive\]\:text-danger-foreground-subtle[data-variant="destructive"] {
+  color: var(--danger-foreground-subtle);
 }
-.data-\[variant\=outline\]\:first\:border-l {
-  &[data-variant="outline"] {
-    &:first-child {
-      border-left-style: var(--tw-border-style);
-      border-left-width: 1px;
-    }
-  }
+.data-\[variant\=destructive\]\:focus\:bg-primary-background-strong[data-variant="destructive"]:focus {
+  background-color: var(--primary-background-strong);
+}
+.data-\[variant\=destructive\]\:focus\:text-danger-foreground-subtle[data-variant="destructive"]:focus {
+  color: var(--danger-foreground-subtle);
 }
-.supports-backdrop-filter\:backdrop-blur-xs {
-  @supports (backdrop-filter: var(--tw)) {
+.data-\[variant\=line\]\:rounded-none[data-variant="line"] {
+  border-radius: 0;
+}
+.data-\[variant\=outline\]\:border-l-0[data-variant="outline"] {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 0px;
+}
+.data-\[variant\=outline\]\:shadow-xs[data-variant="outline"] {
+  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.data-\[variant\=outline\]\:first\:border-l[data-variant="outline"]:first-child {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 1px;
+}
+@supports (backdrop-filter: var(--tw)) {
+  .supports-backdrop-filter\:backdrop-blur-xs {
     --tw-backdrop-blur: blur(var(--blur-xs));
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
 }
-.sm\:w-1\/3 {
-  @media (width >= 40rem) {
+@media (width >= 40rem) {
+  .sm\:w-1\/3 {
     width: calc(1 / 3 * 100%);
   }
-}
-.sm\:w-full {
-  @media (width >= 40rem) {
+  .sm\:w-full {
     width: 100%;
   }
-}
-.sm\:max-w-\[90vw\] {
-  @media (width >= 40rem) {
+  .sm\:max-w-\[90vw\] {
     max-width: 90vw;
   }
-}
-.sm\:max-w-\[400px\] {
-  @media (width >= 40rem) {
+  .sm\:max-w-\[400px\] {
     max-width: 400px;
   }
-}
-.sm\:max-w-\[600px\] {
-  @media (width >= 40rem) {
+  .sm\:max-w-\[600px\] {
     max-width: 600px;
   }
-}
-.sm\:max-w-\[800px\] {
-  @media (width >= 40rem) {
+  .sm\:max-w-\[800px\] {
     max-width: 800px;
   }
-}
-.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\:grid-cols-4 {
-  @media (width >= 40rem) {
+  .sm\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
-}
-.sm\:flex-row {
-  @media (width >= 40rem) {
+  .sm\:flex-row {
     flex-direction: row;
   }
-}
-.sm\:flex-wrap {
-  @media (width >= 40rem) {
+  .sm\:flex-wrap {
     flex-wrap: wrap;
   }
-}
-.sm\:justify-end {
-  @media (width >= 40rem) {
+  .sm\:justify-end {
     justify-content: flex-end;
   }
 }
-.md\:col-span-8 {
-  @media (width >= 48rem) {
+@media (width >= 48rem) {
+  .md\:col-span-8 {
     grid-column: span 8 / span 8;
   }
-}
-.md\:hidden {
-  @media (width >= 48rem) {
+  .md\:hidden {
     display: none;
   }
-}
-.md\:grid-cols-4 {
-  @media (width >= 48rem) {
+  .md\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
-}
-.md\:grid-cols-5 {
-  @media (width >= 48rem) {
+  .md\:grid-cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
-}
-.md\:grid-cols-8 {
-  @media (width >= 48rem) {
+  .md\:grid-cols-8 {
     grid-template-columns: repeat(8, minmax(0, 1fr));
   }
-}
-.md\:grid-cols-\[\.\.\.\] {
-  @media (width >= 48rem) {
+  .md\:grid-cols-\[\.\.\.\] {
     grid-template-columns: ...;
   }
-}
-.md\:grid-cols-\[minmax\(0\,1fr\)_var\(--sidebar-width\)\] {
-  @media (width >= 48rem) {
+  .md\:grid-cols-\[minmax\(0\,1fr\)_var\(--sidebar-width\)\] {
     grid-template-columns: minmax(0,1fr) var(--sidebar-width);
   }
-}
-.md\:grid-cols-\[var\(--sidebar-width\)_minmax\(0\,1fr\)\] {
-  @media (width >= 48rem) {
+  .md\:grid-cols-\[var\(--sidebar-width\)_minmax\(0\,1fr\)\] {
     grid-template-columns: var(--sidebar-width) minmax(0,1fr);
   }
-}
-.md\:flex-row {
-  @media (width >= 48rem) {
+  .md\:flex-row {
     flex-direction: row;
   }
-}
-.md\:text-sm {
-  @media (width >= 48rem) {
+  .md\:text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
 }
-.lg\:col-span-2 {
-  @media (width >= 64rem) {
+@media (width >= 64rem) {
+  .lg\:col-span-2 {
     grid-column: span 2 / span 2;
   }
-}
-.lg\:col-span-4 {
-  @media (width >= 64rem) {
+  .lg\:col-span-4 {
     grid-column: span 4 / span 4;
   }
-}
-.lg\:col-span-8 {
-  @media (width >= 64rem) {
+  .lg\:col-span-8 {
     grid-column: span 8 / span 8;
   }
-}
-.lg\:flex {
-  @media (width >= 64rem) {
+  .lg\:flex {
     display: flex;
   }
-}
-.lg\:w-2\/3 {
-  @media (width >= 64rem) {
+  .lg\:w-2\/3 {
     width: calc(2 / 3 * 100%);
   }
-}
-.lg\:w-80 {
-  @media (width >= 64rem) {
+  .lg\:w-80 {
     width: calc(var(--spacing) * 80);
   }
-}
-.lg\:grid-cols-3 {
-  @media (width >= 64rem) {
+  .lg\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-}
-.lg\:grid-cols-4 {
-  @media (width >= 64rem) {
+  .lg\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
-}
-.lg\:grid-cols-6 {
-  @media (width >= 64rem) {
+  .lg\:grid-cols-6 {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
-}
-.lg\:grid-cols-16 {
-  @media (width >= 64rem) {
+  .lg\:grid-cols-16 {
     grid-template-columns: repeat(16, minmax(0, 1fr));
   }
-}
-.lg\:flex-row {
-  @media (width >= 64rem) {
+  .lg\:flex-row {
     flex-direction: row;
   }
 }
-.dark\:border-accent-action-default {
-  &:is(.dark *) {
-    border-color: var(--accent-action-default);
-  }
+.dark\:border-accent-action-default:is(.dark *) {
+  border-color: var(--accent-action-default);
 }
-.dark\:bg-accent-background-strong {
-  &:is(.dark *) {
-    background-color: var(--accent-background-strong);
-  }
+.dark\:bg-accent-background-strong:is(.dark *) {
+  background-color: var(--accent-background-strong);
 }
-.dark\:text-neutral-foreground-subtle {
-  &:is(.dark *) {
-    color: var(--neutral-foreground-subtle);
-  }
+.dark\:text-neutral-foreground-subtle:is(.dark *) {
+  color: var(--neutral-foreground-subtle);
 }
-.dark\:hover\:bg-accent-action-hover {
-  &:is(.dark *) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--accent-action-hover);
-      }
-    }
+@media (hover: hover) {
+  .dark\:hover\:bg-accent-action-hover:is(.dark *):hover {
+    background-color: var(--accent-action-hover);
   }
-}
-.dark\:hover\:bg-neutral-background-medium {
-  &:is(.dark *) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--neutral-background-medium);
-      }
-    }
+  .dark\:hover\:bg-neutral-background-medium:is(.dark *):hover {
+    background-color: var(--neutral-background-medium);
   }
-}
-.dark\:hover\:text-accent-foreground-strong {
-  &:is(.dark *) {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--accent-foreground-strong);
-      }
-    }
+  .dark\:hover\:text-accent-foreground-strong:is(.dark *):hover {
+    color: var(--accent-foreground-strong);
   }
 }
-.dark\:focus-visible\:border-primary-border-subtle {
-  &:is(.dark *) {
-    &:focus-visible {
-      border-color: var(--primary-border-subtle);
-    }
-  }
+.dark\:focus-visible\:border-primary-border-subtle:is(.dark *):focus-visible {
+  border-color: var(--primary-border-subtle);
 }
-.dark\:focus-visible\:ring-danger-action-default\/40 {
-  &:is(.dark *) {
-    &:focus-visible {
-      --tw-ring-color: var(--danger-action-default);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--danger-action-default) 40%, transparent);
-      }
-    }
+.dark\:focus-visible\:ring-danger-action-default\/40:is(.dark *):focus-visible {
+  --tw-ring-color: var(--danger-action-default);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--danger-action-default) 40%, transparent);
   }
 }
-.dark\:active\:bg-neutral-background-strong {
-  &:is(.dark *) {
-    &:active {
-      background-color: var(--neutral-background-strong);
-    }
-  }
+.dark\:active\:bg-neutral-background-strong:is(.dark *):active {
+  background-color: var(--neutral-background-strong);
 }
-.dark\:aria-expanded\:bg-neutral-background-medium {
-  &:is(.dark *) {
-    &[aria-expanded="true"] {
-      background-color: var(--neutral-background-medium);
-    }
-  }
+.dark\:aria-expanded\:bg-neutral-background-medium:is(.dark *)[aria-expanded="true"] {
+  background-color: var(--neutral-background-medium);
 }
-.dark\:aria-invalid\:border-danger-action-default\/50 {
-  &:is(.dark *) {
-    &[aria-invalid="true"] {
-      border-color: var(--danger-action-default);
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--danger-action-default) 50%, transparent);
-      }
-    }
+.dark\:aria-invalid\:border-danger-action-default\/50:is(.dark *)[aria-invalid="true"] {
+  border-color: var(--danger-action-default);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--danger-action-default) 50%, transparent);
   }
 }
-.dark\:aria-invalid\:ring-danger-action-default\/40 {
-  &:is(.dark *) {
-    &[aria-invalid="true"] {
-      --tw-ring-color: var(--danger-action-default);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--danger-action-default) 40%, transparent);
-      }
-    }
+.dark\:aria-invalid\:ring-danger-action-default\/40:is(.dark *)[aria-invalid="true"] {
+  --tw-ring-color: var(--danger-action-default);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--danger-action-default) 40%, transparent);
   }
 }
-.dark\:data-\[state\=checked\]\:bg-primary-foreground-strong {
-  &:is(.dark *) {
-    &[data-state="checked"] {
-      background-color: var(--primary-foreground-strong);
-    }
-  }
+.dark\:data-\[focus-visible-restore\]\:border-primary-border-subtle:is(.dark *)[data-focus-visible-restore] {
+  border-color: var(--primary-border-subtle);
 }
-.data-open\:duration-200 {
-  &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
-    --tw-duration: 200ms;
-    transition-duration: 200ms;
-  }
+.dark\:data-\[state\=checked\]\:bg-primary-foreground-strong:is(.dark *)[data-state="checked"] {
+  background-color: var(--primary-foreground-strong);
 }
-.data-open\:duration-300 {
-  &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
-    --tw-duration: 300ms;
-    transition-duration: 300ms;
-  }
+.data-open\:duration-200:where([data-state="open"]), .data-open\:duration-200:where([data-open]:not([data-open="false"])) {
+  --tw-duration: 200ms;
+  transition-duration: 200ms;
 }
-.data-closed\:duration-200 {
-  &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
-    --tw-duration: 200ms;
-    transition-duration: 200ms;
-  }
+.data-open\:duration-300:where([data-state="open"]), .data-open\:duration-300:where([data-open]:not([data-open="false"])) {
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
 }
-.data-checked\:border-primary-action-default {
-  &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
-    border-color: var(--primary-action-default);
-  }
+.data-closed\:duration-200:where([data-state="closed"]), .data-closed\:duration-200:where([data-closed]:not([data-closed="false"])) {
+  --tw-duration: 200ms;
+  transition-duration: 200ms;
 }
-.data-checked\:bg-primary-action-default {
-  &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
-    background-color: var(--primary-action-default);
-  }
+.data-checked\:border-primary-action-default:where([data-state="checked"]), .data-checked\:border-primary-action-default:where([data-checked]:not([data-checked="false"])) {
+  border-color: var(--primary-action-default);
 }
-.data-checked\:text-primary-action-foreground {
-  &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
-    color: var(--primary-action-foreground);
-  }
+.data-checked\:bg-primary-action-default:where([data-state="checked"]), .data-checked\:bg-primary-action-default:where([data-checked]:not([data-checked="false"])) {
+  background-color: var(--primary-action-default);
 }
-.dark\:data-checked\:bg-primary-action-default {
-  &:is(.dark *) {
-    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
-      background-color: var(--primary-action-default);
-    }
-  }
+.data-checked\:text-primary-action-foreground:where([data-state="checked"]), .data-checked\:text-primary-action-foreground:where([data-checked]:not([data-checked="false"])) {
+  color: var(--primary-action-foreground);
 }
-.data-disabled\:pointer-events-none {
-  &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
-    pointer-events: none;
-  }
+.dark\:data-checked\:bg-primary-action-default:is(.dark *):where([data-state="checked"]), .dark\:data-checked\:bg-primary-action-default:is(.dark *):where([data-checked]:not([data-checked="false"])) {
+  background-color: var(--primary-action-default);
 }
-.data-disabled\:opacity-50 {
-  &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
-    opacity: 50%;
-  }
+.data-disabled\:pointer-events-none:where([data-disabled="true"]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled="false"])) {
+  pointer-events: none;
 }
-.data-active\:bg-neutral-background-subtle {
-  &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
-    background-color: var(--neutral-background-subtle);
-  }
+.data-disabled\:opacity-50:where([data-disabled="true"]), .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled="false"])) {
+  opacity: 50%;
 }
-.data-active\:text-neutral-foreground-strong {
-  &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
-    color: var(--neutral-foreground-strong);
-  }
+.data-active\:bg-neutral-background-subtle:where([data-state="active"]), .data-active\:bg-neutral-background-subtle:where([data-active]:not([data-active="false"])) {
+  background-color: var(--neutral-background-subtle);
 }
-.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-xs {
-  &:is(:where(.group\/tabs-list)[data-variant="default"] *) {
-    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
-      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
+.data-active\:text-neutral-foreground-strong:where([data-state="active"]), .data-active\:text-neutral-foreground-strong:where([data-active]:not([data-active="false"])) {
+  color: var(--neutral-foreground-strong);
 }
-.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
-  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
-    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
-      background-color: transparent;
-    }
-  }
+.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-xs:is(:where(.group\/tabs-list)[data-variant="default"] *):where([data-state="active"]), .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-xs:is(:where(.group\/tabs-list)[data-variant="default"] *):where([data-active]:not([data-active="false"])) {
+  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none {
-  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
-    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
-      --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);
-    }
-  }
+.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
+  background-color: transparent;
 }
-.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100 {
-  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
-    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
-      &::after {
-        content: var(--tw-content);
-        opacity: 100%;
-      }
-    }
-  }
+.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
+  --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);
 }
-.dark\:data-active\:border-input {
-  &:is(.dark *) {
-    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
-      border-color: var(--input);
-    }
-  }
+:is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])))::after {
+  content: var(--tw-content);
+  opacity: 100%;
 }
-.dark\:data-active\:bg-neutral-background-medium {
-  &:is(.dark *) {
-    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
-      background-color: var(--neutral-background-medium);
-    }
-  }
+.dark\:data-active\:border-input:is(.dark *):where([data-state="active"]), .dark\:data-active\:border-input:is(.dark *):where([data-active]:not([data-active="false"])) {
+  border-color: var(--input);
 }
-.dark\:data-active\:text-neutral-foreground-strong {
-  &:is(.dark *) {
-    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
-      color: var(--neutral-foreground-strong);
-    }
-  }
+.dark\:data-active\:bg-neutral-background-medium:is(.dark *):where([data-state="active"]), .dark\:data-active\:bg-neutral-background-medium:is(.dark *):where([data-active]:not([data-active="false"])) {
+  background-color: var(--neutral-background-medium);
 }
-.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent {
-  &:is(.dark *) {
-    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
-      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
-        border-color: transparent;
-      }
-    }
-  }
+.dark\:data-active\:text-neutral-foreground-strong:is(.dark *):where([data-state="active"]), .dark\:data-active\:text-neutral-foreground-strong:is(.dark *):where([data-active]:not([data-active="false"])) {
+  color: var(--neutral-foreground-strong);
 }
-.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
-  &:is(.dark *) {
-    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
-      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
-        background-color: transparent;
-      }
-    }
-  }
+.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
+  border-color: transparent;
 }
-.data-horizontal\:h-px {
-  &:where([data-orientation="horizontal"]) {
-    height: 1px;
-  }
+.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
+  background-color: transparent;
 }
-.data-horizontal\:w-full {
-  &:where([data-orientation="horizontal"]) {
-    width: 100%;
-  }
+.data-horizontal\:h-px:where([data-orientation="horizontal"]) {
+  height: 1px;
 }
-.data-horizontal\:flex-col {
-  &:where([data-orientation="horizontal"]) {
-    flex-direction: column;
-  }
+.data-horizontal\:w-full:where([data-orientation="horizontal"]) {
+  width: 100%;
 }
-.data-vertical\:w-px {
-  &:where([data-orientation="vertical"]) {
-    width: 1px;
-  }
+.data-horizontal\:flex-col:where([data-orientation="horizontal"]) {
+  flex-direction: column;
 }
-.data-vertical\:self-stretch {
-  &:where([data-orientation="vertical"]) {
-    align-self: stretch;
-  }
+.data-vertical\:w-px:where([data-orientation="vertical"]) {
+  width: 1px;
 }
-.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-neutral-foreground-subtle {
-  & .recharts-cartesian-axis-tick text {
-    fill: var(--neutral-foreground-subtle);
-  }
+.data-vertical\:self-stretch:where([data-orientation="vertical"]) {
+  align-self: stretch;
 }
-.\[\&_\.recharts-cartesian-grid_line\]\:stroke-border {
-  & .recharts-cartesian-grid line {
-    stroke: var(--border);
-  }
+.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-neutral-foreground-subtle .recharts-cartesian-axis-tick text {
+  fill: var(--neutral-foreground-subtle);
 }
-.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
-  & .recharts-dot[stroke='#fff'] {
-    stroke: transparent;
-  }
+.\[\&_\.recharts-cartesian-grid_line\]\:stroke-border .recharts-cartesian-grid line {
+  stroke: var(--border);
 }
-.\[\&_\.recharts-layer\]\:outline-hidden {
-  & .recharts-layer {
-    --tw-outline-style: none;
-    outline-style: none;
-    @media (forced-colors: active) {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-  }
+.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] {
+  stroke: transparent;
 }
-.\[\&_\.recharts-radial-bar-background-sector\]\:fill-neutral-background-strong {
-  & .recharts-radial-bar-background-sector {
-    fill: var(--neutral-background-strong);
+.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
+  --tw-outline-style: none;
+  outline-style: none;
+  @media (forced-colors: active) {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
   }
 }
-.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-neutral-background-strong {
-  & .recharts-rectangle.recharts-tooltip-cursor {
-    fill: var(--neutral-background-strong);
-  }
+.\[\&_\.recharts-radial-bar-background-sector\]\:fill-neutral-background-strong .recharts-radial-bar-background-sector {
+  fill: var(--neutral-background-strong);
 }
-.\[\&_\.recharts-reference-line-line\]\:stroke-border {
-  & .recharts-reference-line-line {
-    stroke: var(--border);
-  }
+.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-neutral-background-strong .recharts-rectangle.recharts-tooltip-cursor {
+  fill: var(--neutral-background-strong);
 }
-.\[\&_\.recharts-sector\]\:outline-hidden {
-  & .recharts-sector {
-    --tw-outline-style: none;
-    outline-style: none;
-    @media (forced-colors: active) {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-  }
+.\[\&_\.recharts-reference-line-line\]\:stroke-border .recharts-reference-line-line {
+  stroke: var(--border);
 }
-.\[\&_\.recharts-surface\]\:outline-hidden {
-  & .recharts-surface {
-    --tw-outline-style: none;
-    outline-style: none;
-    @media (forced-colors: active) {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
+.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
+  --tw-outline-style: none;
+  outline-style: none;
+  @media (forced-colors: active) {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
   }
 }
-.\[\&_\[cmdk-group-heading\]\]\:px-1\.5 {
-  & [cmdk-group-heading] {
-    padding-inline: calc(var(--spacing) * 1.5);
+.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
+  --tw-outline-style: none;
+  outline-style: none;
+  @media (forced-colors: active) {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
   }
 }
-.\[\&_\[cmdk-group-heading\]\]\:py-1 {
-  & [cmdk-group-heading] {
-    padding-block: var(--spacing);
-  }
+.\[\&_\[cmdk-group-heading\]\]\:px-1\.5 [cmdk-group-heading] {
+  padding-inline: calc(var(--spacing) * 1.5);
 }
-.\[\&_\[cmdk-group-heading\]\]\:text-xs {
-  & [cmdk-group-heading] {
-    font-size: var(--text-xs);
-    line-height: var(--tw-leading, var(--text-xs--line-height));
-  }
+.\[\&_\[cmdk-group-heading\]\]\:py-1 [cmdk-group-heading] {
+  padding-block: var(--spacing);
 }
-.\[\&_\[cmdk-group-heading\]\]\:font-medium {
-  & [cmdk-group-heading] {
-    --tw-font-weight: var(--font-weight-medium);
-    font-weight: var(--font-weight-medium);
-  }
+.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
 }
-.\[\&_\[cmdk-group-heading\]\]\:text-neutral-foreground-subtle {
-  & [cmdk-group-heading] {
-    color: var(--neutral-foreground-subtle);
-  }
+.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
+  --tw-font-weight: var(--font-weight-medium);
+  font-weight: var(--font-weight-medium);
 }
-.\[\&_\[data-slot\=table-row\]\:hover\]\:bg-neutral-background-medium {
-  & [data-slot=table-row]:hover {
-    background-color: var(--neutral-background-medium);
-  }
+.\[\&_\[cmdk-group-heading\]\]\:text-neutral-foreground-subtle [cmdk-group-heading] {
+  color: var(--neutral-foreground-subtle);
 }
-.\[\&_button\]\:rounded-md {
-  & button {
-    border-radius: calc(var(--radius) - 2px);
-  }
+.\[\&_\[data-slot\=table-row\]\:hover\]\:bg-neutral-background-medium [data-slot=table-row]:hover {
+  background-color: var(--neutral-background-medium);
 }
-.\[\&_button\]\:bg-primary-action-default {
-  & button {
-    background-color: var(--primary-action-default);
-  }
+.\[\&_button\]\:rounded-md button {
+  border-radius: calc(var(--radius) - 2px);
 }
-.\[\&_button\]\:text-primary-action-foreground {
-  & button {
-    color: var(--primary-action-foreground);
-  }
+.\[\&_button\]\:bg-primary-action-default button {
+  background-color: var(--primary-action-default);
 }
-.\[\&_button\]\:ring-1 {
-  & button {
-    --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);
-  }
+.\[\&_button\]\:text-primary-action-foreground button {
+  color: var(--primary-action-foreground);
 }
-.\[\&_button\]\:ring-ring {
-  & button {
-    --tw-ring-color: var(--ring);
-  }
+.\[\&_button\]\:ring-1 button {
+  --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);
 }
-.\[\&_button\]\:hover\:bg-primary-action-hover {
-  & button {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--primary-action-hover);
-      }
-    }
-  }
+.\[\&_button\]\:ring-ring button {
+  --tw-ring-color: var(--ring);
 }
-.\[\&_button\]\:hover\:text-primary-action-foreground {
-  & button {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--primary-action-foreground);
-      }
-    }
+@media (hover: hover) {
+  .\[\&_button\]\:hover\:bg-primary-action-hover button:hover {
+    background-color: var(--primary-action-hover);
   }
-}
-.\[\&_button\]\:focus\:bg-primary-action-default {
-  & button {
-    &:focus {
-      background-color: var(--primary-action-default);
-    }
+  .\[\&_button\]\:hover\:text-primary-action-foreground button:hover {
+    color: var(--primary-action-foreground);
   }
 }
-.\[\&_button\]\:focus\:text-primary-action-foreground {
-  & button {
-    &:focus {
-      color: var(--primary-action-foreground);
-    }
-  }
+.\[\&_button\]\:focus\:bg-primary-action-default button:focus {
+  background-color: var(--primary-action-default);
 }
-.\[\&_p\]\:leading-relaxed {
-  & p {
-    --tw-leading: var(--leading-relaxed);
-    line-height: var(--leading-relaxed);
-  }
+.\[\&_button\]\:focus\:text-primary-action-foreground button:focus {
+  color: var(--primary-action-foreground);
 }
-.\[\&_svg\]\:pointer-events-none {
-  & svg {
-    pointer-events: none;
-  }
+.\[\&_p\]\:leading-relaxed p {
+  --tw-leading: var(--leading-relaxed);
+  line-height: var(--leading-relaxed);
 }
-.\[\&_svg\]\:shrink-0 {
-  & svg {
-    flex-shrink: 0;
-  }
+.\[\&_svg\]\:pointer-events-none svg {
+  pointer-events: none;
 }
-.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
-  & svg:not([class*='size-']) {
-    width: calc(var(--spacing) * 3);
-    height: calc(var(--spacing) * 3);
-  }
+.\[\&_svg\]\:shrink-0 svg {
+  flex-shrink: 0;
 }
-.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
-  & svg:not([class*='size-']) {
-    width: calc(var(--spacing) * 3.5);
-    height: calc(var(--spacing) * 3.5);
-  }
+.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
+  width: calc(var(--spacing) * 3);
+  height: calc(var(--spacing) * 3);
 }
-.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
-  & svg:not([class*='size-']) {
-    width: calc(var(--spacing) * 4);
-    height: calc(var(--spacing) * 4);
-  }
+.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*='size-']) {
+  width: calc(var(--spacing) * 3.5);
+  height: calc(var(--spacing) * 3.5);
 }
-.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-neutral-foreground-subtle {
-  & svg:not([class*='text-']) {
-    color: var(--neutral-foreground-subtle);
-  }
+.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
 }
-.\[\&_tr\]\:border-b {
-  & tr {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
-  }
+.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-neutral-foreground-subtle svg:not([class*='text-']) {
+  color: var(--neutral-foreground-subtle);
 }
-.\[\&_tr\:last-child\]\:border-0 {
-  & tr:last-child {
-    border-style: var(--tw-border-style);
-    border-width: 0px;
-  }
+.\[\&_tr\]\:border-b tr {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
 }
-.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
-  &:has([role=checkbox]) {
-    padding-right: 0;
-  }
+.\[\&_tr\:last-child\]\:border-0 tr:last-child {
+  border-style: var(--tw-border-style);
+  border-width: 0px;
 }
-.\[\.border-b\]\:pb-4 {
-  &:is(.border-b) {
-    padding-bottom: calc(var(--spacing) * 4);
-  }
+.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button {
+  appearance: none;
 }
-.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3 {
-  &:is(:where(.group\/card)[data-size="sm"] *) {
-    &:is(.border-b) {
-      padding-bottom: calc(var(--spacing) * 3);
-    }
-  }
+.\[\&\:\:-webkit-search-decoration\]\:appearance-none::-webkit-search-decoration {
+  appearance: none;
 }
-.\*\:\[a\]\:underline {
-  :is(& > *) {
-    &:is(a) {
-      text-decoration-line: underline;
-    }
-  }
+.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
+  padding-right: 0px;
 }
-.\*\:\[a\]\:underline-offset-3 {
-  :is(& > *) {
-    &:is(a) {
-      text-underline-offset: 3px;
-    }
-  }
+.\[\.border-b\]\:pb-4:is(.border-b) {
+  padding-bottom: calc(var(--spacing) * 4);
 }
-.\[a\]\:hover\:bg-accent-background-strong {
-  &:is(a) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--accent-background-strong);
-      }
-    }
-  }
+.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size="sm"] *):is(.border-b) {
+  padding-bottom: calc(var(--spacing) * 3);
 }
-.\[a\]\:hover\:bg-danger-background-strong {
-  &:is(a) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--danger-background-strong);
-      }
-    }
-  }
+:is(.\*\:\[a\]\:underline > *):is(a) {
+  text-decoration-line: underline;
 }
-.\[a\]\:hover\:bg-info-background-strong {
-  &:is(a) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--info-background-strong);
-      }
-    }
-  }
+:is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
+  text-underline-offset: 3px;
 }
-.\[a\]\:hover\:bg-neutral-background-strong {
-  &:is(a) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--neutral-background-strong);
-      }
-    }
+@media (hover: hover) {
+  .\[a\]\:hover\:bg-accent-background-strong:is(a):hover {
+    background-color: var(--accent-background-strong);
   }
-}
-.\[a\]\:hover\:bg-primary-action-hover {
-  &:is(a) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--primary-action-hover);
-      }
-    }
+  .\[a\]\:hover\:bg-danger-background-strong:is(a):hover {
+    background-color: var(--danger-background-strong);
   }
-}
-.\[a\]\:hover\:bg-success-background-strong {
-  &:is(a) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--success-background-strong);
-      }
-    }
+  .\[a\]\:hover\:bg-info-background-strong:is(a):hover {
+    background-color: var(--info-background-strong);
   }
-}
-.\[a\]\:hover\:bg-warning-background-strong {
-  &:is(a) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--warning-background-strong);
-      }
-    }
+  .\[a\]\:hover\:bg-neutral-background-strong:is(a):hover {
+    background-color: var(--neutral-background-strong);
   }
-}
-.\*\:\[a\]\:hover\:text-neutral-foreground-strong {
-  :is(& > *) {
-    &:is(a) {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--neutral-foreground-strong);
-        }
-      }
-    }
+  .\[a\]\:hover\:bg-primary-action-hover:is(a):hover {
+    background-color: var(--primary-action-hover);
   }
-}
-.dark\:\[a\]\:hover\:bg-accent-action-default {
-  &:is(.dark *) {
-    &:is(a) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--accent-action-default);
-        }
-      }
-    }
+  .\[a\]\:hover\:bg-success-background-strong:is(a):hover {
+    background-color: var(--success-background-strong);
   }
-}
-.\*\:\[img\:first-child\]\:rounded-t-xl {
-  :is(& > *) {
-    &:is(img:first-child) {
-      border-top-left-radius: calc(var(--radius) + 4px);
-      border-top-right-radius: calc(var(--radius) + 4px);
-    }
+  .\[a\]\:hover\:bg-warning-background-strong:is(a):hover {
+    background-color: var(--warning-background-strong);
   }
-}
-.\*\:\[img\:last-child\]\:rounded-b-xl {
-  :is(& > *) {
-    &:is(img:last-child) {
-      border-bottom-right-radius: calc(var(--radius) + 4px);
-      border-bottom-left-radius: calc(var(--radius) + 4px);
-    }
+  :is(.\*\:\[a\]\:hover\:text-neutral-foreground-strong > *):is(a):hover {
+    color: var(--neutral-foreground-strong);
   }
-}
-.\*\:\[span\]\:last\:flex {
-  :is(& > *) {
-    &:is(span) {
-      &:last-child {
-        display: flex;
-      }
-    }
+  .dark\:\[a\]\:hover\:bg-accent-action-default:is(.dark *):is(a):hover {
+    background-color: var(--accent-action-default);
   }
 }
-.\*\:\[span\]\:last\:items-center {
-  :is(& > *) {
-    &:is(span) {
-      &:last-child {
-        align-items: center;
-      }
-    }
-  }
+:is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
+  border-top-left-radius: calc(var(--radius) + 4px);
+  border-top-right-radius: calc(var(--radius) + 4px);
 }
-.\*\:\[span\]\:last\:gap-2 {
-  :is(& > *) {
-    &:is(span) {
-      &:last-child {
-        gap: calc(var(--spacing) * 2);
-      }
-    }
-  }
+:is(.\*\:\[img\:last-child\]\:rounded-b-xl > *):is(img:last-child) {
+  border-bottom-right-radius: calc(var(--radius) + 4px);
+  border-bottom-left-radius: calc(var(--radius) + 4px);
 }
-.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-danger-foreground-subtle {
-  &[data-variant="destructive"] {
-    :is(& > *) {
-      &:is(svg) {
-        color: var(--danger-foreground-subtle) !important;
-      }
-    }
-  }
+:is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
+  display: flex;
 }
-.\[\&\>\*\]\:min-w-0 {
-  &>* {
-    min-width: 0;
-  }
+:is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
+  align-items: center;
 }
-.\[\&\>svg\]\:pointer-events-none {
-  &>svg {
-    pointer-events: none;
-  }
+:is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
+  gap: calc(var(--spacing) * 2);
 }
-.\[\&\>svg\]\:size-2\.5 {
-  &>svg {
-    width: calc(var(--spacing) * 2.5);
-    height: calc(var(--spacing) * 2.5);
-  }
+:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-danger-foreground-subtle[data-variant="destructive"] > *):is(svg) {
+  color: var(--danger-foreground-subtle) !important;
 }
-.\[\&\>svg\]\:size-3 {
-  &>svg {
-    width: calc(var(--spacing) * 3);
-    height: calc(var(--spacing) * 3);
-  }
+.\[\&\>\*\]\:min-w-0 > * {
+  min-width: 0px;
 }
-.\[\&\>svg\]\:size-3\! {
-  &>svg {
-    width: calc(var(--spacing) * 3) !important;
-    height: calc(var(--spacing) * 3) !important;
-  }
+.\[\&\>svg\]\:pointer-events-none > svg {
+  pointer-events: none;
 }
-.\[\&\>svg\]\:size-3\.5 {
-  &>svg {
-    width: calc(var(--spacing) * 3.5);
-    height: calc(var(--spacing) * 3.5);
-  }
+.\[\&\>svg\]\:size-2\.5 > svg {
+  width: calc(var(--spacing) * 2.5);
+  height: calc(var(--spacing) * 2.5);
 }
-.\[\&\>svg\]\:h-5 {
-  &>svg {
-    height: calc(var(--spacing) * 5);
-  }
+.\[\&\>svg\]\:size-3 > svg {
+  width: calc(var(--spacing) * 3);
+  height: calc(var(--spacing) * 3);
 }
-.\[\&\>svg\]\:h-8 {
-  &>svg {
-    height: calc(var(--spacing) * 8);
-  }
+.\[\&\>svg\]\:size-3\! > svg {
+  width: calc(var(--spacing) * 3) !important;
+  height: calc(var(--spacing) * 3) !important;
 }
-.\[\&\>svg\]\:w-5 {
-  &>svg {
-    width: calc(var(--spacing) * 5);
-  }
+.\[\&\>svg\]\:size-3\.5 > svg {
+  width: calc(var(--spacing) * 3.5);
+  height: calc(var(--spacing) * 3.5);
 }
-.\[\&\>svg\]\:w-8 {
-  &>svg {
-    width: calc(var(--spacing) * 8);
-  }
+.\[\&\>svg\]\:h-5 > svg {
+  height: calc(var(--spacing) * 5);
 }
-.\[\&\>svg\]\:text-neutral-foreground-subtle {
-  &>svg {
-    color: var(--neutral-foreground-subtle);
-  }
+.\[\&\>svg\]\:h-8 > svg {
+  height: calc(var(--spacing) * 8);
 }
-.\[\&\>tr\]\:last\:border-b-0 {
-  &>tr {
-    &:last-child {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 0px;
-    }
-  }
+.\[\&\>svg\]\:w-5 > svg {
+  width: calc(var(--spacing) * 5);
+}
+.\[\&\>svg\]\:w-8 > svg {
+  width: calc(var(--spacing) * 8);
+}
+.\[\&\>svg\]\:text-neutral-foreground-subtle > svg {
+  color: var(--neutral-foreground-subtle);
+}
+.\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 0px;
 }
 @property --scroll-fade-t {
   syntax: "<length-percentage>";
@@ -4823,7 +3998,7 @@
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     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;
@@ -4885,7 +4060,7 @@ sup:where(.c4-ui,.c4-ui *) {
     border-color: inherit;
     border-collapse: collapse;
   }
-  :-moz-focusring:where(.c4-ui,.c4-ui *) {
+  :-moz-focusring:where(:not(iframe)):where(.c4-ui,.c4-ui *) {
     outline: auto;
   }
   progress:where(.c4-ui,.c4-ui *) {