@camunda/design-system 0.52.0 → 0.53.0

package/dist/styles.css

@@ -8,7 +8,6 @@
   --color-red-700: oklch(50.5% 0.213 27.518);
   --color-red-800: oklch(44.4% 0.177 26.899);
   --color-red-900: oklch(39.6% 0.141 25.723);
-  --color-orange-100: oklch(95.4% 0.038 75.164);
   --color-orange-600: oklch(64.6% 0.222 41.116);
   --color-amber-50: oklch(98.7% 0.022 95.277);
   --color-amber-100: oklch(96.2% 0.059 95.617);
@@ -37,7 +36,6 @@
   --color-emerald-900: oklch(37.8% 0.077 168.94);
   --color-teal-400: oklch(77.7% 0.152 181.912);
   --color-teal-500: oklch(70.4% 0.14 182.503);
-  --color-teal-600: oklch(60% 0.118 184.704);
   --color-cyan-400: oklch(78.9% 0.154 211.53);
   --color-cyan-600: oklch(60.9% 0.126 221.723);
   --color-sky-400: oklch(74.6% 0.16 232.661);
@@ -72,7 +70,6 @@
   --color-rose-800: oklch(45.5% 0.188 13.697);
   --color-rose-900: oklch(41% 0.159 10.272);
   --color-gray-100: oklch(96.7% 0.003 264.542);
-  --color-gray-200: oklch(92.8% 0.006 264.531);
   --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);
@@ -87,10 +84,7 @@
   --color-black: #000;
   --color-white: #fff;
   --spacing: 0.25rem;
-  --breakpoint-sm: 40rem;
   --breakpoint-md: 48rem;
-  --breakpoint-lg: 64rem;
-  --breakpoint-xl: 80rem;
   --container-xs: 20rem;
   --container-sm: 24rem;
   --container-md: 28rem;
@@ -112,7 +106,6 @@
   --text-2xl--line-height: calc(2 / 1.5);
   --text-3xl: 1.875rem;
   --text-3xl--line-height: calc(2.25 / 1.875);
-  --font-weight-light: 300;
   --font-weight-normal: 400;
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
@@ -123,16 +116,12 @@
   --leading-relaxed: 1.625;
   --radius-xs: 0.125rem;
   --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
   --radius-4xl: 2rem;
   --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-  --ease-in: cubic-bezier(0.4, 0, 1, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
   --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
   --animate-spin: spin 1s linear infinite;
@@ -146,17 +135,6 @@
   --default-mono-font-family: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;
   --font-heading: var(--font-sans);
   --color-input: var(--input);
-  --color-chart-sky: var(--chart-sky);
-  --color-chart-teal: var(--chart-teal);
-  --color-chart-orange: var(--chart-orange);
-  --color-chart-purple: var(--chart-purple);
-  --color-chart-pink: var(--chart-pink);
-  --color-chart-blue: var(--chart-blue);
-  --color-chart-cyan: var(--chart-cyan);
-  --color-chart-fuchsia: var(--chart-fuchsia);
-  --color-chart-lime: var(--chart-lime);
-  --color-chart-indigo: var(--chart-indigo);
-  --color-overlay: var(--overlay);
 }
 .\@container\/card-header {
   container-type: inline-size;
@@ -166,9 +144,6 @@
   container-type: inline-size;
   container-name: navbc;
 }
-.\@container {
-  container-type: inline-size;
-}
 .pointer-events-auto {
   pointer-events: auto;
 }
@@ -237,9 +212,6 @@
 .top-4 {
   top: calc(var(--spacing) * 4);
 }
-.top-6 {
-  top: calc(var(--spacing) * 6);
-}
 .top-12 {
   top: calc(var(--spacing) * 12);
 }
@@ -303,9 +275,6 @@
 .col-span-3 {
   grid-column: span 3 / span 3;
 }
-.col-span-4 {
-  grid-column: span 4 / span 4;
-}
 .col-start-2 {
   grid-column-start: 2;
 }
@@ -408,9 +377,6 @@
 .-mt-1 {
   margin-top: calc(var(--spacing) * -1);
 }
-.mt-0 {
-  margin-top: 0px;
-}
 .mt-0\.5 {
   margin-top: calc(var(--spacing) * 0.5);
 }
@@ -555,9 +521,6 @@
 .inline-flex {
   display: inline-flex;
 }
-.list-item {
-  display: list-item;
-}
 .table {
   display: table;
 }
@@ -573,12 +536,6 @@
 .field-sizing-content {
   field-sizing: content;
 }
-.aspect-\[4\/5\] {
-  aspect-ratio: 4/5;
-}
-.aspect-\[16\/5\] {
-  aspect-ratio: 16/5;
-}
 .aspect-auto {
   aspect-ratio: auto;
 }
@@ -596,10 +553,6 @@
   width: calc(var(--spacing) * 2);
   height: calc(var(--spacing) * 2);
 }
-.size-2\.5 {
-  width: calc(var(--spacing) * 2.5);
-  height: calc(var(--spacing) * 2.5);
-}
 .size-3 {
   width: calc(var(--spacing) * 3);
   height: calc(var(--spacing) * 3);
@@ -616,10 +569,6 @@
   width: calc(var(--spacing) * 5);
   height: calc(var(--spacing) * 5);
 }
-.size-6 {
-  width: calc(var(--spacing) * 6);
-  height: calc(var(--spacing) * 6);
-}
 .size-7 {
   width: calc(var(--spacing) * 7);
   height: calc(var(--spacing) * 7);
@@ -640,6 +589,10 @@
   width: calc(var(--spacing) * 11);
   height: calc(var(--spacing) * 11);
 }
+.size-12 {
+  width: calc(var(--spacing) * 12);
+  height: calc(var(--spacing) * 12);
+}
 .size-full {
   width: 100%;
   height: 100%;
@@ -704,21 +657,12 @@
 .h-40 {
   height: calc(var(--spacing) * 40);
 }
-.h-44 {
-  height: calc(var(--spacing) * 44);
-}
 .h-56 {
   height: calc(var(--spacing) * 56);
 }
 .h-64 {
   height: calc(var(--spacing) * 64);
 }
-.h-72 {
-  height: calc(var(--spacing) * 72);
-}
-.h-\[32rem\] {
-  height: 32rem;
-}
 .h-\[36rem\] {
   height: 36rem;
 }
@@ -839,9 +783,6 @@
 .w-2\.5 {
   width: calc(var(--spacing) * 2.5);
 }
-.w-2\/3 {
-  width: calc(2 / 3 * 100%);
-}
 .w-3 {
   width: calc(var(--spacing) * 3);
 }
@@ -926,21 +867,9 @@
 .w-\[50px\] {
   width: 50px;
 }
-.w-\[120px\] {
-  width: 120px;
-}
-.w-\[140px\] {
-  width: 140px;
-}
 .w-\[180px\] {
   width: 180px;
 }
-.w-\[200px\] {
-  width: 200px;
-}
-.w-\[250px\] {
-  width: 250px;
-}
 .w-\[calc\(100\%-2rem\)\] {
   width: calc(100% - 2rem);
 }
@@ -971,12 +900,6 @@
 .max-w-\[200px\] {
   max-width: 200px;
 }
-.max-w-\[360px\] {
-  max-width: 360px;
-}
-.max-w-\[672px\] {
-  max-width: 672px;
-}
 .max-w-\[1584px\] {
   max-width: 1584px;
 }
@@ -1007,9 +930,6 @@
 .min-w-0 {
   min-width: 0px;
 }
-.min-w-5 {
-  min-width: calc(var(--spacing) * 5);
-}
 .min-w-7 {
   min-width: calc(var(--spacing) * 7);
 }
@@ -1019,9 +939,6 @@
 .min-w-9 {
   min-width: calc(var(--spacing) * 9);
 }
-.min-w-11 {
-  min-width: calc(var(--spacing) * 11);
-}
 .min-w-24 {
   min-width: calc(var(--spacing) * 24);
 }
@@ -1049,9 +966,6 @@
 .flex-none {
   flex: none;
 }
-.flex-shrink-0 {
-  flex-shrink: 0;
-}
 .shrink {
   flex-shrink: 1;
 }
@@ -1202,12 +1116,6 @@
 .grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
-.grid-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-.grid-cols-\[\*_280px\] {
-  grid-template-columns: * 280px;
-}
 .grid-cols-\[\.\.\.\] {
   grid-template-columns: ...;
 }
@@ -1335,25 +1243,11 @@
   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-6 > :not(:last-child)) {
-  --tw-space-y-reverse: 0;
-  margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
-  margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
-}
 :where(.space-y-8 > :not(:last-child)) {
   --tw-space-y-reverse: 0;
   margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
   margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
 }
-.gap-x-5 {
-  column-gap: calc(var(--spacing) * 5);
-}
-.gap-x-8 {
-  column-gap: calc(var(--spacing) * 8);
-}
-.gap-y-1 {
-  row-gap: var(--spacing);
-}
 .gap-y-3 {
   row-gap: calc(var(--spacing) * 3);
 }
@@ -1393,9 +1287,6 @@
 .overflow-hidden {
   overflow: hidden;
 }
-.overflow-visible {
-  overflow: visible;
-}
 .overflow-x-auto {
   overflow-x: auto;
 }
@@ -1420,9 +1311,6 @@
 .rounded-\[4px\] {
   border-radius: 4px;
 }
-.rounded-\[7px\] {
-  border-radius: 7px;
-}
 .rounded-\[inherit\] {
   border-radius: inherit;
 }
@@ -1444,10 +1332,6 @@
 .rounded-xl {
   border-radius: calc(var(--radius) + 4px);
 }
-.rounded-t-md {
-  border-top-left-radius: calc(var(--radius) - 2px);
-  border-top-right-radius: calc(var(--radius) - 2px);
-}
 .rounded-t-xl {
   border-top-left-radius: calc(var(--radius) + 4px);
   border-top-right-radius: calc(var(--radius) + 4px);
@@ -1468,10 +1352,6 @@
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.rounded-b-md {
-  border-bottom-right-radius: calc(var(--radius) - 2px);
-  border-bottom-left-radius: calc(var(--radius) - 2px);
-}
 .rounded-b-xl {
   border-bottom-right-radius: calc(var(--radius) + 4px);
   border-bottom-left-radius: calc(var(--radius) + 4px);
@@ -1516,10 +1396,6 @@
   border-left-style: var(--tw-border-style);
   border-left-width: 1px;
 }
-.border-l-\[3px\] {
-  border-left-style: var(--tw-border-style);
-  border-left-width: 3px;
-}
 .border-dashed {
   --tw-border-style: dashed;
   border-style: dashed;
@@ -1553,12 +1429,6 @@
 .border-danger-border-subtle {
   border-color: var(--danger-border-subtle);
 }
-.border-foreground {
-  border-color: var(--foreground);
-}
-.border-gray-200 {
-  border-color: var(--color-gray-200);
-}
 .border-info-border-subtle {
   border-color: var(--info-border-subtle);
 }
@@ -1568,18 +1438,9 @@
 .border-neutral-border-subtle {
   border-color: var(--neutral-border-subtle);
 }
-.border-primary-border-strong {
-  border-color: var(--primary-border-strong);
-}
-.border-primary-border-subtle {
-  border-color: var(--primary-border-subtle);
-}
 .border-red-600 {
   border-color: var(--color-red-600);
 }
-.border-ring {
-  border-color: var(--ring);
-}
 .border-success-border-subtle {
   border-color: var(--success-border-subtle);
 }
@@ -1607,15 +1468,9 @@
 .bg-\[rgb\(255\,0\,0\)\] {
   background-color: rgb(255,0,0);
 }
-.bg-\[var\(--color-blue-500\)\] {
-  background-color: var(--color-blue-500);
-}
 .bg-accent-background-subtle {
   background-color: var(--accent-background-subtle);
 }
-.bg-amber-400 {
-  background-color: var(--color-amber-400);
-}
 .bg-background {
   background-color: var(--background);
 }
@@ -1625,18 +1480,6 @@
     background-color: color-mix(in oklab, var(--background) 70%, transparent);
   }
 }
-.bg-background\/80 {
-  background-color: var(--background);
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--background) 80%, transparent);
-  }
-}
-.bg-background\/95 {
-  background-color: var(--background);
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--background) 95%, transparent);
-  }
-}
 .bg-black\/10 {
   background-color: color-mix(in srgb, #000 10%, transparent);
   @supports (color: color-mix(in lab, red, red)) {
@@ -1649,12 +1492,6 @@
     background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
   }
 }
-.bg-black\/40 {
-  background-color: color-mix(in srgb, #000 40%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
-  }
-}
 .bg-blue-500 {
   background-color: var(--color-blue-500);
 }
@@ -1697,9 +1534,6 @@
 .bg-danger-background-subtle {
   background-color: var(--danger-background-subtle);
 }
-.bg-emerald-600 {
-  background-color: var(--color-emerald-600);
-}
 .bg-foreground {
   background-color: var(--foreground);
 }
@@ -1709,66 +1543,33 @@
 .bg-input-background {
   background-color: var(--input-background);
 }
-.bg-input\/30 {
-  background-color: var(--input);
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--input) 30%, transparent);
-  }
-}
-.bg-neutral-action-active {
-  background-color: var(--neutral-action-active);
-}
 .bg-neutral-action-default {
   background-color: var(--neutral-action-default);
 }
-.bg-neutral-action-disabled {
-  background-color: var(--neutral-action-disabled);
-}
-.bg-neutral-action-hover {
-  background-color: var(--neutral-action-hover);
-}
 .bg-neutral-background-medium {
   background-color: var(--neutral-background-medium);
 }
 .bg-neutral-background-strong {
   background-color: var(--neutral-background-strong);
 }
-.bg-neutral-background-strong\/50 {
-  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);
-  }
-}
 .bg-neutral-background-subtle {
   background-color: var(--neutral-background-subtle);
 }
 .bg-neutral-foreground-subtle {
   background-color: var(--neutral-foreground-subtle);
 }
-.bg-orange-100 {
-  background-color: var(--color-orange-100);
-}
 .bg-overlay {
   background-color: var(--overlay);
 }
 .bg-popover {
   background-color: var(--popover);
 }
-.bg-primary-action-active {
-  background-color: var(--primary-action-active);
-}
 .bg-primary-action-default {
   background-color: var(--primary-action-default);
 }
-.bg-primary-action-disabled {
-  background-color: var(--primary-action-disabled);
-}
 .bg-primary-action-hover {
   background-color: var(--primary-action-hover);
 }
-.bg-primary-background-strong {
-  background-color: var(--primary-background-strong);
-}
 .bg-primary-background-subtle {
   background-color: var(--primary-background-subtle);
 }
@@ -1784,27 +1585,18 @@
 .bg-transparent {
   background-color: transparent;
 }
-.bg-warning-background-strong {
-  background-color: var(--warning-background-strong);
-}
 .bg-warning-background-subtle {
   background-color: var(--warning-background-subtle);
 }
 .bg-zinc-200 {
   background-color: var(--color-zinc-200);
 }
-.bg-zinc-900 {
-  background-color: var(--color-zinc-900);
-}
 .bg-clip-padding {
   background-clip: padding-box;
 }
 .fill-background {
   fill: var(--background);
 }
-.fill-chart-sky {
-  fill: var(--chart-sky);
-}
 .fill-current {
   fill: currentcolor;
 }
@@ -1862,21 +1654,6 @@
 .p-10 {
   padding: calc(var(--spacing) * 10);
 }
-.p-12 {
-  padding: calc(var(--spacing) * 12);
-}
-.p-16 {
-  padding: calc(var(--spacing) * 16);
-}
-.p-20 {
-  padding: calc(var(--spacing) * 20);
-}
-.p-24 {
-  padding: calc(var(--spacing) * 24);
-}
-.p-40 {
-  padding: calc(var(--spacing) * 40);
-}
 .p-px {
   padding: 1px;
 }
@@ -1964,9 +1741,6 @@
 .pt-5 {
   padding-top: calc(var(--spacing) * 5);
 }
-.pt-12 {
-  padding-top: calc(var(--spacing) * 12);
-}
 .pr-0\.5 {
   padding-right: calc(var(--spacing) * 0.5);
 }
@@ -2109,24 +1883,12 @@
 .text-\[10px\] {
   font-size: 10px;
 }
-.text-\[11px\] {
-  font-size: 11px;
-}
-.text-\[12px\] {
-  font-size: 12px;
-}
 .text-\[15px\] {
   font-size: 15px;
 }
 .text-\[28px\] {
   font-size: 28px;
 }
-.text-\[42px\] {
-  font-size: 42px;
-}
-.text-\[54px\] {
-  font-size: 54px;
-}
 .leading-4 {
   --tw-leading: calc(var(--spacing) * 4);
   line-height: calc(var(--spacing) * 4);
@@ -2151,10 +1913,6 @@
   --tw-leading: calc(var(--spacing) * 10);
   line-height: calc(var(--spacing) * 10);
 }
-.leading-16 {
-  --tw-leading: calc(var(--spacing) * 16);
-  line-height: calc(var(--spacing) * 16);
-}
 .leading-\[18px\] {
   --tw-leading: 18px;
   line-height: 18px;
@@ -2163,10 +1921,6 @@
   --tw-leading: 22px;
   line-height: 22px;
 }
-.leading-\[50px\] {
-  --tw-leading: 50px;
-  line-height: 50px;
-}
 .leading-none {
   --tw-leading: 1;
   line-height: 1;
@@ -2183,10 +1937,6 @@
   --tw-font-weight: var(--font-weight-bold);
   font-weight: var(--font-weight-bold);
 }
-.font-light {
-  --tw-font-weight: var(--font-weight-light);
-  font-weight: var(--font-weight-light);
-}
 .font-medium {
   --tw-font-weight: var(--font-weight-medium);
   font-weight: var(--font-weight-medium);
@@ -2213,9 +1963,6 @@
 .break-words {
   overflow-wrap: break-word;
 }
-.text-ellipsis {
-  text-overflow: ellipsis;
-}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -2228,27 +1975,15 @@
 .text-\[\#abc\] {
   color: #abc;
 }
-.text-\[color\:var\(--x\)\] {
-  color: var(--x);
-}
 .text-\[inherit\] {
   color: inherit;
 }
-.text-\[…\] {
-  color: …;
-}
 .text-accent-foreground-strong {
   color: var(--accent-foreground-strong);
 }
 .text-background {
   color: var(--background);
 }
-.text-blue-500 {
-  color: var(--color-blue-500);
-}
-.text-chart-sky {
-  color: var(--chart-sky);
-}
 .text-current {
   color: currentcolor;
 }
@@ -2264,9 +1999,6 @@
 .text-danger-foreground-subtle {
   color: var(--danger-foreground-subtle);
 }
-.text-emerald-600 {
-  color: var(--color-emerald-600);
-}
 .text-foreground {
   color: var(--foreground);
 }
@@ -2279,9 +2011,6 @@
 .text-info-foreground-strong {
   color: var(--info-foreground-strong);
 }
-.text-neutral-action-foreground {
-  color: var(--neutral-action-foreground);
-}
 .text-neutral-border-strong {
   color: var(--neutral-border-strong);
 }
@@ -2306,9 +2035,6 @@
 .text-primary-action-foreground {
   color: var(--primary-action-foreground);
 }
-.text-primary-foreground-strong {
-  color: var(--primary-foreground-strong);
-}
 .text-primary-foreground-subtle {
   color: var(--primary-foreground-subtle);
 }
@@ -2324,15 +2050,9 @@
 .text-warning-foreground-strong {
   color: var(--warning-foreground-strong);
 }
-.text-warning-foreground-subtle {
-  color: var(--warning-foreground-subtle);
-}
 .text-white {
   color: var(--color-white);
 }
-.capitalize {
-  text-transform: capitalize;
-}
 .lowercase {
   text-transform: lowercase;
 }
@@ -2364,9 +2084,6 @@
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
-.accent-foreground {
-  accent-color: var(--foreground);
-}
 .opacity-0 {
   opacity: 0%;
 }
@@ -2393,10 +2110,6 @@
   --tw-shadow: 0 0 4px var(--tw-shadow-color, rgba(0,0,0,0.5));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.shadow-\[var\(--shadow-glow\)\] {
-  --tw-shadow: var(--shadow-glow);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
 .shadow-\[var\(--shadow-sm\)\] {
   --tw-shadow: var(--shadow-sm);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2417,10 +2130,6 @@
   --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.shadow-xl {
-  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
 .shadow-xs {
   --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);
@@ -2441,31 +2150,15 @@
   --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);
 }
-.ring-3 {
-  --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);
-}
 .ring-background {
   --tw-ring-color: var(--background);
 }
 .ring-border {
   --tw-ring-color: var(--border);
 }
-.ring-danger-action-default\/20 {
-  --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);
-  }
-}
 .ring-emerald-400 {
   --tw-ring-color: var(--color-emerald-400);
 }
-.ring-foreground\/10 {
-  --tw-ring-color: var(--foreground);
-  @supports (color: color-mix(in lab, red, red)) {
-    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
-  }
-}
 .ring-neutral-border-strong {
   --tw-ring-color: var(--neutral-border-strong);
 }
@@ -2475,22 +2168,10 @@
 .ring-ring {
   --tw-ring-color: var(--ring);
 }
-.ring-ring\/20 {
-  --tw-ring-color: var(--ring);
-  @supports (color: color-mix(in lab, red, red)) {
-    --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
-  }
-}
 .ring-offset-2 {
   --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);
 }
-.ring-offset-background {
-  --tw-ring-offset-color: var(--background);
-}
-.ring-offset-transparent {
-  --tw-ring-offset-color: transparent;
-}
 .outline-hidden {
   --tw-outline-style: none;
   outline-style: none;
@@ -2503,23 +2184,10 @@
   outline-style: var(--tw-outline-style);
   outline-width: 1px;
 }
-.outline-ring {
-  outline-color: var(--ring);
-}
-.outline-ring\/50 {
-  outline-color: var(--ring);
-  @supports (color: color-mix(in lab, red, red)) {
-    outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
-  }
-}
 .blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
 }
-.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-}
 .invert {
   --tw-invert: invert(100%);
   filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -2537,10 +2205,6 @@
   -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,);
 }
-.backdrop-filter {
-  -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,);
-}
 .transition {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2571,11 +2235,6 @@
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.transition-shadow {
-  transition-property: box-shadow;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-  transition-duration: var(--tw-duration, var(--default-transition-duration));
-}
 .transition-transform {
   transition-property: transform, translate, scale, rotate;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2584,10 +2243,6 @@
 .transition-none {
   transition-property: none;
 }
-.duration-75 {
-  --tw-duration: 75ms;
-  transition-duration: 75ms;
-}
 .duration-100 {
   --tw-duration: 100ms;
   transition-duration: 100ms;
@@ -2600,18 +2255,6 @@
   --tw-duration: 200ms;
   transition-duration: 200ms;
 }
-.duration-300 {
-  --tw-duration: 300ms;
-  transition-duration: 300ms;
-}
-.duration-700 {
-  --tw-duration: 700ms;
-  transition-duration: 700ms;
-}
-.ease-in {
-  --tw-ease: var(--ease-in);
-  transition-timing-function: var(--ease-in);
-}
 .ease-in-out {
   --tw-ease: var(--ease-in-out);
   transition-timing-function: var(--ease-in-out);
@@ -2830,9 +2473,6 @@
   --tw-ring-inset: inset;
 }
 @media (hover: hover) {
-  .hover\:border-border:hover {
-    border-color: var(--border);
-  }
   .hover\:border-ring:hover {
     border-color: var(--ring);
   }
@@ -2858,9 +2498,6 @@
   .hover\:bg-danger-action-hover:hover {
     background-color: var(--danger-action-hover);
   }
-  .hover\:bg-neutral-action-hover:hover {
-    background-color: var(--neutral-action-hover);
-  }
   .hover\:bg-neutral-background-medium:hover {
     background-color: var(--neutral-background-medium);
   }
@@ -2870,6 +2507,9 @@
   .hover\:bg-neutral-background-subtle:hover {
     background-color: var(--neutral-background-subtle);
   }
+  .hover\:bg-neutral-foreground-strong:hover {
+    background-color: var(--neutral-foreground-strong);
+  }
   .hover\:bg-primary-action-hover:hover {
     background-color: var(--primary-action-hover);
   }
@@ -2885,19 +2525,12 @@
   .hover\:text-primary-action-foreground:hover {
     color: var(--primary-action-foreground);
   }
-  .hover\:no-underline:hover {
-    text-decoration-line: none;
-  }
   .hover\:underline:hover {
     text-decoration-line: underline;
   }
   .hover\:opacity-100:hover {
     opacity: 100%;
   }
-  .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);
-  }
   .hover\:ring-neutral-border-strong:hover {
     --tw-ring-color: var(--neutral-border-strong);
   }
@@ -3006,6 +2639,10 @@
     --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
   }
 }
+.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-1:focus-visible {
   outline-style: var(--tw-outline-style);
   outline-width: 1px;
@@ -3017,9 +2654,6 @@
 .focus-visible\:ring-inset:focus-visible {
   --tw-ring-inset: inset;
 }
-.active\:scale-\[0\.97\]:active {
-  scale: 0.97;
-}
 .active\:bg-danger-action-active:active {
   background-color: var(--danger-action-active);
 }
@@ -3029,9 +2663,6 @@
 .active\:bg-primary-action-active:active {
   background-color: var(--primary-action-active);
 }
-.active\:bg-transparent:active {
-  background-color: transparent;
-}
 .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
   --tw-translate-y: 1px;
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -3277,9 +2908,6 @@
 .data-\[state\=on\]\:text-accent-foreground-strong[data-state="on"] {
   color: var(--accent-foreground-strong);
 }
-.data-\[state\=open\]\:rotate-180[data-state="open"] {
-  rotate: 180deg;
-}
 .data-\[state\=open\]\:bg-neutral-background-medium[data-state="open"] {
   background-color: var(--neutral-background-medium);
 }
@@ -3330,6 +2958,12 @@
     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,);
   }
 }
+@media (prefers-reduced-motion: no-preference) {
+  .motion-safe\:duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
+}
 @media (width >= 40rem) {
   .sm\:inset-x-auto {
     inset-inline: auto;
@@ -3340,9 +2974,6 @@
   .sm\:w-\(--tool-panel-width\) {
     width: var(--tool-panel-width);
   }
-  .sm\:w-1\/3 {
-    width: calc(1 / 3 * 100%);
-  }
   .sm\:w-full {
     width: 100%;
   }
@@ -3364,12 +2995,6 @@
   .sm\:max-w-\[1234px\] {
     max-width: 1234px;
   }
-  .sm\:max-w-\[…\] {
-    max-width: …;
-  }
-  .sm\:max-w-md {
-    max-width: var(--container-md);
-  }
   .sm\:max-w-sm {
     max-width: var(--container-sm);
   }
@@ -3388,32 +3013,17 @@
   .sm\:flex-wrap {
     flex-wrap: wrap;
   }
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
   .sm\:justify-end {
     justify-content: flex-end;
   }
 }
 @media (width >= 48rem) {
-  .md\:col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-  .md\:hidden {
-    display: none;
-  }
-  .md\:inline-flex {
-    display: inline-flex;
-  }
-  .md\:list-item {
-    display: list-item;
-  }
-  .md\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
   .md\:grid-cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
-  .md\:grid-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
   .md\:grid-cols-\[\.\.\.\] {
     grid-template-columns: ...;
   }
@@ -3432,45 +3042,21 @@
   }
 }
 @media (width >= 64rem) {
-  .lg\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-  .lg\:col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-  .lg\:col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-  .lg\:contents {
-    display: contents;
-  }
-  .lg\:flex {
-    display: flex;
-  }
   .lg\:inline {
     display: inline;
   }
-  .lg\:w-2\/3 {
-    width: calc(2 / 3 * 100%);
-  }
   .lg\:w-80 {
     width: calc(var(--spacing) * 80);
   }
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-  .lg\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
   .lg\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
   .lg\:grid-cols-6 {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
-  .lg\:grid-cols-16 {
-    grid-template-columns: repeat(16, minmax(0, 1fr));
-  }
   .lg\:flex-row {
     flex-direction: row;
   }
@@ -3480,62 +3066,6 @@
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 }
-@container navbc (width >= «t2»rem) {
-  .\@min-\[«t2»rem\]\/navbc\:inline-flex {
-    display: inline-flex;
-  }
-  .\@min-\[«t2»rem\]\/navbc\:list-item {
-    display: list-item;
-  }
-}
-@container navbc (width >= «t3»rem) {
-  .\@min-\[«t3»rem\]\/navbc\:inline-flex {
-    display: inline-flex;
-  }
-  .\@min-\[«t3»rem\]\/navbc\:list-item {
-    display: list-item;
-  }
-}
-@container navbc (width >= «t4»rem) {
-  .\@min-\[«t4»rem\]\/navbc\:inline-flex {
-    display: inline-flex;
-  }
-  .\@min-\[«t4»rem\]\/navbc\:list-item {
-    display: list-item;
-  }
-}
-@container navbc (width >= «t5»rem) {
-  .\@min-\[«t5»rem\]\/navbc\:inline-flex {
-    display: inline-flex;
-  }
-  .\@min-\[«t5»rem\]\/navbc\:list-item {
-    display: list-item;
-  }
-}
-@container navbc (width >= «t6»rem) {
-  .\@min-\[«t6»rem\]\/navbc\:inline-flex {
-    display: inline-flex;
-  }
-  .\@min-\[«t6»rem\]\/navbc\:list-item {
-    display: list-item;
-  }
-}
-@container navbc (width >= «t7»rem) {
-  .\@min-\[«t7»rem\]\/navbc\:inline-flex {
-    display: inline-flex;
-  }
-  .\@min-\[«t7»rem\]\/navbc\:list-item {
-    display: list-item;
-  }
-}
-@container navbc (width >= «t8»rem) {
-  .\@min-\[«t8»rem\]\/navbc\:inline-flex {
-    display: inline-flex;
-  }
-  .\@min-\[«t8»rem\]\/navbc\:list-item {
-    display: list-item;
-  }
-}
 .dark\:border-accent-action-default:is(.dark *) {
   border-color: var(--accent-action-default);
 }
@@ -3605,10 +3135,6 @@
   --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-closed\:duration-200:where([data-state="closed"]), .data-closed\:duration-200:where([data-closed]:not([data-closed="false"])) {
   --tw-duration: 200ms;
   transition-duration: 200ms;