npm - @anker-in/headless-ui - Versions diffs - 1.3.37 → 1.3.39-alpha.1784616869310 - Mend

@anker-in/headless-ui 1.3.37 → 1.3.39-alpha.1784616869310

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (405) hide show

package/style.css CHANGED Viewed

@@ -897,6 +897,10 @@ video {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
 .mx-1\.5 {
   margin-left: 0.375rem;
   margin-right: 0.375rem;
@@ -925,6 +929,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;
@@ -946,6 +958,9 @@ video {
 .-ml-4 {
   margin-left: -1rem;
 }
+.-mr-1 {
+  margin-right: -0.25rem;
+}
 .-mt-4 {
   margin-top: -1rem;
 }
@@ -1180,6 +1195,9 @@ video {
 .aspect-\[296\/320\] {
   aspect-ratio: 296/320;
 }
+.aspect-\[356\/200\] {
+  aspect-ratio: 356/200;
+}
 .aspect-\[358\/190\] {
   aspect-ratio: 358/190;
 }
@@ -1252,6 +1270,10 @@ video {
   width: 0.5rem;
   height: 0.5rem;
 }
+.size-20 {
+  width: 5rem;
+  height: 5rem;
+}
 .size-3\.5 {
   width: 0.875rem;
   height: 0.875rem;
@@ -1509,6 +1531,9 @@ video {
 .h-\[320px\] {
   height: 320px;
 }
+.h-\[32px\] {
+  height: 32px;
+}
 .h-\[35\.9vw\] {
   height: 35.9vw;
 }
@@ -1735,6 +1760,9 @@ video {
 .w-1\/4 {
   width: 25%;
 }
+.w-20 {
+  width: 5rem;
+}
 .w-4\/5 {
   width: 80%;
 }
@@ -1795,6 +1823,9 @@ video {
 .w-\[296px\] {
   width: 296px;
 }
+.w-\[315px\] {
+  width: 315px;
+}
 .w-\[32px\] {
   width: 32px;
 }
@@ -1837,6 +1868,9 @@ video {
 .w-\[88px\] {
   width: 88px;
 }
+.w-\[96px\] {
+  width: 96px;
+}
 .w-\[99\%\] {
   width: 99%;
 }
@@ -1960,6 +1994,9 @@ video {
 .max-w-\[824px\] {
   max-width: 824px;
 }
+.max-w-\[83\.6\%\] {
+  max-width: 83.6%;
+}
 .max-w-\[90vw\] {
   max-width: 90vw;
 }
@@ -1975,6 +2012,9 @@ video {
 .max-w-none {
   max-width: none;
 }
+.max-w-sm {
+  max-width: 24rem;
+}
 .max-w-xs {
   max-width: 20rem;
 }
@@ -2066,6 +2106,10 @@ video {
   --tw-translate-y: 2px;
   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));
 }
+.-rotate-180 {
+  --tw-rotate: -180deg;
+  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));
+}
 .-rotate-90 {
   --tw-rotate: -90deg;
   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));
@@ -2626,6 +2670,12 @@ video {
 .rounded-bl-\[8px\] {
   border-bottom-left-radius: 8px;
 }
+.rounded-br-md {
+  border-bottom-right-radius: 0.375rem;
+}
+.rounded-tl-md {
+  border-top-left-radius: 0.375rem;
+}
 .rounded-tr-\[8px\] {
   border-top-right-radius: 8px;
 }
@@ -2641,6 +2691,9 @@ video {
 .border-\[1\.6px\] {
   border-width: 1.6px;
 }
+.border-\[1px\] {
+  border-width: 1px;
+}
 .border-y {
   border-top-width: 1px;
   border-bottom-width: 1px;
@@ -2746,9 +2799,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);
 }
@@ -2871,6 +2930,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));
@@ -2915,6 +2978,10 @@ video {
   --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));
@@ -3032,6 +3099,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);
 }
@@ -3195,6 +3265,15 @@ video {
 .fill-current {
   fill: currentColor;
 }
+.fill-error-0 {
+  fill: var(--error-color-0);
+}
+.fill-success-0 {
+  fill: var(--success-color-0);
+}
+.fill-warning-0 {
+  fill: var(--warning-color-0);
+}
 .stroke-\[\#999999\] {
   stroke: #999999;
 }
@@ -3356,6 +3435,10 @@ video {
   padding-left: 2px;
   padding-right: 2px;
 }
+.px-\[3px\] {
+  padding-left: 3px;
+  padding-right: 3px;
+}
 .px-\[4px\] {
   padding-left: 4px;
   padding-right: 4px;
@@ -3527,6 +3610,9 @@ video {
 .pr-0 {
   padding-right: 0px;
 }
+.pr-1 {
+  padding-right: 0.25rem;
+}
 .pr-12 {
   padding-right: 3rem;
 }
@@ -3536,6 +3622,9 @@ video {
 .pr-20 {
   padding-right: 5rem;
 }
+.pr-4 {
+  padding-right: 1rem;
+}
 .pr-6 {
   padding-right: 1.5rem;
 }
@@ -3736,12 +3825,18 @@ video {
 .leading-\[140\%\] {
   line-height: 140%;
 }
+.leading-\[24px\] {
+  line-height: 24px;
+}
 .leading-\[38px\] {
   line-height: 38px;
 }
 .leading-none {
   line-height: 1;
 }
+.leading-normal {
+  line-height: var(--line-height-normal);
+}
 .leading-relaxed {
   line-height: 1.625;
 }
@@ -3760,6 +3855,9 @@ video {
 .tracking-\[-0\.04em\] {
   letter-spacing: -0.04em;
 }
+.tracking-\[-0\.24px\] {
+  letter-spacing: -0.24px;
+}
 .tracking-\[-0\.28px\] {
   letter-spacing: -0.28px;
 }
@@ -3775,6 +3873,9 @@ video {
 .tracking-\[-0\.56px\] {
   letter-spacing: -0.56px;
 }
+.tracking-\[-0\.64px\] {
+  letter-spacing: -0.64px;
+}
 .tracking-\[-0\.8px\] {
   letter-spacing: -0.8px;
 }
@@ -3940,6 +4041,9 @@ video {
 .text-\[1D1D1F\] {
   color: 1D1D1F;
 }
+.text-\[var\(--brand-2\2c \#005d8e\)\] {
+  color: var(--brand-2,#005d8e);
+}
 .text-badge-foreground {
   color: var(--badge-text-color, #ffffff);
 }
@@ -4071,6 +4175,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;
@@ -4154,6 +4261,10 @@ video {
   --tw-drop-shadow: drop-shadow(0px 2px 4px rgba(0,0,0,0.12));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.drop-shadow-\[0px_8px_12px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
+  --tw-drop-shadow: drop-shadow(0px 8px 12px rgba(0,0,0,0.2));
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -4285,6 +4396,12 @@ video {
 .placeholder\:font-\[700\]::placeholder {
   font-weight: 700;
 }
+.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));
@@ -4332,10 +4449,28 @@ video {
   content: var(--tw-content);
   z-index: -1;
 }
+.before\:mx-2::before {
+  content: var(--tw-content);
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.before\:inline-block::before {
+  content: var(--tw-content);
+  display: inline-block;
+}
+.before\:size-1::before {
+  content: var(--tw-content);
+  width: 0.25rem;
+  height: 0.25rem;
+}
 .before\:w-full::before {
   content: var(--tw-content);
   width: 100%;
 }
+.before\:shrink-0::before {
+  content: var(--tw-content);
+  flex-shrink: 0;
+}
 .before\:-translate-x-full::before {
   content: var(--tw-content);
   --tw-translate-x: -100%;
@@ -4345,6 +4480,10 @@ video {
   content: var(--tw-content);
   border-radius: var(--btn-radius);
 }
+.before\:rounded-full::before {
+  content: var(--tw-content);
+  border-radius: 9999px;
+}
 .before\:bg-btn-primary-active::before {
   content: var(--tw-content);
   background-color: var(--brand-color-0);
@@ -4353,6 +4492,10 @@ video {
   content: var(--tw-content);
   background-color: var(--info-primary-color);
 }
+.before\:bg-info-tertiary::before {
+  content: var(--tw-content);
+  background-color: var(--info-tertiary-color);
+}
 .before\:transition-transform::before {
   content: var(--tw-content);
   transition-property: transform;
@@ -4511,6 +4654,9 @@ video {
 .hover\:bg-btn-secondary-active:hover {
   background-color: var(--info-primary-color);
 }
+.hover\:bg-container-secondary:hover {
+  background-color: var(--container-secondary-color-0);
+}
 .hover\:bg-container-secondary-0:hover {
   background-color: var(--container-secondary-color-0);
 }
@@ -4840,6 +4986,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-\[state\=closed\]\:animate-\[faq-slide-up_300ms_ease-out\][data-state="closed"] {
   animation: faq-slide-up 300ms ease-out;
 }
@@ -4889,6 +5043,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-white[data-state="checked"] {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -4918,6 +5075,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;
 }
@@ -5170,6 +5333,9 @@ video {
   .tablet\:top-\[84px\] {
     top: 84px;
   }
+  .tablet\:-order-1 {
+    order: -1;
+  }
   .tablet\:order-1 {
     order: 1;
   }
@@ -5199,6 +5365,9 @@ video {
   .tablet\:mb-6 {
     margin-bottom: 1.5rem;
   }
+  .tablet\:ml-auto {
+    margin-left: auto;
+  }
   .tablet\:mt-0 {
     margin-top: 0px;
   }
@@ -5250,6 +5419,9 @@ video {
   .tablet\:aspect-\[346\/240\] {
     aspect-ratio: 346/240;
   }
+  .tablet\:aspect-\[704\/200\] {
+    aspect-ratio: 704/200;
+  }
   .tablet\:aspect-\[704\/360\] {
     aspect-ratio: 704/360;
   }
@@ -5301,6 +5473,18 @@ video {
     width: 140px;
     height: 140px;
   }
+  .tablet\:size-\[196px\] {
+    width: 196px;
+    height: 196px;
+  }
+  .tablet\:size-\[216px\] {
+    width: 216px;
+    height: 216px;
+  }
+  .tablet\:size-\[264px\] {
+    width: 264px;
+    height: 264px;
+  }
   .tablet\:size-\[420px\] {
     width: 420px;
     height: 420px;
@@ -5312,18 +5496,27 @@ video {
   .tablet\:h-10 {
     height: 2.5rem;
   }
+  .tablet\:h-12 {
+    height: 3rem;
+  }
   .tablet\:h-16 {
     height: 4rem;
   }
   .tablet\:h-\[126px\] {
     height: 126px;
   }
+  .tablet\:h-\[176px\] {
+    height: 176px;
+  }
   .tablet\:h-\[18\.22vw\] {
     height: 18.22vw;
   }
   .tablet\:h-\[24px\] {
     height: 24px;
   }
+  .tablet\:h-\[32px\] {
+    height: 32px;
+  }
   .tablet\:h-\[336px\] {
     height: 336px;
   }
@@ -5333,6 +5526,9 @@ video {
   .tablet\:h-\[52px\] {
     height: 52px;
   }
+  .tablet\:h-\[54px\] {
+    height: 54px;
+  }
   .tablet\:h-\[620px\] {
     height: 620px;
   }
@@ -5372,12 +5568,21 @@ video {
   .tablet\:w-\[185px\] {
     width: 185px;
   }
+  .tablet\:w-\[232px\] {
+    width: 232px;
+  }
   .tablet\:w-\[340px\] {
     width: 340px;
   }
+  .tablet\:w-\[40px\] {
+    width: 40px;
+  }
   .tablet\:w-\[448px\] {
     width: 448px;
   }
+  .tablet\:w-\[74\.8\%\] {
+    width: 74.8%;
+  }
   .tablet\:w-\[896px\] {
     width: 896px;
   }
@@ -5391,6 +5596,10 @@ video {
   .tablet\:w-full {
     width: 100%;
   }
+  .tablet\:w-max {
+    width: -moz-max-content;
+    width: max-content;
+  }
   .tablet\:min-w-\[600px\] {
     min-width: 600px;
   }
@@ -5409,6 +5618,9 @@ video {
   .tablet\:max-w-\[358px\] {
     max-width: 358px;
   }
+  .tablet\:max-w-\[420px\] {
+    max-width: 420px;
+  }
   .tablet\:max-w-\[463px\] {
     max-width: 463px;
   }
@@ -5430,9 +5642,24 @@ video {
   .tablet\:max-w-none {
     max-width: none;
   }
+  .tablet\:flex-1 {
+    flex: 1 1 0%;
+  }
+  .tablet\:flex-\[2\] {
+    flex: 2;
+  }
+  .tablet\:flex-\[404\] {
+    flex: 404;
+  }
+  .tablet\:flex-\[792\] {
+    flex: 792;
+  }
   .tablet\:flex-none {
     flex: none;
   }
+  .tablet\:shrink-0 {
+    flex-shrink: 0;
+  }
   .tablet\:basis-\[42\%\] {
     flex-basis: 42%;
   }
@@ -5466,6 +5693,9 @@ video {
   .tablet\:flex-row {
     flex-direction: row;
   }
+  .tablet\:flex-col {
+    flex-direction: column;
+  }
   .tablet\:flex-nowrap {
     flex-wrap: nowrap;
   }
@@ -5493,9 +5723,15 @@ video {
   .tablet\:gap-0 {
     gap: 0px;
   }
+  .tablet\:gap-1 {
+    gap: 0.25rem;
+  }
   .tablet\:gap-10 {
     gap: 2.5rem;
   }
+  .tablet\:gap-16 {
+    gap: 4rem;
+  }
   .tablet\:gap-2 {
     gap: 0.5rem;
   }
@@ -5556,6 +5792,9 @@ video {
   .tablet\:rounded-lg {
     border-radius: 0.5rem;
   }
+  .tablet\:rounded-none {
+    border-radius: 0px;
+  }
   .tablet\:rounded-b-box {
     border-bottom-right-radius: var(--box-radius);
     border-bottom-left-radius: var(--box-radius);
@@ -5572,9 +5811,18 @@ video {
     border-top-left-radius: var(--box-radius);
     border-top-right-radius: var(--box-radius);
   }
+  .tablet\:rounded-br-box-small {
+    border-bottom-right-radius: var(--box-radius-small);
+  }
+  .tablet\:rounded-tl-box-small {
+    border-top-left-radius: var(--box-radius-small);
+  }
   .tablet\:bg-container-primary {
     background-color: var(--container-primary-color);
   }
+  .tablet\:p-0 {
+    padding: 0px;
+  }
   .tablet\:p-3 {
     padding: 0.75rem;
   }
@@ -5598,6 +5846,10 @@ video {
     padding-left: 3rem;
     padding-right: 3rem;
   }
+  .tablet\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
   .tablet\:px-3 {
     padding-left: 0.75rem;
     padding-right: 0.75rem;
@@ -5637,9 +5889,15 @@ video {
   .tablet\:\!pb-0 {
     padding-bottom: 0px !important;
   }
+  .tablet\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
   .tablet\:pb-2 {
     padding-bottom: 0.5rem;
   }
+  .tablet\:pb-4 {
+    padding-bottom: 1rem;
+  }
   .tablet\:pb-5 {
     padding-bottom: 1.25rem;
   }
@@ -5658,9 +5916,15 @@ video {
   .tablet\:pt-4 {
     padding-top: 1rem;
   }
+  .tablet\:pt-5 {
+    padding-top: 1.25rem;
+  }
   .tablet\:pt-8 {
     padding-top: 2rem;
   }
+  .tablet\:pt-\[5px\] {
+    padding-top: 5px;
+  }
   .tablet\:pt-\[80px\] {
     padding-top: 80px;
   }
@@ -5817,6 +6081,9 @@ video {
   .laptop\:col-span-6 {
     grid-column: span 6 / span 6;
   }
+  .laptop\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
   .laptop\:col-start-1 {
     grid-column-start: 1;
   }
@@ -5862,6 +6129,9 @@ video {
   .laptop\:mt-4 {
     margin-top: 1rem;
   }
+  .laptop\:mt-8 {
+    margin-top: 2rem;
+  }
   .laptop\:mt-\[12px\] {
     margin-top: 12px;
   }
@@ -5904,6 +6174,9 @@ video {
   .laptop\:hidden {
     display: none;
   }
+  .laptop\:aspect-\[1\/1\] {
+    aspect-ratio: 1/1;
+  }
   .laptop\:aspect-\[1024\/384\] {
     aspect-ratio: 1024/384;
   }
@@ -5922,6 +6195,12 @@ video {
   .laptop\:aspect-\[1920\/930\] {
     aspect-ratio: 1920/930;
   }
+  .laptop\:aspect-\[2\/1\] {
+    aspect-ratio: 2/1;
+  }
+  .laptop\:aspect-\[256\/153\] {
+    aspect-ratio: 256/153;
+  }
   .laptop\:aspect-\[288\/192\] {
     aspect-ratio: 288/192;
   }
@@ -6120,6 +6399,9 @@ video {
   .laptop\:max-h-\[320px\] {
     max-height: 320px;
   }
+  .laptop\:min-h-0 {
+    min-height: 0px;
+  }
   .laptop\:min-h-\[280px\] {
     min-height: 280px;
   }
@@ -6192,6 +6474,9 @@ video {
   .laptop\:w-\[calc\(50\%-6px\)\] {
     width: calc(50% - 6px);
   }
+  .laptop\:w-\[unset\] {
+    width: unset;
+  }
   .laptop\:w-auto {
     width: auto;
   }
@@ -6303,6 +6588,9 @@ video {
   .laptop\:grid-cols-10 {
     grid-template-columns: repeat(10, minmax(0, 1fr));
   }
+  .laptop\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
   .laptop\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -6457,6 +6745,9 @@ video {
   .laptop\:p-6 {
     padding: 1.5rem;
   }
+  .laptop\:p-8 {
+    padding: 2rem;
+  }
   .laptop\:p-\[12px\] {
     padding: 12px;
   }
@@ -6875,6 +7166,15 @@ video {
   .desktop\:top-\[32px\] {
     top: 32px;
   }
+  .desktop\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+  .desktop\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+  .desktop\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
   .desktop\:my-\[112px\] {
     margin-top: 112px;
     margin-bottom: 112px;
@@ -6960,6 +7260,12 @@ video {
   .desktop\:aspect-\[1440\/700\] {
     aspect-ratio: 1440/700;
   }
+  .desktop\:aspect-\[16\/15\] {
+    aspect-ratio: 16/15;
+  }
+  .desktop\:aspect-\[19\/9\] {
+    aspect-ratio: 19/9;
+  }
   .desktop\:aspect-\[1920\/480\] {
     aspect-ratio: 1920/480;
   }
@@ -6969,6 +7275,9 @@ video {
   .desktop\:aspect-\[1920\/930\] {
     aspect-ratio: 1920/930;
   }
+  .desktop\:aspect-\[379\/192\] {
+    aspect-ratio: 379/192;
+  }
   .desktop\:aspect-\[427\/256\] {
     aspect-ratio: 427/256;
   }
@@ -7557,6 +7866,15 @@ video {
   .lg-desktop\:top-\[192px\] {
     top: 192px;
   }
+  .lg-desktop\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+  .lg-desktop\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+  .lg-desktop\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
   .lg-desktop\:my-\[128px\] {
     margin-top: 128px;
     margin-bottom: 128px;
@@ -7633,6 +7951,9 @@ video {
   .lg-desktop\:aspect-\[1920\/930\] {
     aspect-ratio: 1920/930;
   }
+  .lg-desktop\:aspect-\[480\/248\] {
+    aspect-ratio: 480/248;
+  }
   .lg-desktop\:aspect-\[543\/320\] {
     aspect-ratio: 543/320;
   }
@@ -7642,6 +7963,12 @@ video {
   .lg-desktop\:aspect-\[644\/320\] {
     aspect-ratio: 644/320;
   }
+  .lg-desktop\:aspect-\[7\/3\] {
+    aspect-ratio: 7/3;
+  }
+  .lg-desktop\:aspect-\[8\/7\] {
+    aspect-ratio: 8/7;
+  }
   .lg-desktop\:aspect-\[824\/320\] {
     aspect-ratio: 824/320;
   }
@@ -8221,6 +8548,10 @@ video {
   width: 1rem;
   height: 1rem;
 }
+.\[\&_\.dialog-close-icon\]\:size-5 .dialog-close-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 .\[\&_\.dialog-close-icon\]\:text-\[\#6D6D6F\] .dialog-close-icon {
   --tw-text-opacity: 1;
   color: rgb(109 109 111 / var(--tw-text-opacity, 1));
@@ -8230,6 +8561,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;
@@ -8383,6 +8718,9 @@ video {
   --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;
 }