@explita/cloud-auth-client 0.1.0 → 0.1.2

package/dist/styles.css

@@ -3,14 +3,42 @@
 @layer theme, base, components, utilities;
 @layer theme {
   :root, :host {
+    --ecpauth-color-red-50: oklch(97.1% 0.013 17.38);
+    --ecpauth-color-red-100: oklch(93.6% 0.032 17.717);
+    --ecpauth-color-red-400: oklch(70.4% 0.191 22.216);
     --ecpauth-color-red-500: oklch(63.7% 0.237 25.331);
+    --ecpauth-color-red-600: oklch(57.7% 0.245 27.325);
+    --ecpauth-color-red-700: oklch(50.5% 0.213 27.518);
+    --ecpauth-color-red-800: oklch(44.4% 0.177 26.899);
     --ecpauth-color-red-900: oklch(39.6% 0.141 25.723);
+    --ecpauth-color-amber-50: oklch(98.7% 0.022 95.277);
+    --ecpauth-color-amber-100: oklch(96.2% 0.059 95.617);
+    --ecpauth-color-amber-400: oklch(82.8% 0.189 84.429);
+    --ecpauth-color-amber-600: oklch(66.6% 0.179 58.318);
+    --ecpauth-color-amber-700: oklch(55.5% 0.163 48.998);
+    --ecpauth-color-amber-800: oklch(47.3% 0.137 46.201);
+    --ecpauth-color-amber-900: oklch(41.4% 0.112 45.904);
+    --ecpauth-color-green-50: oklch(98.2% 0.018 155.826);
+    --ecpauth-color-green-100: oklch(96.2% 0.044 156.743);
+    --ecpauth-color-green-400: oklch(79.2% 0.209 151.711);
     --ecpauth-color-green-500: oklch(72.3% 0.219 149.579);
+    --ecpauth-color-green-700: oklch(52.7% 0.154 150.069);
+    --ecpauth-color-green-800: oklch(44.8% 0.119 151.328);
+    --ecpauth-color-green-900: oklch(39.3% 0.095 152.535);
+    --ecpauth-color-blue-50: oklch(97% 0.014 254.604);
+    --ecpauth-color-blue-100: oklch(93.2% 0.032 255.585);
+    --ecpauth-color-blue-200: oklch(88.2% 0.059 254.128);
+    --ecpauth-color-blue-400: oklch(70.7% 0.165 254.624);
     --ecpauth-color-blue-500: oklch(62.3% 0.214 259.815);
     --ecpauth-color-blue-600: oklch(54.6% 0.245 262.881);
+    --ecpauth-color-blue-700: oklch(48.8% 0.243 264.376);
+    --ecpauth-color-blue-800: oklch(42.4% 0.199 265.638);
+    --ecpauth-color-blue-900: oklch(37.9% 0.146 265.522);
     --ecpauth-color-gray-50: oklch(98.5% 0.002 247.839);
     --ecpauth-color-gray-100: oklch(96.7% 0.003 264.542);
     --ecpauth-color-gray-200: oklch(92.8% 0.006 264.531);
+    --ecpauth-color-gray-300: oklch(87.2% 0.01 258.338);
+    --ecpauth-color-gray-400: oklch(70.7% 0.022 261.325);
     --ecpauth-color-gray-500: oklch(55.1% 0.027 264.364);
     --ecpauth-color-gray-600: oklch(44.6% 0.03 256.802);
     --ecpauth-color-gray-700: oklch(37.3% 0.034 259.733);
@@ -31,18 +59,32 @@
     --ecpauth-color-white: #fff;
     --ecpauth-spacing: 0.25rem;
     --ecpauth-container-sm: 24rem;
+    --ecpauth-container-md: 28rem;
     --ecpauth-container-lg: 32rem;
+    --ecpauth-container-xl: 36rem;
+    --ecpauth-text-xs: 0.75rem;
+    --ecpauth-text-xs--line-height: calc(1 / 0.75);
     --ecpauth-text-sm: 0.875rem;
     --ecpauth-text-sm--line-height: calc(1.25 / 0.875);
     --ecpauth-text-base: 1rem;
     --ecpauth-text-base--line-height: calc(1.5 / 1);
     --ecpauth-text-lg: 1.125rem;
     --ecpauth-text-lg--line-height: calc(1.75 / 1.125);
+    --ecpauth-text-xl: 1.25rem;
+    --ecpauth-text-xl--line-height: calc(1.75 / 1.25);
     --ecpauth-text-2xl: 1.5rem;
     --ecpauth-text-2xl--line-height: calc(2 / 1.5);
     --ecpauth-font-weight-medium: 500;
     --ecpauth-font-weight-semibold: 600;
+    --ecpauth-font-weight-bold: 700;
+    --ecpauth-font-weight-black: 900;
+    --ecpauth-tracking-tight: -0.025em;
+    --ecpauth-tracking-wider: 0.05em;
+    --ecpauth-leading-tight: 1.25;
+    --ecpauth-leading-relaxed: 1.625;
     --ecpauth-radius-xs: 0.125rem;
+    --ecpauth-radius-2xl: 1rem;
+    --ecpauth-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --ecpauth-default-transition-duration: 150ms;
     --ecpauth-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --ecpauth-default-font-family: var(--font-geist-sans);
@@ -205,17 +247,6 @@
   .ecpauth\:pointer-events-none {
     pointer-events: none;
   }
-  .ecpauth\:sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
-  }
   .ecpauth\:absolute {
     position: absolute;
   }
@@ -252,6 +283,9 @@
   .ecpauth\:left-\[50\%\] {
     left: 50%;
   }
+  .ecpauth\:z-10 {
+    z-index: 10;
+  }
   .ecpauth\:z-50 {
     z-index: 50;
   }
@@ -264,41 +298,53 @@
   .ecpauth\:row-start-1 {
     grid-row-start: 1;
   }
+  .ecpauth\:m-0 {
+    margin: calc(var(--ecpauth-spacing) * 0);
+  }
   .ecpauth\:-mx-1 {
     margin-inline: calc(var(--ecpauth-spacing) * -1);
   }
+  .ecpauth\:mx-1\.5 {
+    margin-inline: calc(var(--ecpauth-spacing) * 1.5);
+  }
+  .ecpauth\:mx-auto {
+    margin-inline: auto;
+  }
   .ecpauth\:my-1 {
     margin-block: calc(var(--ecpauth-spacing) * 1);
   }
   .ecpauth\:my-2 {
     margin-block: calc(var(--ecpauth-spacing) * 2);
   }
-  .ecpauth\:my-3 {
-    margin-block: calc(var(--ecpauth-spacing) * 3);
-  }
-  .ecpauth\:my-5 {
-    margin-block: calc(var(--ecpauth-spacing) * 5);
-  }
   .ecpauth\:-mt-2 {
     margin-top: calc(var(--ecpauth-spacing) * -2);
   }
-  .ecpauth\:mt-2 {
-    margin-top: calc(var(--ecpauth-spacing) * 2);
+  .ecpauth\:mt-0\.5 {
+    margin-top: calc(var(--ecpauth-spacing) * 0.5);
+  }
+  .ecpauth\:mt-1 {
+    margin-top: calc(var(--ecpauth-spacing) * 1);
+  }
+  .ecpauth\:mt-3 {
+    margin-top: calc(var(--ecpauth-spacing) * 3);
   }
   .ecpauth\:mt-4 {
     margin-top: calc(var(--ecpauth-spacing) * 4);
   }
-  .ecpauth\:mb-0 {
-    margin-bottom: calc(var(--ecpauth-spacing) * 0);
-  }
-  .ecpauth\:mb-2 {
-    margin-bottom: calc(var(--ecpauth-spacing) * 2);
+  .ecpauth\:mt-10 {
+    margin-top: calc(var(--ecpauth-spacing) * 10);
   }
   .ecpauth\:mb-4 {
     margin-bottom: calc(var(--ecpauth-spacing) * 4);
   }
-  .ecpauth\:ml-auto {
-    margin-left: auto;
+  .ecpauth\:mb-6 {
+    margin-bottom: calc(var(--ecpauth-spacing) * 6);
+  }
+  .ecpauth\:ml-0\.5 {
+    margin-left: calc(var(--ecpauth-spacing) * 0.5);
+  }
+  .ecpauth\:ml-1 {
+    margin-left: calc(var(--ecpauth-spacing) * 1);
   }
   .ecpauth\:block {
     display: block;
@@ -309,24 +355,37 @@
   .ecpauth\:grid {
     display: grid;
   }
-  .ecpauth\:inline-block {
-    display: inline-block;
-  }
   .ecpauth\:inline-flex {
     display: inline-flex;
   }
+  .ecpauth\:size-1\.5 {
+    width: calc(var(--ecpauth-spacing) * 1.5);
+    height: calc(var(--ecpauth-spacing) * 1.5);
+  }
   .ecpauth\:size-4 {
     width: calc(var(--ecpauth-spacing) * 4);
     height: calc(var(--ecpauth-spacing) * 4);
   }
+  .ecpauth\:size-8 {
+    width: calc(var(--ecpauth-spacing) * 8);
+    height: calc(var(--ecpauth-spacing) * 8);
+  }
   .ecpauth\:size-9 {
     width: calc(var(--ecpauth-spacing) * 9);
     height: calc(var(--ecpauth-spacing) * 9);
   }
+  .ecpauth\:size-10 {
+    width: calc(var(--ecpauth-spacing) * 10);
+    height: calc(var(--ecpauth-spacing) * 10);
+  }
   .ecpauth\:size-12 {
     width: calc(var(--ecpauth-spacing) * 12);
     height: calc(var(--ecpauth-spacing) * 12);
   }
+  .ecpauth\:size-16 {
+    width: calc(var(--ecpauth-spacing) * 16);
+    height: calc(var(--ecpauth-spacing) * 16);
+  }
   .ecpauth\:h-8 {
     height: calc(var(--ecpauth-spacing) * 8);
   }
@@ -336,6 +395,15 @@
   .ecpauth\:h-10 {
     height: calc(var(--ecpauth-spacing) * 10);
   }
+  .ecpauth\:h-11 {
+    height: calc(var(--ecpauth-spacing) * 11);
+  }
+  .ecpauth\:h-20 {
+    height: calc(var(--ecpauth-spacing) * 20);
+  }
+  .ecpauth\:h-24 {
+    height: calc(var(--ecpauth-spacing) * 24);
+  }
   .ecpauth\:h-40 {
     height: calc(var(--ecpauth-spacing) * 40);
   }
@@ -345,29 +413,35 @@
   .ecpauth\:h-px {
     height: 1px;
   }
-  .ecpauth\:\!max-h-\[calc\(100vh-12rem\)\] {
-    max-height: calc(100vh - 12rem) !important;
-  }
   .ecpauth\:max-h-\(--radix-dropdown-menu-content-available-height\) {
     max-height: var(--radix-dropdown-menu-content-available-height);
   }
+  .ecpauth\:max-h-\[70vh\] {
+    max-height: 70vh;
+  }
   .ecpauth\:w-8 {
     width: calc(var(--ecpauth-spacing) * 8);
   }
-  .ecpauth\:w-40 {
-    width: calc(var(--ecpauth-spacing) * 40);
-  }
-  .ecpauth\:w-56 {
-    width: calc(var(--ecpauth-spacing) * 56);
+  .ecpauth\:w-64 {
+    width: calc(var(--ecpauth-spacing) * 64);
   }
   .ecpauth\:w-full {
     width: 100%;
   }
+  .ecpauth\:max-w-\[450px\] {
+    max-width: 450px;
+  }
+  .ecpauth\:max-w-\[550px\] {
+    max-width: 550px;
+  }
   .ecpauth\:max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
-  .ecpauth\:max-w-sm {
-    max-width: var(--ecpauth-container-sm);
+  .ecpauth\:max-w-md {
+    max-width: var(--ecpauth-container-md);
+  }
+  .ecpauth\:max-w-xl {
+    max-width: var(--ecpauth-container-xl);
   }
   .ecpauth\:min-w-0 {
     min-width: calc(var(--ecpauth-spacing) * 0);
@@ -392,6 +466,9 @@
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .ecpauth\:animate-pulse {
+    animation: var(--ecpauth-animate-pulse);
+  }
   .ecpauth\:cursor-default {
     cursor: default;
   }
@@ -401,6 +478,9 @@
   .ecpauth\:auto-rows-min {
     grid-auto-rows: min-content;
   }
+  .ecpauth\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
   .ecpauth\:grid-rows-\[auto_auto\] {
     grid-template-rows: auto auto;
   }
@@ -410,6 +490,9 @@
   .ecpauth\:flex-col-reverse {
     flex-direction: column-reverse;
   }
+  .ecpauth\:flex-row {
+    flex-direction: row;
+  }
   .ecpauth\:items-center {
     align-items: center;
   }
@@ -431,18 +514,92 @@
   .ecpauth\:gap-2 {
     gap: calc(var(--ecpauth-spacing) * 2);
   }
+  .ecpauth\:gap-2\.5 {
+    gap: calc(var(--ecpauth-spacing) * 2.5);
+  }
+  .ecpauth\:gap-3 {
+    gap: calc(var(--ecpauth-spacing) * 3);
+  }
   .ecpauth\:gap-4 {
     gap: calc(var(--ecpauth-spacing) * 4);
   }
   .ecpauth\:gap-6 {
     gap: calc(var(--ecpauth-spacing) * 6);
   }
+  .ecpauth\:space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--ecpauth-spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--ecpauth-spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .ecpauth\:space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--ecpauth-spacing) * 1) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--ecpauth-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .ecpauth\:space-y-1\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--ecpauth-spacing) * 1.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--ecpauth-spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .ecpauth\:space-y-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--ecpauth-spacing) * 2) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--ecpauth-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .ecpauth\:space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--ecpauth-spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--ecpauth-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .ecpauth\:space-y-5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--ecpauth-spacing) * 5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--ecpauth-spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .ecpauth\:space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--ecpauth-spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--ecpauth-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .ecpauth\:space-y-8 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--ecpauth-spacing) * 8) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--ecpauth-spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .ecpauth\:space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--ecpauth-spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--ecpauth-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   .ecpauth\:self-start {
     align-self: flex-start;
   }
   .ecpauth\:justify-self-end {
     justify-self: flex-end;
   }
+  .ecpauth\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   .ecpauth\:overflow-hidden {
     overflow: hidden;
   }
@@ -452,6 +609,12 @@
   .ecpauth\:overflow-y-auto {
     overflow-y: auto;
   }
+  .ecpauth\:rounded-2xl {
+    border-radius: var(--ecpauth-radius-2xl);
+  }
+  .ecpauth\:rounded-2xl\! {
+    border-radius: var(--ecpauth-radius-2xl) !important;
+  }
   .ecpauth\:rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -474,23 +637,76 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
-  .ecpauth\:border-y {
-    border-block-style: var(--tw-border-style);
-    border-block-width: 1px;
+  .ecpauth\:border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .ecpauth\:border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
   }
   .ecpauth\:border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .ecpauth\:border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
+  .ecpauth\:border-amber-100 {
+    border-color: var(--ecpauth-color-amber-100);
+  }
+  .ecpauth\:border-blue-100 {
+    border-color: var(--ecpauth-color-blue-100);
+  }
+  .ecpauth\:border-blue-200 {
+    border-color: var(--ecpauth-color-blue-200);
+  }
+  .ecpauth\:border-blue-200\! {
+    border-color: var(--ecpauth-color-blue-200) !important;
+  }
+  .ecpauth\:border-blue-700\/10 {
+    border-color: var(--ecpauth-color-blue-700);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--ecpauth-color-blue-700) 10%, transparent);
+    }
+  }
+  .ecpauth\:border-gray-100 {
+    border-color: var(--ecpauth-color-gray-100);
+  }
   .ecpauth\:border-gray-200 {
     border-color: var(--ecpauth-color-gray-200);
   }
+  .ecpauth\:border-gray-200\/50 {
+    border-color: var(--ecpauth-color-gray-200);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--ecpauth-color-gray-200) 50%, transparent);
+    }
+  }
+  .ecpauth\:border-green-100 {
+    border-color: var(--ecpauth-color-green-100);
+  }
+  .ecpauth\:border-red-100 {
+    border-color: var(--ecpauth-color-red-100);
+  }
   .ecpauth\:border-stone-200 {
     border-color: var(--ecpauth-color-stone-200);
   }
   .ecpauth\:border-transparent {
     border-color: transparent;
   }
+  .ecpauth\:border-white {
+    border-color: var(--ecpauth-color-white);
+  }
+  .ecpauth\:bg-amber-50 {
+    background-color: var(--ecpauth-color-amber-50);
+  }
+  .ecpauth\:bg-amber-600 {
+    background-color: var(--ecpauth-color-amber-600);
+  }
+  .ecpauth\:bg-amber-600\! {
+    background-color: var(--ecpauth-color-amber-600) !important;
+  }
   .ecpauth\:bg-background {
     background-color: var(--background);
   }
@@ -500,8 +716,38 @@
       background-color: color-mix(in oklab, var(--ecpauth-color-black) 50%, transparent);
     }
   }
-  .ecpauth\:bg-gray-200 {
-    background-color: var(--ecpauth-color-gray-200);
+  .ecpauth\:bg-blue-50 {
+    background-color: var(--ecpauth-color-blue-50);
+  }
+  .ecpauth\:bg-blue-100 {
+    background-color: var(--ecpauth-color-blue-100);
+  }
+  .ecpauth\:bg-blue-600 {
+    background-color: var(--ecpauth-color-blue-600);
+  }
+  .ecpauth\:bg-blue-600\! {
+    background-color: var(--ecpauth-color-blue-600) !important;
+  }
+  .ecpauth\:bg-gray-50 {
+    background-color: var(--ecpauth-color-gray-50);
+  }
+  .ecpauth\:bg-gray-50\/50 {
+    background-color: var(--ecpauth-color-gray-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ecpauth-color-gray-50) 50%, transparent);
+    }
+  }
+  .ecpauth\:bg-gray-100 {
+    background-color: var(--ecpauth-color-gray-100);
+  }
+  .ecpauth\:bg-green-50 {
+    background-color: var(--ecpauth-color-green-50);
+  }
+  .ecpauth\:bg-green-500 {
+    background-color: var(--ecpauth-color-green-500);
+  }
+  .ecpauth\:bg-red-50 {
+    background-color: var(--ecpauth-color-red-50);
   }
   .ecpauth\:bg-red-500 {
     background-color: var(--ecpauth-color-red-500);
@@ -533,18 +779,52 @@
       background-color: color-mix(in oklab, var(--ecpauth-color-white) 90%, transparent);
     }
   }
+  .ecpauth\:bg-gradient-to-br {
+    --tw-gradient-position: to bottom right in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .ecpauth\:bg-gradient-to-tr {
+    --tw-gradient-position: to top right in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .ecpauth\:from-blue-600 {
+    --tw-gradient-from: var(--ecpauth-color-blue-600);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .ecpauth\:to-blue-400 {
+    --tw-gradient-to: var(--ecpauth-color-blue-400);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .ecpauth\:p-0 {
     padding: calc(var(--ecpauth-spacing) * 0);
   }
+  .ecpauth\:p-0\! {
+    padding: calc(var(--ecpauth-spacing) * 0) !important;
+  }
   .ecpauth\:p-1 {
     padding: calc(var(--ecpauth-spacing) * 1);
   }
+  .ecpauth\:p-1\.5 {
+    padding: calc(var(--ecpauth-spacing) * 1.5);
+  }
+  .ecpauth\:p-3 {
+    padding: calc(var(--ecpauth-spacing) * 3);
+  }
+  .ecpauth\:p-4 {
+    padding: calc(var(--ecpauth-spacing) * 4);
+  }
   .ecpauth\:p-6 {
     padding: calc(var(--ecpauth-spacing) * 6);
   }
+  .ecpauth\:p-8 {
+    padding: calc(var(--ecpauth-spacing) * 8);
+  }
   .ecpauth\:px-2 {
     padding-inline: calc(var(--ecpauth-spacing) * 2);
   }
+  .ecpauth\:px-2\.5 {
+    padding-inline: calc(var(--ecpauth-spacing) * 2.5);
+  }
   .ecpauth\:px-3 {
     padding-inline: calc(var(--ecpauth-spacing) * 3);
   }
@@ -554,6 +834,15 @@
   .ecpauth\:px-6 {
     padding-inline: calc(var(--ecpauth-spacing) * 6);
   }
+  .ecpauth\:px-8 {
+    padding-inline: calc(var(--ecpauth-spacing) * 8);
+  }
+  .ecpauth\:px-12 {
+    padding-inline: calc(var(--ecpauth-spacing) * 12);
+  }
+  .ecpauth\:py-0\.5 {
+    padding-block: calc(var(--ecpauth-spacing) * 0.5);
+  }
   .ecpauth\:py-1 {
     padding-block: calc(var(--ecpauth-spacing) * 1);
   }
@@ -563,24 +852,42 @@
   .ecpauth\:py-2 {
     padding-block: calc(var(--ecpauth-spacing) * 2);
   }
-  .ecpauth\:py-3 {
-    padding-block: calc(var(--ecpauth-spacing) * 3);
-  }
   .ecpauth\:py-4 {
     padding-block: calc(var(--ecpauth-spacing) * 4);
   }
   .ecpauth\:py-6 {
     padding-block: calc(var(--ecpauth-spacing) * 6);
   }
-  .ecpauth\:pe-3 {
-    padding-inline-end: calc(var(--ecpauth-spacing) * 3);
-  }
   .ecpauth\:pe-4 {
     padding-inline-end: calc(var(--ecpauth-spacing) * 4);
   }
+  .ecpauth\:pt-0 {
+    padding-top: calc(var(--ecpauth-spacing) * 0);
+  }
+  .ecpauth\:pt-1 {
+    padding-top: calc(var(--ecpauth-spacing) * 1);
+  }
+  .ecpauth\:pt-3 {
+    padding-top: calc(var(--ecpauth-spacing) * 3);
+  }
+  .ecpauth\:pt-6 {
+    padding-top: calc(var(--ecpauth-spacing) * 6);
+  }
+  .ecpauth\:pt-8 {
+    padding-top: calc(var(--ecpauth-spacing) * 8);
+  }
+  .ecpauth\:pt-10 {
+    padding-top: calc(var(--ecpauth-spacing) * 10);
+  }
   .ecpauth\:pb-2 {
     padding-bottom: calc(var(--ecpauth-spacing) * 2);
   }
+  .ecpauth\:pb-6 {
+    padding-bottom: calc(var(--ecpauth-spacing) * 6);
+  }
+  .ecpauth\:pb-8 {
+    padding-bottom: calc(var(--ecpauth-spacing) * 8);
+  }
   .ecpauth\:text-center {
     text-align: center;
   }
@@ -603,10 +910,40 @@
     font-size: var(--ecpauth-text-sm);
     line-height: var(--tw-leading, var(--ecpauth-text-sm--line-height));
   }
+  .ecpauth\:text-xl {
+    font-size: var(--ecpauth-text-xl);
+    line-height: var(--tw-leading, var(--ecpauth-text-xl--line-height));
+  }
+  .ecpauth\:text-xs {
+    font-size: var(--ecpauth-text-xs);
+    line-height: var(--tw-leading, var(--ecpauth-text-xs--line-height));
+  }
+  .ecpauth\:text-\[10px\] {
+    font-size: 10px;
+  }
+  .ecpauth\:text-\[11px\] {
+    font-size: 11px;
+  }
   .ecpauth\:leading-none {
     --tw-leading: 1;
     line-height: 1;
   }
+  .ecpauth\:leading-relaxed {
+    --tw-leading: var(--ecpauth-leading-relaxed);
+    line-height: var(--ecpauth-leading-relaxed);
+  }
+  .ecpauth\:leading-tight {
+    --tw-leading: var(--ecpauth-leading-tight);
+    line-height: var(--ecpauth-leading-tight);
+  }
+  .ecpauth\:font-black {
+    --tw-font-weight: var(--ecpauth-font-weight-black);
+    font-weight: var(--ecpauth-font-weight-black);
+  }
+  .ecpauth\:font-bold {
+    --tw-font-weight: var(--ecpauth-font-weight-bold);
+    font-weight: var(--ecpauth-font-weight-bold);
+  }
   .ecpauth\:font-medium {
     --tw-font-weight: var(--ecpauth-font-weight-medium);
     font-weight: var(--ecpauth-font-weight-medium);
@@ -615,30 +952,62 @@
     --tw-font-weight: var(--ecpauth-font-weight-semibold);
     font-weight: var(--ecpauth-font-weight-semibold);
   }
+  .ecpauth\:tracking-tight {
+    --tw-tracking: var(--ecpauth-tracking-tight);
+    letter-spacing: var(--ecpauth-tracking-tight);
+  }
+  .ecpauth\:tracking-wider {
+    --tw-tracking: var(--ecpauth-tracking-wider);
+    letter-spacing: var(--ecpauth-tracking-wider);
+  }
   .ecpauth\:whitespace-nowrap {
     white-space: nowrap;
   }
-  .ecpauth\:\!text-blue-500 {
-    color: var(--ecpauth-color-blue-500) !important;
+  .ecpauth\:text-amber-600 {
+    color: var(--ecpauth-color-amber-600);
   }
   .ecpauth\:text-black {
     color: var(--ecpauth-color-black);
   }
+  .ecpauth\:text-blue-500\! {
+    color: var(--ecpauth-color-blue-500) !important;
+  }
+  .ecpauth\:text-blue-600 {
+    color: var(--ecpauth-color-blue-600);
+  }
+  .ecpauth\:text-gray-400 {
+    color: var(--ecpauth-color-gray-400);
+  }
   .ecpauth\:text-gray-500 {
     color: var(--ecpauth-color-gray-500);
   }
+  .ecpauth\:text-gray-600 {
+    color: var(--ecpauth-color-gray-600);
+  }
   .ecpauth\:text-gray-700 {
     color: var(--ecpauth-color-gray-700);
   }
+  .ecpauth\:text-gray-900 {
+    color: var(--ecpauth-color-gray-900);
+  }
   .ecpauth\:text-green-500 {
     color: var(--ecpauth-color-green-500);
   }
+  .ecpauth\:text-green-700 {
+    color: var(--ecpauth-color-green-700);
+  }
   .ecpauth\:text-muted-foreground {
     color: var(--muted-foreground);
   }
   .ecpauth\:text-red-500 {
     color: var(--ecpauth-color-red-500);
   }
+  .ecpauth\:text-red-600 {
+    color: var(--ecpauth-color-red-600);
+  }
+  .ecpauth\:text-red-700 {
+    color: var(--ecpauth-color-red-700);
+  }
   .ecpauth\:text-stone-50 {
     color: var(--ecpauth-color-stone-50);
   }
@@ -660,15 +1029,38 @@
   .ecpauth\:text-white {
     color: var(--ecpauth-color-white);
   }
+  .ecpauth\:text-white\! {
+    color: var(--ecpauth-color-white) !important;
+  }
+  .ecpauth\:uppercase {
+    text-transform: uppercase;
+  }
+  .ecpauth\:italic {
+    font-style: italic;
+  }
   .ecpauth\:underline {
     text-decoration-line: underline;
   }
   .ecpauth\:underline-offset-4 {
     text-underline-offset: 4px;
   }
+  .ecpauth\:opacity-5 {
+    opacity: 5%;
+  }
+  .ecpauth\:opacity-10 {
+    opacity: 10%;
+  }
   .ecpauth\:opacity-70 {
     opacity: 70%;
   }
+  .ecpauth\: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);
+  }
+  .ecpauth\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ecpauth\:shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
@@ -677,10 +1069,18 @@
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ecpauth\: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);
+  }
   .ecpauth\:shadow-sm {
     --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);
   }
+  .ecpauth\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ecpauth\:shadow-xs {
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -689,6 +1089,24 @@
     --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);
   }
+  .ecpauth\:shadow-amber-600\/20 {
+    --tw-shadow-color: var(--ecpauth-color-amber-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--ecpauth-color-amber-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .ecpauth\:shadow-blue-500\/20 {
+    --tw-shadow-color: var(--ecpauth-color-blue-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--ecpauth-color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .ecpauth\:shadow-blue-600\/20 {
+    --tw-shadow-color: var(--ecpauth-color-blue-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--ecpauth-color-blue-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
   .ecpauth\:ring-offset-background {
     --tw-ring-offset-color: var(--background);
   }
@@ -710,6 +1128,11 @@
     transition-timing-function: var(--tw-ease, var(--ecpauth-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--ecpauth-default-transition-duration));
   }
+  .ecpauth\: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(--ecpauth-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--ecpauth-default-transition-duration));
+  }
   .ecpauth\:transition-opacity {
     transition-property: opacity;
     transition-timing-function: var(--tw-ease, var(--ecpauth-default-transition-timing-function));
@@ -732,6 +1155,13 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .ecpauth\:group-hover\:text-gray-600 {
+    &:is(:where(.ecpauth\:group):hover *) {
+      @media (hover: hover) {
+        color: var(--ecpauth-color-gray-600);
+      }
+    }
+  }
   .ecpauth\:group-data-\[disabled\=true\]\:pointer-events-none {
     &:is(:where(.ecpauth\:group)[data-disabled="true"] *) {
       pointer-events: none;
@@ -806,11 +1236,63 @@
       color: var(--ecpauth-color-stone-950);
     }
   }
+  .ecpauth\:placeholder\:text-gray-400 {
+    &::placeholder {
+      color: var(--ecpauth-color-gray-400);
+    }
+  }
+  .ecpauth\:placeholder\:text-gray-400\! {
+    &::placeholder {
+      color: var(--ecpauth-color-gray-400) !important;
+    }
+  }
   .ecpauth\:placeholder\:text-stone-500 {
     &::placeholder {
       color: var(--ecpauth-color-stone-500);
     }
   }
+  .ecpauth\:hover\:border-blue-200 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--ecpauth-color-blue-200);
+      }
+    }
+  }
+  .ecpauth\:hover\:bg-amber-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--ecpauth-color-amber-700);
+      }
+    }
+  }
+  .ecpauth\:hover\:bg-amber-700\! {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--ecpauth-color-amber-700) !important;
+      }
+    }
+  }
+  .ecpauth\:hover\:bg-blue-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--ecpauth-color-blue-700);
+      }
+    }
+  }
+  .ecpauth\:hover\:bg-blue-700\! {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--ecpauth-color-blue-700) !important;
+      }
+    }
+  }
+  .ecpauth\:hover\:bg-gray-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--ecpauth-color-gray-50);
+      }
+    }
+  }
   .ecpauth\:hover\:bg-gray-100 {
     &:hover {
       @media (hover: hover) {
@@ -818,6 +1300,13 @@
       }
     }
   }
+  .ecpauth\:hover\:bg-red-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--ecpauth-color-red-50);
+      }
+    }
+  }
   .ecpauth\:hover\:bg-red-500\/90 {
     &:hover {
       @media (hover: hover) {
@@ -865,13 +1354,27 @@
       }
     }
   }
-  .ecpauth\:hover\:\!text-blue-600 {
+  .ecpauth\:hover\:text-blue-600\! {
     &:hover {
       @media (hover: hover) {
         color: var(--ecpauth-color-blue-600) !important;
       }
     }
   }
+  .ecpauth\:hover\:text-blue-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--ecpauth-color-blue-700);
+      }
+    }
+  }
+  .ecpauth\:hover\:text-gray-900 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--ecpauth-color-gray-900);
+      }
+    }
+  }
   .ecpauth\:hover\:text-stone-900 {
     &:hover {
       @media (hover: hover) {
@@ -893,11 +1396,24 @@
       }
     }
   }
+  .ecpauth\:hover\:shadow-md {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
   .ecpauth\:focus\:bg-stone-100 {
     &:focus {
       background-color: var(--ecpauth-color-stone-100);
     }
   }
+  .ecpauth\:focus\:bg-white {
+    &:focus {
+      background-color: var(--ecpauth-color-white);
+    }
+  }
   .ecpauth\:focus\:text-stone-900 {
     &:focus {
       color: var(--ecpauth-color-stone-900);
@@ -909,6 +1425,14 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .ecpauth\:focus\:ring-blue-500\/20 {
+    &:focus {
+      --tw-ring-color: var(--ecpauth-color-blue-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-blue-500) 20%, transparent);
+      }
+    }
+  }
   .ecpauth\:focus\:ring-ring {
     &:focus {
       --tw-ring-color: var(--ring);
@@ -930,10 +1454,14 @@
       }
     }
   }
-  .ecpauth\:focus\:outline-none {
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
+  .ecpauth\:focus-visible\:border-blue-500 {
+    &:focus-visible {
+      border-color: var(--ecpauth-color-blue-500);
+    }
+  }
+  .ecpauth\:focus-visible\:border-blue-500\! {
+    &:focus-visible {
+      border-color: var(--ecpauth-color-blue-500) !important;
     }
   }
   .ecpauth\:focus-visible\:border-stone-950 {
@@ -953,6 +1481,16 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .ecpauth\:focus-visible\:ring-blue-500 {
+    &:focus-visible {
+      --tw-ring-color: var(--ecpauth-color-blue-500);
+    }
+  }
+  .ecpauth\:focus-visible\:ring-blue-500\! {
+    &:focus-visible {
+      --tw-ring-color: var(--ecpauth-color-blue-500) !important;
+    }
+  }
   .ecpauth\:focus-visible\:ring-gray-500 {
     &:focus-visible {
       --tw-ring-color: var(--ecpauth-color-gray-500);
@@ -974,6 +1512,11 @@
       }
     }
   }
+  .ecpauth\:active\:scale-\[0\.98\] {
+    &:active {
+      scale: 0.98;
+    }
+  }
   .ecpauth\:disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -1043,6 +1586,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .ecpauth\:data-\[state\=checked\]\:bg-blue-600 {
+    &[data-state="checked"] {
+      background-color: var(--ecpauth-color-blue-600);
+    }
+  }
   .ecpauth\:data-\[state\=checked\]\:bg-stone-900 {
     &[data-state="checked"] {
       background-color: var(--ecpauth-color-stone-900);
@@ -1111,15 +1659,37 @@
       text-align: left;
     }
   }
+  .ecpauth\:md\:grid-cols-2 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
   .ecpauth\:md\:text-sm {
     @media (width >= 48rem) {
       font-size: var(--ecpauth-text-sm);
       line-height: var(--tw-leading, var(--ecpauth-text-sm--line-height));
     }
   }
-  .ecpauth\:lg\:min-h-\[496px\] {
+  .ecpauth\:lg\:shadow-xl {
     @media (width >= 64rem) {
-      min-height: 496px;
+      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .ecpauth\:dark\:border-amber-800\/50 {
+    &:is(.dark *) {
+      border-color: var(--ecpauth-color-amber-800);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--ecpauth-color-amber-800) 50%, transparent);
+      }
+    }
+  }
+  .ecpauth\:dark\:border-blue-800\/50 {
+    &:is(.dark *) {
+      border-color: var(--ecpauth-color-blue-800);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--ecpauth-color-blue-800) 50%, transparent);
+      }
     }
   }
   .ecpauth\:dark\:border-gray-600 {
@@ -1137,11 +1707,72 @@
       border-color: var(--ecpauth-color-gray-800);
     }
   }
+  .ecpauth\:dark\:border-gray-800\/50 {
+    &:is(.dark *) {
+      border-color: var(--ecpauth-color-gray-800);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--ecpauth-color-gray-800) 50%, transparent);
+      }
+    }
+  }
+  .ecpauth\:dark\:border-gray-900 {
+    &:is(.dark *) {
+      border-color: var(--ecpauth-color-gray-900);
+    }
+  }
+  .ecpauth\:dark\:border-green-800\/30 {
+    &:is(.dark *) {
+      border-color: var(--ecpauth-color-green-800);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--ecpauth-color-green-800) 30%, transparent);
+      }
+    }
+  }
+  .ecpauth\:dark\:border-red-800\/30 {
+    &:is(.dark *) {
+      border-color: var(--ecpauth-color-red-800);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--ecpauth-color-red-800) 30%, transparent);
+      }
+    }
+  }
   .ecpauth\:dark\:border-stone-800 {
     &:is(.dark *) {
       border-color: var(--ecpauth-color-stone-800);
     }
   }
+  .ecpauth\:dark\:border-white\/10 {
+    &:is(.dark *) {
+      border-color: var(--ecpauth-color-white);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--ecpauth-color-white) 10%, transparent);
+      }
+    }
+  }
+  .ecpauth\:dark\:bg-amber-900\/20 {
+    &:is(.dark *) {
+      background-color: var(--ecpauth-color-amber-900);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--ecpauth-color-amber-900) 20%, transparent);
+      }
+    }
+  }
+  .ecpauth\:dark\:bg-blue-900\/20 {
+    &:is(.dark *) {
+      background-color: var(--ecpauth-color-blue-900);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--ecpauth-color-blue-900) 20%, transparent);
+      }
+    }
+  }
+  .ecpauth\:dark\:bg-blue-900\/30 {
+    &:is(.dark *) {
+      background-color: var(--ecpauth-color-blue-900);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--ecpauth-color-blue-900) 30%, transparent);
+      }
+    }
+  }
   .ecpauth\:dark\:bg-gray-700\/50 {
     &:is(.dark *) {
       background-color: var(--ecpauth-color-gray-700);
@@ -1160,6 +1791,14 @@
       background-color: var(--ecpauth-color-gray-900);
     }
   }
+  .ecpauth\:dark\:bg-gray-900\/50 {
+    &:is(.dark *) {
+      background-color: var(--ecpauth-color-gray-900);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--ecpauth-color-gray-900) 50%, transparent);
+      }
+    }
+  }
   .ecpauth\:dark\:bg-gray-900\/90 {
     &:is(.dark *) {
       background-color: var(--ecpauth-color-gray-900);
@@ -1176,6 +1815,14 @@
       }
     }
   }
+  .ecpauth\:dark\:bg-green-900\/10 {
+    &:is(.dark *) {
+      background-color: var(--ecpauth-color-green-900);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--ecpauth-color-green-900) 10%, transparent);
+      }
+    }
+  }
   .ecpauth\:dark\:bg-red-500\/60 {
     &:is(.dark *) {
       background-color: var(--ecpauth-color-red-500);
@@ -1189,6 +1836,14 @@
       background-color: var(--ecpauth-color-red-900);
     }
   }
+  .ecpauth\:dark\:bg-red-900\/10 {
+    &:is(.dark *) {
+      background-color: var(--ecpauth-color-red-900);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--ecpauth-color-red-900) 10%, transparent);
+      }
+    }
+  }
   .ecpauth\:dark\:bg-red-900\/60 {
     &:is(.dark *) {
       background-color: var(--ecpauth-color-red-900);
@@ -1228,11 +1883,59 @@
       background-color: var(--ecpauth-color-stone-950);
     }
   }
+  .ecpauth\:dark\:bg-white\/5 {
+    &:is(.dark *) {
+      background-color: var(--ecpauth-color-white);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--ecpauth-color-white) 5%, transparent);
+      }
+    }
+  }
+  .ecpauth\:dark\:text-amber-400 {
+    &:is(.dark *) {
+      color: var(--ecpauth-color-amber-400);
+    }
+  }
+  .ecpauth\:dark\:text-blue-400 {
+    &:is(.dark *) {
+      color: var(--ecpauth-color-blue-400);
+    }
+  }
   .ecpauth\:dark\:text-gray-50 {
     &:is(.dark *) {
       color: var(--ecpauth-color-gray-50);
     }
   }
+  .ecpauth\:dark\:text-gray-200 {
+    &:is(.dark *) {
+      color: var(--ecpauth-color-gray-200);
+    }
+  }
+  .ecpauth\:dark\:text-gray-300 {
+    &:is(.dark *) {
+      color: var(--ecpauth-color-gray-300);
+    }
+  }
+  .ecpauth\:dark\:text-gray-400 {
+    &:is(.dark *) {
+      color: var(--ecpauth-color-gray-400);
+    }
+  }
+  .ecpauth\:dark\:text-gray-500 {
+    &:is(.dark *) {
+      color: var(--ecpauth-color-gray-500);
+    }
+  }
+  .ecpauth\:dark\:text-green-400 {
+    &:is(.dark *) {
+      color: var(--ecpauth-color-green-400);
+    }
+  }
+  .ecpauth\:dark\:text-red-400 {
+    &:is(.dark *) {
+      color: var(--ecpauth-color-red-400);
+    }
+  }
   .ecpauth\:dark\:text-stone-50 {
     &:is(.dark *) {
       color: var(--ecpauth-color-stone-50);
@@ -1258,6 +1961,15 @@
       color: var(--ecpauth-color-white);
     }
   }
+  .ecpauth\:dark\:group-hover\:text-gray-300 {
+    &:is(.dark *) {
+      &:is(:where(.ecpauth\:group):hover *) {
+        @media (hover: hover) {
+          color: var(--ecpauth-color-gray-300);
+        }
+      }
+    }
+  }
   .ecpauth\:dark\:selection\:bg-stone-50 {
     &:is(.dark *) {
       & *::selection {
@@ -1292,13 +2004,37 @@
       }
     }
   }
-  .ecpauth\:dark\:hover\:bg-gray-800\/80 {
+  .ecpauth\:dark\:hover\:border-blue-900\/30 {
+    &:is(.dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--ecpauth-color-blue-900);
+          @supports (color: color-mix(in lab, red, red)) {
+            border-color: color-mix(in oklab, var(--ecpauth-color-blue-900) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .ecpauth\:dark\:hover\:bg-gray-800\/50 {
     &:is(.dark *) {
       &:hover {
         @media (hover: hover) {
           background-color: var(--ecpauth-color-gray-800);
           @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--ecpauth-color-gray-800) 80%, transparent);
+            background-color: color-mix(in oklab, var(--ecpauth-color-gray-800) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .ecpauth\:dark\:hover\:bg-red-900\/10 {
+    &:is(.dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--ecpauth-color-red-900);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--ecpauth-color-red-900) 10%, transparent);
           }
         }
       }
@@ -1373,6 +2109,30 @@
       }
     }
   }
+  .ecpauth\:dark\:hover\:bg-white\/5 {
+    &:is(.dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--ecpauth-color-white);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--ecpauth-color-white) 5%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .ecpauth\:dark\:hover\:bg-white\/10 {
+    &:is(.dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--ecpauth-color-white);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--ecpauth-color-white) 10%, transparent);
+          }
+        }
+      }
+    }
+  }
   .ecpauth\:dark\:hover\:text-stone-50 {
     &:is(.dark *) {
       &:hover {
@@ -1391,6 +2151,13 @@
       }
     }
   }
+  .ecpauth\:dark\:focus\:bg-gray-950 {
+    &:is(.dark *) {
+      &:focus {
+        background-color: var(--ecpauth-color-gray-950);
+      }
+    }
+  }
   .ecpauth\:dark\:focus\:bg-stone-800 {
     &:is(.dark *) {
       &:focus {
@@ -1694,11 +2461,63 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
 }
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-leading {
   syntax: "*";
   inherits: false;
@@ -1707,6 +2526,10 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -1776,15 +2599,32 @@
   syntax: "*";
   inherits: false;
 }
+@keyframes pulse {
+  50% {
+    opacity: 0.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-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
       --tw-border-style: solid;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;