@giddaa-housing/ui 3.5.0 → 3.6.0

package/dist/styles.css

@@ -50,6 +50,7 @@
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --blur-sm: 8px;
+    --blur-md: 12px;
     --blur-xl: 24px;
     --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
@@ -898,6 +899,10 @@
     width: 34px;
     height: 34px;
   }
+  .size-\[35px\] {
+    width: 35px;
+    height: 35px;
+  }
   .size-\[38px\] {
     width: 38px;
     height: 38px;
@@ -1037,12 +1042,12 @@
   .max-h-\[68vh\] {
     max-height: 68vh;
   }
-  .max-h-\[calc\(100dvh-4rem\)\] {
-    max-height: calc(100dvh - 4rem);
-  }
   .max-h-\[calc\(100dvh-5rem\)\] {
     max-height: calc(100dvh - 5rem);
   }
+  .max-h-\[calc\(100dvh-6rem\)\] {
+    max-height: calc(100dvh - 6rem);
+  }
   .max-h-full {
     max-height: 100%;
   }
@@ -1154,6 +1159,9 @@
   .w-1 {
     width: var(--spacing);
   }
+  .w-2 {
+    width: calc(var(--spacing) * 2);
+  }
   .w-2\/5 {
     width: calc(2 / 5 * 100%);
   }
@@ -1193,6 +1201,9 @@
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
+  .w-18 {
+    width: calc(var(--spacing) * 18);
+  }
   .w-20 {
     width: calc(var(--spacing) * 20);
   }
@@ -1217,6 +1228,9 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
+  .w-60 {
+    width: calc(var(--spacing) * 60);
+  }
   .w-65 {
     width: calc(var(--spacing) * 65);
   }
@@ -1256,6 +1270,9 @@
   .w-\[800px\] {
     width: 800px;
   }
+  .w-\[calc\(100\%-2rem\)\] {
+    width: calc(100% - 2rem);
+  }
   .w-\[min\(42rem\,calc\(100vw-2\.5rem\)\)\] {
     width: min(42rem, calc(100vw - 2.5rem));
   }
@@ -1289,6 +1306,9 @@
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
+  .max-w-32 {
+    max-width: calc(var(--spacing) * 32);
+  }
   .max-w-40 {
     max-width: calc(var(--spacing) * 40);
   }
@@ -1562,6 +1582,9 @@
   .\[transform\:translateX\(calc\(var\(--anchor-x\)\+var\(--toast-swipe-movement-x\,0px\)\)\)_translateY\(var\(--collapsed-y\)\)_scale\(var\(--scale\)\)\] {
     transform: translateX(calc(var(--anchor-x) + var(--toast-swipe-movement-x,0px))) translateY(var(--collapsed-y)) scale(var(--scale));
   }
+  .\[transform\:translateZ\(0\)\] {
+    transform: translateZ(0);
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -1971,9 +1994,6 @@
   .rounded-\[22px\] {
     border-radius: 22px;
   }
-  .rounded-\[32px\] {
-    border-radius: 32px;
-  }
   .rounded-\[40px\] {
     border-radius: 40px;
   }
@@ -2028,6 +2048,10 @@
   .rounded-tr-full {
     border-top-right-radius: calc(infinity * 1px);
   }
+  .rounded-b-\[inherit\] {
+    border-bottom-right-radius: inherit;
+    border-bottom-left-radius: inherit;
+  }
   .rounded-br-\[5px\] {
     border-bottom-right-radius: 5px;
   }
@@ -2169,6 +2193,12 @@
   .border-transparent {
     border-color: transparent;
   }
+  .border-white\/35 {
+    border-color: color-mix(in srgb, #fff 35%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
+    }
+  }
   .border-r-transparent {
     border-right-color: transparent;
   }
@@ -2211,6 +2241,12 @@
       background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
     }
   }
+  .bg-black\/50 {
+    background-color: color-mix(in srgb, #000 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+    }
+  }
   .bg-black\/55 {
     background-color: color-mix(in srgb, #000 55%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2637,9 +2673,15 @@
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
+  .pr-2\.5 {
+    padding-right: calc(var(--spacing) * 2.5);
+  }
   .pr-3 {
     padding-right: calc(var(--spacing) * 3);
   }
+  .pr-3\.5 {
+    padding-right: calc(var(--spacing) * 3.5);
+  }
   .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }
@@ -2685,6 +2727,9 @@
   .pl-0 {
     padding-left: 0;
   }
+  .pl-1\.5 {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
   .pl-1\.5\! {
     padding-left: calc(var(--spacing) * 1.5) !important;
   }
@@ -2812,10 +2857,6 @@
   .text-\[15px\] {
     font-size: 15px;
   }
-  .leading-3 {
-    --tw-leading: calc(var(--spacing) * 3);
-    line-height: calc(var(--spacing) * 3);
-  }
   .leading-10 {
     --tw-leading: calc(var(--spacing) * 10);
     line-height: calc(var(--spacing) * 10);
@@ -3039,6 +3080,10 @@
   .opacity-90 {
     opacity: 90%;
   }
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\(--elevation-e1-shadow\) {
     --tw-shadow: var(--elevation-e1-shadow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3063,6 +3108,10 @@
     --tw-shadow: 0 0 8px 2px var(--tw-shadow-color, rgb(23 48 22/0.06));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0_4px_16px_rgb\(0_0_0\/0\.28\)\] {
+    --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgb(0 0 0/0.28));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[0px_0px_4px_0px_rgba\(0\,0\,0\,0\.1\)\] {
     --tw-shadow: 0px 0px 4px 0px var(--tw-shadow-color, rgba(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);
@@ -3187,6 +3236,11 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
+  .backdrop-blur-md {
+    --tw-backdrop-blur: blur(var(--blur-md));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
   .backdrop-blur-sm {
     --tw-backdrop-blur: blur(var(--blur-sm));
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -3311,6 +3365,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,opacity\,scale\] {
+    transition-property: background-color,opacity,scale;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[background-color\,transform\] {
     transition-property: background-color,transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3431,6 +3490,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[width\,height\,background-color\] {
+    transition-property: width,height,background-color;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[width\,height\,padding\,gap\,color\,background-color\] {
     transition-property: width,height,padding,gap,color,background-color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3477,6 +3541,10 @@
     --tw-duration: var(--duration-motion-press);
     transition-duration: var(--duration-motion-press);
   }
+  .duration-\(--duration-motion-surface\) {
+    --tw-duration: var(--duration-motion-surface);
+    transition-duration: var(--duration-motion-surface);
+  }
   .duration-\(--x\) {
     --tw-duration: var(--x);
     transition-duration: var(--x);
@@ -3541,6 +3609,9 @@
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
   }
+  .will-change-\[box-shadow\,opacity\] {
+    will-change: box-shadow,opacity;
+  }
   .animate-in {
     animation-name: enter;
     animation-duration: 150ms;
@@ -3744,6 +3815,9 @@
   .\[--switch-track-width\:3rem\] {
     --switch-track-width: 3rem;
   }
+  .\[backface-visibility\:hidden\] {
+    backface-visibility: hidden;
+  }
   .\[overflow-anchor\:none\] {
     overflow-anchor: none;
   }
@@ -3756,6 +3830,9 @@
   .duration-\(--duration-motion-press\) {
     animation-duration: var(--duration-motion-press);
   }
+  .duration-\(--duration-motion-surface\) {
+    animation-duration: var(--duration-motion-surface);
+  }
   .duration-\(--x\) {
     animation-duration: var(--x);
   }
@@ -3875,6 +3952,11 @@
       opacity: 100%;
     }
   }
+  .group-focus-within\/property-listing-carousel\:opacity-100 {
+    &:is(:where(.group\/property-listing-carousel):focus-within *) {
+      opacity: 100%;
+    }
+  }
   .group-focus-within\/volume\:pointer-events-auto {
     &:is(:where(.group\/volume):focus-within *) {
       pointer-events: auto;
@@ -3913,6 +3995,13 @@
       }
     }
   }
+  .group-hover\/property-listing-carousel\:opacity-100 {
+    &:is(:where(.group\/property-listing-carousel):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .group-hover\/top-navbar-card\:translate-x-0\.5 {
     &:is(:where(.group\/top-navbar-card):hover *) {
       @media (hover: hover) {
@@ -4483,6 +4572,12 @@
       right: calc(var(--spacing) * 4);
     }
   }
+  .group-data-\[side\=bottom\]\/sheet-content\:rounded-b-none {
+    &:is(:where(.group\/sheet-content)[data-side="bottom"] *) {
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
   .group-data-\[side\=left\]\:-right-4 {
     &:is(:where(.group)[data-side="left"] *) {
       right: calc(var(--spacing) * -4);
@@ -4509,6 +4604,12 @@
       right: calc(var(--spacing) * -9);
     }
   }
+  .group-data-\[side\=left\]\/sheet-content\:rounded-l-none {
+    &:is(:where(.group\/sheet-content)[data-side="left"] *) {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
   .group-data-\[side\=right\]\:left-0 {
     &:is(:where(.group)[data-side="right"] *) {
       left: 0;
@@ -4540,6 +4641,12 @@
       left: calc(var(--spacing) * -9);
     }
   }
+  .group-data-\[side\=right\]\/sheet-content\:rounded-r-none {
+    &:is(:where(.group\/sheet-content)[data-side="right"] *) {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
   .group-data-\[side\=top\]\/sheet-content\:right-4 {
     &:is(:where(.group\/sheet-content)[data-side="top"] *) {
       right: calc(var(--spacing) * 4);
@@ -4550,6 +4657,12 @@
       bottom: calc(var(--spacing) * -9);
     }
   }
+  .group-data-\[side\=top\]\/sheet-content\:rounded-t-none {
+    &:is(:where(.group\/sheet-content)[data-side="top"] *) {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
   .group-data-\[size\=fullscreen\]\/sheet-content\:text-gdt-h2 {
     &:is(:where(.group\/sheet-content)[data-size="fullscreen"] *) {
       font-size: var(--text-gdt-h2);
@@ -4638,22 +4751,6 @@
       line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
     }
   }
-  .group-data-\[size\=lg\]\/field\:size-6 {
-    &:is(:where(.group\/field)[data-size="lg"] *) {
-      width: calc(var(--spacing) * 6);
-      height: calc(var(--spacing) * 6);
-    }
-  }
-  .group-data-\[size\=lg\]\/field\:h-7 {
-    &:is(:where(.group\/field)[data-size="lg"] *) {
-      height: calc(var(--spacing) * 7);
-    }
-  }
-  .group-data-\[size\=lg\]\/field\:w-12 {
-    &:is(:where(.group\/field)[data-size="lg"] *) {
-      width: calc(var(--spacing) * 12);
-    }
-  }
   .group-data-\[size\=lg\]\/field\:gap-1 {
     &:is(:where(.group\/field)[data-size="lg"] *) {
       gap: var(--spacing);
@@ -4671,31 +4768,6 @@
       line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
     }
   }
-  .group-data-\[size\=lg\]\/field\:\[--checkbox-icon-size\:0\.875rem\] {
-    &:is(:where(.group\/field)[data-size="lg"] *) {
-      --checkbox-icon-size: 0.875rem;
-    }
-  }
-  .group-data-\[size\=lg\]\/field\:\[--radio-dot-size\:0\.875rem\] {
-    &:is(:where(.group\/field)[data-size="lg"] *) {
-      --radio-dot-size: 0.875rem;
-    }
-  }
-  .group-data-\[size\=lg\]\/field\:\[--switch-spinner-size\:0\.875rem\] {
-    &:is(:where(.group\/field)[data-size="lg"] *) {
-      --switch-spinner-size: 0.875rem;
-    }
-  }
-  .group-data-\[size\=lg\]\/field\:\[--switch-thumb-size\:22px\] {
-    &:is(:where(.group\/field)[data-size="lg"] *) {
-      --switch-thumb-size: 22px;
-    }
-  }
-  .group-data-\[size\=lg\]\/field\:\[--switch-track-width\:3rem\] {
-    &:is(:where(.group\/field)[data-size="lg"] *) {
-      --switch-track-width: 3rem;
-    }
-  }
   .group-data-\[size\=lg\]\/input-group\:px-4 {
     &:is(:where(.group\/input-group)[data-size="lg"] *) {
       padding-inline: calc(var(--spacing) * 4);
@@ -4976,22 +5048,6 @@
       line-height: var(--tw-leading, var(--text-gdt-md--line-height));
     }
   }
-  .group-data-\[size\=md\]\/field\:size-5 {
-    &:is(:where(.group\/field)[data-size="md"] *) {
-      width: calc(var(--spacing) * 5);
-      height: calc(var(--spacing) * 5);
-    }
-  }
-  .group-data-\[size\=md\]\/field\:h-6 {
-    &:is(:where(.group\/field)[data-size="md"] *) {
-      height: calc(var(--spacing) * 6);
-    }
-  }
-  .group-data-\[size\=md\]\/field\:w-10 {
-    &:is(:where(.group\/field)[data-size="md"] *) {
-      width: calc(var(--spacing) * 10);
-    }
-  }
   .group-data-\[size\=md\]\/field\:gap-0\.5 {
     &:is(:where(.group\/field)[data-size="md"] *) {
       gap: calc(var(--spacing) * 0.5);
@@ -5009,31 +5065,6 @@
       line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
     }
   }
-  .group-data-\[size\=md\]\/field\:\[--checkbox-icon-size\:0\.75rem\] {
-    &:is(:where(.group\/field)[data-size="md"] *) {
-      --checkbox-icon-size: 0.75rem;
-    }
-  }
-  .group-data-\[size\=md\]\/field\:\[--radio-dot-size\:0\.75rem\] {
-    &:is(:where(.group\/field)[data-size="md"] *) {
-      --radio-dot-size: 0.75rem;
-    }
-  }
-  .group-data-\[size\=md\]\/field\:\[--switch-spinner-size\:0\.75rem\] {
-    &:is(:where(.group\/field)[data-size="md"] *) {
-      --switch-spinner-size: 0.75rem;
-    }
-  }
-  .group-data-\[size\=md\]\/field\:\[--switch-thumb-size\:18px\] {
-    &:is(:where(.group\/field)[data-size="md"] *) {
-      --switch-thumb-size: 18px;
-    }
-  }
-  .group-data-\[size\=md\]\/field\:\[--switch-track-width\:2\.5rem\] {
-    &:is(:where(.group\/field)[data-size="md"] *) {
-      --switch-track-width: 2.5rem;
-    }
-  }
   .group-data-\[size\=md\]\/input-group\:px-3\.5 {
     &:is(:where(.group\/input-group)[data-size="md"] *) {
       padding-inline: calc(var(--spacing) * 3.5);
@@ -5271,22 +5302,6 @@
       padding-block: calc(var(--spacing) * 0.5);
     }
   }
-  .group-data-\[size\=sm\]\/field\:size-4 {
-    &:is(:where(.group\/field)[data-size="sm"] *) {
-      width: calc(var(--spacing) * 4);
-      height: calc(var(--spacing) * 4);
-    }
-  }
-  .group-data-\[size\=sm\]\/field\:h-5 {
-    &:is(:where(.group\/field)[data-size="sm"] *) {
-      height: calc(var(--spacing) * 5);
-    }
-  }
-  .group-data-\[size\=sm\]\/field\:w-8 {
-    &:is(:where(.group\/field)[data-size="sm"] *) {
-      width: calc(var(--spacing) * 8);
-    }
-  }
   .group-data-\[size\=sm\]\/field\:gap-0\.5 {
     &:is(:where(.group\/field)[data-size="sm"] *) {
       gap: calc(var(--spacing) * 0.5);
@@ -5304,31 +5319,6 @@
       line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
     }
   }
-  .group-data-\[size\=sm\]\/field\:\[--checkbox-icon-size\:0\.625rem\] {
-    &:is(:where(.group\/field)[data-size="sm"] *) {
-      --checkbox-icon-size: 0.625rem;
-    }
-  }
-  .group-data-\[size\=sm\]\/field\:\[--radio-dot-size\:0\.625rem\] {
-    &:is(:where(.group\/field)[data-size="sm"] *) {
-      --radio-dot-size: 0.625rem;
-    }
-  }
-  .group-data-\[size\=sm\]\/field\:\[--switch-spinner-size\:0\.625rem\] {
-    &:is(:where(.group\/field)[data-size="sm"] *) {
-      --switch-spinner-size: 0.625rem;
-    }
-  }
-  .group-data-\[size\=sm\]\/field\:\[--switch-thumb-size\:14px\] {
-    &:is(:where(.group\/field)[data-size="sm"] *) {
-      --switch-thumb-size: 14px;
-    }
-  }
-  .group-data-\[size\=sm\]\/field\:\[--switch-track-width\:2rem\] {
-    &:is(:where(.group\/field)[data-size="sm"] *) {
-      --switch-track-width: 2rem;
-    }
-  }
   .group-data-\[size\=sm\]\/input-group\:pr-3 {
     &:is(:where(.group\/input-group)[data-size="sm"] *) {
       padding-right: calc(var(--spacing) * 3);
@@ -6340,26 +6330,6 @@
       height: calc(var(--spacing) * 52);
     }
   }
-  .autofill\:border-line {
-    &:autofill {
-      border-color: var(--color-line);
-    }
-  }
-  .autofill\:bg-canvas {
-    &:autofill {
-      background-color: var(--color-canvas);
-    }
-  }
-  .autofill\:\[box-shadow\:0_0_0_1000px_var\(--color-canvas\)_inset\] {
-    &:autofill {
-      box-shadow: 0 0 0 1000px var(--color-canvas) inset;
-    }
-  }
-  .autofill\:\[-webkit-text-fill-color\:var\(--color-fg-primary\)\] {
-    &:autofill {
-      -webkit-text-fill-color: var(--color-fg-primary);
-    }
-  }
   .focus-within\:w-32 {
     &:focus-within {
       width: calc(var(--spacing) * 32);
@@ -6482,6 +6452,16 @@
       }
     }
   }
+  .hover\:bg-black\/70 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #000 70%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-black\/80 {
     &:hover {
       @media (hover: hover) {
@@ -6769,6 +6749,17 @@
       color: var(--color-fg-primary);
     }
   }
+  .focus-visible\:opacity-100 {
+    &:focus-visible {
+      opacity: 100%;
+    }
+  }
+  .focus-visible\:shadow-\[0_0_0_2px_var\(--color-line-focus\)\,0_4px_16px_rgb\(0_0_0\/0\.28\)\] {
+    &:focus-visible {
+      --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-line-focus)), 0 4px 16px var(--tw-shadow-color, rgb(0 0 0/0.28));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus-visible\:shadow-\[0_0_0_2px_var\(--color-line-focus\)\] {
     &:focus-visible {
       --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-line-focus));
@@ -6817,6 +6808,12 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-visible\:inset-ring-2 {
+    &:focus-visible {
+      --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-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);
+    }
+  }
   .focus-visible\:ring-line-focus {
     &:focus-visible {
       --tw-ring-color: var(--color-line-focus);
@@ -7004,6 +7001,15 @@
       }
     }
   }
+  .active\:hover\:scale-\[0\.97\] {
+    &:active {
+      &:hover {
+        @media (hover: hover) {
+          scale: 0.97;
+        }
+      }
+    }
+  }
   .disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -7039,6 +7045,11 @@
       color: var(--color-fg-caption-placeholder);
     }
   }
+  .disabled\:opacity-0 {
+    &:disabled {
+      opacity: 0%;
+    }
+  }
   .disabled\:opacity-40 {
     &:disabled {
       opacity: 40%;
@@ -7064,6 +7075,22 @@
       opacity: 100%;
     }
   }
+  .group-focus-within\/property-listing-carousel\:disabled\:opacity-40 {
+    &:is(:where(.group\/property-listing-carousel):focus-within *) {
+      &:disabled {
+        opacity: 40%;
+      }
+    }
+  }
+  .group-hover\/property-listing-carousel\:disabled\:opacity-40 {
+    &:is(:where(.group\/property-listing-carousel):hover *) {
+      @media (hover: hover) {
+        &:disabled {
+          opacity: 40%;
+        }
+      }
+    }
+  }
   .disabled\:placeholder\:text-fg-caption-placeholder {
     &:disabled {
       &::placeholder {
@@ -7071,6 +7098,18 @@
       }
     }
   }
+  .disabled\:hover\:scale-100 {
+    &:disabled {
+      &:hover {
+        @media (hover: hover) {
+          --tw-scale-x: 100%;
+          --tw-scale-y: 100%;
+          --tw-scale-z: 100%;
+          scale: var(--tw-scale-x) var(--tw-scale-y);
+        }
+      }
+    }
+  }
   .in-data-\[side\=left\]\:cursor-w-resize {
     :where(*[data-side="left"]) & {
       cursor: w-resize;
@@ -8773,12 +8812,6 @@
       width: 100%;
     }
   }
-  .data-\[side\=bottom\]\:rounded-b-none {
-    &[data-side="bottom"] {
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-  }
   .data-\[side\=bottom\]\:data-ending-style\:translate-y-2 {
     &[data-side="bottom"] {
       &[data-ending-style] {
@@ -8939,12 +8972,6 @@
       rotate: 90deg;
     }
   }
-  .data-\[side\=left\]\:rounded-l-none {
-    &[data-side="left"] {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-  }
   .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--layout-nav-width\)\*-1\)\] {
     &[data-side="left"] {
       &:is(:where(.group)[data-collapsible="offcanvas"] *) {
@@ -9032,12 +9059,6 @@
       rotate: calc(90deg * -1);
     }
   }
-  .data-\[side\=right\]\:rounded-r-none {
-    &[data-side="right"] {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
   .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--layout-nav-width\)\*-1\)\] {
     &[data-side="right"] {
       &:is(:where(.group)[data-collapsible="offcanvas"] *) {
@@ -9130,12 +9151,6 @@
       rotate: 180deg;
     }
   }
-  .data-\[side\=top\]\:rounded-t-none {
-    &[data-side="top"] {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
-    }
-  }
   .data-\[side\=top\]\:data-ending-style\:-translate-y-2 {
     &[data-side="top"] {
       &[data-ending-style] {
@@ -10479,10 +10494,46 @@
       display: none;
     }
   }
-  .md\:size-5 {
+  .md\:size-2\.5 {
     @media (width >= 48rem) {
-      width: calc(var(--spacing) * 5);
-      height: calc(var(--spacing) * 5);
+      width: calc(var(--spacing) * 2.5);
+      height: calc(var(--spacing) * 2.5);
+    }
+  }
+  .md\:size-3 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 3);
+      height: calc(var(--spacing) * 3);
+    }
+  }
+  .md\:size-3\.5 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 3.5);
+      height: calc(var(--spacing) * 3.5);
+    }
+  }
+  .md\:size-4 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+  }
+  .md\:size-5 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 5);
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .md\:size-6 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 6);
+      height: calc(var(--spacing) * 6);
+    }
+  }
+  .md\:size-8 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 8);
+      height: calc(var(--spacing) * 8);
     }
   }
   .md\:size-9 {
@@ -10503,16 +10554,28 @@
       height: calc(var(--spacing) * 11);
     }
   }
-  .md\:size-16 {
+  .md\:size-12 {
     @media (width >= 48rem) {
-      width: calc(var(--spacing) * 16);
-      height: calc(var(--spacing) * 16);
+      width: calc(var(--spacing) * 12);
+      height: calc(var(--spacing) * 12);
+    }
+  }
+  .md\:size-12\.5 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 12.5);
+      height: calc(var(--spacing) * 12.5);
+    }
+  }
+  .md\:size-14 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 14);
+      height: calc(var(--spacing) * 14);
     }
   }
-  .md\:size-24 {
+  .md\:size-16 {
     @media (width >= 48rem) {
-      width: calc(var(--spacing) * 24);
-      height: calc(var(--spacing) * 24);
+      width: calc(var(--spacing) * 16);
+      height: calc(var(--spacing) * 16);
     }
   }
   .md\:size-28 {
@@ -10527,6 +10590,56 @@
       height: 18px;
     }
   }
+  .md\:h-1 {
+    @media (width >= 48rem) {
+      height: var(--spacing);
+    }
+  }
+  .md\:h-1\.5 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 1.5);
+    }
+  }
+  .md\:h-2 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 2);
+    }
+  }
+  .md\:h-5 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .md\:h-6 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 6);
+    }
+  }
+  .md\:h-7 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 7);
+    }
+  }
+  .md\:h-8 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 8);
+    }
+  }
+  .md\:h-10 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 10);
+    }
+  }
+  .md\:h-12 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 12);
+    }
+  }
+  .md\:h-14 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 14);
+    }
+  }
   .md\:h-16 {
     @media (width >= 48rem) {
       height: calc(var(--spacing) * 16);
@@ -10537,6 +10650,71 @@
       height: 380px;
     }
   }
+  .md\:h-auto {
+    @media (width >= 48rem) {
+      height: auto;
+    }
+  }
+  .md\:min-h-0 {
+    @media (width >= 48rem) {
+      min-height: 0;
+    }
+  }
+  .md\:min-h-7 {
+    @media (width >= 48rem) {
+      min-height: calc(var(--spacing) * 7);
+    }
+  }
+  .md\:min-h-9 {
+    @media (width >= 48rem) {
+      min-height: calc(var(--spacing) * 9);
+    }
+  }
+  .md\:min-h-10\.5 {
+    @media (width >= 48rem) {
+      min-height: calc(var(--spacing) * 10.5);
+    }
+  }
+  .md\:min-h-22 {
+    @media (width >= 48rem) {
+      min-height: calc(var(--spacing) * 22);
+    }
+  }
+  .md\:min-h-26 {
+    @media (width >= 48rem) {
+      min-height: calc(var(--spacing) * 26);
+    }
+  }
+  .md\:min-h-31 {
+    @media (width >= 48rem) {
+      min-height: calc(var(--spacing) * 31);
+    }
+  }
+  .md\:w-8 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 8);
+    }
+  }
+  .md\:w-10 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 10);
+    }
+  }
+  .md\:w-12 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 12);
+    }
+  }
+  .md\:w-15 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 15);
+    }
+  }
+  .md\:w-18 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 18);
+    }
+  }
   .md\:w-auto {
     @media (width >= 48rem) {
       width: auto;
@@ -10552,6 +10730,46 @@
       max-width: 640px;
     }
   }
+  .md\:min-w-0 {
+    @media (width >= 48rem) {
+      min-width: 0;
+    }
+  }
+  .md\:min-w-7 {
+    @media (width >= 48rem) {
+      min-width: calc(var(--spacing) * 7);
+    }
+  }
+  .md\:min-w-8 {
+    @media (width >= 48rem) {
+      min-width: calc(var(--spacing) * 8);
+    }
+  }
+  .md\:min-w-9 {
+    @media (width >= 48rem) {
+      min-width: calc(var(--spacing) * 9);
+    }
+  }
+  .md\:min-w-10 {
+    @media (width >= 48rem) {
+      min-width: calc(var(--spacing) * 10);
+    }
+  }
+  .md\:min-w-10\.5 {
+    @media (width >= 48rem) {
+      min-width: calc(var(--spacing) * 10.5);
+    }
+  }
+  .md\:min-w-12 {
+    @media (width >= 48rem) {
+      min-width: calc(var(--spacing) * 12);
+    }
+  }
+  .md\:min-w-14 {
+    @media (width >= 48rem) {
+      min-width: calc(var(--spacing) * 14);
+    }
+  }
   .md\:grid-cols-2 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -10592,16 +10810,36 @@
       gap: calc(var(--spacing) * 0.5);
     }
   }
+  .md\:gap-1 {
+    @media (width >= 48rem) {
+      gap: var(--spacing);
+    }
+  }
+  .md\:gap-1\.5 {
+    @media (width >= 48rem) {
+      gap: calc(var(--spacing) * 1.5);
+    }
+  }
   .md\:gap-2 {
     @media (width >= 48rem) {
       gap: calc(var(--spacing) * 2);
     }
   }
+  .md\:gap-2\.5 {
+    @media (width >= 48rem) {
+      gap: calc(var(--spacing) * 2.5);
+    }
+  }
   .md\:gap-3 {
     @media (width >= 48rem) {
       gap: calc(var(--spacing) * 3);
     }
   }
+  .md\:gap-3\.5 {
+    @media (width >= 48rem) {
+      gap: calc(var(--spacing) * 3.5);
+    }
+  }
   .md\:gap-5 {
     @media (width >= 48rem) {
       gap: calc(var(--spacing) * 5);
@@ -10637,16 +10875,41 @@
       gap: var(--spacing-gdt-xl);
     }
   }
+  .md\:rounded-\[18px\] {
+    @media (width >= 48rem) {
+      border-radius: 18px;
+    }
+  }
   .md\:rounded-\[40px\] {
     @media (width >= 48rem) {
       border-radius: 40px;
     }
   }
+  .md\:rounded-lg {
+    @media (width >= 48rem) {
+      border-radius: var(--radius-lg);
+    }
+  }
   .md\:rounded-xl {
     @media (width >= 48rem) {
       border-radius: var(--radius-xl);
     }
   }
+  .md\:p-1 {
+    @media (width >= 48rem) {
+      padding: var(--spacing);
+    }
+  }
+  .md\:p-1\.5 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 1.5);
+    }
+  }
+  .md\:p-2 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 2);
+    }
+  }
   .md\:p-4 {
     @media (width >= 48rem) {
       padding: calc(var(--spacing) * 4);
@@ -10657,6 +10920,46 @@
       padding: var(--spacing-gdt-md);
     }
   }
+  .md\:px-0 {
+    @media (width >= 48rem) {
+      padding-inline: 0;
+    }
+  }
+  .md\:px-2\.5 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 2.5);
+    }
+  }
+  .md\:px-3 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 3);
+    }
+  }
+  .md\:px-3\.5 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 3.5);
+    }
+  }
+  .md\:px-4 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
+  .md\:px-4\.5 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 4.5);
+    }
+  }
+  .md\:px-5\.5 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 5.5);
+    }
+  }
+  .md\:px-6\.5 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 6.5);
+    }
+  }
   .md\:px-10 {
     @media (width >= 48rem) {
       padding-inline: calc(var(--spacing) * 10);
@@ -10672,165 +10975,927 @@
       padding-inline: var(--spacing-gdt-6xl);
     }
   }
-  .md\:py-gdt-5xl {
+  .md\:py-0 {
     @media (width >= 48rem) {
-      padding-block: var(--spacing-gdt-5xl);
+      padding-block: 0;
     }
   }
-  .md\:pt-gdt-4xl {
+  .md\:py-1 {
     @media (width >= 48rem) {
-      padding-top: var(--spacing-gdt-4xl);
+      padding-block: var(--spacing);
     }
   }
-  .md\:pb-7 {
+  .md\:py-1\.5 {
     @media (width >= 48rem) {
-      padding-bottom: calc(var(--spacing) * 7);
+      padding-block: calc(var(--spacing) * 1.5);
     }
   }
-  .md\:text-gdt-h3 {
+  .md\:py-2 {
     @media (width >= 48rem) {
-      font-size: var(--text-gdt-h3);
-      line-height: var(--tw-leading, var(--text-gdt-h3--line-height));
-      font-weight: var(--tw-font-weight, var(--text-gdt-h3--font-weight));
+      padding-block: calc(var(--spacing) * 2);
     }
   }
-  .md\:text-gdt-lg {
+  .md\:py-2\.5 {
     @media (width >= 48rem) {
-      font-size: var(--text-gdt-lg);
-      line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
+      padding-block: calc(var(--spacing) * 2.5);
     }
   }
-  .md\:text-gdt-md {
+  .md\:py-3 {
     @media (width >= 48rem) {
-      font-size: var(--text-gdt-md);
-      line-height: var(--tw-leading, var(--text-gdt-md--line-height));
+      padding-block: calc(var(--spacing) * 3);
     }
   }
-  .md\:leading-\[3\.25rem\] {
+  .md\:py-gdt-5xl {
     @media (width >= 48rem) {
-      --tw-leading: 3.25rem;
-      line-height: 3.25rem;
+      padding-block: var(--spacing-gdt-5xl);
     }
   }
-  .lg\:order-first {
-    @media (width >= 64rem) {
-      order: -9999;
+  .md\:pt-gdt-4xl {
+    @media (width >= 48rem) {
+      padding-top: var(--spacing-gdt-4xl);
     }
   }
-  .lg\:mb-\[1\.125rem\] {
-    @media (width >= 64rem) {
-      margin-bottom: 1.125rem;
+  .md\:pr-2\.5 {
+    @media (width >= 48rem) {
+      padding-right: calc(var(--spacing) * 2.5);
     }
   }
-  .lg\:mb-gdt-6xl {
-    @media (width >= 64rem) {
-      margin-bottom: var(--spacing-gdt-6xl);
+  .md\:pr-3 {
+    @media (width >= 48rem) {
+      padding-right: calc(var(--spacing) * 3);
     }
   }
-  .lg\:block {
-    @media (width >= 64rem) {
-      display: block;
-    }
+  .md\:pr-3\.5 {
+    @media (width >= 48rem) {
+      padding-right: calc(var(--spacing) * 3.5);
+    }
+  }
+  .md\:pr-5 {
+    @media (width >= 48rem) {
+      padding-right: calc(var(--spacing) * 5);
+    }
+  }
+  .md\:pb-7 {
+    @media (width >= 48rem) {
+      padding-bottom: calc(var(--spacing) * 7);
+    }
+  }
+  .md\:pl-1\.5 {
+    @media (width >= 48rem) {
+      padding-left: calc(var(--spacing) * 1.5);
+    }
+  }
+  .md\:pl-2 {
+    @media (width >= 48rem) {
+      padding-left: calc(var(--spacing) * 2);
+    }
+  }
+  .md\:pl-2\.5 {
+    @media (width >= 48rem) {
+      padding-left: calc(var(--spacing) * 2.5);
+    }
+  }
+  .md\:text-gdt-h3 {
+    @media (width >= 48rem) {
+      font-size: var(--text-gdt-h3);
+      line-height: var(--tw-leading, var(--text-gdt-h3--line-height));
+      font-weight: var(--tw-font-weight, var(--text-gdt-h3--font-weight));
+    }
+  }
+  .md\:text-gdt-lg {
+    @media (width >= 48rem) {
+      font-size: var(--text-gdt-lg);
+      line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
+    }
+  }
+  .md\:text-gdt-md {
+    @media (width >= 48rem) {
+      font-size: var(--text-gdt-md);
+      line-height: var(--tw-leading, var(--text-gdt-md--line-height));
+    }
+  }
+  .md\:text-gdt-sm {
+    @media (width >= 48rem) {
+      font-size: var(--text-gdt-sm);
+      line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
+    }
+  }
+  .md\:text-gdt-subtext {
+    @media (width >= 48rem) {
+      font-size: var(--text-gdt-subtext);
+      line-height: var(--tw-leading, var(--text-gdt-subtext--line-height));
+    }
+  }
+  .md\:text-gdt-xs {
+    @media (width >= 48rem) {
+      font-size: var(--text-gdt-xs);
+      line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
+    }
+  }
+  .md\:leading-\[3\.25rem\] {
+    @media (width >= 48rem) {
+      --tw-leading: 3.25rem;
+      line-height: 3.25rem;
+    }
+  }
+  .md\:\[--checkbox-icon-size\:0\.75rem\] {
+    @media (width >= 48rem) {
+      --checkbox-icon-size: 0.75rem;
+    }
+  }
+  .md\:\[--checkbox-icon-size\:0\.625rem\] {
+    @media (width >= 48rem) {
+      --checkbox-icon-size: 0.625rem;
+    }
+  }
+  .md\:\[--checkbox-icon-size\:0\.875rem\] {
+    @media (width >= 48rem) {
+      --checkbox-icon-size: 0.875rem;
+    }
+  }
+  .md\:\[--radio-dot-size\:0\.75rem\] {
+    @media (width >= 48rem) {
+      --radio-dot-size: 0.75rem;
+    }
+  }
+  .md\:\[--radio-dot-size\:0\.625rem\] {
+    @media (width >= 48rem) {
+      --radio-dot-size: 0.625rem;
+    }
+  }
+  .md\:\[--radio-dot-size\:0\.875rem\] {
+    @media (width >= 48rem) {
+      --radio-dot-size: 0.875rem;
+    }
+  }
+  .md\:\[--slider-thumb-size\:1\.5rem\] {
+    @media (width >= 48rem) {
+      --slider-thumb-size: 1.5rem;
+    }
+  }
+  .md\:\[--slider-thumb-size\:1\.25rem\] {
+    @media (width >= 48rem) {
+      --slider-thumb-size: 1.25rem;
+    }
+  }
+  .md\:\[--slider-thumb-size\:1rem\] {
+    @media (width >= 48rem) {
+      --slider-thumb-size: 1rem;
+    }
+  }
+  .md\:\[--slider-track-size\:0\.5rem\] {
+    @media (width >= 48rem) {
+      --slider-track-size: 0.5rem;
+    }
+  }
+  .md\:\[--slider-track-size\:0\.25rem\] {
+    @media (width >= 48rem) {
+      --slider-track-size: 0.25rem;
+    }
+  }
+  .md\:\[--slider-track-size\:0\.375rem\] {
+    @media (width >= 48rem) {
+      --slider-track-size: 0.375rem;
+    }
+  }
+  .md\:\[--switch-spinner-size\:0\.75rem\] {
+    @media (width >= 48rem) {
+      --switch-spinner-size: 0.75rem;
+    }
+  }
+  .md\:\[--switch-spinner-size\:0\.625rem\] {
+    @media (width >= 48rem) {
+      --switch-spinner-size: 0.625rem;
+    }
+  }
+  .md\:\[--switch-spinner-size\:0\.875rem\] {
+    @media (width >= 48rem) {
+      --switch-spinner-size: 0.875rem;
+    }
+  }
+  .md\:\[--switch-thumb-size\:14px\] {
+    @media (width >= 48rem) {
+      --switch-thumb-size: 14px;
+    }
+  }
+  .md\:\[--switch-thumb-size\:18px\] {
+    @media (width >= 48rem) {
+      --switch-thumb-size: 18px;
+    }
+  }
+  .md\:\[--switch-thumb-size\:22px\] {
+    @media (width >= 48rem) {
+      --switch-thumb-size: 22px;
+    }
+  }
+  .md\:\[--switch-track-width\:2\.5rem\] {
+    @media (width >= 48rem) {
+      --switch-track-width: 2.5rem;
+    }
+  }
+  .md\:\[--switch-track-width\:2rem\] {
+    @media (width >= 48rem) {
+      --switch-track-width: 2rem;
+    }
+  }
+  .md\:\[--switch-track-width\:3rem\] {
+    @media (width >= 48rem) {
+      --switch-track-width: 3rem;
+    }
+  }
+  .md\:file\:text-gdt-lg {
+    @media (width >= 48rem) {
+      &::file-selector-button {
+        font-size: var(--text-gdt-lg);
+        line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
+      }
+    }
+  }
+  .md\:file\:text-gdt-md {
+    @media (width >= 48rem) {
+      &::file-selector-button {
+        font-size: var(--text-gdt-md);
+        line-height: var(--tw-leading, var(--text-gdt-md--line-height));
+      }
+    }
+  }
+  .md\:file\:text-gdt-sm {
+    @media (width >= 48rem) {
+      &::file-selector-button {
+        font-size: var(--text-gdt-sm);
+        line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
+      }
+    }
+  }
+  .md\:file\:text-gdt-xs {
+    @media (width >= 48rem) {
+      &::file-selector-button {
+        font-size: var(--text-gdt-xs);
+        line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
+      }
+    }
+  }
+  .lg\:order-first {
+    @media (width >= 64rem) {
+      order: -9999;
+    }
+  }
+  .lg\:mb-\[1\.125rem\] {
+    @media (width >= 64rem) {
+      margin-bottom: 1.125rem;
+    }
+  }
+  .lg\:mb-gdt-6xl {
+    @media (width >= 64rem) {
+      margin-bottom: var(--spacing-gdt-6xl);
+    }
+  }
+  .lg\:block {
+    @media (width >= 64rem) {
+      display: block;
+    }
   }
   .lg\:flex {
     @media (width >= 64rem) {
       display: flex;
     }
   }
+  .lg\:grid {
+    @media (width >= 64rem) {
+      display: grid;
+    }
+  }
   .lg\:hidden {
     @media (width >= 64rem) {
       display: none;
     }
   }
-  .lg\:h-\[480px\] {
+  .lg\:size-2\.5 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 2.5);
+      height: calc(var(--spacing) * 2.5);
+    }
+  }
+  .lg\:size-3 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 3);
+      height: calc(var(--spacing) * 3);
+    }
+  }
+  .lg\:size-3\.5 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 3.5);
+      height: calc(var(--spacing) * 3.5);
+    }
+  }
+  .lg\:size-4 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:size-5 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 5);
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .lg\:size-6 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 6);
+      height: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:size-8 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 8);
+      height: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:size-10 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 10);
+      height: calc(var(--spacing) * 10);
+    }
+  }
+  .lg\:size-12 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 12);
+      height: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:size-12\.5 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 12.5);
+      height: calc(var(--spacing) * 12.5);
+    }
+  }
+  .lg\:size-14 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 14);
+      height: calc(var(--spacing) * 14);
+    }
+  }
+  .lg\:size-\[45px\] {
+    @media (width >= 64rem) {
+      width: 45px;
+      height: 45px;
+    }
+  }
+  .lg\:h-1 {
+    @media (width >= 64rem) {
+      height: var(--spacing);
+    }
+  }
+  .lg\:h-1\.5 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 1.5);
+    }
+  }
+  .lg\:h-2 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:h-5 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .lg\:h-6 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:h-7 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 7);
+    }
+  }
+  .lg\:h-8 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:h-10 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 10);
+    }
+  }
+  .lg\:h-12 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:h-14 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 14);
+    }
+  }
+  .lg\:h-\[45px\] {
+    @media (width >= 64rem) {
+      height: 45px;
+    }
+  }
+  .lg\:h-\[480px\] {
+    @media (width >= 64rem) {
+      height: 480px;
+    }
+  }
+  .lg\:h-auto {
+    @media (width >= 64rem) {
+      height: auto;
+    }
+  }
+  .lg\:min-h-0 {
+    @media (width >= 64rem) {
+      min-height: 0;
+    }
+  }
+  .lg\:min-h-7 {
+    @media (width >= 64rem) {
+      min-height: calc(var(--spacing) * 7);
+    }
+  }
+  .lg\:min-h-9 {
+    @media (width >= 64rem) {
+      min-height: calc(var(--spacing) * 9);
+    }
+  }
+  .lg\:min-h-10\.5 {
+    @media (width >= 64rem) {
+      min-height: calc(var(--spacing) * 10.5);
+    }
+  }
+  .lg\:min-h-22 {
+    @media (width >= 64rem) {
+      min-height: calc(var(--spacing) * 22);
+    }
+  }
+  .lg\:min-h-26 {
+    @media (width >= 64rem) {
+      min-height: calc(var(--spacing) * 26);
+    }
+  }
+  .lg\:min-h-31 {
+    @media (width >= 64rem) {
+      min-height: calc(var(--spacing) * 31);
+    }
+  }
+  .lg\:w-8 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:w-10 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 10);
+    }
+  }
+  .lg\:w-12 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:w-15 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 15);
+    }
+  }
+  .lg\:w-18 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 18);
+    }
+  }
+  .lg\:w-auto {
+    @media (width >= 64rem) {
+      width: auto;
+    }
+  }
+  .lg\:max-w-\[35rem\] {
+    @media (width >= 64rem) {
+      max-width: 35rem;
+    }
+  }
+  .lg\:min-w-0 {
+    @media (width >= 64rem) {
+      min-width: 0;
+    }
+  }
+  .lg\:min-w-7 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 7);
+    }
+  }
+  .lg\:min-w-8 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:min-w-9 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 9);
+    }
+  }
+  .lg\:min-w-10 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 10);
+    }
+  }
+  .lg\:min-w-10\.5 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 10.5);
+    }
+  }
+  .lg\:min-w-12 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:min-w-14 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 14);
+    }
+  }
+  .lg\:grid-cols-\[minmax\(0\,1fr\)_28\.75rem\] {
+    @media (width >= 64rem) {
+      grid-template-columns: minmax(0,1fr) 28.75rem;
+    }
+  }
+  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(30rem\,1fr\)\] {
+    @media (width >= 64rem) {
+      grid-template-columns: minmax(0,1fr) minmax(30rem,1fr);
+    }
+  }
+  .lg\:flex-col {
+    @media (width >= 64rem) {
+      flex-direction: column;
+    }
+  }
+  .lg\:gap-1 {
+    @media (width >= 64rem) {
+      gap: var(--spacing);
+    }
+  }
+  .lg\:gap-1\.5 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 1.5);
+    }
+  }
+  .lg\:gap-2 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:gap-2\.5 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 2.5);
+    }
+  }
+  .lg\:gap-3 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 3);
+    }
+  }
+  .lg\:gap-3\.5 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 3.5);
+    }
+  }
+  .lg\:gap-\[1\.125rem\] {
+    @media (width >= 64rem) {
+      gap: 1.125rem;
+    }
+  }
+  .lg\:gap-gdt-5xl {
+    @media (width >= 64rem) {
+      gap: var(--spacing-gdt-5xl);
+    }
+  }
+  .lg\:rounded-\[18px\] {
+    @media (width >= 64rem) {
+      border-radius: 18px;
+    }
+  }
+  .lg\:rounded-lg {
+    @media (width >= 64rem) {
+      border-radius: var(--radius-lg);
+    }
+  }
+  .lg\:rounded-xl {
+    @media (width >= 64rem) {
+      border-radius: var(--radius-xl);
+    }
+  }
+  .lg\:rounded-l-\[5rem\] {
+    @media (width >= 64rem) {
+      border-top-left-radius: 5rem;
+      border-bottom-left-radius: 5rem;
+    }
+  }
+  .lg\:bg-\[linear-gradient\(180deg\,var\(--color-surface-brand\)_0\%\,var\(--color-moss-600\)_100\%\)\] {
+    @media (width >= 64rem) {
+      background-image: linear-gradient(180deg,var(--color-surface-brand) 0%,var(--color-moss-600) 100%);
+    }
+  }
+  .lg\:p-1 {
+    @media (width >= 64rem) {
+      padding: var(--spacing);
+    }
+  }
+  .lg\:p-1\.5 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 1.5);
+    }
+  }
+  .lg\:p-2 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:px-0 {
+    @media (width >= 64rem) {
+      padding-inline: 0;
+    }
+  }
+  .lg\:px-2\.5 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 2.5);
+    }
+  }
+  .lg\:px-3 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 3);
+    }
+  }
+  .lg\:px-3\.5 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 3.5);
+    }
+  }
+  .lg\:px-4 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:px-4\.5 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 4.5);
+    }
+  }
+  .lg\:px-5\.5 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 5.5);
+    }
+  }
+  .lg\:px-6\.5 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 6.5);
+    }
+  }
+  .lg\:px-gdt-2xl {
+    @media (width >= 64rem) {
+      padding-inline: var(--spacing-gdt-2xl);
+    }
+  }
+  .lg\:py-0 {
+    @media (width >= 64rem) {
+      padding-block: 0;
+    }
+  }
+  .lg\:py-1 {
+    @media (width >= 64rem) {
+      padding-block: var(--spacing);
+    }
+  }
+  .lg\:py-1\.5 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 1.5);
+    }
+  }
+  .lg\:py-2 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:py-2\.5 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 2.5);
+    }
+  }
+  .lg\:py-3 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 3);
+    }
+  }
+  .lg\:pt-gdt-4xl {
+    @media (width >= 64rem) {
+      padding-top: var(--spacing-gdt-4xl);
+    }
+  }
+  .lg\:pr-2\.5 {
+    @media (width >= 64rem) {
+      padding-right: calc(var(--spacing) * 2.5);
+    }
+  }
+  .lg\:pr-3 {
+    @media (width >= 64rem) {
+      padding-right: calc(var(--spacing) * 3);
+    }
+  }
+  .lg\:pr-3\.5 {
+    @media (width >= 64rem) {
+      padding-right: calc(var(--spacing) * 3.5);
+    }
+  }
+  .lg\:pr-5 {
+    @media (width >= 64rem) {
+      padding-right: calc(var(--spacing) * 5);
+    }
+  }
+  .lg\:pb-gdt-3xl {
+    @media (width >= 64rem) {
+      padding-bottom: var(--spacing-gdt-3xl);
+    }
+  }
+  .lg\:pl-1\.5 {
+    @media (width >= 64rem) {
+      padding-left: calc(var(--spacing) * 1.5);
+    }
+  }
+  .lg\:pl-2 {
+    @media (width >= 64rem) {
+      padding-left: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:pl-2\.5 {
+    @media (width >= 64rem) {
+      padding-left: calc(var(--spacing) * 2.5);
+    }
+  }
+  .lg\:text-gdt-h2 {
+    @media (width >= 64rem) {
+      font-size: var(--text-gdt-h2);
+      line-height: var(--tw-leading, var(--text-gdt-h2--line-height));
+      letter-spacing: var(--tw-tracking, var(--text-gdt-h2--letter-spacing));
+      font-weight: var(--tw-font-weight, var(--text-gdt-h2--font-weight));
+    }
+  }
+  .lg\:text-gdt-lg {
+    @media (width >= 64rem) {
+      font-size: var(--text-gdt-lg);
+      line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
+    }
+  }
+  .lg\:text-gdt-md {
+    @media (width >= 64rem) {
+      font-size: var(--text-gdt-md);
+      line-height: var(--tw-leading, var(--text-gdt-md--line-height));
+    }
+  }
+  .lg\:text-gdt-sm {
+    @media (width >= 64rem) {
+      font-size: var(--text-gdt-sm);
+      line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
+    }
+  }
+  .lg\:text-gdt-subtext {
+    @media (width >= 64rem) {
+      font-size: var(--text-gdt-subtext);
+      line-height: var(--tw-leading, var(--text-gdt-subtext--line-height));
+    }
+  }
+  .lg\:text-gdt-xs {
+    @media (width >= 64rem) {
+      font-size: var(--text-gdt-xs);
+      line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
+    }
+  }
+  .lg\:text-\[3rem\] {
+    @media (width >= 64rem) {
+      font-size: 3rem;
+    }
+  }
+  .lg\:leading-\[4\.25rem\] {
+    @media (width >= 64rem) {
+      --tw-leading: 4.25rem;
+      line-height: 4.25rem;
+    }
+  }
+  .lg\:tracking-normal {
+    @media (width >= 64rem) {
+      --tw-tracking: var(--tracking-normal);
+      letter-spacing: var(--tracking-normal);
+    }
+  }
+  .lg\:opacity-0 {
+    @media (width >= 64rem) {
+      opacity: 0%;
+    }
+  }
+  .lg\:\[--checkbox-icon-size\:0\.75rem\] {
+    @media (width >= 64rem) {
+      --checkbox-icon-size: 0.75rem;
+    }
+  }
+  .lg\:\[--checkbox-icon-size\:0\.625rem\] {
+    @media (width >= 64rem) {
+      --checkbox-icon-size: 0.625rem;
+    }
+  }
+  .lg\:\[--checkbox-icon-size\:0\.875rem\] {
+    @media (width >= 64rem) {
+      --checkbox-icon-size: 0.875rem;
+    }
+  }
+  .lg\:\[--radio-dot-size\:0\.75rem\] {
+    @media (width >= 64rem) {
+      --radio-dot-size: 0.75rem;
+    }
+  }
+  .lg\:\[--radio-dot-size\:0\.625rem\] {
     @media (width >= 64rem) {
-      height: 480px;
+      --radio-dot-size: 0.625rem;
     }
   }
-  .lg\:max-w-\[35rem\] {
+  .lg\:\[--radio-dot-size\:0\.875rem\] {
     @media (width >= 64rem) {
-      max-width: 35rem;
+      --radio-dot-size: 0.875rem;
     }
   }
-  .lg\:grid-cols-\[minmax\(0\,1fr\)_28\.75rem\] {
+  .lg\:\[--slider-thumb-size\:1\.5rem\] {
     @media (width >= 64rem) {
-      grid-template-columns: minmax(0,1fr) 28.75rem;
+      --slider-thumb-size: 1.5rem;
     }
   }
-  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(30rem\,1fr\)\] {
+  .lg\:\[--slider-thumb-size\:1\.25rem\] {
     @media (width >= 64rem) {
-      grid-template-columns: minmax(0,1fr) minmax(30rem,1fr);
+      --slider-thumb-size: 1.25rem;
     }
   }
-  .lg\:flex-col {
+  .lg\:\[--slider-thumb-size\:1rem\] {
     @media (width >= 64rem) {
-      flex-direction: column;
+      --slider-thumb-size: 1rem;
     }
   }
-  .lg\:gap-\[1\.125rem\] {
+  .lg\:\[--slider-track-size\:0\.5rem\] {
     @media (width >= 64rem) {
-      gap: 1.125rem;
+      --slider-track-size: 0.5rem;
     }
   }
-  .lg\:gap-gdt-5xl {
+  .lg\:\[--slider-track-size\:0\.25rem\] {
     @media (width >= 64rem) {
-      gap: var(--spacing-gdt-5xl);
+      --slider-track-size: 0.25rem;
     }
   }
-  .lg\:rounded-l-\[5rem\] {
+  .lg\:\[--slider-track-size\:0\.375rem\] {
     @media (width >= 64rem) {
-      border-top-left-radius: 5rem;
-      border-bottom-left-radius: 5rem;
+      --slider-track-size: 0.375rem;
     }
   }
-  .lg\:bg-\[linear-gradient\(180deg\,var\(--color-surface-brand\)_0\%\,var\(--color-moss-600\)_100\%\)\] {
+  .lg\:\[--switch-spinner-size\:0\.75rem\] {
     @media (width >= 64rem) {
-      background-image: linear-gradient(180deg,var(--color-surface-brand) 0%,var(--color-moss-600) 100%);
+      --switch-spinner-size: 0.75rem;
     }
   }
-  .lg\:px-gdt-2xl {
+  .lg\:\[--switch-spinner-size\:0\.625rem\] {
     @media (width >= 64rem) {
-      padding-inline: var(--spacing-gdt-2xl);
+      --switch-spinner-size: 0.625rem;
     }
   }
-  .lg\:pt-gdt-4xl {
+  .lg\:\[--switch-spinner-size\:0\.875rem\] {
     @media (width >= 64rem) {
-      padding-top: var(--spacing-gdt-4xl);
+      --switch-spinner-size: 0.875rem;
     }
   }
-  .lg\:pb-gdt-3xl {
+  .lg\:\[--switch-thumb-size\:14px\] {
     @media (width >= 64rem) {
-      padding-bottom: var(--spacing-gdt-3xl);
+      --switch-thumb-size: 14px;
     }
   }
-  .lg\:text-gdt-h2 {
+  .lg\:\[--switch-thumb-size\:18px\] {
     @media (width >= 64rem) {
-      font-size: var(--text-gdt-h2);
-      line-height: var(--tw-leading, var(--text-gdt-h2--line-height));
-      letter-spacing: var(--tw-tracking, var(--text-gdt-h2--letter-spacing));
-      font-weight: var(--tw-font-weight, var(--text-gdt-h2--font-weight));
+      --switch-thumb-size: 18px;
     }
   }
-  .lg\:text-\[3rem\] {
+  .lg\:\[--switch-thumb-size\:22px\] {
     @media (width >= 64rem) {
-      font-size: 3rem;
+      --switch-thumb-size: 22px;
     }
   }
-  .lg\:leading-\[4\.25rem\] {
+  .lg\:\[--switch-track-width\:2\.5rem\] {
     @media (width >= 64rem) {
-      --tw-leading: 4.25rem;
-      line-height: 4.25rem;
+      --switch-track-width: 2.5rem;
     }
   }
-  .lg\:tracking-normal {
+  .lg\:\[--switch-track-width\:2rem\] {
     @media (width >= 64rem) {
-      --tw-tracking: var(--tracking-normal);
-      letter-spacing: var(--tracking-normal);
+      --switch-track-width: 2rem;
     }
   }
-  .lg\:opacity-0 {
+  .lg\:\[--switch-track-width\:3rem\] {
     @media (width >= 64rem) {
-      opacity: 0%;
+      --switch-track-width: 3rem;
     }
   }
   .lg\:peer-data-\[variant\=inset\]\:m-2 {
@@ -10886,6 +11951,38 @@
       }
     }
   }
+  .lg\:file\:text-gdt-lg {
+    @media (width >= 64rem) {
+      &::file-selector-button {
+        font-size: var(--text-gdt-lg);
+        line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
+      }
+    }
+  }
+  .lg\:file\:text-gdt-md {
+    @media (width >= 64rem) {
+      &::file-selector-button {
+        font-size: var(--text-gdt-md);
+        line-height: var(--tw-leading, var(--text-gdt-md--line-height));
+      }
+    }
+  }
+  .lg\:file\:text-gdt-sm {
+    @media (width >= 64rem) {
+      &::file-selector-button {
+        font-size: var(--text-gdt-sm);
+        line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
+      }
+    }
+  }
+  .lg\:file\:text-gdt-xs {
+    @media (width >= 64rem) {
+      &::file-selector-button {
+        font-size: var(--text-gdt-xs);
+        line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
+      }
+    }
+  }
   .lg\:after\:hidden {
     @media (width >= 64rem) {
       &::after {
@@ -11274,6 +12371,11 @@
       pointer-events: none;
     }
   }
+  .\[\&_svg\]\:mx-auto {
+    & svg {
+      margin-inline: auto;
+    }
+  }
   .\[\&_svg\]\:size-3 {
     & svg {
       width: calc(var(--spacing) * 3);
@@ -11401,6 +12503,14 @@
       }
     }
   }
+  .md\:\[\&_svg\]\:size-3\.5 {
+    @media (width >= 48rem) {
+      & svg {
+        width: calc(var(--spacing) * 3.5);
+        height: calc(var(--spacing) * 3.5);
+      }
+    }
+  }
   .md\:\[\&_svg\]\:size-4 {
     @media (width >= 48rem) {
       & svg {
@@ -11409,6 +12519,22 @@
       }
     }
   }
+  .md\:\[\&_svg\]\:size-4\.5 {
+    @media (width >= 48rem) {
+      & svg {
+        width: calc(var(--spacing) * 4.5);
+        height: calc(var(--spacing) * 4.5);
+      }
+    }
+  }
+  .md\:\[\&_svg\]\:size-5 {
+    @media (width >= 48rem) {
+      & svg {
+        width: calc(var(--spacing) * 5);
+        height: calc(var(--spacing) * 5);
+      }
+    }
+  }
   .md\:\[\&_svg\]\:size-\[15px\] {
     @media (width >= 48rem) {
       & svg {
@@ -11433,6 +12559,38 @@
       }
     }
   }
+  .lg\:\[\&_svg\]\:size-3\.5 {
+    @media (width >= 64rem) {
+      & svg {
+        width: calc(var(--spacing) * 3.5);
+        height: calc(var(--spacing) * 3.5);
+      }
+    }
+  }
+  .lg\:\[\&_svg\]\:size-4 {
+    @media (width >= 64rem) {
+      & svg {
+        width: calc(var(--spacing) * 4);
+        height: calc(var(--spacing) * 4);
+      }
+    }
+  }
+  .lg\:\[\&_svg\]\:size-4\.5 {
+    @media (width >= 64rem) {
+      & svg {
+        width: calc(var(--spacing) * 4.5);
+        height: calc(var(--spacing) * 4.5);
+      }
+    }
+  }
+  .lg\:\[\&_svg\]\:size-5 {
+    @media (width >= 64rem) {
+      & svg {
+        width: calc(var(--spacing) * 5);
+        height: calc(var(--spacing) * 5);
+      }
+    }
+  }
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
     & svg:not([class*='size-']) {
       width: calc(var(--spacing) * 3);
@@ -11681,6 +12839,102 @@
       }
     }
   }
+  .md\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
+    @media (width >= 48rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 3);
+        height: calc(var(--spacing) * 3);
+      }
+    }
+  }
+  .md\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
+    @media (width >= 48rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 3.5);
+        height: calc(var(--spacing) * 3.5);
+      }
+    }
+  }
+  .md\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
+    @media (width >= 48rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 4);
+        height: calc(var(--spacing) * 4);
+      }
+    }
+  }
+  .md\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
+    @media (width >= 48rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 4.5);
+        height: calc(var(--spacing) * 4.5);
+      }
+    }
+  }
+  .md\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 {
+    @media (width >= 48rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 5);
+        height: calc(var(--spacing) * 5);
+      }
+    }
+  }
+  .md\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
+    @media (width >= 48rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 6);
+        height: calc(var(--spacing) * 6);
+      }
+    }
+  }
+  .lg\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
+    @media (width >= 64rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 3);
+        height: calc(var(--spacing) * 3);
+      }
+    }
+  }
+  .lg\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
+    @media (width >= 64rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 3.5);
+        height: calc(var(--spacing) * 3.5);
+      }
+    }
+  }
+  .lg\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
+    @media (width >= 64rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 4);
+        height: calc(var(--spacing) * 4);
+      }
+    }
+  }
+  .lg\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
+    @media (width >= 64rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 4.5);
+        height: calc(var(--spacing) * 4.5);
+      }
+    }
+  }
+  .lg\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 {
+    @media (width >= 64rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 5);
+        height: calc(var(--spacing) * 5);
+      }
+    }
+  }
+  .lg\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
+    @media (width >= 64rem) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 6);
+        height: calc(var(--spacing) * 6);
+      }
+    }
+  }
   .\[\&_svg\:not\(\[data-slot\=currency-flag\]\)\]\:size-3\.5 {
     & svg:not([data-slot=currency-flag]) {
       width: calc(var(--spacing) * 3.5);
@@ -12408,6 +13662,62 @@
       }
     }
   }
+  .md\:\[\&\>svg\]\:size-3 {
+    @media (width >= 48rem) {
+      &>svg {
+        width: calc(var(--spacing) * 3);
+        height: calc(var(--spacing) * 3);
+      }
+    }
+  }
+  .md\:\[\&\>svg\]\:size-3\.5 {
+    @media (width >= 48rem) {
+      &>svg {
+        width: calc(var(--spacing) * 3.5);
+        height: calc(var(--spacing) * 3.5);
+      }
+    }
+  }
+  .md\:\[\&\>svg\]\:size-4 {
+    @media (width >= 48rem) {
+      &>svg {
+        width: calc(var(--spacing) * 4);
+        height: calc(var(--spacing) * 4);
+      }
+    }
+  }
+  .lg\:\[\&\>svg\]\:size-3 {
+    @media (width >= 64rem) {
+      &>svg {
+        width: calc(var(--spacing) * 3);
+        height: calc(var(--spacing) * 3);
+      }
+    }
+  }
+  .lg\:\[\&\>svg\]\:size-3\.5 {
+    @media (width >= 64rem) {
+      &>svg {
+        width: calc(var(--spacing) * 3.5);
+        height: calc(var(--spacing) * 3.5);
+      }
+    }
+  }
+  .lg\:\[\&\>svg\]\:size-4 {
+    @media (width >= 64rem) {
+      &>svg {
+        width: calc(var(--spacing) * 4);
+        height: calc(var(--spacing) * 4);
+      }
+    }
+  }
+  .lg\:\[\&\>svg\]\:size-5 {
+    @media (width >= 64rem) {
+      &>svg {
+        width: calc(var(--spacing) * 5);
+        height: calc(var(--spacing) * 5);
+      }
+    }
+  }
   .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
     &>svg:not([class*='size-']) {
       width: calc(var(--spacing) * 3.5);
@@ -12646,6 +13956,14 @@
     scrollbar-width: none;
   }
 }
+.gdt-input-autofill, [data-slot="input"] {
+  &:-webkit-autofill,	&:-webkit-autofill:hover,	&:-webkit-autofill:focus,	&:autofill {
+    -webkit-text-fill-color: var(--color-fg-primary);
+    caret-color: var(--color-fg-primary);
+    box-shadow: 0 0 0 1000px var(--color-canvas) inset;
+    transition: background-color 9999s ease-out 0s;
+  }
+}
 .gdt-json-viewer {
   --w-rjv-color: var(--color-fg-primary);
   --w-rjv-key-number: var(--color-fg-brand);