uibee 3.1.2 → 3.1.4

package/dist/style.css

@@ -12,6 +12,7 @@
     --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
+    --color-orange-400: oklch(75% 0.183 55.934);
     --color-orange-500: oklch(70.5% 0.213 47.604);
     --color-amber-400: oklch(82.8% 0.189 84.429);
     --color-amber-500: oklch(76.9% 0.188 70.08);
@@ -29,6 +30,8 @@
     --color-blue-600: oklch(54.6% 0.245 262.881);
     --color-violet-400: oklch(70.2% 0.183 293.541);
     --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-purple-400: oklch(71.4% 0.203 305.504);
+    --color-purple-500: oklch(62.7% 0.265 303.9);
     --color-rose-400: oklch(71.2% 0.194 13.428);
     --color-rose-500: oklch(64.5% 0.246 16.439);
     --color-gray-200: oklch(92.8% 0.006 264.531);
@@ -90,6 +93,7 @@
     --color-login-300: #5e5e5e;
     --color-login-200: #727272;
     --color-login-100: #b0b0b0;
+    --color-login-75: #e4e4e4;
     --color-login-50: #ededed;
     --color-login-text: #ededed;
   }
@@ -449,6 +453,9 @@
   .z-9999 {
     z-index: 9999;
   }
+  .z-\[9999\] {
+    z-index: 9999;
+  }
   .col-start-3 {
     grid-column-start: 3;
   }
@@ -1546,9 +1553,6 @@
   .mt-24 {
     margin-top: calc(var(--spacing) * 24);
   }
-  .mr-2 {
-    margin-right: calc(var(--spacing) * 2);
-  }
   .mr-3 {
     margin-right: calc(var(--spacing) * 3);
   }
@@ -1607,6 +1611,9 @@
   .inline-flex {
     display: inline-flex;
   }
+  .table {
+    display: table;
+  }
   .aspect-3\/1 {
     aspect-ratio: 3/1;
   }
@@ -1698,6 +1705,9 @@
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
+  .min-h-\[160px\] {
+    min-height: 160px;
+  }
   .w-1\.5 {
     width: calc(var(--spacing) * 1.5);
   }
@@ -1731,6 +1741,9 @@
   .w-9 {
     width: calc(var(--spacing) * 9);
   }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
   .w-11 {
     width: calc(var(--spacing) * 11);
   }
@@ -1782,9 +1795,6 @@
   .max-w-200 {
     max-width: calc(var(--spacing) * 200);
   }
-  .max-w-full {
-    max-width: 100%;
-  }
   .max-w-md {
     max-width: var(--container-md);
   }
@@ -1800,6 +1810,9 @@
   .min-w-0 {
     min-width: 0;
   }
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
   .min-w-10 {
     min-width: calc(var(--spacing) * 10);
   }
@@ -1868,6 +1881,11 @@
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .animate-shimmer {
+    background: linear-gradient(90deg, var(--color-login-600) 25%, var(--color-login-500) 50%, var(--color-login-600) 75%);
+    background-size: 200% 100%;
+    animation: shimmer 1.6s ease-in-out infinite;
+  }
   .animate-jump {
     animation: jump 0.4s 1;
   }
@@ -1982,27 +2000,24 @@
       }
     }
   }
-  .divide-login-600\/20 {
+  .divide-login-600 {
     :where(& > :not(:last-child)) {
-      border-color: color-mix(in srgb, #212121 20%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-login-600) 20%, transparent);
-      }
+      border-color: var(--color-login-600);
     }
   }
-  .divide-login-600\/25 {
+  .divide-login-600\/15 {
     :where(& > :not(:last-child)) {
-      border-color: color-mix(in srgb, #212121 25%, transparent);
+      border-color: color-mix(in srgb, #212121 15%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-login-600) 25%, transparent);
+        border-color: color-mix(in oklab, var(--color-login-600) 15%, transparent);
       }
     }
   }
-  .divide-login-600\/30 {
+  .divide-login-600\/20 {
     :where(& > :not(:last-child)) {
-      border-color: color-mix(in srgb, #212121 30%, transparent);
+      border-color: color-mix(in srgb, #212121 20%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-login-600) 30%, transparent);
+        border-color: color-mix(in oklab, var(--color-login-600) 20%, transparent);
       }
     }
   }
@@ -2023,9 +2038,6 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
-  .overflow-y-hidden {
-    overflow-y: hidden;
-  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -2122,6 +2134,12 @@
       border-color: color-mix(in oklab, var(--color-login-500) 50%, transparent);
     }
   }
+  .border-login-500\/60 {
+    border-color: color-mix(in srgb, #323232 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-login-500) 60%, transparent);
+    }
+  }
   .border-login-600 {
     border-color: var(--color-login-600);
   }
@@ -2131,12 +2149,6 @@
       border-color: color-mix(in oklab, var(--color-login-600) 20%, transparent);
     }
   }
-  .border-login-600\/30 {
-    border-color: color-mix(in srgb, #212121 30%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-login-600) 30%, transparent);
-    }
-  }
   .border-login\/50 {
     border-color: color-mix(in srgb, #fd8738 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2155,6 +2167,9 @@
       border-color: color-mix(in oklab, var(--color-red-500) 70%, transparent);
     }
   }
+  .border-transparent {
+    border-color: transparent;
+  }
   .border-white {
     border-color: var(--color-white);
   }
@@ -2194,10 +2209,10 @@
       background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
     }
   }
-  .bg-blue-500\/20 {
-    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
+  .bg-blue-500\/15 {
+    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
+      background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
     }
   }
   .bg-blue-600 {
@@ -2209,19 +2224,19 @@
       background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
     }
   }
-  .bg-gray-500\/20 {
-    background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);
+  .bg-gray-500\/15 {
+    background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 15%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
+      background-color: color-mix(in oklab, var(--color-gray-500) 15%, transparent);
     }
   }
   .bg-green-500 {
     background-color: var(--color-green-500);
   }
-  .bg-green-500\/20 {
-    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+  .bg-green-500\/15 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 15%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+      background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
     }
   }
   .bg-green-600 {
@@ -2254,6 +2269,12 @@
   .bg-login-700 {
     background-color: var(--color-login-700);
   }
+  .bg-login-700\/25 {
+    background-color: color-mix(in srgb, #1a1a1a 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-login-700) 25%, transparent);
+    }
+  }
   .bg-login-700\/98 {
     background-color: color-mix(in srgb, #1a1a1a 98%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2275,6 +2296,12 @@
   .bg-login-950 {
     background-color: var(--color-login-950);
   }
+  .bg-login\/5 {
+    background-color: color-mix(in srgb, #fd8738 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-login) 5%, transparent);
+    }
+  }
   .bg-login\/10 {
     background-color: color-mix(in srgb, #fd8738 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2287,13 +2314,25 @@
       background-color: color-mix(in oklab, var(--color-login) 15%, transparent);
     }
   }
+  .bg-orange-500\/15 {
+    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-500) 15%, transparent);
+    }
+  }
+  .bg-purple-500\/15 {
+    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);
+    }
+  }
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
-  .bg-red-500\/20 {
-    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+  .bg-red-500\/15 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+      background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
     }
   }
   .bg-red-600 {
@@ -2326,10 +2365,10 @@
   .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
-  .bg-yellow-500\/20 {
-    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
+  .bg-yellow-500\/15 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 15%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
+      background-color: color-mix(in oklab, var(--color-yellow-500) 15%, transparent);
     }
   }
   .bg-linear-to-r {
@@ -2385,9 +2424,6 @@
   .stroke-login {
     stroke: var(--color-login);
   }
-  .stroke-login-200 {
-    stroke: var(--color-login-200);
-  }
   .stroke-red-400 {
     stroke: var(--color-red-400);
   }
@@ -2442,12 +2478,12 @@
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
-  .px-4\! {
-    padding-inline: calc(var(--spacing) * 4) !important;
-  }
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
+  .px-8 {
+    padding-inline: calc(var(--spacing) * 8);
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -2460,18 +2496,21 @@
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
-  .py-2\! {
-    padding-block: calc(var(--spacing) * 2) !important;
-  }
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
+  .py-3\.5 {
+    padding-block: calc(var(--spacing) * 3.5);
+  }
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
   .py-5 {
     padding-block: calc(var(--spacing) * 5);
   }
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
@@ -2586,10 +2625,6 @@
     --tw-leading: calc(var(--spacing) * 8);
     line-height: calc(var(--spacing) * 8);
   }
-  .leading-none {
-    --tw-leading: 1;
-    line-height: 1;
-  }
   .leading-relaxed {
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
@@ -2651,6 +2686,9 @@
   .text-blue-500 {
     color: var(--color-blue-500);
   }
+  .text-current {
+    color: currentcolor;
+  }
   .text-emerald-400 {
     color: var(--color-emerald-400);
   }
@@ -2672,6 +2710,9 @@
   .text-login-50 {
     color: var(--color-login-50);
   }
+  .text-login-75 {
+    color: var(--color-login-75);
+  }
   .text-login-100 {
     color: var(--color-login-100);
   }
@@ -2693,6 +2734,12 @@
   .text-login-text\! {
     color: var(--color-login-text) !important;
   }
+  .text-orange-400 {
+    color: var(--color-orange-400);
+  }
+  .text-purple-400 {
+    color: var(--color-purple-400);
+  }
   .text-red-400 {
     color: var(--color-red-400);
   }
@@ -2723,6 +2770,10 @@
   .uppercase {
     text-transform: uppercase;
   }
+  .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,);
+  }
   .no-underline {
     text-decoration-line: none;
   }
@@ -2746,6 +2797,9 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-30 {
+    opacity: 30%;
+  }
   .opacity-40 {
     opacity: 40%;
   }
@@ -2758,6 +2812,10 @@
   .opacity-100 {
     opacity: 100%;
   }
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-2xl {
     --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2786,24 +2844,72 @@
     --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);
   }
+  .shadow-black\/40 {
+    --tw-shadow-color: color-mix(in srgb, #000 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
   .ring-black\/10 {
     --tw-ring-color: color-mix(in srgb, #000 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
     }
   }
+  .ring-blue-500\/25 {
+    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
+    }
+  }
+  .ring-gray-500\/25 {
+    --tw-ring-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 25%, transparent);
+    }
+  }
+  .ring-green-500\/25 {
+    --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-green-500) 25%, transparent);
+    }
+  }
   .ring-login\/30 {
     --tw-ring-color: color-mix(in srgb, #fd8738 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       --tw-ring-color: color-mix(in oklab, var(--color-login) 30%, transparent);
     }
   }
+  .ring-orange-500\/25 {
+    --tw-ring-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 25%, transparent);
+    }
+  }
+  .ring-purple-500\/25 {
+    --tw-ring-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent);
+    }
+  }
+  .ring-red-500\/25 {
+    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
+    }
+  }
   .ring-red-500\/60 {
     --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       --tw-ring-color: color-mix(in oklab, var(--color-red-500) 60%, transparent);
     }
   }
+  .ring-yellow-500\/25 {
+    --tw-ring-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 25%, transparent);
+    }
+  }
   .backdrop-blur-sm {
     --tw-backdrop-blur: blur(var(--blur-sm));
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -2839,6 +2945,10 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .duration-100 {
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
   .duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
@@ -2903,6 +3013,13 @@
       }
     }
   }
+  .group-hover\:opacity-35 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 35%;
+      }
+    }
+  }
   .group-hover\:opacity-100 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2972,10 +3089,32 @@
       color: var(--color-login-200);
     }
   }
-  .last\:border-0 {
+  .first\:rounded-t-lg {
+    &:first-child {
+      border-top-left-radius: var(--radius-lg);
+      border-top-right-radius: var(--radius-lg);
+    }
+  }
+  .last\:rounded-b-lg {
     &:last-child {
-      border-style: var(--tw-border-style);
-      border-width: 0px;
+      border-bottom-right-radius: var(--radius-lg);
+      border-bottom-left-radius: var(--radius-lg);
+    }
+  }
+  .even\:bg-login-600\/40 {
+    &:nth-child(even) {
+      background-color: color-mix(in srgb, #212121 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-login-600) 40%, transparent);
+      }
+    }
+  }
+  .even\:bg-login-800\/40 {
+    &:nth-child(even) {
+      background-color: color-mix(in srgb, #181818 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-login-800) 40%, transparent);
+      }
     }
   }
   .checked\:border-login {
@@ -3036,6 +3175,20 @@
       }
     }
   }
+  .hover\:border-login-100 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-login-100);
+      }
+    }
+  }
+  .hover\:border-login-200 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-login-200);
+      }
+    }
+  }
   .hover\:bg-gray-400\/10 {
     &:hover {
       @media (hover: hover) {
@@ -3087,6 +3240,16 @@
       }
     }
   }
+  .hover\:bg-login-500\/60 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #323232 60%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-login-500) 60%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-login-600 {
     &:hover {
       @media (hover: hover) {
@@ -3094,30 +3257,40 @@
       }
     }
   }
-  .hover\:bg-login-600\/70 {
+  .hover\:bg-login-600\/30 {
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in srgb, #212121 70%, transparent);
+        background-color: color-mix(in srgb, #212121 30%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-login-600) 70%, transparent);
+          background-color: color-mix(in oklab, var(--color-login-600) 30%, transparent);
         }
       }
     }
   }
-  .hover\:bg-login-600\/80 {
+  .hover\:bg-login-700 {
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in srgb, #212121 80%, transparent);
+        background-color: var(--color-login-700);
+      }
+    }
+  }
+  .hover\:bg-login-700\/50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #1a1a1a 50%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-login-600) 80%, transparent);
+          background-color: color-mix(in oklab, var(--color-login-700) 50%, transparent);
         }
       }
     }
   }
-  .hover\:bg-login-700 {
+  .hover\:bg-login-700\/60 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-login-700);
+        background-color: color-mix(in srgb, #1a1a1a 60%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-login-700) 60%, transparent);
+        }
       }
     }
   }
@@ -3159,10 +3332,10 @@
       }
     }
   }
-  .hover\:text-login-100 {
+  .hover\:text-login-75 {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-login-100);
+        color: var(--color-login-75);
       }
     }
   }
@@ -3242,6 +3415,11 @@
       }
     }
   }
+  .focus\:bg-login-500 {
+    &:focus {
+      background-color: var(--color-login-500);
+    }
+  }
   .focus\:ring-1 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3275,6 +3453,11 @@
       cursor: not-allowed;
     }
   }
+  .disabled\:opacity-35 {
+    &:disabled {
+      opacity: 35%;
+    }
+  }
   .disabled\:opacity-40 {
     &:disabled {
       opacity: 40%;
@@ -3601,6 +3784,14 @@
 pre code.hljs {
   padding: 0;
 }
+@keyframes shimmer {
+  0% {
+    background-position: -200% 0;
+  }
+  100% {
+    background-position: 200% 0;
+  }
+}
 @keyframes jump {
   40% {
     transform: translateY(-0.3rem);
@@ -3754,6 +3945,26 @@ input::-ms-clear {
   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;
@@ -3952,6 +4163,11 @@ input::-ms-clear {
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: 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%;