reachat 3.2.3 → 3.4.0

package/dist/index.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -35,6 +35,7 @@
     --color-green-600: oklch(62.7% 0.194 149.214);
     --color-green-800: oklch(44.8% 0.119 151.328);
     --color-green-950: oklch(26.6% 0.065 152.934);
+    --color-cyan-300: oklch(86.5% 0.127 207.078);
     --color-cyan-500: oklch(71.5% 0.143 215.221);
     --color-blue-100: oklch(93.2% 0.032 255.585);
     --color-blue-200: oklch(88.2% 0.059 254.128);
@@ -45,6 +46,7 @@
     --color-blue-700: oklch(48.8% 0.243 264.376);
     --color-blue-900: oklch(37.9% 0.146 265.522);
     --color-blue-950: oklch(28.2% 0.091 267.935);
+    --color-indigo-300: oklch(78.5% 0.115 274.713);
     --color-indigo-600: oklch(51.1% 0.262 276.966);
     --color-indigo-700: oklch(45.7% 0.24 277.023);
     --color-violet-500: oklch(60.6% 0.25 292.717);
@@ -74,6 +76,7 @@
     --spacing: 0.25rem;
     --container-sm: 24rem;
     --container-2xl: 42rem;
+    --container-4xl: 56rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -296,6 +299,17 @@
   .visible {
     visibility: visible;
   }
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
   .absolute {
     position: absolute;
   }
@@ -321,7 +335,7 @@
     inset-block: calc(var(--spacing) * 0);
   }
   .inset-y-1\/2 {
-    inset-block: calc(1/2 * 100%);
+    inset-block: calc(1 / 2 * 100%);
   }
   .-top-1\.5 {
     top: calc(var(--spacing) * -1.5);
@@ -372,10 +386,10 @@
     left: calc(var(--spacing) * 0);
   }
   .left-1\/2 {
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
   .left-2\/4 {
-    left: calc(2/4 * 100%);
+    left: calc(2 / 4 * 100%);
   }
   .left-5 {
     left: calc(var(--spacing) * 5);
@@ -440,6 +454,9 @@
   .m-auto {
     margin: auto;
   }
+  .-mx-4 {
+    margin-inline: calc(var(--spacing) * -4);
+  }
   .mx-0 {
     margin-inline: calc(var(--spacing) * 0);
   }
@@ -620,6 +637,9 @@
   .ml-0 {
     margin-left: calc(var(--spacing) * 0);
   }
+  .ml-0\.5 {
+    margin-left: calc(var(--spacing) * 0.5);
+  }
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
@@ -716,7 +736,7 @@
     height: calc(var(--spacing) * 5);
   }
   .h-5\/6 {
-    height: calc(5/6 * 100%);
+    height: calc(5 / 6 * 100%);
   }
   .h-6 {
     height: calc(var(--spacing) * 6);
@@ -778,9 +798,6 @@
   .h-\[500px\] {
     height: 500px;
   }
-  .h-\[515px\] {
-    height: 515px;
-  }
   .h-\[600px\] {
     height: 600px;
   }
@@ -853,6 +870,9 @@
   .min-h-\[42px\] {
     min-height: 42px;
   }
+  .min-h-\[515px\] {
+    min-height: 515px;
+  }
   .min-h-\[600px\] {
     min-height: 600px;
   }
@@ -869,13 +889,10 @@
     width: calc(var(--spacing) * 1.5);
   }
   .w-1\/2 {
-    width: calc(1/2 * 100%);
+    width: calc(1 / 2 * 100%);
   }
   .w-1\/3 {
-    width: calc(1/3 * 100%);
-  }
-  .w-1\/4 {
-    width: calc(1/4 * 100%);
+    width: calc(1 / 3 * 100%);
   }
   .w-2 {
     width: calc(var(--spacing) * 2);
@@ -884,10 +901,7 @@
     width: calc(var(--spacing) * 2.5);
   }
   .w-2\/4 {
-    width: calc(2/4 * 100%);
-  }
-  .w-2\/5 {
-    width: calc(2/5 * 100%);
+    width: calc(2 / 4 * 100%);
   }
   .w-3 {
     width: calc(var(--spacing) * 3);
@@ -896,10 +910,7 @@
     width: calc(var(--spacing) * 3.5);
   }
   .w-3\/4 {
-    width: calc(3/4 * 100%);
-  }
-  .w-3\/5 {
-    width: calc(3/5 * 100%);
+    width: calc(3 / 4 * 100%);
   }
   .w-4 {
     width: calc(var(--spacing) * 4);
@@ -908,7 +919,7 @@
     width: calc(var(--spacing) * 5);
   }
   .w-5\/6 {
-    width: calc(5/6 * 100%);
+    width: calc(5 / 6 * 100%);
   }
   .w-6 {
     width: calc(var(--spacing) * 6);
@@ -920,7 +931,7 @@
     width: calc(var(--spacing) * 10);
   }
   .w-11\/12 {
-    width: calc(11/12 * 100%);
+    width: calc(11 / 12 * 100%);
   }
   .w-12 {
     width: calc(var(--spacing) * 12);
@@ -1003,6 +1014,9 @@
   .max-w-2xl {
     max-width: var(--container-2xl);
   }
+  .max-w-4xl {
+    max-width: var(--container-4xl);
+  }
   .max-w-10 {
     max-width: calc(var(--spacing) * 10);
   }
@@ -1030,9 +1044,36 @@
   .max-w-\[500px\] {
     max-width: 500px;
   }
+  .max-w-\[560px\] {
+    max-width: 560px;
+  }
+  .max-w-\[600px\] {
+    max-width: 600px;
+  }
+  .max-w-\[620px\] {
+    max-width: 620px;
+  }
+  .max-w-\[650px\] {
+    max-width: 650px;
+  }
+  .max-w-\[690px\] {
+    max-width: 690px;
+  }
+  .max-w-\[800px\] {
+    max-width: 800px;
+  }
+  .max-w-\[820px\] {
+    max-width: 820px;
+  }
+  .max-w-\[840px\] {
+    max-width: 840px;
+  }
   .max-w-\[960px\] {
     max-width: 960px;
   }
+  .max-w-\[1100px\] {
+    max-width: 1100px;
+  }
   .max-w-\[1200px\] {
     max-width: 1200px;
   }
@@ -1066,14 +1107,11 @@
   .min-w-\[350px\] {
     min-width: 350px;
   }
-  .min-w-\[360px\] {
-    min-width: 360px;
-  }
   .min-w-\[400px\] {
     min-width: 400px;
   }
-  .min-w-\[960px\] {
-    min-width: 960px;
+  .min-w-\[760px\] {
+    min-width: 760px;
   }
   .min-w-\[auto\] {
     min-width: auto;
@@ -1112,11 +1150,11 @@
     transform-origin: 100% 100%;
   }
   .-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-x-2\/4 {
-    --tw-translate-x: calc(calc(2/4 * 100%) * -1);
+    --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-x-\[calc\(50\%\+0\.5px\)\] {
@@ -1124,23 +1162,23 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-x-1\/2 {
-    --tw-translate-x: calc(1/2 * 100%);
+    --tw-translate-x: calc(1 / 2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-x-2\/4 {
-    --tw-translate-x: calc(2/4 * 100%);
+    --tw-translate-x: calc(2 / 4 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-2\/4 {
-    --tw-translate-y: calc(calc(2/4 * 100%) * -1);
+    --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-y-2\/4 {
-    --tw-translate-y: calc(2/4 * 100%);
+    --tw-translate-y: calc(2 / 4 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-rotate-90 {
@@ -1189,6 +1227,20 @@
   .scroll-m-20 {
     scroll-margin: calc(var(--spacing) * 20);
   }
+  .scrollbar-none {
+    scrollbar-width: none;
+  }
+  .scrollbar-thin {
+    scrollbar-width: thin;
+  }
+  .scrollbar-thumb-gray-300 {
+    --tw-scrollbar-thumb: var(--color-gray-300);
+    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+  }
+  .scrollbar-track-transparent {
+    --tw-scrollbar-track: transparent;
+    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+  }
   .list-decimal {
     list-style-type: decimal;
   }
@@ -1207,17 +1259,14 @@
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-  .grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
   .grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
-  .grid-cols-\[400px_1fr_1fr_1fr\] {
-    grid-template-columns: 400px 1fr 1fr 1fr;
+  .grid-cols-\[200px_1fr_1fr_1fr\] {
+    grid-template-columns: 200px 1fr 1fr 1fr;
   }
   .grid-cols-\[min-content_1fr\] {
     grid-template-columns: min-content 1fr;
@@ -1383,6 +1432,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -1866,12 +1918,6 @@
   .p-8 {
     padding: calc(var(--spacing) * 8);
   }
-  .p-12 {
-    padding: calc(var(--spacing) * 12);
-  }
-  .p-14 {
-    padding: calc(var(--spacing) * 14);
-  }
   .p-20 {
     padding: calc(var(--spacing) * 20);
   }
@@ -1890,9 +1936,6 @@
   .p-\[30px\] {
     padding: 30px;
   }
-  .p-\[50px\] {
-    padding: 50px;
-  }
   .p-px {
     padding: 1px;
   }
@@ -1935,12 +1978,6 @@
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
-  .px-10 {
-    padding-inline: calc(var(--spacing) * 10);
-  }
-  .px-12 {
-    padding-inline: calc(var(--spacing) * 12);
-  }
   .px-24 {
     padding-inline: calc(var(--spacing) * 24);
   }
@@ -1986,9 +2023,6 @@
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
-  .py-12 {
-    padding-block: calc(var(--spacing) * 12);
-  }
   .py-16 {
     padding-block: calc(var(--spacing) * 16);
   }
@@ -2162,15 +2196,15 @@
   .text-\[16px\] {
     font-size: 16px;
   }
+  .text-\[22vw\] {
+    font-size: 22vw;
+  }
   .text-\[24px\] {
     font-size: 24px;
   }
   .text-\[32px\] {
     font-size: 32px;
   }
-  .text-\[400px\] {
-    font-size: 400px;
-  }
   .leading-0 {
     --tw-leading: calc(var(--spacing) * 0);
     line-height: calc(var(--spacing) * 0);
@@ -2203,10 +2237,6 @@
     --tw-leading: 31px;
     line-height: 31px;
   }
-  .leading-\[600px\] {
-    --tw-leading: 600px;
-    line-height: 600px;
-  }
   .leading-\[inherit\] {
     --tw-leading: inherit;
     line-height: inherit;
@@ -2283,6 +2313,9 @@
   .text-blue-700 {
     color: var(--color-blue-700);
   }
+  .text-cyan-300 {
+    color: var(--color-cyan-300);
+  }
   .text-gray-100 {
     color: var(--color-gray-100);
   }
@@ -2307,6 +2340,9 @@
   .text-green-500 {
     color: var(--color-green-500);
   }
+  .text-indigo-300 {
+    color: var(--color-indigo-300);
+  }
   .text-inherit {
     color: inherit;
   }
@@ -2805,6 +2841,14 @@
       }
     }
   }
+  .hover\:scrollbar-thumb-gray-400 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-scrollbar-thumb: var(--color-gray-400);
+        scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+      }
+    }
+  }
   .hover\:rounded-sm {
     &:hover {
       @media (hover: hover) {
@@ -3176,6 +3220,11 @@
       }
     }
   }
+  .sm\:mx-0 {
+    @media (width >= 40rem) {
+      margin-inline: calc(var(--spacing) * 0);
+    }
+  }
   .sm\:mx-auto {
     @media (width >= 40rem) {
       margin-inline: auto;
@@ -3191,99 +3240,169 @@
       max-width: var(--container-sm);
     }
   }
+  .sm\:grid-cols-2 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .sm\:flex-row {
+    @media (width >= 40rem) {
+      flex-direction: row;
+    }
+  }
+  .sm\:flex-wrap {
+    @media (width >= 40rem) {
+      flex-wrap: wrap;
+    }
+  }
+  .sm\:items-center {
+    @media (width >= 40rem) {
+      align-items: center;
+    }
+  }
+  .sm\:items-start {
+    @media (width >= 40rem) {
+      align-items: flex-start;
+    }
+  }
+  .sm\:justify-between {
+    @media (width >= 40rem) {
+      justify-content: space-between;
+    }
+  }
+  .sm\:gap-2 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 2);
+    }
+  }
+  .sm\:gap-4 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
+  .sm\:p-8 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 8);
+    }
+  }
+  .sm\:px-0 {
+    @media (width >= 40rem) {
+      padding-inline: calc(var(--spacing) * 0);
+    }
+  }
+  .sm\:px-6 {
+    @media (width >= 40rem) {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+  }
+  .sm\:text-\[18vw\] {
+    @media (width >= 40rem) {
+      font-size: 18vw;
+    }
+  }
   .md\:mt-\[200px\] {
     @media (width >= 48rem) {
       margin-top: 200px;
     }
   }
+  .md\:ml-auto {
+    @media (width >= 48rem) {
+      margin-left: auto;
+    }
+  }
   .md\:block {
     @media (width >= 48rem) {
       display: block;
     }
   }
+  .md\:h-\[600px\] {
+    @media (width >= 48rem) {
+      height: 600px;
+    }
+  }
   .md\:h-\[800px\] {
     @media (width >= 48rem) {
       height: 800px;
     }
   }
-  .md\:w-\[500px\] {
+  .md\:w-1\/4 {
     @media (width >= 48rem) {
-      width: 500px;
+      width: calc(1 / 4 * 100%);
     }
   }
-  .md\:w-\[560px\] {
+  .md\:w-2\/5 {
     @media (width >= 48rem) {
-      width: 560px;
+      width: calc(2 / 5 * 100%);
     }
   }
-  .md\:w-\[600px\] {
+  .md\:w-3\/5 {
     @media (width >= 48rem) {
-      width: 600px;
+      width: calc(3 / 5 * 100%);
     }
   }
-  .md\:w-\[620px\] {
+  .md\:w-\[600px\] {
     @media (width >= 48rem) {
-      width: 620px;
+      width: 600px;
     }
   }
-  .md\:w-\[650px\] {
+  .md\:max-w-\[600px\] {
     @media (width >= 48rem) {
-      width: 650px;
+      max-width: 600px;
     }
   }
-  .md\:w-\[690px\] {
+  .md\:min-w-\[232px\] {
     @media (width >= 48rem) {
-      width: 690px;
+      min-width: 232px;
     }
   }
-  .md\:w-\[800px\] {
+  .md\:grid-cols-3 {
     @media (width >= 48rem) {
-      width: 800px;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
-  .md\:w-\[820px\] {
+  .md\:flex-row {
     @media (width >= 48rem) {
-      width: 820px;
+      flex-direction: row;
     }
   }
-  .md\:max-w-\[600px\] {
+  .md\:items-center {
     @media (width >= 48rem) {
-      max-width: 600px;
+      align-items: center;
     }
   }
-  .md\:max-w-\[800px\] {
+  .md\:justify-between {
     @media (width >= 48rem) {
-      max-width: 800px;
+      justify-content: space-between;
     }
   }
-  .md\:max-w-\[840px\] {
+  .md\:justify-end {
     @media (width >= 48rem) {
-      max-width: 840px;
+      justify-content: flex-end;
     }
   }
-  .md\:max-w-\[1100px\] {
+  .md\:gap-12 {
     @media (width >= 48rem) {
-      max-width: 1100px;
+      gap: calc(var(--spacing) * 12);
     }
   }
-  .md\:max-w-\[1200px\] {
+  .md\:p-12 {
     @media (width >= 48rem) {
-      max-width: 1200px;
+      padding: calc(var(--spacing) * 12);
     }
   }
-  .md\:min-w-\[960px\] {
+  .md\:p-14 {
     @media (width >= 48rem) {
-      min-width: 960px;
+      padding: calc(var(--spacing) * 14);
     }
   }
-  .md\:grid-cols-3 {
+  .md\:p-\[50px\] {
     @media (width >= 48rem) {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
+      padding: 50px;
     }
   }
-  .md\:flex-row {
+  .md\:px-10 {
     @media (width >= 48rem) {
-      flex-direction: row;
+      padding-inline: calc(var(--spacing) * 10);
     }
   }
   .md\:px-24 {
@@ -3291,11 +3410,41 @@
       padding-inline: calc(var(--spacing) * 24);
     }
   }
+  .md\:py-12 {
+    @media (width >= 48rem) {
+      padding-block: calc(var(--spacing) * 12);
+    }
+  }
   .md\:py-28 {
     @media (width >= 48rem) {
       padding-block: calc(var(--spacing) * 28);
     }
   }
+  .md\:text-\[16vw\] {
+    @media (width >= 48rem) {
+      font-size: 16vw;
+    }
+  }
+  .lg\:grid-cols-3 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .lg\:flex-row {
+    @media (width >= 64rem) {
+      flex-direction: row;
+    }
+  }
+  .lg\:justify-between {
+    @media (width >= 64rem) {
+      justify-content: space-between;
+    }
+  }
+  .lg\:text-\[300px\] {
+    @media (width >= 64rem) {
+      font-size: 300px;
+    }
+  }
   .dark\:block {
     &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
       display: block;
@@ -3306,6 +3455,12 @@
       display: none;
     }
   }
+  .dark\:scrollbar-thumb-gray-600 {
+    &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
+      --tw-scrollbar-thumb: var(--color-gray-600);
+      scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+    }
+  }
   .dark\:border-\[\#3D3D4D\] {
     &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
       border-color: #3D3D4D;
@@ -3641,6 +3796,16 @@
       }
     }
   }
+  .dark\:hover\:scrollbar-thumb-gray-500 {
+    &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --tw-scrollbar-thumb: var(--color-gray-500);
+          scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+        }
+      }
+    }
+  }
   .dark\:hover\:border-gray-600 {
     &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -4243,6 +4408,11 @@
       margin-top: calc(var(--spacing) * 6);
     }
   }
+  .\[\&\>\*\]\:h-full {
+    &>* {
+      height: 100%;
+    }
+  }
   .\[\&\>div\]\:max-w-full {
     &>div {
       max-width: 100%;
@@ -4417,6 +4587,16 @@ body {
   syntax: "*";
   inherits: false;
 }
+@property --tw-scrollbar-thumb {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-scrollbar-track {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -4692,6 +4872,8 @@ body {
       --tw-pan-x: initial;
       --tw-pan-y: initial;
       --tw-pinch-zoom: initial;
+      --tw-scrollbar-thumb: #0000;
+      --tw-scrollbar-track: #0000;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;