@powerhousedao/contributor-billing 0.0.76 → 0.0.77

package/dist/style.css

@@ -21,9 +21,14 @@
     --color-orange-700: oklch(55.3% 0.195 38.402);
     --color-orange-800: oklch(47% 0.157 37.304);
     --color-orange-900: oklch(40.8% 0.123 38.172);
+    --color-amber-50: oklch(98.7% 0.022 95.277);
+    --color-amber-200: oklch(92.4% 0.12 95.746);
+    --color-amber-700: oklch(55.5% 0.163 48.998);
+    --color-amber-800: oklch(47.3% 0.137 46.201);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
     --color-yellow-300: oklch(90.5% 0.182 98.111);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
+    --color-yellow-500: oklch(79.5% 0.184 86.047);
     --color-yellow-600: oklch(68.1% 0.162 75.834);
     --color-yellow-700: oklch(55.4% 0.135 66.442);
     --color-yellow-900: oklch(42.1% 0.095 57.708);
@@ -33,6 +38,11 @@
     --color-green-700: oklch(52.7% 0.154 150.069);
     --color-green-800: oklch(44.8% 0.119 151.328);
     --color-green-900: oklch(39.3% 0.095 152.535);
+    --color-emerald-50: oklch(97.9% 0.021 166.113);
+    --color-emerald-300: oklch(84.5% 0.143 164.978);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
+    --color-emerald-800: oklch(43.2% 0.095 166.913);
     --color-cyan-50: oklch(98.4% 0.019 200.873);
     --color-cyan-200: oklch(91.7% 0.08 205.041);
     --color-cyan-300: oklch(86.5% 0.127 207.078);
@@ -49,12 +59,18 @@
     --color-blue-700: oklch(48.8% 0.243 264.376);
     --color-blue-800: oklch(42.4% 0.199 265.638);
     --color-blue-900: oklch(37.9% 0.146 265.522);
+    --color-indigo-50: oklch(96.2% 0.018 272.314);
+    --color-indigo-800: oklch(39.8% 0.195 277.366);
+    --color-purple-800: oklch(43.8% 0.218 303.724);
     --color-purple-900: oklch(38.1% 0.176 304.987);
     --color-pink-400: oklch(71.8% 0.202 349.761);
+    --color-rose-500: oklch(64.5% 0.246 16.439);
+    --color-rose-600: oklch(58.6% 0.253 17.585);
     --color-slate-50: oklch(98.4% 0.003 247.858);
     --color-slate-100: oklch(96.8% 0.007 247.896);
     --color-slate-200: oklch(92.9% 0.013 255.508);
     --color-slate-300: oklch(86.9% 0.022 252.894);
+    --color-slate-400: oklch(70.4% 0.04 256.788);
     --color-slate-500: oklch(55.4% 0.046 257.417);
     --color-slate-600: oklch(44.6% 0.043 257.281);
     --color-slate-700: oklch(37.2% 0.044 257.287);
@@ -77,6 +93,7 @@
     --container-md: 28rem;
     --container-lg: 32rem;
     --container-xl: 36rem;
+    --container-2xl: 42rem;
     --container-4xl: 56rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
@@ -286,9 +303,6 @@
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
-  .right-2 {
-    right: calc(var(--spacing) * 2);
-  }
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
@@ -446,6 +460,9 @@
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -630,9 +647,6 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
-  .overflow-y-auto {
-    overflow-y: auto;
-  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -666,10 +680,6 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
-  .border-r {
-    border-right-style: var(--tw-border-style);
-    border-right-width: 1px;
-  }
   .border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -805,9 +815,6 @@
   .py-1 {
     padding-block: calc(var(--spacing) * 1);
   }
-  .py-1\.5 {
-    padding-block: calc(var(--spacing) * 1.5);
-  }
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
@@ -823,9 +830,6 @@
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
-  .pr-8 {
-    padding-right: calc(var(--spacing) * 8);
-  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
@@ -896,15 +900,15 @@
   .text-blue-600 {
     color: var(--color-blue-600);
   }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
   .text-blue-900 {
     color: var(--color-blue-900);
   }
   .text-gray-50 {
     color: var(--color-gray-50);
   }
-  .text-gray-400 {
-    color: var(--color-gray-400);
-  }
   .text-gray-500 {
     color: var(--color-gray-500);
   }
@@ -1125,13 +1129,6 @@
       }
     }
   }
-  .hover\:text-gray-600 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-gray-600);
-      }
-    }
-  }
   .hover\:text-gray-800 {
     &:hover {
       @media (hover: hover) {
@@ -1156,11 +1153,6 @@
       border-color: var(--color-blue-500);
     }
   }
-  .focus\:border-transparent {
-    &:focus {
-      border-color: transparent;
-    }
-  }
   .focus\:ring {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -1248,7 +1240,7 @@
     }
   }
 }
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
 @layer properties;
 :root {
@@ -2171,6 +2163,9 @@
   ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
   :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -2731,9 +2726,6 @@
   .w-4\/5 {
     width: calc(4/5 * 100%);
   }
-  .w-5 {
-    width: calc(var(--spacing) * 5);
-  }
   .w-6 {
     width: calc(var(--spacing) * 6);
   }
@@ -2779,9 +2771,6 @@
   .w-\[408px\] {
     width: 408px;
   }
-  .w-\[420px\] {
-    width: 420px;
-  }
   .w-\[432px\] {
     width: 432px;
   }
@@ -2920,9 +2909,6 @@
   .grid-cols-\[1fr\,auto\,1fr\] {
     grid-template-columns: 1fr,auto,1fr;
   }
-  .grid-cols-\[1fr\,auto\] {
-    grid-template-columns: 1fr,auto;
-  }
   .grid-cols-\[208px\,380px\] {
     grid-template-columns: 208px,380px;
   }
@@ -3136,10 +3122,6 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
-  .border-y {
-    border-block-style: var(--tw-border-style);
-    border-block-width: 1px;
-  }
   .border-y-0 {
     border-block-style: var(--tw-border-style);
     border-block-width: 0px;
@@ -3238,9 +3220,6 @@
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
-  .bg-blue-800 {
-    background-color: var(--color-blue-800);
-  }
   .bg-blue-900 {
     background-color: var(--color-blue-900);
   }
@@ -3635,6 +3614,9 @@
   .text-red-400 {
     color: var(--color-red-400);
   }
+  .text-red-500 {
+    color: var(--color-red-500);
+  }
   .text-red-700 {
     color: var(--color-red-700);
   }
@@ -3777,9 +3759,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .delay-75 {
-    transition-delay: 75ms;
-  }
   .duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
@@ -3896,20 +3875,6 @@
       }
     }
   }
-  .group-hover\/node\:block {
-    &:is(:where(.group\/node):hover *) {
-      @media (hover: hover) {
-        display: block;
-      }
-    }
-  }
-  .group-hover\/node\:text-gray-900 {
-    &:is(:where(.group\/node):hover *) {
-      @media (hover: hover) {
-        color: var(--color-gray-900);
-      }
-    }
-  }
   .group-hover\/sidebar-footer\:block {
     &:is(:where(.group\/sidebar-footer):hover *) {
       @media (hover: hover) {
@@ -4185,12 +4150,6 @@
       border-top-right-radius: var(--radius-2xl);
     }
   }
-  .first-of-type\:border-b-0 {
-    &:first-of-type {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 0px;
-    }
-  }
   .first-of-type\:pt-3 {
     &:first-of-type {
       padding-top: calc(var(--spacing) * 3);
@@ -4207,12 +4166,6 @@
       border-bottom-left-radius: var(--radius-2xl);
     }
   }
-  .last-of-type\:border-t-0 {
-    &:last-of-type {
-      border-top-style: var(--tw-border-style);
-      border-top-width: 0px;
-    }
-  }
   .last-of-type\:pb-3 {
     &:last-of-type {
       padding-bottom: calc(var(--spacing) * 3);
@@ -4323,13 +4276,6 @@
       }
     }
   }
-  .hover\:bg-gray-300 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gray-300);
-      }
-    }
-  }
   .hover\:bg-gray-900 {
     &:hover {
       @media (hover: hover) {
@@ -5734,16 +5680,27 @@ input[type="number"] {
     --color-red-800: hsl(5 81% 61%);
     --color-red-900: hsl(5 81% 56%);
     --color-orange-900: hsl(32 100% 50%);
+    --color-amber-50: oklch(98.7% 0.022 95.277);
+    --color-amber-200: oklch(92.4% 0.12 95.746);
+    --color-amber-700: oklch(55.5% 0.163 48.998);
+    --color-amber-800: oklch(47.3% 0.137 46.201);
     --color-yellow-100: hsl(46 100% 94%);
     --color-yellow-300: hsl(47 100% 79%);
     --color-yellow-400: hsl(47 100% 69%);
+    --color-yellow-500: hsl(47 100% 60%);
     --color-yellow-700: hsl(47 100% 51%);
     --color-yellow-900: hsl(47 100% 49%);
     --color-green-100: hsl(134 51% 89%);
     --color-green-500: hsl(136 53% 66%);
     --color-green-600: hsl(136 53% 60%);
     --color-green-700: hsl(136 52% 55%);
+    --color-green-800: hsl(136 53% 49%);
     --color-green-900: hsl(136 53% 43%);
+    --color-emerald-50: oklch(97.9% 0.021 166.113);
+    --color-emerald-300: oklch(84.5% 0.143 164.978);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
+    --color-emerald-800: oklch(43.2% 0.095 166.913);
     --color-cyan-50: oklch(98.4% 0.019 200.873);
     --color-cyan-200: oklch(91.7% 0.08 205.041);
     --color-cyan-300: oklch(86.5% 0.127 207.078);
@@ -5759,10 +5716,17 @@ input[type="number"] {
     --color-blue-700: hsl(209 100% 60%);
     --color-blue-800: hsl(209 100% 55%);
     --color-blue-900: hsl(209 100% 50%);
+    --color-indigo-50: oklch(96.2% 0.018 272.314);
+    --color-indigo-800: oklch(39.8% 0.195 277.366);
+    --color-purple-800: hsl(263 78% 66%);
+    --color-purple-900: hsl(263 78% 63%);
     --color-pink-400: oklch(71.8% 0.202 349.761);
+    --color-rose-500: oklch(64.5% 0.246 16.439);
+    --color-rose-600: oklch(58.6% 0.253 17.585);
     --color-slate-50: hsl(210 20% 96%);
     --color-slate-100: hsl(210 9% 74%);
     --color-slate-200: hsl(210 9% 48%);
+    --color-slate-400: hsl(210 9% 30%);
     --color-slate-500: hsl(207 8% 21%);
     --color-slate-600: hsl(210 9% 13%);
     --color-slate-700: hsl(204 9% 11%);
@@ -5783,6 +5747,7 @@ input[type="number"] {
     --spacing: 0.25rem;
     --container-md: 28rem;
     --container-lg: 32rem;
+    --container-2xl: 42rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -6118,6 +6083,9 @@ input[type="number"] {
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
+  .mx-3 {
+    margin-inline: calc(var(--spacing) * 3);
+  }
   .mx-10 {
     margin-inline: calc(var(--spacing) * 10);
   }
@@ -6175,6 +6143,9 @@ input[type="number"] {
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
@@ -6196,6 +6167,9 @@ input[type="number"] {
   .ml-3 {
     margin-left: calc(var(--spacing) * 3);
   }
+  .ml-4 {
+    margin-left: calc(var(--spacing) * 4);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -6353,12 +6327,15 @@ input[type="number"] {
   .h-\[148px\] {
     height: 148px;
   }
+  .h-\[340px\] {
+    height: 340px;
+  }
+  .h-\[384px\] {
+    height: 384px;
+  }
   .h-\[652px\] {
     height: 652px;
   }
-  .h-auto {
-    height: auto;
-  }
   .h-full {
     height: 100%;
   }
@@ -6482,12 +6459,12 @@ input[type="number"] {
   .w-\[247px\] {
     width: 247px;
   }
-  .w-\[272px\] {
-    width: 272px;
-  }
   .w-\[275px\] {
     width: 275px;
   }
+  .w-\[368px\] {
+    width: 368px;
+  }
   .w-\[375px\] {
     width: 375px;
   }
@@ -6497,6 +6474,9 @@ input[type="number"] {
   .w-\[500px\] {
     width: 500px;
   }
+  .w-\[600px\] {
+    width: 600px;
+  }
   .w-\[700px\] {
     width: 700px;
   }
@@ -6515,12 +6495,12 @@ input[type="number"] {
   .w-screen {
     width: 100vw;
   }
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
   .max-w-\[40px\] {
     max-width: 40px;
   }
-  .max-w-\[296px\] {
-    max-width: 296px;
-  }
   .max-w-\[375px\] {
     max-width: 375px;
   }
@@ -6630,6 +6610,12 @@ input[type="number"] {
   .resize-y {
     resize: vertical;
   }
+  .list-inside {
+    list-style-position: inside;
+  }
+  .list-decimal {
+    list-style-type: decimal;
+  }
   .appearance-none {
     appearance: none;
   }
@@ -6696,15 +6682,19 @@ input[type="number"] {
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
-  .gap-8 {
-    gap: calc(var(--spacing) * 8);
-  }
   .gap-32 {
     gap: calc(var(--spacing) * 32);
   }
   .gap-\[-2px\] {
     gap: -2px;
   }
+  .space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-2 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -6712,6 +6702,20 @@ input[type="number"] {
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .gap-x-\[3px\] {
     column-gap: 3px;
   }
@@ -6728,6 +6732,9 @@ input[type="number"] {
   .gap-y-\[15px\] {
     row-gap: 15px;
   }
+  .self-stretch {
+    align-self: stretch;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -6956,6 +6963,9 @@ input[type="number"] {
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
+  .bg-blue-600 {
+    background-color: var(--color-blue-600);
+  }
   .bg-blue-900 {
     background-color: var(--color-blue-900);
   }
@@ -6977,6 +6987,9 @@ input[type="number"] {
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
+  .bg-gray-600 {
+    background-color: var(--color-gray-600);
+  }
   .bg-gray-900 {
     background-color: var(--color-gray-900);
   }
@@ -6995,6 +7008,9 @@ input[type="number"] {
       }
     }
   }
+  .bg-green-900 {
+    background-color: var(--color-green-900);
+  }
   .bg-muted {
     background-color: var(--color-muted);
   }
@@ -7004,12 +7020,18 @@ input[type="number"] {
   .bg-primary {
     background-color: var(--color-primary);
   }
+  .bg-purple-900 {
+    background-color: var(--color-purple-900);
+  }
   .bg-red-100 {
     background-color: var(--color-red-100);
   }
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
+  .bg-red-600 {
+    background-color: var(--color-red-600);
+  }
   .bg-red-600\/30 {
     background-color: color-mix(in srgb, hsl(4 81% 74%) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -7019,6 +7041,9 @@ input[type="number"] {
       }
     }
   }
+  .bg-red-900 {
+    background-color: var(--color-red-900);
+  }
   .bg-secondary {
     background-color: var(--color-secondary);
   }
@@ -7139,6 +7164,9 @@ input[type="number"] {
   .pt-3\.5 {
     padding-top: calc(var(--spacing) * 3.5);
   }
+  .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
+  }
   .pt-\[25px\] {
     padding-top: 25px;
   }
@@ -7723,6 +7751,54 @@ input[type="number"] {
       }
     }
   }
+  .file\:mr-4 {
+    &::file-selector-button {
+      margin-right: calc(var(--spacing) * 4);
+    }
+  }
+  .file\:rounded-full {
+    &::file-selector-button {
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .file\:border-0 {
+    &::file-selector-button {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
+  }
+  .file\:bg-blue-50 {
+    &::file-selector-button {
+      background-color: var(--color-blue-50);
+    }
+  }
+  .file\:px-4 {
+    &::file-selector-button {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
+  .file\:py-2 {
+    &::file-selector-button {
+      padding-block: calc(var(--spacing) * 2);
+    }
+  }
+  .file\:text-sm {
+    &::file-selector-button {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
+  .file\:font-semibold {
+    &::file-selector-button {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
+  .file\:text-blue-700 {
+    &::file-selector-button {
+      color: var(--color-blue-700);
+    }
+  }
   .placeholder\:text-right {
     &::placeholder {
       text-align: right;
@@ -8034,6 +8110,34 @@ input[type="number"] {
       }
     }
   }
+  .hover\:\!bg-blue-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-800) !important;
+      }
+    }
+  }
+  .hover\:\!bg-green-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-green-800) !important;
+      }
+    }
+  }
+  .hover\:\!bg-purple-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-purple-800) !important;
+      }
+    }
+  }
+  .hover\:\!bg-red-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-800) !important;
+      }
+    }
+  }
   .hover\:\!bg-transparent {
     &:hover {
       @media (hover: hover) {
@@ -8062,6 +8166,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-blue-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-700);
+      }
+    }
+  }
   .hover\:bg-destructive\/90 {
     &:hover {
       @media (hover: hover) {
@@ -8096,6 +8207,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-gray-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-gray-700);
+      }
+    }
+  }
   .hover\:bg-gray-900 {
     &:hover {
       @media (hover: hover) {
@@ -8123,6 +8241,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-red-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-700);
+      }
+    }
+  }
   .hover\:bg-secondary\/80 {
     &:hover {
       @media (hover: hover) {
@@ -8262,6 +8387,15 @@ input[type="number"] {
       }
     }
   }
+  .hover\:file\:bg-blue-100 {
+    &:hover {
+      @media (hover: hover) {
+        &::file-selector-button {
+          background-color: var(--color-blue-100);
+        }
+      }
+    }
+  }
   .focus-within\:hover\:cursor-default {
     &:focus-within {
       &:hover {
@@ -10794,6 +10928,156 @@ input[type="number"] {
       color: var(--color-red-500);
     }
   }
+  .\[\&_\.sidebar\\\\_\\\\_header\]\:bg-red-500 {
+    & .sidebar\_\_header {
+      background-color: var(--color-red-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header\]\:bg-slate-100 {
+    & .sidebar\_\_header {
+      background-color: var(--color-slate-100);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header\]\:text-slate-800 {
+    & .sidebar\_\_header {
+      color: var(--color-slate-800);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header-macro-item\]\:bg-indigo-50 {
+    & .sidebar\_\_header-macro-item {
+      background-color: var(--color-indigo-50);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header-macro-item\]\:text-indigo-800 {
+    & .sidebar\_\_header-macro-item {
+      color: var(--color-indigo-800);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header-title\]\:text-slate-900 {
+    & .sidebar\_\_header-title {
+      color: var(--color-slate-900);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header-title\]\:text-white {
+    & .sidebar\_\_header-title {
+      color: var(--color-white);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item\]\:border-blue-200 {
+    & .sidebar\_\_item {
+      border-color: var(--color-blue-200);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item\]\:bg-blue-50 {
+    & .sidebar\_\_item {
+      background-color: var(--color-blue-50);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item\]\:bg-blue-500 {
+    & .sidebar\_\_item {
+      background-color: var(--color-blue-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item\]\:text-blue-800 {
+    & .sidebar\_\_item {
+      color: var(--color-blue-800);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item\]\:text-white {
+    & .sidebar\_\_item {
+      color: var(--color-white);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:border-emerald-300 {
+    & .sidebar\_\_item--active {
+      border-color: var(--color-emerald-300);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:bg-emerald-50 {
+    & .sidebar\_\_item--active {
+      background-color: var(--color-emerald-50);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:bg-green-500 {
+    & .sidebar\_\_item--active {
+      background-color: var(--color-green-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:text-black {
+    & .sidebar\_\_item--active {
+      color: var(--color-black);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:text-emerald-800 {
+    & .sidebar\_\_item--active {
+      color: var(--color-emerald-800);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-caret\]\:border-amber-200 {
+    & .sidebar\_\_item-caret {
+      border-color: var(--color-amber-200);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-caret\]\:bg-amber-50 {
+    & .sidebar\_\_item-caret {
+      background-color: var(--color-amber-50);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-caret\]\:bg-yellow-500 {
+    & .sidebar\_\_item-caret {
+      background-color: var(--color-yellow-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-caret\]\:text-amber-700 {
+    & .sidebar\_\_item-caret {
+      color: var(--color-amber-700);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-caret--no-children\]\:text-slate-400 {
+    & .sidebar\_\_item-caret--no-children {
+      color: var(--color-slate-400);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-pin\]\:fill-red-500 {
+    & .sidebar\_\_item-pin {
+      fill: var(--color-red-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-pin\]\:fill-rose-500 {
+    & .sidebar\_\_item-pin {
+      fill: var(--color-rose-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-pin\]\:text-rose-600 {
+    & .sidebar\_\_item-pin {
+      color: var(--color-rose-600);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-pin--active\]\:fill-emerald-500 {
+    & .sidebar\_\_item-pin--active {
+      fill: var(--color-emerald-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-pin--active\]\:text-emerald-600 {
+    & .sidebar\_\_item-pin--active {
+      color: var(--color-emerald-600);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-title\]\:text-slate-900 {
+    & .sidebar\_\_item-title {
+      color: var(--color-slate-900);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_pinning-area\]\:bg-amber-50 {
+    & .sidebar\_\_pinning-area {
+      background-color: var(--color-amber-50);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_pinning-area\]\:text-amber-800 {
+    & .sidebar\_\_pinning-area {
+      color: var(--color-amber-800);
+    }
+  }
   .\[\&_\.time-picker\\\\_\\\\_content\]\:rounded-lg {
     & .time-picker\_\_content {
       border-radius: var(--radius-lg);
@@ -11997,16 +12281,27 @@ input[type="number"] {
     --color-red-800: hsl(5 81% 61%);
     --color-red-900: hsl(5 81% 56%);
     --color-orange-900: hsl(32 100% 50%);
+    --color-amber-50: oklch(98.7% 0.022 95.277);
+    --color-amber-200: oklch(92.4% 0.12 95.746);
+    --color-amber-700: oklch(55.5% 0.163 48.998);
+    --color-amber-800: oklch(47.3% 0.137 46.201);
     --color-yellow-100: hsl(46 100% 94%);
     --color-yellow-300: hsl(47 100% 79%);
     --color-yellow-400: hsl(47 100% 69%);
+    --color-yellow-500: hsl(47 100% 60%);
     --color-yellow-700: hsl(47 100% 51%);
     --color-yellow-900: hsl(47 100% 49%);
     --color-green-100: hsl(134 51% 89%);
     --color-green-500: hsl(136 53% 66%);
     --color-green-600: hsl(136 53% 60%);
     --color-green-700: hsl(136 52% 55%);
+    --color-green-800: hsl(136 53% 49%);
     --color-green-900: hsl(136 53% 43%);
+    --color-emerald-50: oklch(97.9% 0.021 166.113);
+    --color-emerald-300: oklch(84.5% 0.143 164.978);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
+    --color-emerald-800: oklch(43.2% 0.095 166.913);
     --color-cyan-50: oklch(98.4% 0.019 200.873);
     --color-cyan-200: oklch(91.7% 0.08 205.041);
     --color-cyan-300: oklch(86.5% 0.127 207.078);
@@ -12022,10 +12317,17 @@ input[type="number"] {
     --color-blue-700: hsl(209 100% 60%);
     --color-blue-800: hsl(209 100% 55%);
     --color-blue-900: hsl(209 100% 50%);
+    --color-indigo-50: oklch(96.2% 0.018 272.314);
+    --color-indigo-800: oklch(39.8% 0.195 277.366);
+    --color-purple-800: hsl(263 78% 66%);
+    --color-purple-900: hsl(263 78% 63%);
     --color-pink-400: oklch(71.8% 0.202 349.761);
+    --color-rose-500: oklch(64.5% 0.246 16.439);
+    --color-rose-600: oklch(58.6% 0.253 17.585);
     --color-slate-50: hsl(210 20% 96%);
     --color-slate-100: hsl(210 9% 74%);
     --color-slate-200: hsl(210 9% 48%);
+    --color-slate-400: hsl(210 9% 30%);
     --color-slate-500: hsl(207 8% 21%);
     --color-slate-600: hsl(210 9% 13%);
     --color-slate-700: hsl(204 9% 11%);
@@ -12046,6 +12348,7 @@ input[type="number"] {
     --spacing: 0.25rem;
     --container-md: 28rem;
     --container-lg: 32rem;
+    --container-2xl: 42rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -12381,6 +12684,9 @@ input[type="number"] {
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
+  .mx-3 {
+    margin-inline: calc(var(--spacing) * 3);
+  }
   .mx-10 {
     margin-inline: calc(var(--spacing) * 10);
   }
@@ -12438,6 +12744,9 @@ input[type="number"] {
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
@@ -12459,6 +12768,9 @@ input[type="number"] {
   .ml-3 {
     margin-left: calc(var(--spacing) * 3);
   }
+  .ml-4 {
+    margin-left: calc(var(--spacing) * 4);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -12616,12 +12928,15 @@ input[type="number"] {
   .h-\[148px\] {
     height: 148px;
   }
+  .h-\[340px\] {
+    height: 340px;
+  }
+  .h-\[384px\] {
+    height: 384px;
+  }
   .h-\[652px\] {
     height: 652px;
   }
-  .h-auto {
-    height: auto;
-  }
   .h-full {
     height: 100%;
   }
@@ -12745,12 +13060,12 @@ input[type="number"] {
   .w-\[247px\] {
     width: 247px;
   }
-  .w-\[272px\] {
-    width: 272px;
-  }
   .w-\[275px\] {
     width: 275px;
   }
+  .w-\[368px\] {
+    width: 368px;
+  }
   .w-\[375px\] {
     width: 375px;
   }
@@ -12760,6 +13075,9 @@ input[type="number"] {
   .w-\[500px\] {
     width: 500px;
   }
+  .w-\[600px\] {
+    width: 600px;
+  }
   .w-\[700px\] {
     width: 700px;
   }
@@ -12778,12 +13096,12 @@ input[type="number"] {
   .w-screen {
     width: 100vw;
   }
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
   .max-w-\[40px\] {
     max-width: 40px;
   }
-  .max-w-\[296px\] {
-    max-width: 296px;
-  }
   .max-w-\[375px\] {
     max-width: 375px;
   }
@@ -12893,6 +13211,12 @@ input[type="number"] {
   .resize-y {
     resize: vertical;
   }
+  .list-inside {
+    list-style-position: inside;
+  }
+  .list-decimal {
+    list-style-type: decimal;
+  }
   .appearance-none {
     appearance: none;
   }
@@ -12959,15 +13283,19 @@ input[type="number"] {
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
-  .gap-8 {
-    gap: calc(var(--spacing) * 8);
-  }
   .gap-32 {
     gap: calc(var(--spacing) * 32);
   }
   .gap-\[-2px\] {
     gap: -2px;
   }
+  .space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-2 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -12975,6 +13303,20 @@ input[type="number"] {
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .gap-x-\[3px\] {
     column-gap: 3px;
   }
@@ -12991,6 +13333,9 @@ input[type="number"] {
   .gap-y-\[15px\] {
     row-gap: 15px;
   }
+  .self-stretch {
+    align-self: stretch;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -13219,6 +13564,9 @@ input[type="number"] {
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
+  .bg-blue-600 {
+    background-color: var(--color-blue-600);
+  }
   .bg-blue-900 {
     background-color: var(--color-blue-900);
   }
@@ -13240,6 +13588,9 @@ input[type="number"] {
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
+  .bg-gray-600 {
+    background-color: var(--color-gray-600);
+  }
   .bg-gray-900 {
     background-color: var(--color-gray-900);
   }
@@ -13258,6 +13609,9 @@ input[type="number"] {
       }
     }
   }
+  .bg-green-900 {
+    background-color: var(--color-green-900);
+  }
   .bg-muted {
     background-color: var(--color-muted);
   }
@@ -13267,12 +13621,18 @@ input[type="number"] {
   .bg-primary {
     background-color: var(--color-primary);
   }
+  .bg-purple-900 {
+    background-color: var(--color-purple-900);
+  }
   .bg-red-100 {
     background-color: var(--color-red-100);
   }
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
+  .bg-red-600 {
+    background-color: var(--color-red-600);
+  }
   .bg-red-600\/30 {
     background-color: color-mix(in srgb, hsl(4 81% 74%) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -13282,6 +13642,9 @@ input[type="number"] {
       }
     }
   }
+  .bg-red-900 {
+    background-color: var(--color-red-900);
+  }
   .bg-secondary {
     background-color: var(--color-secondary);
   }
@@ -13402,6 +13765,9 @@ input[type="number"] {
   .pt-3\.5 {
     padding-top: calc(var(--spacing) * 3.5);
   }
+  .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
+  }
   .pt-\[25px\] {
     padding-top: 25px;
   }
@@ -13986,6 +14352,54 @@ input[type="number"] {
       }
     }
   }
+  .file\:mr-4 {
+    &::file-selector-button {
+      margin-right: calc(var(--spacing) * 4);
+    }
+  }
+  .file\:rounded-full {
+    &::file-selector-button {
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .file\:border-0 {
+    &::file-selector-button {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
+  }
+  .file\:bg-blue-50 {
+    &::file-selector-button {
+      background-color: var(--color-blue-50);
+    }
+  }
+  .file\:px-4 {
+    &::file-selector-button {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
+  .file\:py-2 {
+    &::file-selector-button {
+      padding-block: calc(var(--spacing) * 2);
+    }
+  }
+  .file\:text-sm {
+    &::file-selector-button {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
+  .file\:font-semibold {
+    &::file-selector-button {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
+  .file\:text-blue-700 {
+    &::file-selector-button {
+      color: var(--color-blue-700);
+    }
+  }
   .placeholder\:text-right {
     &::placeholder {
       text-align: right;
@@ -14297,6 +14711,34 @@ input[type="number"] {
       }
     }
   }
+  .hover\:\!bg-blue-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-800) !important;
+      }
+    }
+  }
+  .hover\:\!bg-green-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-green-800) !important;
+      }
+    }
+  }
+  .hover\:\!bg-purple-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-purple-800) !important;
+      }
+    }
+  }
+  .hover\:\!bg-red-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-800) !important;
+      }
+    }
+  }
   .hover\:\!bg-transparent {
     &:hover {
       @media (hover: hover) {
@@ -14325,6 +14767,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-blue-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-700);
+      }
+    }
+  }
   .hover\:bg-destructive\/90 {
     &:hover {
       @media (hover: hover) {
@@ -14359,6 +14808,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-gray-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-gray-700);
+      }
+    }
+  }
   .hover\:bg-gray-900 {
     &:hover {
       @media (hover: hover) {
@@ -14386,6 +14842,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-red-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-700);
+      }
+    }
+  }
   .hover\:bg-secondary\/80 {
     &:hover {
       @media (hover: hover) {
@@ -14525,6 +14988,15 @@ input[type="number"] {
       }
     }
   }
+  .hover\:file\:bg-blue-100 {
+    &:hover {
+      @media (hover: hover) {
+        &::file-selector-button {
+          background-color: var(--color-blue-100);
+        }
+      }
+    }
+  }
   .focus-within\:hover\:cursor-default {
     &:focus-within {
       &:hover {
@@ -17057,6 +17529,156 @@ input[type="number"] {
       color: var(--color-red-500);
     }
   }
+  .\[\&_\.sidebar\\\\_\\\\_header\]\:bg-red-500 {
+    & .sidebar\_\_header {
+      background-color: var(--color-red-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header\]\:bg-slate-100 {
+    & .sidebar\_\_header {
+      background-color: var(--color-slate-100);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header\]\:text-slate-800 {
+    & .sidebar\_\_header {
+      color: var(--color-slate-800);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header-macro-item\]\:bg-indigo-50 {
+    & .sidebar\_\_header-macro-item {
+      background-color: var(--color-indigo-50);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header-macro-item\]\:text-indigo-800 {
+    & .sidebar\_\_header-macro-item {
+      color: var(--color-indigo-800);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header-title\]\:text-slate-900 {
+    & .sidebar\_\_header-title {
+      color: var(--color-slate-900);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_header-title\]\:text-white {
+    & .sidebar\_\_header-title {
+      color: var(--color-white);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item\]\:border-blue-200 {
+    & .sidebar\_\_item {
+      border-color: var(--color-blue-200);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item\]\:bg-blue-50 {
+    & .sidebar\_\_item {
+      background-color: var(--color-blue-50);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item\]\:bg-blue-500 {
+    & .sidebar\_\_item {
+      background-color: var(--color-blue-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item\]\:text-blue-800 {
+    & .sidebar\_\_item {
+      color: var(--color-blue-800);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item\]\:text-white {
+    & .sidebar\_\_item {
+      color: var(--color-white);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:border-emerald-300 {
+    & .sidebar\_\_item--active {
+      border-color: var(--color-emerald-300);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:bg-emerald-50 {
+    & .sidebar\_\_item--active {
+      background-color: var(--color-emerald-50);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:bg-green-500 {
+    & .sidebar\_\_item--active {
+      background-color: var(--color-green-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:text-black {
+    & .sidebar\_\_item--active {
+      color: var(--color-black);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:text-emerald-800 {
+    & .sidebar\_\_item--active {
+      color: var(--color-emerald-800);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-caret\]\:border-amber-200 {
+    & .sidebar\_\_item-caret {
+      border-color: var(--color-amber-200);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-caret\]\:bg-amber-50 {
+    & .sidebar\_\_item-caret {
+      background-color: var(--color-amber-50);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-caret\]\:bg-yellow-500 {
+    & .sidebar\_\_item-caret {
+      background-color: var(--color-yellow-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-caret\]\:text-amber-700 {
+    & .sidebar\_\_item-caret {
+      color: var(--color-amber-700);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-caret--no-children\]\:text-slate-400 {
+    & .sidebar\_\_item-caret--no-children {
+      color: var(--color-slate-400);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-pin\]\:fill-red-500 {
+    & .sidebar\_\_item-pin {
+      fill: var(--color-red-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-pin\]\:fill-rose-500 {
+    & .sidebar\_\_item-pin {
+      fill: var(--color-rose-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-pin\]\:text-rose-600 {
+    & .sidebar\_\_item-pin {
+      color: var(--color-rose-600);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-pin--active\]\:fill-emerald-500 {
+    & .sidebar\_\_item-pin--active {
+      fill: var(--color-emerald-500);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-pin--active\]\:text-emerald-600 {
+    & .sidebar\_\_item-pin--active {
+      color: var(--color-emerald-600);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_item-title\]\:text-slate-900 {
+    & .sidebar\_\_item-title {
+      color: var(--color-slate-900);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_pinning-area\]\:bg-amber-50 {
+    & .sidebar\_\_pinning-area {
+      background-color: var(--color-amber-50);
+    }
+  }
+  .\[\&_\.sidebar\\\\_\\\\_pinning-area\]\:text-amber-800 {
+    & .sidebar\_\_pinning-area {
+      color: var(--color-amber-800);
+    }
+  }
   .\[\&_\.time-picker\\\\_\\\\_content\]\:rounded-lg {
     & .time-picker\_\_content {
       border-radius: var(--radius-lg);