@anker-in/headless-ui 1.3.21 → 1.3.22-alpha.1781754422536

package/style.css

@@ -667,6 +667,9 @@ video {
 .top-5 {
   top: 1.25rem;
 }
+.top-6 {
+  top: 1.5rem;
+}
 .top-\[104\%\] {
   top: 104%;
 }
@@ -887,6 +890,14 @@ video {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
 .mx-1\.5 {
   margin-left: 0.375rem;
   margin-right: 0.375rem;
@@ -911,6 +922,14 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+.my-8 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
 .my-\[24px\] {
   margin-top: 24px;
   margin-bottom: 24px;
@@ -1226,6 +1245,10 @@ video {
   width: 0.5rem;
   height: 0.5rem;
 }
+.size-20 {
+  width: 5rem;
+  height: 5rem;
+}
 .size-3\.5 {
   width: 0.875rem;
   height: 0.875rem;
@@ -1322,6 +1345,10 @@ video {
   width: 40px;
   height: 40px;
 }
+.size-\[44px\] {
+  width: 44px;
+  height: 44px;
+}
 .size-\[45px\] {
   width: 45px;
   height: 45px;
@@ -1461,6 +1488,9 @@ video {
 .h-\[28px\] {
   height: 28px;
 }
+.h-\[296px\] {
+  height: 296px;
+}
 .h-\[2px\] {
   height: 2px;
 }
@@ -1621,6 +1651,9 @@ video {
 .max-h-\[80vh\] {
   max-height: 80vh;
 }
+.max-h-\[90vh\] {
+  max-height: 90vh;
+}
 .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
@@ -1660,6 +1693,9 @@ video {
 .min-h-\[336px\] {
   min-height: 336px;
 }
+.min-h-\[36px\] {
+  min-height: 36px;
+}
 .min-h-\[48px\] {
   min-height: 48px;
 }
@@ -1726,6 +1762,9 @@ video {
 .w-\[18px\] {
   width: 18px;
 }
+.w-\[200px\] {
+  width: 200px;
+}
 .w-\[20px\] {
   width: 20px;
 }
@@ -1924,6 +1963,9 @@ video {
 .max-w-none {
   max-width: none;
 }
+.max-w-sm {
+  max-width: 24rem;
+}
 .max-w-xs {
   max-width: 20rem;
 }
@@ -2454,6 +2496,9 @@ video {
 .rounded-\[16px\] {
   border-radius: 16px;
 }
+.rounded-\[24px\] {
+  border-radius: 24px;
+}
 .rounded-\[28px\] {
   border-radius: 28px;
 }
@@ -2572,6 +2617,9 @@ video {
 .border-\[1\.6px\] {
   border-width: 1.6px;
 }
+.border-\[1px\] {
+  border-width: 1px;
+}
 .border-y {
   border-top-width: 1px;
   border-bottom-width: 1px;
@@ -2617,6 +2665,10 @@ video {
   --tw-border-opacity: 1 !important;
   border-color: rgb(248 77 79 / var(--tw-border-opacity, 1)) !important;
 }
+.border-\[\#005D8E\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 93 142 / var(--tw-border-opacity, 1));
+}
 .border-\[\#00BEFA\] {
   --tw-border-opacity: 1;
   border-color: rgb(0 190 250 / var(--tw-border-opacity, 1));
@@ -2660,6 +2712,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(232 232 232 / var(--tw-border-opacity, 1));
 }
+.border-\[\#FF4D4D\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 77 77 / var(--tw-border-opacity, 1));
+}
 .border-\[\#dadce0\] {
   --tw-border-opacity: 1;
   border-color: rgb(218 220 224 / var(--tw-border-opacity, 1));
@@ -2680,9 +2736,15 @@ video {
 .border-container-primary {
   border-color: var(--container-primary-color);
 }
+.border-error-0 {
+  border-color: var(--error-color-0);
+}
 .border-info-primary {
   border-color: var(--info-primary-color);
 }
+.border-info-secondary {
+  border-color: var(--info-secondary-color);
+}
 .border-info-white {
   border-color: var(--info-white-color);
 }
@@ -2772,6 +2834,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(76 175 80 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#626263\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(98 98 99 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#75787F\] {
   --tw-bg-opacity: 1;
   background-color: rgb(117 120 127 / var(--tw-bg-opacity, 1));
@@ -2784,6 +2850,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(182 182 186 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#D6F4DE\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(214 244 222 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#D79941\] {
   --tw-bg-opacity: 1;
   background-color: rgb(215 153 65 / var(--tw-bg-opacity, 1));
@@ -2800,6 +2870,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(218 231 242 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#E1F8FE\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 248 254 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#E4E5E6\] {
   --tw-bg-opacity: 1;
   background-color: rgb(228 229 230 / var(--tw-bg-opacity, 1));
@@ -2832,10 +2906,22 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(246 205 78 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#F6DBD8\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(246 219 216 / var(--tw-bg-opacity, 1));
+}
+.bg-\[\#F6EAD0\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(246 234 208 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#F7F8F9\] {
   --tw-bg-opacity: 1;
   background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#FFF1E1\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#FFFFFF\] {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -2947,6 +3033,9 @@ video {
 .bg-lines {
   background-color: var(--lines-color);
 }
+.bg-lines-1 {
+  background-color: var(--line-color-1);
+}
 .bg-masks-0 {
   background-color: var(--masks-color-0);
 }
@@ -3660,6 +3749,9 @@ video {
 .tracking-\[-0\.04em\] {
   letter-spacing: -0.04em;
 }
+.tracking-\[-0\.24px\] {
+  letter-spacing: -0.24px;
+}
 .tracking-\[-0\.28px\] {
   letter-spacing: -0.28px;
 }
@@ -3675,6 +3767,9 @@ video {
 .tracking-\[-0\.56px\] {
   letter-spacing: -0.56px;
 }
+.tracking-\[-0\.64px\] {
+  letter-spacing: -0.64px;
+}
 .tracking-\[-0\.8px\] {
   letter-spacing: -0.8px;
 }
@@ -3695,6 +3790,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
+.text-\[\#005D8E\] {
+  --tw-text-opacity: 1;
+  color: rgb(0 93 142 / var(--tw-text-opacity, 1));
+}
 .text-\[\#00BEFA\] {
   --tw-text-opacity: 1;
   color: rgb(0 190 250 / var(--tw-text-opacity, 1));
@@ -3813,6 +3912,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(248 77 79 / var(--tw-text-opacity, 1));
 }
+.text-\[\#FF4D4D\] {
+  --tw-text-opacity: 1;
+  color: rgb(255 77 77 / var(--tw-text-opacity, 1));
+}
 .text-\[\#FF6B00\] {
   --tw-text-opacity: 1;
   color: rgb(255 107 0 / var(--tw-text-opacity, 1));
@@ -3828,6 +3931,9 @@ video {
 .text-\[1D1D1F\] {
   color: 1D1D1F;
 }
+.text-\[var\(--brand-color-0\)\] {
+  color: var(--brand-color-0);
+}
 .text-badge-foreground {
   color: var(--badge-text-color, #ffffff);
 }
@@ -3851,6 +3957,9 @@ video {
 .text-current {
   color: currentColor;
 }
+.text-error-0 {
+  color: var(--error-color-0);
+}
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -3959,6 +4068,9 @@ video {
 .opacity-90 {
   opacity: 0.9;
 }
+.mix-blend-multiply {
+  mix-blend-mode: multiply;
+}
 .\!shadow-none {
   --tw-shadow: 0 0 #0000 !important;
   --tw-shadow-colored: 0 0 #0000 !important;
@@ -4163,6 +4275,12 @@ video {
 .file\:font-medium::file-selector-button {
   font-weight: 500;
 }
+.placeholder\:font-bold::-moz-placeholder {
+  font-weight: 700;
+}
+.placeholder\:font-bold::placeholder {
+  font-weight: 700;
+}
 .placeholder\:text-\[\#4A4C56\]::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(74 76 86 / var(--tw-text-opacity, 1));
@@ -4187,6 +4305,12 @@ video {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
+.placeholder\:text-info-tertiary::-moz-placeholder {
+  color: var(--info-tertiary-color);
+}
+.placeholder\:text-info-tertiary::placeholder {
+  color: var(--info-tertiary-color);
+}
 .before\:\!invisible::before {
   content: var(--tw-content);
   visibility: hidden !important;
@@ -4461,6 +4585,9 @@ video {
 .hover\:opacity-100:hover {
   opacity: 1;
 }
+.hover\:opacity-70:hover {
+  opacity: 0.7;
+}
 .hover\:opacity-80:hover {
   opacity: 0.8;
 }
@@ -4709,6 +4836,14 @@ video {
 .data-\[vaul-drawer-direction\=right\]\:max-w-sm[data-vaul-drawer-direction="right"] {
   max-width: 24rem;
 }
+.data-\[state\=closed\]\:-translate-y-2[data-state="closed"] {
+  --tw-translate-y: -0.5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.data-\[state\=open\]\:translate-y-0[data-state="open"] {
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
   border-top-width: 1px;
 }
@@ -4749,6 +4884,9 @@ video {
 .data-\[state\=checked\]\:bg-info-primary[data-state="checked"] {
   background-color: var(--info-primary-color);
 }
+.data-\[state\=checked\]\:bg-info-secondary[data-state="checked"] {
+  background-color: var(--info-secondary-color);
+}
 .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
   background-color: var(--brand-color-0);
 }
@@ -4771,6 +4909,9 @@ video {
   --tw-text-opacity: 1;
   color: rgb(29 29 31 / var(--tw-text-opacity, 1));
 }
+.data-\[state\=checked\]\:text-info-white[data-state="checked"] {
+  color: var(--info-white-color);
+}
 .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
   color: var(--info-white-color);
 }
@@ -4781,6 +4922,12 @@ video {
 .data-\[disabled\]\:opacity-50[data-disabled] {
   opacity: 0.5;
 }
+.data-\[state\=closed\]\:opacity-0[data-state="closed"] {
+  opacity: 0;
+}
+.data-\[state\=open\]\:opacity-100[data-state="open"] {
+  opacity: 1;
+}
 .group\/drawer-content[data-vaul-drawer-direction="bottom"] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
   display: block;
 }
@@ -5103,6 +5250,9 @@ video {
   .tablet\:aspect-\[704\/380\] {
     aspect-ratio: 704/380;
   }
+  .tablet\:aspect-\[704\/400\] {
+    aspect-ratio: 704/400;
+  }
   .tablet\:aspect-\[704\/480\] {
     aspect-ratio: 704/480;
   }
@@ -5133,6 +5283,10 @@ video {
     width: 1.25rem;
     height: 1.25rem;
   }
+  .tablet\:size-6 {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
   .tablet\:size-8 {
     width: 2rem;
     height: 2rem;
@@ -5161,6 +5315,9 @@ video {
   .tablet\:h-\[24px\] {
     height: 24px;
   }
+  .tablet\:h-\[264px\] {
+    height: 264px;
+  }
   .tablet\:h-\[336px\] {
     height: 336px;
   }
@@ -5658,6 +5815,9 @@ video {
   .laptop\:mt-4 {
     margin-top: 1rem;
   }
+  .laptop\:mt-8 {
+    margin-top: 2rem;
+  }
   .laptop\:mt-\[12px\] {
     margin-top: 12px;
   }
@@ -5778,6 +5938,10 @@ video {
     width: 1.25rem;
     height: 1.25rem;
   }
+  .laptop\:size-8 {
+    width: 2rem;
+    height: 2rem;
+  }
   .laptop\:size-9 {
     width: 2.25rem;
     height: 2.25rem;
@@ -5786,10 +5950,18 @@ video {
     width: var(--circle-laptop-size);
     height: var(--circle-laptop-size);
   }
+  .laptop\:size-\[196px\] {
+    width: 196px;
+    height: 196px;
+  }
   .laptop\:size-\[200px\] {
     width: 200px;
     height: 200px;
   }
+  .laptop\:size-\[216px\] {
+    width: 216px;
+    height: 216px;
+  }
   .laptop\:size-\[24px\] {
     width: 24px;
     height: 24px;
@@ -5802,6 +5974,10 @@ video {
     width: 48px;
     height: 48px;
   }
+  .laptop\:size-\[54px\] {
+    width: 54px;
+    height: 54px;
+  }
   .laptop\:size-\[64px\] {
     width: 64px;
     height: 64px;
@@ -5867,6 +6043,9 @@ video {
   .laptop\:h-\[320px\] {
     height: 320px;
   }
+  .laptop\:h-\[32px\] {
+    height: 32px;
+  }
   .laptop\:h-\[336px\] {
     height: 336px;
   }
@@ -5915,6 +6094,9 @@ video {
   .laptop\:min-h-\[288px\] {
     min-height: 288px;
   }
+  .laptop\:min-h-\[336px\] {
+    min-height: 336px;
+  }
   .laptop\:min-h-\[425px\] {
     min-height: 425px;
   }
@@ -5960,6 +6142,9 @@ video {
   .laptop\:w-\[320px\] {
     width: 320px;
   }
+  .laptop\:w-\[40px\] {
+    width: 40px;
+  }
   .laptop\:w-\[49\%\] {
     width: 49%;
   }
@@ -6021,6 +6206,9 @@ video {
   .laptop\:max-w-\[563px\] {
     max-width: 563px;
   }
+  .laptop\:max-w-\[824px\] {
+    max-width: 824px;
+  }
   .laptop\:max-w-full {
     max-width: 100%;
   }
@@ -6243,6 +6431,9 @@ video {
   .laptop\:p-6 {
     padding: 1.5rem;
   }
+  .laptop\:p-8 {
+    padding: 2rem;
+  }
   .laptop\:p-\[12px\] {
     padding: 12px;
   }
@@ -6854,6 +7045,9 @@ video {
   .desktop\:h-\[44px\] {
     height: 44px;
   }
+  .desktop\:h-\[456px\] {
+    height: 456px;
+  }
   .desktop\:h-\[48px\] {
     height: 48px;
   }
@@ -7147,10 +7341,6 @@ video {
     padding-left: 1.75rem;
     padding-right: 1.75rem;
   }
-  .desktop\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
   .desktop\:px-\[111px\] {
     padding-left: 111px;
     padding-right: 111px;
@@ -7220,9 +7410,6 @@ video {
   .desktop\:pr-16 {
     padding-right: 4rem;
   }
-  .desktop\:pr-28 {
-    padding-right: 7rem;
-  }
   .desktop\:pt-0 {
     padding-top: 0px;
   }
@@ -7845,6 +8032,9 @@ video {
   .lg-desktop\:pb-\[4px\] {
     padding-bottom: 4px;
   }
+  .lg-desktop\:pr-28 {
+    padding-right: 7rem;
+  }
   .lg-desktop\:pt-4 {
     padding-top: 1rem;
   }
@@ -7916,6 +8106,10 @@ video {
     line-height: 1.2;
   }
 }
+.\[\&\._dialog-close-icon\]\:size-5. dialog-close-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 .\[\&\.swiper-slide-thumb-active\]\:rounded.swiper-slide-thumb-active {
   border-radius: 0.25rem;
 }
@@ -8023,6 +8217,10 @@ video {
     width: 1.5rem;
     height: 1.5rem;
   }
+  .laptop\:\[\&_\.dialog-close-icon\]\:size-6 .dialog-close-icon {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
 }
 .\[\&_\.swiper-button\]\:hover\:opacity-100:hover .swiper-button {
   opacity: 1;
@@ -8172,13 +8370,13 @@ video {
     padding-bottom: 1rem;
   }
 }
-.\[\&_p\]\:leading-relaxed p {
-  line-height: 1.625;
-}
 .\[\&_span\]\:text-\[\#080A0F\] span {
   --tw-text-opacity: 1;
   color: rgb(8 10 15 / var(--tw-text-opacity, 1));
 }
+.\[\&_span\]\:text-brand-0 span {
+  color: var(--brand-color-0);
+}
 .\[\&_svg\]\:pointer-events-none svg {
   pointer-events: none;
 }