@jbpark/live-editor 5.0.0 → 6.1.0

package/dist/ui-kit/style.css

@@ -0,0 +1,5039 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer ui-kit.properties, ui-kit.theme, ui-kit.base, ui-kit.components, ui-kit.utilities;
+
+@layer ui-kit {
+  @layer theme {
+    :root, :host {
+      --font-sans: var(--ui-font-sans, var(--font-geist-sans));
+      --font-mono: var(--ui-font-mono, var(--font-geist-mono));
+      --color-red-400: oklch(70.4% .191 22.216);
+      --color-red-500: oklch(63.7% .237 25.331);
+      --color-orange-500: oklch(70.5% .213 47.604);
+      --color-orange-600: oklch(64.6% .222 41.116);
+      --color-amber-500: oklch(76.9% .188 70.08);
+      --color-yellow-400: oklch(85.2% .199 91.936);
+      --color-yellow-500: oklch(79.5% .184 86.047);
+      --color-yellow-600: oklch(68.1% .162 75.834);
+      --color-yellow-700: oklch(55.4% .135 66.442);
+      --color-lime-500: oklch(76.8% .233 130.85);
+      --color-green-400: oklch(79.2% .209 151.711);
+      --color-green-500: oklch(72.3% .219 149.579);
+      --color-green-600: oklch(62.7% .194 149.214);
+      --color-cyan-500: oklch(71.5% .143 215.221);
+      --color-blue-400: oklch(70.7% .165 254.624);
+      --color-blue-500: oklch(62.3% .214 259.815);
+      --color-blue-600: oklch(54.6% .245 262.881);
+      --color-indigo-500: oklch(58.5% .233 277.117);
+      --color-purple-500: oklch(62.7% .265 303.9);
+      --color-fuchsia-500: oklch(66.7% .295 322.15);
+      --color-pink-500: oklch(65.6% .241 354.308);
+      --color-gray-100: oklch(96.7% .003 264.542);
+      --color-gray-200: oklch(92.8% .006 264.531);
+      --color-gray-800: oklch(27.8% .033 256.848);
+      --color-black: #000;
+      --color-white: #fff;
+      --spacing: .25rem;
+      --container-3xs: 16rem;
+      --container-2xs: 18rem;
+      --container-xs: 20rem;
+      --container-sm: 24rem;
+      --container-md: 28rem;
+      --container-lg: 32rem;
+      --container-xl: 36rem;
+      --container-2xl: 42rem;
+      --container-3xl: 48rem;
+      --container-4xl: 56rem;
+      --container-5xl: 64rem;
+      --container-6xl: 72rem;
+      --container-7xl: 80rem;
+      --text-xs: .75rem;
+      --text-xs--line-height: calc(1 / .75);
+      --text-sm: .875rem;
+      --text-sm--line-height: calc(1.25 / .875);
+      --text-base: 1rem;
+      --text-base--line-height: calc(1.5 / 1);
+      --text-lg: 1.125rem;
+      --text-lg--line-height: calc(1.75 / 1.125);
+      --text-xl: 1.25rem;
+      --text-xl--line-height: calc(1.75 / 1.25);
+      --text-2xl: 1.5rem;
+      --text-2xl--line-height: calc(2 / 1.5);
+      --text-3xl: 1.875rem;
+      --text-3xl--line-height: calc(2.25 / 1.875);
+      --text-4xl: 2.25rem;
+      --text-4xl--line-height: calc(2.5 / 2.25);
+      --text-5xl: 3rem;
+      --text-5xl--line-height: 1;
+      --text-6xl: 3.75rem;
+      --text-6xl--line-height: 1;
+      --font-weight-normal: 400;
+      --font-weight-medium: 500;
+      --font-weight-semibold: 600;
+      --font-weight-bold: 700;
+      --leading-snug: 1.375;
+      --leading-normal: 1.5;
+      --radius-xs: .125rem;
+      --radius-sm: calc(var(--radius) - 4px);
+      --radius-lg: var(--radius);
+      --ease-in-out: cubic-bezier(.4, 0, .2, 1);
+      --animate-spin: spin 1s linear infinite;
+      --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
+      --default-transition-duration: .15s;
+      --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+    }
+  }
+
+  @layer utilities {
+    .\@container\/field-group {
+      container: field-group / inline-size;
+    }
+
+    .\@container\/form {
+      container: form / inline-size;
+    }
+
+    .pointer-events-auto {
+      pointer-events: auto;
+    }
+
+    .pointer-events-none {
+      pointer-events: none;
+    }
+
+    .collapse {
+      visibility: collapse;
+    }
+
+    .invisible {
+      visibility: hidden;
+    }
+
+    .visible {
+      visibility: visible;
+    }
+
+    .sr-only {
+      clip-path: inset(50%);
+      white-space: nowrap;
+      border-width: 0;
+      width: 1px;
+      height: 1px;
+      margin: -1px;
+      padding: 0;
+      position: absolute;
+      overflow: hidden;
+    }
+
+    .\!absolute {
+      position: absolute !important;
+    }
+
+    .absolute {
+      position: absolute;
+    }
+
+    .fixed {
+      position: fixed;
+    }
+
+    .relative {
+      position: relative;
+    }
+
+    .static {
+      position: static;
+    }
+
+    .sticky {
+      position: sticky;
+    }
+
+    .inset-0 {
+      inset: 0;
+    }
+
+    .inset-x-0 {
+      inset-inline: 0;
+    }
+
+    .start-\[calc\(50\%-0\.5px\)\] {
+      inset-inline-start: calc(50% - .5px);
+    }
+
+    .end-0 {
+      inset-inline-end: calc(var(--spacing) * 0);
+    }
+
+    .end-1 {
+      inset-inline-end: calc(var(--spacing) * 1);
+    }
+
+    .end-2 {
+      inset-inline-end: calc(var(--spacing) * 2);
+    }
+
+    .top-0 {
+      top: 0;
+    }
+
+    .top-1\/2 {
+      top: 50%;
+    }
+
+    .top-4 {
+      top: calc(var(--spacing) * 4);
+    }
+
+    .top-5 {
+      top: calc(var(--spacing) * 5);
+    }
+
+    .top-\[50\%\] {
+      top: 50%;
+    }
+
+    .top-full {
+      top: 100%;
+    }
+
+    .right-2 {
+      right: calc(var(--spacing) * 2);
+    }
+
+    .right-4 {
+      right: calc(var(--spacing) * 4);
+    }
+
+    .right-5 {
+      right: calc(var(--spacing) * 5);
+    }
+
+    .-bottom-2 {
+      bottom: calc(var(--spacing) * -2);
+    }
+
+    .-bottom-6 {
+      bottom: calc(var(--spacing) * -6);
+    }
+
+    .bottom-0 {
+      bottom: 0;
+    }
+
+    .bottom-5 {
+      bottom: calc(var(--spacing) * 5);
+    }
+
+    .left-0 {
+      left: 0;
+    }
+
+    .left-0\.5 {
+      left: calc(var(--spacing) * .5);
+    }
+
+    .left-\[50\%\] {
+      left: 50%;
+    }
+
+    .left-full {
+      left: 100%;
+    }
+
+    .isolate {
+      isolation: isolate;
+    }
+
+    .z-1 {
+      z-index: 1;
+    }
+
+    .z-10 {
+      z-index: 10;
+    }
+
+    .z-50 {
+      z-index: 50;
+    }
+
+    .z-1000 {
+      z-index: 1000;
+    }
+
+    .z-10000 {
+      z-index: 10000;
+    }
+
+    .order-last {
+      order: 9999;
+    }
+
+    .col-span-2 {
+      grid-column: span 2 / span 2;
+    }
+
+    .col-span-3 {
+      grid-column: span 3 / span 3;
+    }
+
+    .col-start-1 {
+      grid-column-start: 1;
+    }
+
+    .row-start-1 {
+      grid-row-start: 1;
+    }
+
+    .row-start-2 {
+      grid-row-start: 2;
+    }
+
+    .\!container {
+      width: 100% !important;
+
+      @media (width >= 40rem) {
+        max-width: 40rem !important;
+      }
+
+      @media (width >= 48rem) {
+        max-width: 48rem !important;
+      }
+
+      @media (width >= 64rem) {
+        max-width: 64rem !important;
+      }
+
+      @media (width >= 80rem) {
+        max-width: 80rem !important;
+      }
+
+      @media (width >= 96rem) {
+        max-width: 96rem !important;
+      }
+    }
+
+    .container {
+      width: 100%;
+
+      @media (width >= 40rem) {
+        max-width: 40rem;
+      }
+
+      @media (width >= 48rem) {
+        max-width: 48rem;
+      }
+
+      @media (width >= 64rem) {
+        max-width: 64rem;
+      }
+
+      @media (width >= 80rem) {
+        max-width: 80rem;
+      }
+
+      @media (width >= 96rem) {
+        max-width: 96rem;
+      }
+    }
+
+    .m-0 {
+      margin: 0;
+    }
+
+    .-mx-1 {
+      margin-inline: calc(var(--spacing) * -1);
+    }
+
+    .mx-2 {
+      margin-inline: calc(var(--spacing) * 2);
+    }
+
+    .mx-3 {
+      margin-inline: calc(var(--spacing) * 3);
+    }
+
+    .mx-auto {
+      margin-inline: auto;
+    }
+
+    .-my-2 {
+      margin-block: calc(var(--spacing) * -2);
+    }
+
+    .my-1 {
+      margin-block: var(--spacing);
+    }
+
+    .my-2 {
+      margin-block: calc(var(--spacing) * 2);
+    }
+
+    .my-4 {
+      margin-block: calc(var(--spacing) * 4);
+    }
+
+    .ms-2 {
+      margin-inline-start: calc(var(--spacing) * 2);
+    }
+
+    .ms-3\.5 {
+      margin-inline-start: calc(var(--spacing) * 3.5);
+    }
+
+    .ms-4 {
+      margin-inline-start: calc(var(--spacing) * 4);
+    }
+
+    .ms-6 {
+      margin-inline-start: calc(var(--spacing) * 6);
+    }
+
+    .me-2 {
+      margin-inline-end: calc(var(--spacing) * 2);
+    }
+
+    .mt-0\.5 {
+      margin-top: calc(var(--spacing) * .5);
+    }
+
+    .mt-1 {
+      margin-top: var(--spacing);
+    }
+
+    .mt-2 {
+      margin-top: calc(var(--spacing) * 2);
+    }
+
+    .mt-3 {
+      margin-top: calc(var(--spacing) * 3);
+    }
+
+    .mt-3\.5 {
+      margin-top: calc(var(--spacing) * 3.5);
+    }
+
+    .mt-4 {
+      margin-top: calc(var(--spacing) * 4);
+    }
+
+    .mt-9 {
+      margin-top: calc(var(--spacing) * 9);
+    }
+
+    .mt-auto {
+      margin-top: auto;
+    }
+
+    .mr-1\.5 {
+      margin-right: calc(var(--spacing) * 1.5);
+    }
+
+    .mr-2 {
+      margin-right: calc(var(--spacing) * 2);
+    }
+
+    .mr-2\.5 {
+      margin-right: calc(var(--spacing) * 2.5);
+    }
+
+    .mr-6 {
+      margin-right: calc(var(--spacing) * 6);
+    }
+
+    .mr-7 {
+      margin-right: calc(var(--spacing) * 7);
+    }
+
+    .mr-9 {
+      margin-right: calc(var(--spacing) * 9);
+    }
+
+    .-mb-px {
+      margin-bottom: -1px;
+    }
+
+    .mb-1 {
+      margin-bottom: var(--spacing);
+    }
+
+    .mb-1\.5 {
+      margin-bottom: calc(var(--spacing) * 1.5);
+    }
+
+    .mb-2 {
+      margin-bottom: calc(var(--spacing) * 2);
+    }
+
+    .mb-3 {
+      margin-bottom: calc(var(--spacing) * 3);
+    }
+
+    .mb-4 {
+      margin-bottom: calc(var(--spacing) * 4);
+    }
+
+    .ml-1\.5 {
+      margin-left: calc(var(--spacing) * 1.5);
+    }
+
+    .ml-2 {
+      margin-left: calc(var(--spacing) * 2);
+    }
+
+    .ml-2\.5 {
+      margin-left: calc(var(--spacing) * 2.5);
+    }
+
+    .ml-4 {
+      margin-left: calc(var(--spacing) * 4);
+    }
+
+    .ml-6 {
+      margin-left: calc(var(--spacing) * 6);
+    }
+
+    .ml-7 {
+      margin-left: calc(var(--spacing) * 7);
+    }
+
+    .ml-9 {
+      margin-left: calc(var(--spacing) * 9);
+    }
+
+    .box-border {
+      box-sizing: border-box;
+    }
+
+    .box-content {
+      box-sizing: content-box;
+    }
+
+    .block {
+      display: block;
+    }
+
+    .contents {
+      display: contents;
+    }
+
+    .flex {
+      display: flex;
+    }
+
+    .grid {
+      display: grid;
+    }
+
+    .hidden {
+      display: none;
+    }
+
+    .inline {
+      display: inline;
+    }
+
+    .inline-block {
+      display: inline-block;
+    }
+
+    .inline-flex {
+      display: inline-flex;
+    }
+
+    .table {
+      display: table;
+    }
+
+    .table-cell {
+      display: table-cell;
+    }
+
+    .table-row {
+      display: table-row;
+    }
+
+    .field-sizing-content {
+      field-sizing: content;
+    }
+
+    .aspect-square {
+      aspect-ratio: 1;
+    }
+
+    .size-\(--cell-size\) {
+      width: var(--cell-size);
+      height: var(--cell-size);
+    }
+
+    .size-1\/2 {
+      width: 50%;
+      height: 50%;
+    }
+
+    .size-2 {
+      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);
+    }
+
+    .size-3\.5 {
+      width: calc(var(--spacing) * 3.5);
+      height: calc(var(--spacing) * 3.5);
+    }
+
+    .size-4 {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+
+    .size-5 {
+      width: calc(var(--spacing) * 5);
+      height: calc(var(--spacing) * 5);
+    }
+
+    .size-5\! {
+      width: calc(var(--spacing) * 5) !important;
+      height: calc(var(--spacing) * 5) !important;
+    }
+
+    .size-6 {
+      width: calc(var(--spacing) * 6);
+      height: calc(var(--spacing) * 6);
+    }
+
+    .size-6\! {
+      width: calc(var(--spacing) * 6) !important;
+      height: calc(var(--spacing) * 6) !important;
+    }
+
+    .size-7 {
+      width: calc(var(--spacing) * 7);
+      height: calc(var(--spacing) * 7);
+    }
+
+    .size-8 {
+      width: calc(var(--spacing) * 8);
+      height: calc(var(--spacing) * 8);
+    }
+
+    .size-8\! {
+      width: calc(var(--spacing) * 8) !important;
+      height: calc(var(--spacing) * 8) !important;
+    }
+
+    .size-9 {
+      width: calc(var(--spacing) * 9);
+      height: calc(var(--spacing) * 9);
+    }
+
+    .size-10 {
+      width: calc(var(--spacing) * 10);
+      height: calc(var(--spacing) * 10);
+    }
+
+    .size-12 {
+      width: calc(var(--spacing) * 12);
+      height: calc(var(--spacing) * 12);
+    }
+
+    .size-full {
+      width: 100%;
+      height: 100%;
+    }
+
+    .h-\(--cell-size\) {
+      height: var(--cell-size);
+    }
+
+    .h-2 {
+      height: calc(var(--spacing) * 2);
+    }
+
+    .h-2\.5 {
+      height: calc(var(--spacing) * 2.5);
+    }
+
+    .h-4 {
+      height: calc(var(--spacing) * 4);
+    }
+
+    .h-5 {
+      height: calc(var(--spacing) * 5);
+    }
+
+    .h-6 {
+      height: calc(var(--spacing) * 6);
+    }
+
+    .h-6\! {
+      height: calc(var(--spacing) * 6) !important;
+    }
+
+    .h-7 {
+      height: calc(var(--spacing) * 7);
+    }
+
+    .h-8 {
+      height: calc(var(--spacing) * 8);
+    }
+
+    .h-8\! {
+      height: calc(var(--spacing) * 8) !important;
+    }
+
+    .h-9 {
+      height: calc(var(--spacing) * 9);
+    }
+
+    .h-10 {
+      height: calc(var(--spacing) * 10);
+    }
+
+    .h-10\! {
+      height: calc(var(--spacing) * 10) !important;
+    }
+
+    .h-12 {
+      height: calc(var(--spacing) * 12);
+    }
+
+    .h-16 {
+      height: calc(var(--spacing) * 16);
+    }
+
+    .h-32 {
+      height: calc(var(--spacing) * 32);
+    }
+
+    .h-50 {
+      height: calc(var(--spacing) * 50);
+    }
+
+    .h-64 {
+      height: calc(var(--spacing) * 64);
+    }
+
+    .h-\[--cell-size\] {
+      height: --cell-size;
+    }
+
+    .h-auto {
+      height: auto;
+    }
+
+    .h-full {
+      height: 100%;
+    }
+
+    .h-full\! {
+      height: 100% !important;
+    }
+
+    .h-px {
+      height: 1px;
+    }
+
+    .max-h-\(--available-height\) {
+      max-height: var(--available-height);
+    }
+
+    .max-h-60 {
+      max-height: calc(var(--spacing) * 60);
+    }
+
+    .max-h-\[calc\(100dvh-2rem\)\] {
+      max-height: calc(100dvh - 2rem);
+    }
+
+    .max-h-\[min\(20rem\,var\(--available-height\)\)\] {
+      max-height: min(20rem, var(--available-height));
+    }
+
+    .max-h-\[var\(--available-height\)\] {
+      max-height: var(--available-height);
+    }
+
+    .min-h-0 {
+      min-height: 0;
+    }
+
+    .min-h-5 {
+      min-height: calc(var(--spacing) * 5);
+    }
+
+    .min-h-7 {
+      min-height: calc(var(--spacing) * 7);
+    }
+
+    .min-h-8 {
+      min-height: calc(var(--spacing) * 8);
+    }
+
+    .min-h-9 {
+      min-height: calc(var(--spacing) * 9);
+    }
+
+    .min-h-10 {
+      min-height: calc(var(--spacing) * 10);
+    }
+
+    .min-h-16 {
+      min-height: calc(var(--spacing) * 16);
+    }
+
+    .min-h-20 {
+      min-height: calc(var(--spacing) * 20);
+    }
+
+    .min-h-screen {
+      min-height: 100vh;
+    }
+
+    .w-\(--anchor-width\) {
+      width: var(--anchor-width);
+    }
+
+    .w-\(--cell-size\) {
+      width: var(--cell-size);
+    }
+
+    .w-2\.5 {
+      width: calc(var(--spacing) * 2.5);
+    }
+
+    .w-3 {
+      width: calc(var(--spacing) * 3);
+    }
+
+    .w-4 {
+      width: calc(var(--spacing) * 4);
+    }
+
+    .w-5 {
+      width: calc(var(--spacing) * 5);
+    }
+
+    .w-8 {
+      width: calc(var(--spacing) * 8);
+    }
+
+    .w-9 {
+      width: calc(var(--spacing) * 9);
+    }
+
+    .w-10 {
+      width: calc(var(--spacing) * 10);
+    }
+
+    .w-10\! {
+      width: calc(var(--spacing) * 10) !important;
+    }
+
+    .w-12 {
+      width: calc(var(--spacing) * 12);
+    }
+
+    .w-12\! {
+      width: calc(var(--spacing) * 12) !important;
+    }
+
+    .w-15 {
+      width: calc(var(--spacing) * 15);
+    }
+
+    .w-16 {
+      width: calc(var(--spacing) * 16);
+    }
+
+    .w-16\! {
+      width: calc(var(--spacing) * 16) !important;
+    }
+
+    .w-20 {
+      width: calc(var(--spacing) * 20);
+    }
+
+    .w-24 {
+      width: calc(var(--spacing) * 24);
+    }
+
+    .w-25 {
+      width: calc(var(--spacing) * 25);
+    }
+
+    .w-28 {
+      width: calc(var(--spacing) * 28);
+    }
+
+    .w-48 {
+      width: calc(var(--spacing) * 48);
+    }
+
+    .w-60 {
+      width: calc(var(--spacing) * 60);
+    }
+
+    .w-72 {
+      width: calc(var(--spacing) * 72);
+    }
+
+    .w-80 {
+      width: calc(var(--spacing) * 80);
+    }
+
+    .w-100 {
+      width: calc(var(--spacing) * 100);
+    }
+
+    .w-auto {
+      width: auto;
+    }
+
+    .w-auto\! {
+      width: auto !important;
+    }
+
+    .w-fit {
+      width: fit-content;
+    }
+
+    .w-full {
+      width: 100%;
+    }
+
+    .w-px {
+      width: 1px;
+    }
+
+    .max-w-\(--available-width\) {
+      max-width: var(--available-width);
+    }
+
+    .max-w-2xl {
+      max-width: var(--container-2xl);
+    }
+
+    .max-w-2xs {
+      max-width: var(--container-2xs);
+    }
+
+    .max-w-3xl {
+      max-width: var(--container-3xl);
+    }
+
+    .max-w-3xs {
+      max-width: var(--container-3xs);
+    }
+
+    .max-w-4xl {
+      max-width: var(--container-4xl);
+    }
+
+    .max-w-5xl {
+      max-width: var(--container-5xl);
+    }
+
+    .max-w-6xl {
+      max-width: var(--container-6xl);
+    }
+
+    .max-w-7xl {
+      max-width: var(--container-7xl);
+    }
+
+    .max-w-40 {
+      max-width: calc(var(--spacing) * 40);
+    }
+
+    .max-w-48 {
+      max-width: calc(var(--spacing) * 48);
+    }
+
+    .max-w-64 {
+      max-width: calc(var(--spacing) * 64);
+    }
+
+    .max-w-\[calc\(100\%-2rem\)\] {
+      max-width: calc(100% - 2rem);
+    }
+
+    .max-w-\[calc\(100vw-2rem\)\] {
+      max-width: calc(100vw - 2rem);
+    }
+
+    .max-w-\[var\(--available-width\)\] {
+      max-width: var(--available-width);
+    }
+
+    .max-w-full {
+      max-width: 100%;
+    }
+
+    .max-w-lg {
+      max-width: var(--container-lg);
+    }
+
+    .max-w-md {
+      max-width: var(--container-md);
+    }
+
+    .max-w-none {
+      max-width: none;
+    }
+
+    .max-w-sm {
+      max-width: var(--container-sm);
+    }
+
+    .max-w-xl {
+      max-width: var(--container-xl);
+    }
+
+    .max-w-xs {
+      max-width: var(--container-xs);
+    }
+
+    .min-w-\(--anchor-width\) {
+      min-width: var(--anchor-width);
+    }
+
+    .min-w-\(--cell-size\) {
+      min-width: var(--cell-size);
+    }
+
+    .min-w-0 {
+      min-width: 0;
+    }
+
+    .min-w-3 {
+      min-width: calc(var(--spacing) * 3);
+    }
+
+    .min-w-5 {
+      min-width: calc(var(--spacing) * 5);
+    }
+
+    .min-w-6 {
+      min-width: calc(var(--spacing) * 6);
+    }
+
+    .min-w-8 {
+      min-width: calc(var(--spacing) * 8);
+    }
+
+    .min-w-16 {
+      min-width: calc(var(--spacing) * 16);
+    }
+
+    .min-w-24 {
+      min-width: calc(var(--spacing) * 24);
+    }
+
+    .min-w-40 {
+      min-width: calc(var(--spacing) * 40);
+    }
+
+    .min-w-80 {
+      min-width: calc(var(--spacing) * 80);
+    }
+
+    .min-w-\[8rem\] {
+      min-width: 8rem;
+    }
+
+    .min-w-\[200px\] {
+      min-width: 200px;
+    }
+
+    .min-w-max {
+      min-width: max-content;
+    }
+
+    .flex-1 {
+      flex: 1;
+    }
+
+    .flex-\[0\.1\] {
+      flex: .1;
+    }
+
+    .flex-none {
+      flex: none;
+    }
+
+    .shrink {
+      flex-shrink: 1;
+    }
+
+    .shrink-0 {
+      flex-shrink: 0;
+    }
+
+    .flex-grow, .grow {
+      flex-grow: 1;
+    }
+
+    .grow-0 {
+      flex-grow: 0;
+    }
+
+    .basis-auto {
+      flex-basis: auto;
+    }
+
+    .border-collapse {
+      border-collapse: collapse;
+    }
+
+    .origin-\(--transform-origin\) {
+      transform-origin: var(--transform-origin);
+    }
+
+    .\!translate-x-0 {
+      --tw-translate-x: 0px !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
+
+    .-translate-x-2 {
+      --tw-translate-x: calc(var(--spacing) * -2);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .translate-x-1\/2 {
+      --tw-translate-x: calc(1 / 2 * 100%);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .translate-x-2 {
+      --tw-translate-x: calc(var(--spacing) * 2);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .translate-x-\[-50\%\] {
+      --tw-translate-x: -50%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .\!-translate-y-1\/2 {
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
+
+    .-translate-y-1\/2 {
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .-translate-y-2 {
+      --tw-translate-y: calc(var(--spacing) * -2);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .translate-y-0\.5 {
+      --tw-translate-y: calc(var(--spacing) * .5);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .translate-y-2 {
+      --tw-translate-y: calc(var(--spacing) * 2);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .translate-y-\[-50\%\] {
+      --tw-translate-y: -50%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .-rotate-90 {
+      rotate: -90deg;
+    }
+
+    .-rotate-180 {
+      rotate: -180deg;
+    }
+
+    .rotate-0 {
+      rotate: 0deg;
+    }
+
+    .rotate-90 {
+      rotate: 90deg;
+    }
+
+    .rotate-180 {
+      rotate: 180deg;
+    }
+
+    .transform {
+      transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+    }
+
+    .animate-none {
+      animation: none;
+    }
+
+    .animate-pulse {
+      animation: var(--animate-pulse);
+    }
+
+    .animate-spin {
+      animation: var(--animate-spin);
+    }
+
+    .cursor-default {
+      cursor: default;
+    }
+
+    .cursor-no-drop {
+      cursor: no-drop;
+    }
+
+    .cursor-not-allowed {
+      cursor: not-allowed;
+    }
+
+    .cursor-pointer {
+      cursor: pointer;
+    }
+
+    .touch-none {
+      touch-action: none;
+    }
+
+    .resize {
+      resize: both;
+    }
+
+    .scroll-py-6 {
+      scroll-padding-block: calc(var(--spacing) * 6);
+    }
+
+    .\[scrollbar-width\:none\] {
+      scrollbar-width: none;
+    }
+
+    .list-disc {
+      list-style-type: disc;
+    }
+
+    .list-none {
+      list-style-type: none;
+    }
+
+    .grid-cols-1 {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+
+    .grid-cols-5 {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+
+    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
+      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
+    }
+
+    .grid-cols-\[repeat\(var\(--descriptions-columns-base\)\,minmax\(0\,1fr\)\)\] {
+      grid-template-columns: repeat(var(--descriptions-columns-base),minmax(0,1fr));
+    }
+
+    .flex-col {
+      flex-direction: column;
+    }
+
+    .flex-col-reverse {
+      flex-direction: column-reverse;
+    }
+
+    .flex-row {
+      flex-direction: row;
+    }
+
+    .flex-row-reverse {
+      flex-direction: row-reverse;
+    }
+
+    .flex-nowrap {
+      flex-wrap: nowrap;
+    }
+
+    .flex-wrap {
+      flex-wrap: wrap;
+    }
+
+    .place-content-center {
+      place-content: center;
+    }
+
+    .content-start {
+      align-content: flex-start;
+    }
+
+    .items-baseline {
+      align-items: baseline;
+    }
+
+    .items-center {
+      align-items: center;
+    }
+
+    .items-end {
+      align-items: flex-end;
+    }
+
+    .items-start {
+      align-items: flex-start;
+    }
+
+    .items-stretch {
+      align-items: stretch;
+    }
+
+    .justify-around {
+      justify-content: space-around;
+    }
+
+    .justify-between {
+      justify-content: space-between;
+    }
+
+    .justify-center {
+      justify-content: center;
+    }
+
+    .justify-end {
+      justify-content: flex-end;
+    }
+
+    .justify-evenly {
+      justify-content: space-evenly;
+    }
+
+    .justify-start {
+      justify-content: flex-start;
+    }
+
+    .gap-0 {
+      gap: 0;
+    }
+
+    .gap-0\.5 {
+      gap: calc(var(--spacing) * .5);
+    }
+
+    .gap-1 {
+      gap: var(--spacing);
+    }
+
+    .gap-1\.5 {
+      gap: calc(var(--spacing) * 1.5);
+    }
+
+    .gap-2 {
+      gap: calc(var(--spacing) * 2);
+    }
+
+    .gap-2\.5 {
+      gap: calc(var(--spacing) * 2.5);
+    }
+
+    .gap-3 {
+      gap: calc(var(--spacing) * 3);
+    }
+
+    .gap-4 {
+      gap: calc(var(--spacing) * 4);
+    }
+
+    .gap-5 {
+      gap: calc(var(--spacing) * 5);
+    }
+
+    .gap-6 {
+      gap: calc(var(--spacing) * 6);
+    }
+
+    .gap-7 {
+      gap: calc(var(--spacing) * 7);
+    }
+
+    :where(.space-y-1 > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
+      margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
+    }
+
+    :where(.space-y-2 > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+    }
+
+    :where(.space-y-3 > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+
+    .gap-x-2 {
+      column-gap: calc(var(--spacing) * 2);
+    }
+
+    .gap-x-6 {
+      column-gap: calc(var(--spacing) * 6);
+    }
+
+    .gap-y-0 {
+      row-gap: 0;
+    }
+
+    .gap-y-4 {
+      row-gap: calc(var(--spacing) * 4);
+    }
+
+    .gap-y-5 {
+      row-gap: calc(var(--spacing) * 5);
+    }
+
+    .self-start {
+      align-self: flex-start;
+    }
+
+    .self-stretch {
+      align-self: stretch;
+    }
+
+    .truncate {
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+
+    .overflow-auto {
+      overflow: auto;
+    }
+
+    .overflow-hidden {
+      overflow: hidden;
+    }
+
+    .overflow-x-auto {
+      overflow-x: auto;
+    }
+
+    .overflow-y-auto {
+      overflow-y: auto;
+    }
+
+    .overflow-y-hidden {
+      overflow-y: hidden;
+    }
+
+    .rounded {
+      border-radius: .25rem;
+    }
+
+    .rounded-2xl {
+      border-radius: calc(var(--radius) + 8px);
+    }
+
+    .rounded-3xl {
+      border-radius: calc(var(--radius) + 12px);
+    }
+
+    .rounded-\[4px\] {
+      border-radius: 4px;
+    }
+
+    .rounded-\[inherit\] {
+      border-radius: inherit;
+    }
+
+    .rounded-full {
+      border-radius: 3.40282e38px;
+    }
+
+    .rounded-lg {
+      border-radius: var(--radius);
+    }
+
+    .rounded-md {
+      border-radius: calc(var(--radius) - 2px);
+    }
+
+    .rounded-none {
+      border-radius: 0;
+    }
+
+    .rounded-none\! {
+      border-radius: 0 !important;
+    }
+
+    .rounded-sm {
+      border-radius: calc(var(--radius) - 4px);
+    }
+
+    .rounded-xl {
+      border-radius: calc(var(--radius) + 4px);
+    }
+
+    .rounded-xs {
+      border-radius: var(--radius-xs);
+    }
+
+    .rounded-t-\[30px\]\! {
+      border-top-left-radius: 30px !important;
+      border-top-right-radius: 30px !important;
+    }
+
+    .rounded-t-lg {
+      border-top-left-radius: var(--radius);
+      border-top-right-radius: var(--radius);
+    }
+
+    .rounded-l-\[30px\]\! {
+      border-top-left-radius: 30px !important;
+      border-bottom-left-radius: 30px !important;
+    }
+
+    .rounded-l-lg {
+      border-top-left-radius: var(--radius);
+      border-bottom-left-radius: var(--radius);
+    }
+
+    .rounded-l-md {
+      border-top-left-radius: calc(var(--radius) - 2px);
+      border-bottom-left-radius: calc(var(--radius) - 2px);
+    }
+
+    .rounded-l-none {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+    .rounded-r-\[30px\]\! {
+      border-top-right-radius: 30px !important;
+      border-bottom-right-radius: 30px !important;
+    }
+
+    .rounded-r-lg {
+      border-top-right-radius: var(--radius);
+      border-bottom-right-radius: var(--radius);
+    }
+
+    .rounded-r-md {
+      border-top-right-radius: calc(var(--radius) - 2px);
+      border-bottom-right-radius: calc(var(--radius) - 2px);
+    }
+
+    .rounded-r-none {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+
+    .rounded-b-\[30px\]\! {
+      border-bottom-right-radius: 30px !important;
+      border-bottom-left-radius: 30px !important;
+    }
+
+    .rounded-b-lg {
+      border-bottom-right-radius: var(--radius);
+      border-bottom-left-radius: var(--radius);
+    }
+
+    .border {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+
+    .border-0 {
+      border-style: var(--tw-border-style);
+      border-width: 0;
+    }
+
+    .border-2 {
+      border-style: var(--tw-border-style);
+      border-width: 2px;
+    }
+
+    .border-s {
+      border-inline-start-style: var(--tw-border-style);
+      border-inline-start-width: 1px;
+    }
+
+    .border-s-2 {
+      border-inline-start-style: var(--tw-border-style);
+      border-inline-start-width: 2px;
+    }
+
+    .border-e {
+      border-inline-end-style: var(--tw-border-style);
+      border-inline-end-width: 1px;
+    }
+
+    .border-t {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 1px;
+    }
+
+    .border-r-2 {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 2px;
+    }
+
+    .border-b {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+
+    .border-b-2 {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 2px;
+    }
+
+    .border-dashed {
+      --tw-border-style: dashed;
+      border-style: dashed;
+    }
+
+    .border-dotted {
+      --tw-border-style: dotted;
+      border-style: dotted;
+    }
+
+    .border-none {
+      --tw-border-style: none;
+      border-style: none;
+    }
+
+    .border-solid {
+      --tw-border-style: solid;
+      border-style: solid;
+    }
+
+    .border-\(--btn-border\) {
+      border-color: var(--btn-border);
+    }
+
+    .border-\(--tag-bg\) {
+      border-color: var(--tag-bg);
+    }
+
+    .border-\[color-mix\(in_oklch\,var\(--btn-border\)\,transparent_50\%\)\] {
+      border-color: var(--btn-border);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklch,var(--btn-border),transparent 50%);
+      }
+    }
+
+    .border-border {
+      border-color: var(--border);
+    }
+
+    .border-border\/60 {
+      border-color: var(--border);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--border) 60%, transparent);
+      }
+    }
+
+    .border-current {
+      border-color: currentColor;
+    }
+
+    .border-destructive {
+      border-color: var(--destructive);
+    }
+
+    .border-gray-200 {
+      border-color: var(--color-gray-200);
+    }
+
+    .border-input {
+      border-color: var(--input);
+    }
+
+    .border-primary {
+      border-color: var(--primary);
+    }
+
+    .border-transparent {
+      border-color: #0000;
+    }
+
+    .bg-\(--btn-bg\) {
+      background-color: var(--btn-bg);
+    }
+
+    .bg-\(--tag-tint\) {
+      background-color: var(--tag-tint);
+    }
+
+    .bg-accent {
+      background-color: var(--accent);
+    }
+
+    .bg-background {
+      background-color: var(--background);
+    }
+
+    .bg-black\/40 {
+      background-color: #0006;
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+      }
+    }
+
+    .bg-black\/50 {
+      background-color: #00000080;
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+      }
+    }
+
+    .bg-black\/60 {
+      background-color: #0009;
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
+      }
+    }
+
+    .bg-black\/\[\.6\] {
+      background-color: #0009;
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
+      }
+    }
+
+    .bg-border {
+      background-color: var(--border);
+    }
+
+    .bg-card {
+      background-color: var(--card);
+    }
+
+    .bg-chart-1 {
+      background-color: var(--chart-1);
+    }
+
+    .bg-destructive {
+      background-color: var(--destructive);
+    }
+
+    .bg-foreground {
+      background-color: var(--foreground);
+    }
+
+    .bg-gray-100 {
+      background-color: var(--color-gray-100);
+    }
+
+    .bg-green-600 {
+      background-color: var(--color-green-600);
+    }
+
+    .bg-inherit {
+      background-color: inherit;
+    }
+
+    .bg-input {
+      background-color: var(--input);
+    }
+
+    .bg-muted {
+      background-color: var(--muted);
+    }
+
+    .bg-muted\/50 {
+      background-color: var(--muted);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+      }
+    }
+
+    .bg-popover {
+      background-color: var(--popover);
+    }
+
+    .bg-primary {
+      background-color: var(--primary);
+    }
+
+    .bg-primary\/20 {
+      background-color: var(--primary);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--primary) 20%, transparent);
+      }
+    }
+
+    .bg-secondary {
+      background-color: var(--secondary);
+    }
+
+    .bg-sidebar {
+      background-color: var(--sidebar);
+    }
+
+    .bg-transparent {
+      background-color: #0000;
+    }
+
+    .bg-white {
+      background-color: var(--color-white);
+    }
+
+    .bg-yellow-500 {
+      background-color: var(--color-yellow-500);
+    }
+
+    .fill-border {
+      fill: var(--border);
+    }
+
+    .fill-popover {
+      fill: var(--popover);
+    }
+
+    .fill-primary {
+      fill: var(--primary);
+    }
+
+    .object-cover {
+      object-fit: cover;
+    }
+
+    .p-0 {
+      padding: 0;
+    }
+
+    .p-0\.5 {
+      padding: calc(var(--spacing) * .5);
+    }
+
+    .p-1 {
+      padding: var(--spacing);
+    }
+
+    .p-2 {
+      padding: calc(var(--spacing) * 2);
+    }
+
+    .p-3 {
+      padding: calc(var(--spacing) * 3);
+    }
+
+    .p-4 {
+      padding: calc(var(--spacing) * 4);
+    }
+
+    .p-5 {
+      padding: calc(var(--spacing) * 5);
+    }
+
+    .p-6 {
+      padding: calc(var(--spacing) * 6);
+    }
+
+    .px-\(--cell-size\) {
+      padding-inline: var(--cell-size);
+    }
+
+    .px-0 {
+      padding-inline: 0;
+    }
+
+    .px-1 {
+      padding-inline: var(--spacing);
+    }
+
+    .px-1\.5 {
+      padding-inline: calc(var(--spacing) * 1.5);
+    }
+
+    .px-2 {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+
+    .px-2\! {
+      padding-inline: calc(var(--spacing) * 2) !important;
+    }
+
+    .px-2\.5 {
+      padding-inline: calc(var(--spacing) * 2.5);
+    }
+
+    .px-3 {
+      padding-inline: calc(var(--spacing) * 3);
+    }
+
+    .px-4 {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+
+    .px-5 {
+      padding-inline: calc(var(--spacing) * 5);
+    }
+
+    .px-6 {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+
+    .py-0 {
+      padding-block: 0;
+    }
+
+    .py-0\.5 {
+      padding-block: calc(var(--spacing) * .5);
+    }
+
+    .py-1 {
+      padding-block: var(--spacing);
+    }
+
+    .py-1\.5 {
+      padding-block: calc(var(--spacing) * 1.5);
+    }
+
+    .py-2 {
+      padding-block: calc(var(--spacing) * 2);
+    }
+
+    .py-3 {
+      padding-block: calc(var(--spacing) * 3);
+    }
+
+    .py-4 {
+      padding-block: calc(var(--spacing) * 4);
+    }
+
+    .py-6 {
+      padding-block: calc(var(--spacing) * 6);
+    }
+
+    .py-12 {
+      padding-block: calc(var(--spacing) * 12);
+    }
+
+    .py-16 {
+      padding-block: calc(var(--spacing) * 16);
+    }
+
+    .ps-2 {
+      padding-inline-start: calc(var(--spacing) * 2);
+    }
+
+    .ps-3 {
+      padding-inline-start: calc(var(--spacing) * 3);
+    }
+
+    .pe-1 {
+      padding-inline-end: var(--spacing);
+    }
+
+    .pe-3 {
+      padding-inline-end: calc(var(--spacing) * 3);
+    }
+
+    .pe-8 {
+      padding-inline-end: calc(var(--spacing) * 8);
+    }
+
+    .pe-10 {
+      padding-inline-end: calc(var(--spacing) * 10);
+    }
+
+    .pt-0 {
+      padding-top: 0;
+    }
+
+    .pt-1 {
+      padding-top: var(--spacing);
+    }
+
+    .pt-2 {
+      padding-top: calc(var(--spacing) * 2);
+    }
+
+    .pr-1 {
+      padding-right: var(--spacing);
+    }
+
+    .pr-8 {
+      padding-right: calc(var(--spacing) * 8);
+    }
+
+    .pb-0 {
+      padding-bottom: 0;
+    }
+
+    .pb-3 {
+      padding-bottom: calc(var(--spacing) * 3);
+    }
+
+    .pb-4 {
+      padding-bottom: calc(var(--spacing) * 4);
+    }
+
+    .pb-6 {
+      padding-bottom: calc(var(--spacing) * 6);
+    }
+
+    .pl-0 {
+      padding-left: 0;
+    }
+
+    .pl-2 {
+      padding-left: calc(var(--spacing) * 2);
+    }
+
+    .pl-4 {
+      padding-left: calc(var(--spacing) * 4);
+    }
+
+    .text-center {
+      text-align: center;
+    }
+
+    .text-end {
+      text-align: end;
+    }
+
+    .text-left {
+      text-align: left;
+    }
+
+    .text-right {
+      text-align: right;
+    }
+
+    .text-start {
+      text-align: start;
+    }
+
+    .align-middle {
+      vertical-align: middle;
+    }
+
+    .font-mono {
+      font-family: var(--ui-font-mono, var(--font-geist-mono));
+    }
+
+    .text-2xl {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
+    }
+
+    .text-3xl {
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
+    }
+
+    .text-4xl {
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
+    }
+
+    .text-base {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
+
+    .text-lg {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
+
+    .text-sm {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+
+    .text-xl {
+      font-size: var(--text-xl);
+      line-height: var(--tw-leading, var(--text-xl--line-height));
+    }
+
+    .text-xs {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+
+    .text-\[0\.8rem\] {
+      font-size: .8rem;
+    }
+
+    .text-\[10px\] {
+      font-size: 10px;
+    }
+
+    .leading-5 {
+      --tw-leading: calc(var(--spacing) * 5);
+      line-height: calc(var(--spacing) * 5);
+    }
+
+    .leading-5\.75 {
+      --tw-leading: calc(var(--spacing) * 5.75);
+      line-height: calc(var(--spacing) * 5.75);
+    }
+
+    .leading-none {
+      --tw-leading: 1;
+      line-height: 1;
+    }
+
+    .leading-normal {
+      --tw-leading: var(--leading-normal);
+      line-height: var(--leading-normal);
+    }
+
+    .leading-snug {
+      --tw-leading: var(--leading-snug);
+      line-height: var(--leading-snug);
+    }
+
+    .font-bold {
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+    }
+
+    .font-medium {
+      --tw-font-weight: var(--font-weight-medium);
+      font-weight: var(--font-weight-medium);
+    }
+
+    .font-normal {
+      --tw-font-weight: var(--font-weight-normal);
+      font-weight: var(--font-weight-normal);
+    }
+
+    .font-semibold {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+
+    .\[overflow-wrap\:anywhere\] {
+      overflow-wrap: anywhere;
+    }
+
+    .break-words {
+      overflow-wrap: break-word;
+    }
+
+    .break-all {
+      word-break: break-all;
+    }
+
+    .whitespace-nowrap {
+      white-space: nowrap;
+    }
+
+    .whitespace-pre-wrap {
+      white-space: pre-wrap;
+    }
+
+    .text-\(--btn-bg\) {
+      color: var(--btn-bg);
+    }
+
+    .text-\(--btn-fg\) {
+      color: var(--btn-fg);
+    }
+
+    .text-\(--tag-fg\) {
+      color: var(--tag-fg);
+    }
+
+    .text-accent-foreground {
+      color: var(--accent-foreground);
+    }
+
+    .text-background {
+      color: var(--background);
+    }
+
+    .text-black {
+      color: var(--color-black);
+    }
+
+    .text-blue-400 {
+      color: var(--color-blue-400);
+    }
+
+    .text-blue-600 {
+      color: var(--color-blue-600);
+    }
+
+    .text-card-foreground {
+      color: var(--card-foreground);
+    }
+
+    .text-current {
+      color: currentColor;
+    }
+
+    .text-destructive {
+      color: var(--destructive);
+    }
+
+    .text-foreground {
+      color: var(--foreground);
+    }
+
+    .text-gray-800 {
+      color: var(--color-gray-800);
+    }
+
+    .text-green-400 {
+      color: var(--color-green-400);
+    }
+
+    .text-muted-foreground {
+      color: var(--muted-foreground);
+    }
+
+    .text-popover-foreground {
+      color: var(--popover-foreground);
+    }
+
+    .text-primary {
+      color: var(--primary);
+    }
+
+    .text-primary-foreground {
+      color: var(--primary-foreground);
+    }
+
+    .text-red-400 {
+      color: var(--color-red-400);
+    }
+
+    .text-secondary-foreground {
+      color: var(--secondary-foreground);
+    }
+
+    .text-white {
+      color: var(--color-white);
+    }
+
+    .text-yellow-400 {
+      color: var(--color-yellow-400);
+    }
+
+    .lowercase {
+      text-transform: lowercase;
+    }
+
+    .italic {
+      font-style: italic;
+    }
+
+    .tabular-nums {
+      --tw-numeric-spacing: tabular-nums;
+      font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
+    }
+
+    .underline {
+      text-decoration-line: underline;
+    }
+
+    .underline-offset-1 {
+      text-underline-offset: 1px;
+    }
+
+    .underline-offset-4 {
+      text-underline-offset: 4px;
+    }
+
+    .underline-offset-8 {
+      text-underline-offset: 8px;
+    }
+
+    .opacity-0 {
+      opacity: 0;
+    }
+
+    .opacity-50 {
+      opacity: .5;
+    }
+
+    .opacity-70 {
+      opacity: .7;
+    }
+
+    .opacity-100 {
+      opacity: 1;
+    }
+
+    .shadow {
+      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+
+    .shadow-lg {
+      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+
+    .shadow-md {
+      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+
+    .shadow-none {
+      --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);
+    }
+
+    .shadow-sm {
+      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+      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, #0000000d);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+
+    .ring-0 {
+      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-ring\/50 {
+      --tw-ring-color: var(--ring);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      }
+    }
+
+    .ring-offset-background {
+      --tw-ring-offset-color: var(--background);
+    }
+
+    .outline-hidden {
+      --tw-outline-style: none;
+      outline-style: none;
+
+      @media (forced-colors: active) {
+        outline-offset: 2px;
+        outline: 2px solid #0000;
+      }
+    }
+
+    .outline {
+      outline-style: var(--tw-outline-style);
+      outline-width: 1px;
+    }
+
+    .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, );
+    }
+
+    .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, );
+    }
+
+    .filter {
+      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+    }
+
+    .transition {
+      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .transition-\[color\,box-shadow\] {
+      transition-property: color, box-shadow;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .transition-\[left\] {
+      transition-property: left;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .transition-\[margin\] {
+      transition-property: margin;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .transition-\[opacity\,transform\,scale\] {
+      transition-property: opacity, transform, scale;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .transition-\[opacity\,transform\] {
+      transition-property: opacity, transform;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .transition-\[width\] {
+      transition-property: width;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .transition-all {
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .transition-colors {
+      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .transition-opacity {
+      transition-property: opacity;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      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));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .transition-none {
+      transition-property: none;
+    }
+
+    .duration-150 {
+      --tw-duration: .15s;
+      transition-duration: .15s;
+    }
+
+    .duration-200 {
+      --tw-duration: .2s;
+      transition-duration: .2s;
+    }
+
+    .duration-300 {
+      --tw-duration: .3s;
+      transition-duration: .3s;
+    }
+
+    .ease-in-out {
+      --tw-ease: var(--ease-in-out);
+      transition-timing-function: var(--ease-in-out);
+    }
+
+    .will-change-\[left\] {
+      will-change: left;
+    }
+
+    .will-change-\[margin\] {
+      will-change: margin;
+    }
+
+    .outline-none {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+
+    .select-none {
+      -webkit-user-select: none;
+      user-select: none;
+    }
+
+    .\[--cell-size\:2rem\] {
+      --cell-size: 2rem;
+    }
+
+    .\[--cell-size\:3\.5rem\] {
+      --cell-size: 3.5rem;
+    }
+
+    @media (hover: hover) {
+      .group-hover\:border-current:is(:where(.group):hover *) {
+        border-color: currentColor;
+      }
+    }
+
+    .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *) {
+      text-wrap: balance;
+    }
+
+    .group-data-\[direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-direction="bottom"] *) {
+      display: block;
+    }
+
+    .group-data-\[direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-direction="bottom"] *), .group-data-\[direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-direction="top"] *) {
+      text-align: center;
+    }
+
+    .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"] *), .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *) {
+      opacity: .5;
+    }
+
+    .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) {
+      position: relative;
+    }
+
+    .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) {
+      z-index: 10;
+    }
+
+    .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) {
+      border-color: var(--ring);
+    }
+
+    .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="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);
+    }
+
+    .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
+      --tw-ring-color: var(--ring);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      }
+    }
+
+    .group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size="default"] *) {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+
+    .group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size="sm"] *) {
+      width: calc(var(--spacing) * 3);
+      height: calc(var(--spacing) * 3);
+    }
+
+    .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
+      margin-bottom: calc(var(--spacing) * -2);
+    }
+
+    .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
+      cursor: not-allowed;
+    }
+
+    .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
+      opacity: .5;
+    }
+
+    .selection\:bg-primary ::selection, .selection\:bg-primary::selection {
+      background-color: var(--primary);
+    }
+
+    .selection\:text-primary-foreground ::selection, .selection\:text-primary-foreground::selection {
+      color: var(--primary-foreground);
+    }
+
+    .file\:inline-flex::file-selector-button {
+      display: inline-flex;
+    }
+
+    .file\:h-7::file-selector-button {
+      height: calc(var(--spacing) * 7);
+    }
+
+    .file\:border-0::file-selector-button {
+      border-style: var(--tw-border-style);
+      border-width: 0;
+    }
+
+    .file\:bg-transparent::file-selector-button {
+      background-color: #0000;
+    }
+
+    .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\:text-foreground::file-selector-button {
+      color: var(--foreground);
+    }
+
+    .placeholder\:text-muted-foreground::placeholder {
+      color: var(--muted-foreground);
+    }
+
+    .after\:absolute:after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+
+    .after\:inset-y-0:after {
+      content: var(--tw-content);
+      inset-block: 0;
+    }
+
+    .after\:left-1\/2:after {
+      content: var(--tw-content);
+      left: 50%;
+    }
+
+    .after\:w-1:after {
+      content: var(--tw-content);
+      width: var(--spacing);
+    }
+
+    .after\:-translate-x-1\/2:after {
+      content: var(--tw-content);
+      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .last\:mt-0:last-child {
+      margin-top: 0;
+    }
+
+    .last\:border-e-0:last-child {
+      border-inline-end-style: var(--tw-border-style);
+      border-inline-end-width: 0;
+    }
+
+    .last\:border-b-0:last-child {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0;
+    }
+
+    .even\:bg-muted\/30:nth-child(2n) {
+      background-color: var(--muted);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
+      }
+    }
+
+    .empty\:p-0:empty {
+      padding: 0;
+    }
+
+    .focus-within\:border-ring:focus-within {
+      border-color: var(--ring);
+    }
+
+    .focus-within\:ring-\[3px\]:focus-within {
+      --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-within\:ring-ring\/50:focus-within {
+      --tw-ring-color: var(--ring);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      }
+    }
+
+    @media (hover: hover) {
+      .hover\:border-current:hover {
+        border-color: currentColor;
+      }
+
+      .hover\:bg-\(--btn-bg-hover\):hover {
+        background-color: var(--btn-bg-hover);
+      }
+
+      .hover\:bg-accent:hover, .hover\:bg-accent\/50:hover {
+        background-color: var(--accent);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-accent\/50:hover {
+          background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+        }
+      }
+
+      .hover\:bg-background\/70:hover {
+        background-color: var(--background);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-background\/70:hover {
+          background-color: color-mix(in oklab, var(--background) 70%, transparent);
+        }
+      }
+
+      .hover\:bg-black\/5:hover {
+        background-color: #0000000d;
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-black\/5:hover {
+          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+        }
+      }
+
+      .hover\:bg-border\/80:hover {
+        background-color: var(--border);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-border\/80:hover {
+          background-color: color-mix(in oklab, var(--border) 80%, transparent);
+        }
+      }
+
+      .hover\:bg-destructive\/90:hover {
+        background-color: var(--destructive);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-destructive\/90:hover {
+          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
+        }
+      }
+
+      .hover\:bg-muted-foreground\/50:hover {
+        background-color: var(--muted-foreground);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-muted-foreground\/50:hover {
+          background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
+        }
+      }
+
+      .hover\:bg-muted\/50:hover {
+        background-color: var(--muted);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-muted\/50:hover {
+          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+        }
+      }
+
+      .hover\:bg-muted\/80:hover {
+        background-color: var(--muted);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-muted\/80:hover {
+          background-color: color-mix(in oklab, var(--muted) 80%, transparent);
+        }
+      }
+
+      .hover\:bg-primary\/10:hover {
+        background-color: var(--primary);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-primary\/10:hover {
+          background-color: color-mix(in oklab, var(--primary) 10%, transparent);
+        }
+      }
+
+      .hover\:bg-primary\/90:hover {
+        background-color: var(--primary);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-primary\/90:hover {
+          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
+        }
+      }
+
+      .hover\:bg-secondary\/80:hover {
+        background-color: var(--secondary);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-secondary\/80:hover {
+          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
+        }
+      }
+
+      .hover\:text-accent-foreground:hover {
+        color: var(--accent-foreground);
+      }
+
+      .hover\:text-foreground:hover {
+        color: var(--foreground);
+      }
+
+      .hover\:no-underline:hover {
+        text-decoration-line: none;
+      }
+
+      .hover\:underline:hover {
+        text-decoration-line: underline;
+      }
+
+      .hover\:underline-offset-8:hover {
+        text-underline-offset: 8px;
+      }
+
+      .hover\:opacity-100:hover {
+        opacity: 1;
+      }
+
+      .hover\:ring-4:hover {
+        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + 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\: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\:ring-ring:focus {
+      --tw-ring-color: var(--ring);
+    }
+
+    .focus\:ring-offset-2:focus {
+      --tw-ring-offset-width: 2px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+
+    .focus\:outline-hidden:focus {
+      --tw-outline-style: none;
+      outline-style: none;
+
+      @media (forced-colors: active) {
+        outline-offset: 2px;
+        outline: 2px solid #0000;
+      }
+    }
+
+    .focus-visible\:rounded-sm:focus-visible {
+      border-radius: calc(var(--radius) - 4px);
+    }
+
+    .focus-visible\:border-0:focus-visible {
+      border-style: var(--tw-border-style);
+      border-width: 0;
+    }
+
+    .focus-visible\:border-ring:focus-visible {
+      border-color: var(--ring);
+    }
+
+    .focus-visible\:ring-0:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-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-\[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-destructive\/20:focus-visible {
+      --tw-ring-color: var(--destructive);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+
+    .focus-visible\:ring-ring:focus-visible {
+      --tw-ring-color: var(--ring);
+    }
+
+    .focus-visible\:ring-ring\/50:focus-visible {
+      --tw-ring-color: var(--ring);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      }
+    }
+
+    .focus-visible\:ring-offset-1:focus-visible {
+      --tw-ring-offset-width: 1px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+
+    .focus-visible\:outline-hidden:focus-visible {
+      --tw-outline-style: none;
+      outline-style: none;
+
+      @media (forced-colors: active) {
+        outline-offset: 2px;
+        outline: 2px solid #0000;
+      }
+    }
+
+    .focus-visible\:outline-2:focus-visible {
+      outline-style: var(--tw-outline-style);
+      outline-width: 2px;
+    }
+
+    .focus-visible\:outline-ring:focus-visible {
+      outline-color: var(--ring);
+    }
+
+    .focus-visible\:ring-inset:focus-visible {
+      --tw-ring-inset: inset;
+    }
+
+    .active\:bg-\(--btn-bg-active\):active {
+      background-color: var(--btn-bg-active);
+    }
+
+    .disabled\:pointer-events-none:disabled {
+      pointer-events: none;
+    }
+
+    .disabled\:cursor-not-allowed:disabled {
+      cursor: not-allowed;
+    }
+
+    .disabled\:opacity-50:disabled {
+      opacity: .5;
+    }
+
+    .has-focus\:border-ring:has(:focus) {
+      border-color: var(--ring);
+    }
+
+    .has-focus\:ring-\[3px\]:has(:focus) {
+      --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);
+    }
+
+    .has-focus\:ring-ring\/50:has(:focus) {
+      --tw-ring-color: var(--ring);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      }
+    }
+
+    .has-\[\:focus-visible\]\:ring-4:has(:focus-visible) {
+      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + 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);
+    }
+
+    .has-\[\:focus-visible\]\:outline-hidden:has(:focus-visible) {
+      --tw-outline-style: none;
+      outline-style: none;
+
+      @media (forced-colors: active) {
+        outline-offset: 2px;
+        outline: 2px solid #0000;
+      }
+    }
+
+    .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
+      gap: calc(var(--spacing) * 3);
+    }
+
+    .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
+      align-items: flex-start;
+    }
+
+    .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) {
+      width: 100%;
+    }
+
+    .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) {
+      flex-direction: column;
+    }
+
+    .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) {
+      border-radius: calc(var(--radius) - 2px);
+    }
+
+    .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+
+    .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
+      gap: calc(var(--spacing) * 3);
+    }
+
+    .has-\[\>svg\]\:px-1\.5:has( > svg) {
+      padding-inline: calc(var(--spacing) * 1.5);
+    }
+
+    .has-\[\>svg\]\:px-2\.5:has( > svg) {
+      padding-inline: calc(var(--spacing) * 2.5);
+    }
+
+    .has-\[\>svg\]\:px-3:has( > svg) {
+      padding-inline: calc(var(--spacing) * 3);
+    }
+
+    .has-\[\>svg\]\:px-4:has( > svg) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+
+    .aria-disabled\:pointer-events-none[aria-disabled="true"] {
+      pointer-events: none;
+    }
+
+    .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
+      cursor: not-allowed;
+    }
+
+    .aria-disabled\:opacity-50[aria-disabled="true"] {
+      opacity: .5;
+    }
+
+    .aria-invalid\:border-destructive[aria-invalid="true"] {
+      border-color: var(--destructive);
+    }
+
+    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
+      --tw-ring-color: var(--destructive);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+
+    .aria-selected\:text-muted-foreground[aria-selected="true"] {
+      color: var(--muted-foreground);
+    }
+
+    .aria-\[orientation\=horizontal\]\:h-px[aria-orientation="horizontal"] {
+      height: 1px;
+    }
+
+    .aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] {
+      width: 100%;
+    }
+
+    .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation="horizontal"]:after {
+      content: var(--tw-content);
+      left: 0;
+    }
+
+    .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation="horizontal"]:after {
+      content: var(--tw-content);
+      height: var(--spacing);
+    }
+
+    .aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation="horizontal"]:after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+
+    .aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation="horizontal"]:after {
+      content: var(--tw-content);
+      --tw-translate-x: 0px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation="horizontal"]:after {
+      content: var(--tw-content);
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .aria-\[orientation\=vertical\]\:flex-col[aria-orientation="vertical"] {
+      flex-direction: column;
+    }
+
+    .data-active\:border-primary[data-active] {
+      border-color: var(--primary);
+    }
+
+    .data-active\:text-foreground[data-active] {
+      color: var(--foreground);
+    }
+
+    .data-checked\:left-\[calc\(100\%-22px\)\][data-checked] {
+      left: calc(100% - 22px);
+    }
+
+    .data-checked\:left-\[calc\(100\%-26px\)\][data-checked] {
+      left: calc(100% - 26px);
+    }
+
+    .data-checked\:left-\[calc\(100\%-34px\)\][data-checked] {
+      left: calc(100% - 34px);
+    }
+
+    .data-checked\:translate-x-\[calc\(100\%-2px\)\][data-checked] {
+      --tw-translate-x: calc(100% - 2px);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .data-checked\:border-primary[data-checked] {
+      border-color: var(--primary);
+    }
+
+    .data-checked\:bg-primary[data-checked] {
+      background-color: var(--primary);
+    }
+
+    .data-checked\:text-primary-foreground[data-checked] {
+      color: var(--primary-foreground);
+    }
+
+    .data-disabled\:pointer-events-none[data-disabled] {
+      pointer-events: none;
+    }
+
+    .data-disabled\:cursor-not-allowed[data-disabled] {
+      cursor: not-allowed;
+    }
+
+    .data-disabled\:opacity-50[data-disabled] {
+      opacity: .5;
+    }
+
+    .data-ending-style\:scale-95[data-ending-style] {
+      --tw-scale-x: 95%;
+      --tw-scale-y: 95%;
+      --tw-scale-z: 95%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+
+    .data-ending-style\:opacity-0[data-ending-style] {
+      opacity: 0;
+    }
+
+    .data-error\:invisible[data-error] {
+      visibility: hidden;
+    }
+
+    .data-highlighted\:bg-accent[data-highlighted] {
+      background-color: var(--accent);
+    }
+
+    .data-highlighted\:text-accent-foreground[data-highlighted] {
+      color: var(--accent-foreground);
+    }
+
+    .data-indeterminate\:border-primary[data-indeterminate] {
+      border-color: var(--primary);
+    }
+
+    .data-indeterminate\:bg-primary[data-indeterminate] {
+      background-color: var(--primary);
+    }
+
+    .data-indeterminate\:text-primary-foreground[data-indeterminate] {
+      color: var(--primary-foreground);
+    }
+
+    .data-loading\:invisible[data-loading] {
+      visibility: hidden;
+    }
+
+    .data-open\:bg-accent[data-open] {
+      background-color: var(--accent);
+    }
+
+    .data-open\:text-muted-foreground[data-open], .data-placeholder\:text-muted-foreground[data-placeholder] {
+      color: var(--muted-foreground);
+    }
+
+    .data-pressed\:bg-accent[data-pressed] {
+      background-color: var(--accent);
+    }
+
+    .data-pressed\:bg-background[data-pressed] {
+      background-color: var(--background);
+    }
+
+    .data-pressed\:text-accent-foreground[data-pressed] {
+      color: var(--accent-foreground);
+    }
+
+    .data-pressed\:text-foreground[data-pressed] {
+      color: var(--foreground);
+    }
+
+    .data-pressed\:shadow-xs[data-pressed] {
+      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+
+    .data-separator-active\:bg-border[data-separator-active] {
+      background-color: var(--border);
+    }
+
+    .data-starting-style\:scale-95[data-starting-style] {
+      --tw-scale-x: 95%;
+      --tw-scale-y: 95%;
+      --tw-scale-z: 95%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+
+    .data-starting-style\:opacity-0[data-starting-style] {
+      opacity: 0;
+    }
+
+    .data-unchecked\:left-0\.5[data-unchecked] {
+      left: calc(var(--spacing) * .5);
+    }
+
+    .data-unchecked\:translate-x-0[data-unchecked] {
+      --tw-translate-x: 0px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .data-unchecked\:bg-input[data-unchecked] {
+      background-color: var(--input);
+    }
+
+    .data-\[direction\=bottom\]\:inset-x-0[data-direction="bottom"] {
+      inset-inline: 0;
+    }
+
+    .data-\[direction\=bottom\]\:bottom-0[data-direction="bottom"] {
+      bottom: 0;
+    }
+
+    .data-\[direction\=bottom\]\:mt-24[data-direction="bottom"] {
+      margin-top: calc(var(--spacing) * 24);
+    }
+
+    .data-\[direction\=bottom\]\:max-h-\[80vh\][data-direction="bottom"] {
+      max-height: 80vh;
+    }
+
+    .data-\[direction\=bottom\]\:w-full[data-direction="bottom"] {
+      width: 100%;
+    }
+
+    .data-\[direction\=bottom\]\:rounded-t-lg[data-direction="bottom"] {
+      border-top-left-radius: var(--radius);
+      border-top-right-radius: var(--radius);
+    }
+
+    .data-\[direction\=bottom\]\:border-t[data-direction="bottom"] {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 1px;
+    }
+
+    .data-\[direction\=bottom\]\:data-ending-style\:translate-y-full[data-direction="bottom"][data-ending-style], .data-\[direction\=bottom\]\:data-starting-style\:translate-y-full[data-direction="bottom"][data-starting-style] {
+      --tw-translate-y: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .data-\[direction\=left\]\:inset-y-0[data-direction="left"] {
+      inset-block: 0;
+    }
+
+    .data-\[direction\=left\]\:left-0[data-direction="left"] {
+      left: 0;
+    }
+
+    .data-\[direction\=left\]\:h-full[data-direction="left"] {
+      height: 100%;
+    }
+
+    .data-\[direction\=left\]\:w-3\/4[data-direction="left"] {
+      width: 75%;
+    }
+
+    .data-\[direction\=left\]\:border-r[data-direction="left"] {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 1px;
+    }
+
+    .data-\[direction\=left\]\:data-ending-style\:-translate-x-full[data-direction="left"][data-ending-style], .data-\[direction\=left\]\:data-starting-style\:-translate-x-full[data-direction="left"][data-starting-style] {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .data-\[direction\=right\]\:inset-y-0[data-direction="right"] {
+      inset-block: 0;
+    }
+
+    .data-\[direction\=right\]\:right-0[data-direction="right"] {
+      right: 0;
+    }
+
+    .data-\[direction\=right\]\:h-full[data-direction="right"] {
+      height: 100%;
+    }
+
+    .data-\[direction\=right\]\:w-3\/4[data-direction="right"] {
+      width: 75%;
+    }
+
+    .data-\[direction\=right\]\:border-l[data-direction="right"] {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+
+    .data-\[direction\=right\]\:data-ending-style\:translate-x-full[data-direction="right"][data-ending-style], .data-\[direction\=right\]\:data-starting-style\:translate-x-full[data-direction="right"][data-starting-style] {
+      --tw-translate-x: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .data-\[direction\=top\]\:inset-x-0[data-direction="top"] {
+      inset-inline: 0;
+    }
+
+    .data-\[direction\=top\]\:top-0[data-direction="top"] {
+      top: 0;
+    }
+
+    .data-\[direction\=top\]\:mb-24[data-direction="top"] {
+      margin-bottom: calc(var(--spacing) * 24);
+    }
+
+    .data-\[direction\=top\]\:max-h-\[80vh\][data-direction="top"] {
+      max-height: 80vh;
+    }
+
+    .data-\[direction\=top\]\:w-full[data-direction="top"] {
+      width: 100%;
+    }
+
+    .data-\[direction\=top\]\:rounded-b-lg[data-direction="top"] {
+      border-bottom-right-radius: var(--radius);
+      border-bottom-left-radius: var(--radius);
+    }
+
+    .data-\[direction\=top\]\:border-b[data-direction="top"] {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+
+    .data-\[direction\=top\]\:data-ending-style\:-translate-y-full[data-direction="top"][data-ending-style], .data-\[direction\=top\]\:data-starting-style\:-translate-y-full[data-direction="top"][data-starting-style] {
+      --tw-translate-y: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
+      cursor: not-allowed;
+    }
+
+    .data-\[disabled\]\:opacity-50[data-disabled] {
+      opacity: .5;
+    }
+
+    .data-\[empty\=true\]\:text-muted-foreground[data-empty="true"] {
+      color: var(--muted-foreground);
+    }
+
+    .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
+      color: var(--destructive);
+    }
+
+    .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
+      height: calc(var(--spacing) * 1.5);
+    }
+
+    .data-\[orientation\=horizontal\]\:h-auto[data-orientation="horizontal"] {
+      height: auto;
+    }
+
+    .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
+      height: 100%;
+    }
+
+    .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
+      height: 1px;
+    }
+
+    .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
+      width: 100%;
+    }
+
+    .data-\[orientation\=vertical\]\:-mr-px[data-orientation="vertical"] {
+      margin-right: -1px;
+    }
+
+    .data-\[orientation\=vertical\]\:mb-0[data-orientation="vertical"] {
+      margin-bottom: 0;
+    }
+
+    .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
+      height: auto;
+    }
+
+    .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
+      height: 100%;
+    }
+
+    .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] {
+      min-height: calc(var(--spacing) * 44);
+    }
+
+    .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
+      width: calc(var(--spacing) * 1.5);
+    }
+
+    .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
+      width: auto;
+    }
+
+    .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
+      width: 100%;
+    }
+
+    .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
+      width: 1px;
+    }
+
+    .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
+      flex-direction: column;
+    }
+
+    .data-\[orientation\=vertical\]\:flex-row[data-orientation="vertical"] {
+      flex-direction: row;
+    }
+
+    .data-\[orientation\=vertical\]\:justify-start[data-orientation="vertical"] {
+      justify-content: flex-start;
+    }
+
+    .data-\[orientation\=vertical\]\:border-r[data-orientation="vertical"] {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 1px;
+    }
+
+    .data-\[orientation\=vertical\]\:border-r-2[data-orientation="vertical"] {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 2px;
+    }
+
+    .data-\[orientation\=vertical\]\:border-b-0[data-orientation="vertical"] {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0;
+    }
+
+    .data-\[orientation\=vertical\]\:text-left[data-orientation="vertical"] {
+      text-align: left;
+    }
+
+    .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
+      border-radius: calc(var(--radius) - 2px);
+    }
+
+    .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
+      background-color: var(--primary);
+    }
+
+    .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
+      color: var(--primary-foreground);
+    }
+
+    .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
+      border-radius: 0;
+    }
+
+    .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
+      background-color: var(--accent);
+    }
+
+    .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
+      color: var(--accent-foreground);
+    }
+
+    .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
+      border-radius: calc(var(--radius) - 2px);
+    }
+
+    .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
+      background-color: var(--primary);
+    }
+
+    .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
+      color: var(--primary-foreground);
+    }
+
+    .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
+      background-color: var(--primary);
+    }
+
+    .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
+      color: var(--primary-foreground);
+    }
+
+    .data-\[selected\=true\]\:rounded-none[data-selected="true"] {
+      border-radius: 0;
+    }
+
+    .data-\[side\=bottom\]\:-top-2[data-side="bottom"] {
+      top: calc(var(--spacing) * -2);
+    }
+
+    .data-\[side\=left\]\:-right-\[13px\][data-side="left"] {
+      right: -13px;
+    }
+
+    .data-\[side\=left\]\:rotate-90[data-side="left"] {
+      rotate: 90deg;
+    }
+
+    .data-\[side\=right\]\:-left-\[13px\][data-side="right"] {
+      left: -13px;
+    }
+
+    .data-\[side\=right\]\:-rotate-90[data-side="right"] {
+      rotate: -90deg;
+    }
+
+    .data-\[side\=top\]\:-bottom-2[data-side="top"] {
+      bottom: calc(var(--spacing) * -2);
+    }
+
+    .data-\[side\=top\]\:rotate-180[data-side="top"] {
+      rotate: 180deg;
+    }
+
+    .data-\[side\=…\]\:-top-2[data-side="…"] {
+      top: calc(var(--spacing) * -2);
+    }
+
+    .data-\[size\=default\]\:h-9[data-size="default"] {
+      height: calc(var(--spacing) * 9);
+    }
+
+    .data-\[size\=default\]\:h-\[1\.15rem\][data-size="default"] {
+      height: 1.15rem;
+    }
+
+    .data-\[size\=default\]\:w-8[data-size="default"] {
+      width: calc(var(--spacing) * 8);
+    }
+
+    .data-\[size\=sm\]\:h-3\.5[data-size="sm"] {
+      height: calc(var(--spacing) * 3.5);
+    }
+
+    .data-\[size\=sm\]\:h-8[data-size="sm"] {
+      height: calc(var(--spacing) * 8);
+    }
+
+    .data-\[size\=sm\]\:w-6[data-size="sm"] {
+      width: calc(var(--spacing) * 6);
+    }
+
+    .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
+      gap: calc(var(--spacing) * 3);
+    }
+
+    :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+      display: -webkit-box;
+      overflow: hidden;
+    }
+
+    :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
+      display: flex;
+    }
+
+    :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
+      align-items: center;
+    }
+
+    :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
+      gap: calc(var(--spacing) * 2);
+    }
+
+    .data-\[variant\=label\]\:text-sm[data-variant="label"] {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+
+    .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
+
+    .nth-last-2\:-mt-1:nth-last-child(2) {
+      margin-top: calc(var(--spacing) * -1);
+    }
+
+    @media (width < 40rem) {
+      .max-sm\:max-w-\[80\%\] {
+        max-width: 80%;
+      }
+    }
+
+    @media (width >= 40rem) {
+      .sm\:col-start-2 {
+        grid-column-start: 2;
+      }
+
+      .sm\:col-start-3 {
+        grid-column-start: 3;
+      }
+
+      .sm\:row-start-1 {
+        grid-row-start: 1;
+      }
+
+      .sm\:max-w-lg {
+        max-width: var(--container-lg);
+      }
+
+      .sm\:max-w-sm {
+        max-width: var(--container-sm);
+      }
+
+      .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
+        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+      }
+
+      .sm\:grid-cols-\[repeat\(var\(--descriptions-columns-sm\)\,minmax\(0\,1fr\)\)\] {
+        grid-template-columns: repeat(var(--descriptions-columns-sm),minmax(0,1fr));
+      }
+
+      .sm\:flex-col {
+        flex-direction: column;
+      }
+
+      .sm\:flex-row {
+        flex-direction: row;
+      }
+
+      .sm\:justify-end {
+        justify-content: flex-end;
+      }
+
+      .sm\:px-6 {
+        padding-inline: calc(var(--spacing) * 6);
+      }
+
+      .sm\:text-left {
+        text-align: left;
+      }
+
+      .sm\:text-2xl {
+        font-size: var(--text-2xl);
+        line-height: var(--tw-leading, var(--text-2xl--line-height));
+      }
+
+      .sm\:text-3xl {
+        font-size: var(--text-3xl);
+        line-height: var(--tw-leading, var(--text-3xl--line-height));
+      }
+
+      .sm\:text-4xl {
+        font-size: var(--text-4xl);
+        line-height: var(--tw-leading, var(--text-4xl--line-height));
+      }
+
+      .sm\:text-5xl {
+        font-size: var(--text-5xl);
+        line-height: var(--tw-leading, var(--text-5xl--line-height));
+      }
+
+      .sm\:text-lg {
+        font-size: var(--text-lg);
+        line-height: var(--tw-leading, var(--text-lg--line-height));
+      }
+
+      .sm\:text-xl {
+        font-size: var(--text-xl);
+        line-height: var(--tw-leading, var(--text-xl--line-height));
+      }
+
+      .data-\[direction\=left\]\:sm\:max-w-sm[data-direction="left"], .data-\[direction\=right\]\:sm\:max-w-sm[data-direction="right"] {
+        max-width: var(--container-sm);
+      }
+    }
+
+    @media (width >= 48rem) {
+      .md\:grid-cols-\[repeat\(var\(--descriptions-columns-md\)\,minmax\(0\,1fr\)\)\] {
+        grid-template-columns: repeat(var(--descriptions-columns-md),minmax(0,1fr));
+      }
+
+      .md\:flex-row {
+        flex-direction: row;
+      }
+
+      .md\:gap-1\.5 {
+        gap: calc(var(--spacing) * 1.5);
+      }
+
+      .md\:text-left {
+        text-align: left;
+      }
+
+      .md\:text-sm {
+        font-size: var(--text-sm);
+        line-height: var(--tw-leading, var(--text-sm--line-height));
+      }
+    }
+
+    @media (width >= 64rem) {
+      .lg\:grid-cols-\[repeat\(var\(--descriptions-columns-lg\)\,minmax\(0\,1fr\)\)\] {
+        grid-template-columns: repeat(var(--descriptions-columns-lg),minmax(0,1fr));
+      }
+
+      .lg\:px-8 {
+        padding-inline: calc(var(--spacing) * 8);
+      }
+
+      .lg\:text-2xl {
+        font-size: var(--text-2xl);
+        line-height: var(--tw-leading, var(--text-2xl--line-height));
+      }
+
+      .lg\:text-3xl {
+        font-size: var(--text-3xl);
+        line-height: var(--tw-leading, var(--text-3xl--line-height));
+      }
+
+      .lg\:text-4xl {
+        font-size: var(--text-4xl);
+        line-height: var(--tw-leading, var(--text-4xl--line-height));
+      }
+
+      .lg\:text-5xl {
+        font-size: var(--text-5xl);
+        line-height: var(--tw-leading, var(--text-5xl--line-height));
+      }
+
+      .lg\:text-6xl {
+        font-size: var(--text-6xl);
+        line-height: var(--tw-leading, var(--text-6xl--line-height));
+      }
+
+      .lg\:text-xl {
+        font-size: var(--text-xl);
+        line-height: var(--tw-leading, var(--text-xl--line-height));
+      }
+    }
+
+    @media (width >= 80rem) {
+      .xl\:grid-cols-\[repeat\(var\(--descriptions-columns-xl\)\,minmax\(0\,1fr\)\)\] {
+        grid-template-columns: repeat(var(--descriptions-columns-xl),minmax(0,1fr));
+      }
+    }
+
+    @media (width >= 96rem) {
+      .\32 xl\:grid-cols-\[repeat\(var\(--descriptions-columns-2xl\)\,minmax\(0\,1fr\)\)\] {
+        grid-template-columns: repeat(var(--descriptions-columns-2xl),minmax(0,1fr));
+      }
+    }
+
+    @container form (width >= 28rem) {
+      .\@md\/form\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,3fr\)\] {
+        grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
+      }
+    }
+
+    @container field-group (width >= 28rem) {
+      .\@md\/field-group\:flex-row {
+        flex-direction: row;
+      }
+
+      .\@md\/field-group\:items-center {
+        align-items: center;
+      }
+    }
+
+    @container form (width >= 28rem) {
+      .\@md\/form\:items-start {
+        align-items: flex-start;
+      }
+
+      .\@md\/form\:pt-2 {
+        padding-top: calc(var(--spacing) * 2);
+      }
+    }
+
+    @container field-group (width >= 28rem) {
+      .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
+        align-items: flex-start;
+      }
+    }
+
+    .rtl\:-translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .dark\:border-input:is(.dark *, [data-theme="dark"] *) {
+      border-color: var(--input);
+    }
+
+    .dark\:bg-destructive\/60:is(.dark *, [data-theme="dark"] *) {
+      background-color: var(--destructive);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
+      }
+    }
+
+    .dark\:bg-green-500:is(.dark *, [data-theme="dark"] *) {
+      background-color: var(--color-green-500);
+    }
+
+    .dark\:bg-input\/30:is(.dark *, [data-theme="dark"] *) {
+      background-color: var(--input);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--input) 30%, transparent);
+      }
+    }
+
+    @media (hover: hover) {
+      .dark\:hover\:bg-accent\/50:is(.dark *, [data-theme="dark"] *):hover {
+        background-color: var(--accent);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .dark\:hover\:bg-accent\/50:is(.dark *, [data-theme="dark"] *):hover {
+          background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+        }
+      }
+
+      .dark\:hover\:bg-input\/50:is(.dark *, [data-theme="dark"] *):hover {
+        background-color: var(--input);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .dark\:hover\:bg-input\/50:is(.dark *, [data-theme="dark"] *):hover {
+          background-color: color-mix(in oklab, var(--input) 50%, transparent);
+        }
+      }
+    }
+
+    .dark\:focus-visible\:ring-destructive\/40:is(.dark *, [data-theme="dark"] *):focus-visible {
+      --tw-ring-color: var(--destructive);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+      }
+    }
+
+    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *, [data-theme="dark"] *)[aria-invalid="true"] {
+      --tw-ring-color: var(--destructive);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+      }
+    }
+
+    .dark\:data-checked\:bg-primary:is(.dark *, [data-theme="dark"] *)[data-checked] {
+      background-color: var(--primary);
+    }
+
+    .dark\:data-checked\:bg-primary-foreground:is(.dark *, [data-theme="dark"] *)[data-checked] {
+      background-color: var(--primary-foreground);
+    }
+
+    .dark\:data-unchecked\:bg-foreground:is(.dark *, [data-theme="dark"] *)[data-unchecked] {
+      background-color: var(--foreground);
+    }
+
+    .dark\:data-unchecked\:bg-input\/80:is(.dark *, [data-theme="dark"] *)[data-unchecked] {
+      background-color: var(--input);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--input) 80%, transparent);
+      }
+    }
+
+    .\[\&_\.rdp-month\]\:w-full .rdp-month {
+      width: 100%;
+    }
+
+    .\[\&_\.tiptap\]\:outline-none .tiptap {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+
+    .\[\&_\.tiptap_a\]\:underline .tiptap a {
+      text-decoration-line: underline;
+    }
+
+    .\[\&_\.tiptap_a\]\:underline-offset-2 .tiptap a {
+      text-underline-offset: 2px;
+    }
+
+    .\[\&_\.tiptap_blockquote\]\:my-2 .tiptap blockquote {
+      margin-block: calc(var(--spacing) * 2);
+    }
+
+    .\[\&_\.tiptap_blockquote\]\:border-l-2 .tiptap blockquote {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 2px;
+    }
+
+    .\[\&_\.tiptap_blockquote\]\:border-border .tiptap blockquote {
+      border-color: var(--border);
+    }
+
+    .\[\&_\.tiptap_blockquote\]\:pl-3 .tiptap blockquote {
+      padding-left: calc(var(--spacing) * 3);
+    }
+
+    .\[\&_\.tiptap_blockquote\]\:text-muted-foreground .tiptap blockquote {
+      color: var(--muted-foreground);
+    }
+
+    .\[\&_\.tiptap_blockquote\]\:italic .tiptap blockquote {
+      font-style: italic;
+    }
+
+    .\[\&_\.tiptap_code\]\:rounded .tiptap code {
+      border-radius: .25rem;
+    }
+
+    .\[\&_\.tiptap_code\]\:bg-muted .tiptap code {
+      background-color: var(--muted);
+    }
+
+    .\[\&_\.tiptap_code\]\:px-1 .tiptap code {
+      padding-inline: var(--spacing);
+    }
+
+    .\[\&_\.tiptap_code\]\:py-0\.5 .tiptap code {
+      padding-block: calc(var(--spacing) * .5);
+    }
+
+    .\[\&_\.tiptap_code\]\:font-mono .tiptap code {
+      font-family: var(--ui-font-mono, var(--font-geist-mono));
+    }
+
+    .\[\&_\.tiptap_code\]\:text-\[0\.85em\] .tiptap code {
+      font-size: .85em;
+    }
+
+    .\[\&_\.tiptap_h1\]\:mt-6 .tiptap h1 {
+      margin-top: calc(var(--spacing) * 6);
+    }
+
+    .\[\&_\.tiptap_h1\]\:mb-2 .tiptap h1 {
+      margin-bottom: calc(var(--spacing) * 2);
+    }
+
+    .\[\&_\.tiptap_h1\]\:text-2xl .tiptap h1 {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
+    }
+
+    .\[\&_\.tiptap_h1\]\:font-bold .tiptap h1 {
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+    }
+
+    .\[\&_\.tiptap_h2\]\:mt-5 .tiptap h2 {
+      margin-top: calc(var(--spacing) * 5);
+    }
+
+    .\[\&_\.tiptap_h2\]\:mb-2 .tiptap h2 {
+      margin-bottom: calc(var(--spacing) * 2);
+    }
+
+    .\[\&_\.tiptap_h2\]\:text-xl .tiptap h2 {
+      font-size: var(--text-xl);
+      line-height: var(--tw-leading, var(--text-xl--line-height));
+    }
+
+    .\[\&_\.tiptap_h2\]\:font-bold .tiptap h2 {
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+    }
+
+    .\[\&_\.tiptap_h3\]\:mt-4 .tiptap h3 {
+      margin-top: calc(var(--spacing) * 4);
+    }
+
+    .\[\&_\.tiptap_h3\]\:mb-2 .tiptap h3 {
+      margin-bottom: calc(var(--spacing) * 2);
+    }
+
+    .\[\&_\.tiptap_h3\]\:text-lg .tiptap h3 {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
+
+    .\[\&_\.tiptap_h3\]\:font-semibold .tiptap h3 {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+
+    .\[\&_\.tiptap_h4\]\:mt-3 .tiptap h4 {
+      margin-top: calc(var(--spacing) * 3);
+    }
+
+    .\[\&_\.tiptap_h4\]\:mb-1 .tiptap h4 {
+      margin-bottom: var(--spacing);
+    }
+
+    .\[\&_\.tiptap_h4\]\:text-base .tiptap h4 {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
+
+    .\[\&_\.tiptap_h4\]\:font-semibold .tiptap h4 {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+
+    .\[\&_\.tiptap_hr\]\:my-4 .tiptap hr {
+      margin-block: calc(var(--spacing) * 4);
+    }
+
+    .\[\&_\.tiptap_hr\]\:border-border .tiptap hr {
+      border-color: var(--border);
+    }
+
+    .\[\&_\.tiptap_li\]\:my-1 .tiptap li {
+      margin-block: var(--spacing);
+    }
+
+    .\[\&_\.tiptap_ol\]\:my-2 .tiptap ol {
+      margin-block: calc(var(--spacing) * 2);
+    }
+
+    .\[\&_\.tiptap_ol\]\:list-decimal .tiptap ol {
+      list-style-type: decimal;
+    }
+
+    .\[\&_\.tiptap_ol\]\:pl-5 .tiptap ol {
+      padding-left: calc(var(--spacing) * 5);
+    }
+
+    .\[\&_\.tiptap_p\.is-editor-empty\:first-child\:\:before\]\:pointer-events-none .tiptap p.is-editor-empty:first-child:before {
+      pointer-events: none;
+    }
+
+    .\[\&_\.tiptap_p\.is-editor-empty\:first-child\:\:before\]\:float-left .tiptap p.is-editor-empty:first-child:before {
+      float: left;
+    }
+
+    .\[\&_\.tiptap_p\.is-editor-empty\:first-child\:\:before\]\:h-0 .tiptap p.is-editor-empty:first-child:before {
+      height: 0;
+    }
+
+    .\[\&_\.tiptap_p\.is-editor-empty\:first-child\:\:before\]\:text-muted-foreground .tiptap p.is-editor-empty:first-child:before {
+      color: var(--muted-foreground);
+    }
+
+    .\[\&_\.tiptap_p\.is-editor-empty\:first-child\:\:before\]\:content-\[attr\(data-placeholder\)\] .tiptap p.is-editor-empty:first-child:before {
+      --tw-content: attr(data-placeholder);
+      content: var(--tw-content);
+    }
+
+    .\[\&_\.tiptap_pre\]\:my-2 .tiptap pre {
+      margin-block: calc(var(--spacing) * 2);
+    }
+
+    .\[\&_\.tiptap_pre\]\:overflow-x-auto .tiptap pre {
+      overflow-x: auto;
+    }
+
+    .\[\&_\.tiptap_pre\]\:rounded .tiptap pre {
+      border-radius: .25rem;
+    }
+
+    .\[\&_\.tiptap_pre\]\:bg-foreground .tiptap pre {
+      background-color: var(--foreground);
+    }
+
+    .\[\&_\.tiptap_pre\]\:p-3 .tiptap pre {
+      padding: calc(var(--spacing) * 3);
+    }
+
+    .\[\&_\.tiptap_pre\]\:font-mono .tiptap pre {
+      font-family: var(--ui-font-mono, var(--font-geist-mono));
+    }
+
+    .\[\&_\.tiptap_pre\]\:text-sm .tiptap pre {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+
+    .\[\&_\.tiptap_pre\]\:text-background .tiptap pre {
+      color: var(--background);
+    }
+
+    .\[\&_\.tiptap_pre_code\]\:bg-transparent .tiptap pre code {
+      background-color: #0000;
+    }
+
+    .\[\&_\.tiptap_pre_code\]\:p-0 .tiptap pre code {
+      padding: 0;
+    }
+
+    .\[\&_\.tiptap_pre_code\]\:text-inherit .tiptap pre code {
+      color: inherit;
+    }
+
+    .\[\&_\.tiptap_ul\]\:my-2 .tiptap ul {
+      margin-block: calc(var(--spacing) * 2);
+    }
+
+    .\[\&_\.tiptap_ul\]\:list-disc .tiptap ul {
+      list-style-type: disc;
+    }
+
+    .\[\&_\.tiptap_ul\]\:pl-5 .tiptap ul {
+      padding-left: calc(var(--spacing) * 5);
+    }
+
+    .\[\&_\.tiptap\>\*\:first-child\]\:mt-0 .tiptap > :first-child {
+      margin-top: 0;
+    }
+
+    .\[\&_svg\]\:pointer-events-none svg {
+      pointer-events: none;
+    }
+
+    .\[\&_svg\]\:size-5 svg {
+      width: calc(var(--spacing) * 5);
+      height: calc(var(--spacing) * 5);
+    }
+
+    .\[\&_svg\]\:size-12 svg {
+      width: calc(var(--spacing) * 12);
+      height: calc(var(--spacing) * 12);
+    }
+
+    .\[\&_svg\]\:size-16 svg {
+      width: calc(var(--spacing) * 16);
+      height: calc(var(--spacing) * 16);
+    }
+
+    .\[\&_svg\]\:shrink-0 svg {
+      flex-shrink: 0;
+    }
+
+    .\[\&_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-5 svg:not([class*="size-"]) {
+      width: calc(var(--spacing) * 5);
+      height: calc(var(--spacing) * 5);
+    }
+
+    .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
+      color: var(--muted-foreground);
+    }
+
+    .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+      display: none;
+    }
+
+    .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
+      display: none;
+    }
+
+    .\[\&\:\:-webkit-search-decoration\]\:hidden::-webkit-search-decoration {
+      display: none;
+    }
+
+    .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button {
+      border-top-left-radius: calc(var(--radius) - 2px);
+      border-bottom-left-radius: calc(var(--radius) - 2px);
+    }
+
+    :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
+      rotate: 180deg;
+    }
+
+    .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button {
+      border-top-right-radius: calc(var(--radius) - 2px);
+      border-bottom-right-radius: calc(var(--radius) - 2px);
+    }
+
+    .\[\&\>\*\]\:w-full > * {
+      width: 100%;
+    }
+
+    .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 > [data-slot="field"] {
+      padding: calc(var(--spacing) * 4);
+    }
+
+    @container field-group (width >= 28rem) {
+      .\@md\/field-group\:\[\&\>\*\]\:w-auto > * {
+        width: auto;
+      }
+    }
+
+    .\[\&\>\.sr-only\]\:w-auto > .sr-only {
+      width: auto;
+    }
+
+    .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] {
+      gap: calc(var(--spacing) * 4);
+    }
+
+    .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
+      flex: auto;
+    }
+
+    @container field-group (width >= 28rem) {
+      .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
+        flex: auto;
+      }
+    }
+
+    .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
+      margin-top: 1px;
+    }
+
+    @container field-group (width >= 28rem) {
+      .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
+        margin-top: 1px;
+      }
+    }
+
+    .\[\&\>a\]\:underline > a {
+      text-decoration-line: underline;
+    }
+
+    .\[\&\>a\]\:underline-offset-4 > a {
+      text-underline-offset: 4px;
+    }
+
+    .\[\&\>a\:hover\]\:text-primary > a:hover {
+      color: var(--primary);
+    }
+
+    .\[\&\>span\]\:text-xs > span {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+
+    .\[\&\>span\]\:opacity-70 > span {
+      opacity: .7;
+    }
+
+    .\[\&\>svg\]\:pointer-events-none > svg {
+      pointer-events: none;
+    }
+
+    .\[\&\>svg\]\:size-3 > svg {
+      width: calc(var(--spacing) * 3);
+      height: calc(var(--spacing) * 3);
+    }
+
+    .\[\&\>svg\]\:size-3\.5 > svg {
+      width: calc(var(--spacing) * 3.5);
+      height: calc(var(--spacing) * 3.5);
+    }
+
+    .\[\&\>svg\]\:size-4 > svg {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+
+    .\[\&\>svg\]\:size-full > svg {
+      width: 100%;
+      height: 100%;
+    }
+
+    .\[\&\>svg\]\:fill-current > svg {
+      fill: currentColor;
+    }
+
+    .\[\&\>svg\]\:text-muted-foreground > svg {
+      color: var(--muted-foreground);
+    }
+
+    .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation="horizontal"] > div {
+      rotate: 90deg;
+    }
+
+    .\[\&\[data-panel-open\]\>svg\]\:rotate-180[data-panel-open] > svg {
+      rotate: 180deg;
+    }
+
+    [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
+      background-color: #0000;
+    }
+
+    [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:text-inherit {
+      color: inherit;
+    }
+
+    [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
+      background-color: #0000;
+    }
+
+    [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:p-0 {
+      padding: 0;
+    }
+
+    [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:text-inherit {
+      color: inherit;
+    }
+
+    [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
+      margin-top: calc(var(--spacing) * -1.5);
+    }
+
+    @media (hover: hover) {
+      a.\[a\&\]\:hover\:bg-accent:hover {
+        background-color: var(--accent);
+      }
+
+      a.\[a\&\]\:hover\:bg-destructive\/90:hover {
+        background-color: var(--destructive);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        a.\[a\&\]\:hover\:bg-destructive\/90:hover {
+          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
+        }
+      }
+
+      a.\[a\&\]\:hover\:bg-primary\/90:hover {
+        background-color: var(--primary);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        a.\[a\&\]\:hover\:bg-primary\/90:hover {
+          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
+        }
+      }
+
+      a.\[a\&\]\:hover\:bg-secondary\/90:hover {
+        background-color: var(--secondary);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        a.\[a\&\]\:hover\:bg-secondary\/90:hover {
+          background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
+        }
+      }
+
+      a.\[a\&\]\:hover\:text-accent-foreground:hover {
+        color: var(--accent-foreground);
+      }
+
+      a.\[a\&\]\:hover\:underline:hover {
+        text-decoration-line: underline;
+      }
+    }
+  }
+
+  :root {
+    --radius: .625rem;
+    --background: oklch(100% 0 0);
+    --foreground: oklch(14.5% 0 0);
+    --card: oklch(100% 0 0);
+    --card-foreground: oklch(14.5% 0 0);
+    --popover: oklch(100% 0 0);
+    --popover-foreground: oklch(14.5% 0 0);
+    --primary: oklch(20.5% 0 0);
+    --primary-foreground: oklch(98.5% 0 0);
+    --secondary: oklch(97% 0 0);
+    --secondary-foreground: oklch(20.5% 0 0);
+    --muted: oklch(97% 0 0);
+    --muted-foreground: oklch(55.6% 0 0);
+    --accent: oklch(97% 0 0);
+    --accent-foreground: oklch(20.5% 0 0);
+    --destructive: oklch(57.7% .245 27.325);
+    --border: oklch(92.2% 0 0);
+    --input: oklch(92.2% 0 0);
+    --ring: oklch(70.8% 0 0);
+    --chart-1: oklch(64.6% .222 41.116);
+    --chart-2: oklch(60% .118 184.704);
+    --chart-3: oklch(39.8% .07 227.392);
+    --chart-4: oklch(82.8% .189 84.429);
+    --chart-5: oklch(76.9% .188 70.08);
+    --sidebar: oklch(98.5% 0 0);
+    --sidebar-foreground: oklch(14.5% 0 0);
+    --sidebar-primary: oklch(20.5% 0 0);
+    --sidebar-primary-foreground: oklch(98.5% 0 0);
+    --sidebar-accent: oklch(97% 0 0);
+    --sidebar-accent-foreground: oklch(20.5% 0 0);
+    --sidebar-border: oklch(92.2% 0 0);
+    --sidebar-ring: oklch(70.8% 0 0);
+  }
+
+  .dark, [data-theme="dark"] {
+    --background: oklch(14.5% 0 0);
+    --foreground: oklch(98.5% 0 0);
+    --card: oklch(20.5% 0 0);
+    --card-foreground: oklch(98.5% 0 0);
+    --popover: oklch(20.5% 0 0);
+    --popover-foreground: oklch(98.5% 0 0);
+    --primary: oklch(92.2% 0 0);
+    --primary-foreground: oklch(20.5% 0 0);
+    --secondary: oklch(26.9% 0 0);
+    --secondary-foreground: oklch(98.5% 0 0);
+    --muted: oklch(26.9% 0 0);
+    --muted-foreground: oklch(70.8% 0 0);
+    --accent: oklch(26.9% 0 0);
+    --accent-foreground: oklch(98.5% 0 0);
+    --destructive: oklch(70.4% .191 22.216);
+    --border: oklch(100% 0 0 / .1);
+    --input: oklch(100% 0 0 / .15);
+    --ring: oklch(55.6% 0 0);
+    --chart-1: oklch(48.8% .243 264.376);
+    --chart-2: oklch(69.6% .17 162.48);
+    --chart-3: oklch(76.9% .188 70.08);
+    --chart-4: oklch(62.7% .265 303.9);
+    --chart-5: oklch(64.5% .246 16.439);
+    --sidebar: oklch(20.5% 0 0);
+    --sidebar-foreground: oklch(98.5% 0 0);
+    --sidebar-primary: oklch(48.8% .243 264.376);
+    --sidebar-primary-foreground: oklch(98.5% 0 0);
+    --sidebar-accent: oklch(26.9% 0 0);
+    --sidebar-accent-foreground: oklch(98.5% 0 0);
+    --sidebar-border: oklch(100% 0 0 / .1);
+    --sidebar-ring: oklch(55.6% 0 0);
+  }
+
+  @layer base {
+    [data-ui-root] {
+      isolation: isolate;
+    }
+
+    * {
+      border-color: var(--border);
+      outline-color: var(--ring);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      }
+    }
+
+    :where([data-slot], [data-slot] *) {
+      box-sizing: border-box;
+      border-style: solid;
+      border-width: 0;
+    }
+
+    :where([data-slot], [data-slot] *):where(button, input, select, textarea) {
+      appearance: none;
+      color: inherit;
+      font: inherit;
+      background-color: #0000;
+    }
+
+    :where([data-slot], [data-slot] *):where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd, blockquote, figure, pre) {
+      margin: 0;
+    }
+  }
+
+  @layer components {
+    :is([data-slot="button"], [data-slot="tag"])[data-color="blue"] {
+      --preset-color: var(--color-blue-500);
+    }
+
+    :is([data-slot="button"], [data-slot="tag"])[data-color="purple"] {
+      --preset-color: var(--color-purple-500);
+    }
+
+    :is([data-slot="button"], [data-slot="tag"])[data-color="cyan"] {
+      --preset-color: var(--color-cyan-500);
+    }
+
+    :is([data-slot="button"], [data-slot="tag"])[data-color="green"] {
+      --preset-color: var(--color-green-500);
+    }
+
+    :is([data-slot="button"], [data-slot="tag"])[data-color="fuchsia"] {
+      --preset-color: var(--color-fuchsia-500);
+    }
+
+    :is([data-slot="button"], [data-slot="tag"])[data-color="pink"] {
+      --preset-color: var(--color-pink-500);
+    }
+
+    :is([data-slot="button"], [data-slot="tag"])[data-color="red"] {
+      --preset-color: var(--color-red-500);
+    }
+
+    :is([data-slot="button"], [data-slot="tag"])[data-color="orange"] {
+      --preset-color: var(--color-orange-500);
+    }
+
+    :is([data-slot="button"], [data-slot="tag"])[data-color="yellow"] {
+      --preset-color: var(--color-yellow-500);
+    }
+
+    :is([data-slot="button"], [data-slot="tag"])[data-color="indigo"] {
+      --preset-color: var(--color-indigo-500);
+    }
+
+    :is([data-slot="button"], [data-slot="tag"])[data-color="lime"] {
+      --preset-color: var(--color-lime-500);
+    }
+
+    :is([data-slot="button"], [data-slot="tag"])[data-color="amber"] {
+      --preset-color: var(--color-amber-500);
+    }
+
+    [data-slot="button"][data-color] {
+      --btn-bg: var(--preset-color);
+      --btn-fg: white;
+      --btn-border: var(--btn-bg);
+      --btn-bg-hover: var(--btn-bg);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-bg-hover: color-mix(in oklch, var(--btn-bg), black 12%);
+      }
+
+      --btn-bg-active: var(--btn-bg);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-bg-active: color-mix(in oklch, var(--btn-bg), black 22%);
+      }
+    }
+
+    [data-slot="button"][data-color="yellow"], [data-slot="button"][data-color="lime"], [data-slot="button"][data-color="amber"] {
+      --btn-fg: black;
+    }
+
+    [data-slot="button"][data-color="default"] {
+      --btn-bg: var(--muted);
+      --btn-border: var(--muted-foreground);
+    }
+
+    [data-slot="button"][data-color="primary"] {
+      --btn-bg: var(--primary);
+      --btn-fg: var(--primary-foreground);
+    }
+
+    [data-slot="button"][data-color="danger"] {
+      --btn-bg: var(--destructive);
+    }
+
+    [data-slot="tag"][data-color] {
+      --tag-bg: var(--preset-color);
+      --tag-fg: var(--tag-bg);
+      --tag-tint: var(--tag-bg);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tag-tint: color-mix(in oklab, var(--tag-bg), transparent 90%);
+      }
+    }
+
+    [data-slot="tag"][data-color="default"] {
+      --tag-bg: var(--border);
+      --tag-tint: var(--muted);
+      --tag-fg: var(--muted-foreground);
+    }
+
+    [data-slot="tag"][data-color="default"][data-variant="outlined"] {
+      --tag-fg: var(--foreground);
+    }
+
+    [data-slot="tag"][data-color="primary"] {
+      --tag-bg: var(--primary);
+    }
+
+    [data-slot="tag"][data-color="danger"] {
+      --tag-bg: var(--destructive);
+    }
+
+    [data-slot="tag"][data-color="success"] {
+      --tag-bg: var(--color-green-500);
+      --tag-fg: var(--color-green-600);
+    }
+
+    [data-slot="tag"][data-color="warning"] {
+      --tag-bg: var(--color-yellow-500);
+      --tag-fg: var(--color-yellow-600);
+    }
+
+    :is(.dark, [data-theme="dark"]) [data-slot="tag"][data-color="success"] {
+      --tag-fg: var(--color-green-400);
+    }
+
+    :is(.dark, [data-theme="dark"]) [data-slot="tag"][data-color="warning"] {
+      --tag-fg: var(--color-yellow-400);
+    }
+
+    [data-slot="alert"] {
+      color: var(--foreground);
+      border-color: var(--alert-accent);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklch, var(--alert-accent), transparent 55%);
+      }
+
+      background-color: var(--background);
+    }
+
+    [data-slot="alert"][data-variant="filled"] {
+      background-color: var(--alert-accent);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab,
+      var(--alert-accent) 10%,
+      var(--background));
+      }
+    }
+
+    [data-slot="alert"] > [aria-hidden="true"] {
+      color: var(--alert-accent);
+    }
+
+    [data-slot="alert"][data-status="info"] {
+      --alert-accent: var(--color-blue-600);
+    }
+
+    [data-slot="alert"][data-status="success"] {
+      --alert-accent: var(--color-green-600);
+    }
+
+    [data-slot="alert"][data-status="warning"] {
+      --alert-accent: var(--color-yellow-700);
+    }
+
+    [data-slot="alert"][data-status="error"] {
+      --alert-accent: var(--destructive);
+    }
+
+    :is(.dark, [data-theme="dark"]) [data-slot="alert"][data-status="info"] {
+      --alert-accent: var(--color-blue-400);
+    }
+
+    :is(.dark, [data-theme="dark"]) [data-slot="alert"][data-status="success"] {
+      --alert-accent: var(--color-green-400);
+    }
+
+    :is(.dark, [data-theme="dark"]) [data-slot="alert"][data-status="warning"] {
+      --alert-accent: var(--color-yellow-400);
+    }
+
+    :is(.dark, [data-theme="dark"]) [data-slot="alert"][data-status="error"] {
+      --alert-accent: var(--color-red-400);
+    }
+
+    [data-slot="col"] {
+      flex-basis: calc(var(--col-span-xs) / 24 * 100%);
+      max-width: calc(var(--col-span-xs) / 24 * 100%);
+      margin-left: calc(var(--col-offset-xs, 0) / 24 * 100%);
+    }
+
+    @media (width >= 40rem) {
+      [data-slot="col"] {
+        flex-basis: calc(var(--col-span-sm) / 24 * 100%);
+        max-width: calc(var(--col-span-sm) / 24 * 100%);
+        margin-left: calc(var(--col-offset-sm, 0) / 24 * 100%);
+      }
+    }
+
+    @media (width >= 48rem) {
+      [data-slot="col"] {
+        flex-basis: calc(var(--col-span-md) / 24 * 100%);
+        max-width: calc(var(--col-span-md) / 24 * 100%);
+        margin-left: calc(var(--col-offset-md, 0) / 24 * 100%);
+      }
+    }
+
+    @media (width >= 64rem) {
+      [data-slot="col"] {
+        flex-basis: calc(var(--col-span-lg) / 24 * 100%);
+        max-width: calc(var(--col-span-lg) / 24 * 100%);
+        margin-left: calc(var(--col-offset-lg, 0) / 24 * 100%);
+      }
+    }
+
+    @media (width >= 80rem) {
+      [data-slot="col"] {
+        flex-basis: calc(var(--col-span-xl) / 24 * 100%);
+        max-width: calc(var(--col-span-xl) / 24 * 100%);
+        margin-left: calc(var(--col-offset-xl, 0) / 24 * 100%);
+      }
+    }
+
+    @media (width >= 96rem) {
+      [data-slot="col"] {
+        flex-basis: calc(var(--col-span-2xl) / 24 * 100%);
+        max-width: calc(var(--col-span-2xl) / 24 * 100%);
+        margin-left: calc(var(--col-offset-2xl, 0) / 24 * 100%);
+      }
+    }
+  }
+
+  @property --tw-translate-x {
+    syntax: "*";
+    inherits: false;
+    initial-value: 0;
+  }
+
+  @property --tw-translate-y {
+    syntax: "*";
+    inherits: false;
+    initial-value: 0;
+  }
+
+  @property --tw-translate-z {
+    syntax: "*";
+    inherits: false;
+    initial-value: 0;
+  }
+
+  @property --tw-rotate-x {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-rotate-y {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-rotate-z {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-skew-x {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-skew-y {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-space-y-reverse {
+    syntax: "*";
+    inherits: false;
+    initial-value: 0;
+  }
+
+  @property --tw-border-style {
+    syntax: "*";
+    inherits: false;
+    initial-value: solid;
+  }
+
+  @property --tw-leading {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-font-weight {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-ordinal {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-slashed-zero {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-numeric-figure {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-numeric-spacing {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-numeric-fraction {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-shadow {
+    syntax: "*";
+    inherits: false;
+    initial-value: 0 0 #0000;
+  }
+
+  @property --tw-shadow-color {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-shadow-alpha {
+    syntax: "<percentage>";
+    inherits: false;
+    initial-value: 100%;
+  }
+
+  @property --tw-inset-shadow {
+    syntax: "*";
+    inherits: false;
+    initial-value: 0 0 #0000;
+  }
+
+  @property --tw-inset-shadow-color {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-inset-shadow-alpha {
+    syntax: "<percentage>";
+    inherits: false;
+    initial-value: 100%;
+  }
+
+  @property --tw-ring-color {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-ring-shadow {
+    syntax: "*";
+    inherits: false;
+    initial-value: 0 0 #0000;
+  }
+
+  @property --tw-inset-ring-color {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-inset-ring-shadow {
+    syntax: "*";
+    inherits: false;
+    initial-value: 0 0 #0000;
+  }
+
+  @property --tw-ring-inset {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-ring-offset-width {
+    syntax: "<length>";
+    inherits: false;
+    initial-value: 0;
+  }
+
+  @property --tw-ring-offset-color {
+    syntax: "*";
+    inherits: false;
+    initial-value: #fff;
+  }
+
+  @property --tw-ring-offset-shadow {
+    syntax: "*";
+    inherits: false;
+    initial-value: 0 0 #0000;
+  }
+
+  @property --tw-outline-style {
+    syntax: "*";
+    inherits: false;
+    initial-value: solid;
+  }
+
+  @property --tw-blur {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-brightness {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-contrast {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-grayscale {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-hue-rotate {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-invert {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-opacity {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-saturate {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-sepia {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-drop-shadow {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-drop-shadow-color {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-drop-shadow-alpha {
+    syntax: "<percentage>";
+    inherits: false;
+    initial-value: 100%;
+  }
+
+  @property --tw-drop-shadow-size {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-duration {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-ease {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-content {
+    syntax: "*";
+    inherits: false;
+    initial-value: "";
+  }
+
+  @property --tw-scale-x {
+    syntax: "*";
+    inherits: false;
+    initial-value: 1;
+  }
+
+  @property --tw-scale-y {
+    syntax: "*";
+    inherits: false;
+    initial-value: 1;
+  }
+
+  @property --tw-scale-z {
+    syntax: "*";
+    inherits: false;
+    initial-value: 1;
+  }
+
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes pulse {
+    50% {
+      opacity: .5;
+    }
+  }
+
+  @layer properties {
+    @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+      *, :before, :after, ::backdrop {
+        --tw-translate-x: 0;
+        --tw-translate-y: 0;
+        --tw-translate-z: 0;
+        --tw-rotate-x: initial;
+        --tw-rotate-y: initial;
+        --tw-rotate-z: initial;
+        --tw-skew-x: initial;
+        --tw-skew-y: initial;
+        --tw-space-y-reverse: 0;
+        --tw-border-style: solid;
+        --tw-leading: initial;
+        --tw-font-weight: initial;
+        --tw-ordinal: initial;
+        --tw-slashed-zero: initial;
+        --tw-numeric-figure: initial;
+        --tw-numeric-spacing: initial;
+        --tw-numeric-fraction: initial;
+        --tw-shadow: 0 0 #0000;
+        --tw-shadow-color: initial;
+        --tw-shadow-alpha: 100%;
+        --tw-inset-shadow: 0 0 #0000;
+        --tw-inset-shadow-color: initial;
+        --tw-inset-shadow-alpha: 100%;
+        --tw-ring-color: initial;
+        --tw-ring-shadow: 0 0 #0000;
+        --tw-inset-ring-color: initial;
+        --tw-inset-ring-shadow: 0 0 #0000;
+        --tw-ring-inset: initial;
+        --tw-ring-offset-width: 0px;
+        --tw-ring-offset-color: #fff;
+        --tw-ring-offset-shadow: 0 0 #0000;
+        --tw-outline-style: solid;
+        --tw-blur: initial;
+        --tw-brightness: initial;
+        --tw-contrast: initial;
+        --tw-grayscale: initial;
+        --tw-hue-rotate: initial;
+        --tw-invert: initial;
+        --tw-opacity: initial;
+        --tw-saturate: initial;
+        --tw-sepia: initial;
+        --tw-drop-shadow: initial;
+        --tw-drop-shadow-color: initial;
+        --tw-drop-shadow-alpha: 100%;
+        --tw-drop-shadow-size: initial;
+        --tw-duration: initial;
+        --tw-ease: initial;
+        --tw-content: "";
+        --tw-scale-x: 1;
+        --tw-scale-y: 1;
+        --tw-scale-z: 1;
+      }
+    }
+  }
+}