@giddaa-housing/ui 3.0.1 → 3.1.0

package/dist/styles.css

@@ -19,8 +19,6 @@
     --color-white: #fff;
     --spacing: 0.25rem;
     --container-xs: 20rem;
-    --container-md: 28rem;
-    --container-xl: 36rem;
     --container-3xl: 48rem;
     --container-7xl: 80rem;
     --text-xs: 0.75rem;
@@ -35,6 +33,7 @@
     --font-weight-bold: 700;
     --font-weight-extrabold: 800;
     --tracking-tight: -0.025em;
+    --tracking-normal: 0em;
     --tracking-wide: 0.025em;
     --tracking-widest: 0.1em;
     --leading-snug: 1.375;
@@ -320,6 +319,10 @@
     container-type: inline-size;
     container-name: field-group;
   }
+  .\@container\/top-navbar {
+    container-type: inline-size;
+    container-name: top-navbar;
+  }
   .pointer-events-auto {
     pointer-events: auto;
   }
@@ -406,6 +409,9 @@
   .top-6 {
     top: calc(var(--spacing) * 6);
   }
+  .top-10 {
+    top: calc(var(--spacing) * 10);
+  }
   .top-\[15px\] {
     top: 15px;
   }
@@ -451,6 +457,9 @@
   .right-gdt-sm {
     right: var(--spacing-gdt-sm);
   }
+  .-bottom-6 {
+    bottom: calc(var(--spacing) * -6);
+  }
   .bottom-0 {
     bottom: 0;
   }
@@ -526,6 +535,9 @@
   .z-20 {
     z-index: 20;
   }
+  .z-40 {
+    z-index: 40;
+  }
   .z-50 {
     z-index: 50;
   }
@@ -639,6 +651,9 @@
   .mt-5 {
     margin-top: calc(var(--spacing) * 5);
   }
+  .mt-\[1\.125rem\] {
+    margin-top: 1.125rem;
+  }
   .mt-auto {
     margin-top: auto;
   }
@@ -651,6 +666,9 @@
   .mt-px {
     margin-top: 1px;
   }
+  .-mb-gdt-5xl {
+    margin-bottom: calc(var(--spacing-gdt-5xl) * -1);
+  }
   .mb-1\.5 {
     margin-bottom: calc(var(--spacing) * 1.5);
   }
@@ -660,11 +678,8 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
-  .mb-gdt-3xl {
-    margin-bottom: var(--spacing-gdt-3xl);
-  }
-  .mb-gdt-4xl {
-    margin-bottom: var(--spacing-gdt-4xl);
+  .mb-\[1\.125rem\] {
+    margin-bottom: 1.125rem;
   }
   .mb-gdt-sm {
     margin-bottom: var(--spacing-gdt-sm);
@@ -672,6 +687,9 @@
   .mb-gdt-xl {
     margin-bottom: var(--spacing-gdt-xl);
   }
+  .mb-gdt-xs {
+    margin-bottom: var(--spacing-gdt-xs);
+  }
   .-ml-1 {
     margin-left: calc(var(--spacing) * -1);
   }
@@ -687,6 +705,9 @@
   .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
+  .ml-8 {
+    margin-left: calc(var(--spacing) * 8);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -938,6 +959,9 @@
   .h-14 {
     height: calc(var(--spacing) * 14);
   }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
   .h-36 {
     height: calc(var(--spacing) * 36);
   }
@@ -1025,6 +1049,9 @@
   .min-h-10\.5 {
     min-height: calc(var(--spacing) * 10.5);
   }
+  .min-h-11 {
+    min-height: calc(var(--spacing) * 11);
+  }
   .min-h-12 {
     min-height: calc(var(--spacing) * 12);
   }
@@ -1034,6 +1061,9 @@
   .min-h-14 {
     min-height: calc(var(--spacing) * 14);
   }
+  .min-h-16 {
+    min-height: calc(var(--spacing) * 16);
+  }
   .min-h-19 {
     min-height: calc(var(--spacing) * 19);
   }
@@ -1073,9 +1103,6 @@
   .min-h-\[206px\] {
     min-height: 206px;
   }
-  .min-h-\[calc\(100svh-2rem\)\] {
-    min-height: calc(100svh - 2rem);
-  }
   .min-h-\[var\(--height\)\] {
     min-height: var(--height);
   }
@@ -1154,9 +1181,6 @@
   .w-28 {
     width: calc(var(--spacing) * 28);
   }
-  .w-30 {
-    width: calc(var(--spacing) * 30);
-  }
   .w-31 {
     width: calc(var(--spacing) * 31);
   }
@@ -1187,6 +1211,9 @@
   .w-160 {
     width: calc(var(--spacing) * 160);
   }
+  .w-\[8\.875rem\] {
+    width: 8.875rem;
+  }
   .w-\[17\.25rem\] {
     width: 17.25rem;
   }
@@ -1205,6 +1232,12 @@
   .w-\[800px\] {
     width: 800px;
   }
+  .w-\[min\(42rem\,calc\(100vw-2\.5rem\)\)\] {
+    width: min(42rem, calc(100vw - 2.5rem));
+  }
+  .w-\[min\(100vw\,24\.375rem\)\] {
+    width: min(100vw, 24.375rem);
+  }
   .w-\[min\(335px\,calc\(100vw-32px\)\)\] {
     width: min(335px, calc(100vw - 32px));
   }
@@ -1250,11 +1283,11 @@
   .max-w-100 {
     max-width: calc(var(--spacing) * 100);
   }
-  .max-w-145 {
-    max-width: calc(var(--spacing) * 145);
+  .max-w-140 {
+    max-width: calc(var(--spacing) * 140);
   }
-  .max-w-\[26\.5rem\] {
-    max-width: 26.5rem;
+  .max-w-\[28\.75rem\] {
+    max-width: 28.75rem;
   }
   .max-w-\[31rem\] {
     max-width: 31rem;
@@ -1277,18 +1310,12 @@
   .max-w-full {
     max-width: 100%;
   }
-  .max-w-md {
-    max-width: var(--container-md);
-  }
   .max-w-none {
     max-width: none;
   }
   .max-w-screen {
     max-width: 100vw;
   }
-  .max-w-xl {
-    max-width: var(--container-xl);
-  }
   .max-w-xs {
     max-width: var(--container-xs);
   }
@@ -1573,12 +1600,21 @@
   .grid-cols-\[0_minmax\(0\,1fr\)_auto\] {
     grid-template-columns: 0 minmax(0,1fr) auto;
   }
+  .grid-cols-\[1\.25rem_minmax\(0\,1fr\)\] {
+    grid-template-columns: 1.25rem minmax(0,1fr);
+  }
   .grid-cols-\[1rem_minmax\(0\,1fr\)_auto\] {
     grid-template-columns: 1rem minmax(0,1fr) auto;
   }
   .grid-cols-\[16px_minmax\(0\,1fr\)_24px\] {
     grid-template-columns: 16px minmax(0,1fr) 24px;
   }
+  .grid-cols-\[auto_1fr_auto\] {
+    grid-template-columns: auto 1fr auto;
+  }
+  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
+    grid-template-columns: minmax(0,1fr) auto;
+  }
   .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,max-content\)\] {
     grid-template-columns: minmax(0,1fr) minmax(0,max-content);
   }
@@ -1751,9 +1787,6 @@
   .gap-x-6 {
     column-gap: calc(var(--spacing) * 6);
   }
-  .gap-x-gdt-4xl {
-    column-gap: var(--spacing-gdt-4xl);
-  }
   .-space-x-3 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1782,9 +1815,6 @@
   .gap-y-6 {
     row-gap: calc(var(--spacing) * 6);
   }
-  .gap-y-gdt-xl {
-    row-gap: var(--spacing-gdt-xl);
-  }
   .divide-y {
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;
@@ -1925,6 +1955,10 @@
     border-top-left-radius: var(--radius-2xl);
     border-top-right-radius: var(--radius-2xl);
   }
+  .rounded-t-3xl {
+    border-top-left-radius: var(--radius-3xl);
+    border-top-right-radius: var(--radius-3xl);
+  }
   .rounded-t-4xl {
     border-top-left-radius: var(--radius-4xl);
     border-top-right-radius: var(--radius-4xl);
@@ -1987,10 +2021,18 @@
     border-style: var(--tw-border-style);
     border-width: 2.5px;
   }
+  .border-y-0 {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 0px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .border-r-0 {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 0px;
+  }
   .border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -2244,6 +2286,9 @@
   .bg-\[image\:var\(--gradient-overlay-photo-bottom\)\] {
     background-image: var(--gradient-overlay-photo-bottom);
   }
+  .bg-\[linear-gradient\(180deg\,var\(--color-surface-brand\)_0\%\,var\(--color-moss-600\)_100\%\)\] {
+    background-image: linear-gradient(180deg,var(--color-surface-brand) 0%,var(--color-moss-600) 100%);
+  }
   .\[background-size\:24px_24px\] {
     background-size: 24px 24px;
   }
@@ -2391,14 +2436,14 @@
   .px-18 {
     padding-inline: calc(var(--spacing) * 18);
   }
+  .px-\[0\.875rem\] {
+    padding-inline: 0.875rem;
+  }
   .px-\[9px\] {
     padding-inline: 9px;
   }
-  .px-gdt-5xl {
-    padding-inline: var(--spacing-gdt-5xl);
-  }
-  .px-gdt-lg {
-    padding-inline: var(--spacing-gdt-lg);
+  .px-gdt-3xl {
+    padding-inline: var(--spacing-gdt-3xl);
   }
   .px-gdt-md {
     padding-inline: var(--spacing-gdt-md);
@@ -2463,24 +2508,24 @@
   .py-10 {
     padding-block: calc(var(--spacing) * 10);
   }
-  .py-gdt-2xl {
-    padding-block: var(--spacing-gdt-2xl);
+  .py-\[13px\] {
+    padding-block: 13px;
   }
-  .py-gdt-4xl {
-    padding-block: var(--spacing-gdt-4xl);
+  .py-gdt-3xl {
+    padding-block: var(--spacing-gdt-3xl);
   }
   .py-gdt-5xl {
     padding-block: var(--spacing-gdt-5xl);
   }
-  .py-gdt-lg {
-    padding-block: var(--spacing-gdt-lg);
-  }
   .py-gdt-md {
     padding-block: var(--spacing-gdt-md);
   }
   .py-gdt-sm {
     padding-block: var(--spacing-gdt-sm);
   }
+  .py-gdt-xl {
+    padding-block: var(--spacing-gdt-xl);
+  }
   .pt-\(--sheet-padding-top\) {
     padding-top: var(--sheet-padding-top);
   }
@@ -2493,6 +2538,9 @@
   .pt-1 {
     padding-top: var(--spacing);
   }
+  .pt-1\.5 {
+    padding-top: calc(var(--spacing) * 1.5);
+  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -2514,9 +2562,6 @@
   .pt-gdt-5xl {
     padding-top: var(--spacing-gdt-5xl);
   }
-  .pt-gdt-xl {
-    padding-top: var(--spacing-gdt-xl);
-  }
   .pr-1 {
     padding-right: var(--spacing);
   }
@@ -2562,6 +2607,9 @@
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
+  .pb-5 {
+    padding-bottom: calc(var(--spacing) * 5);
+  }
   .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
@@ -2616,12 +2664,6 @@
     letter-spacing: var(--tw-tracking, var(--text-gdt-h1--letter-spacing));
     font-weight: var(--tw-font-weight, var(--text-gdt-h1--font-weight));
   }
-  .text-gdt-h2 {
-    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));
-  }
   .text-gdt-capitalized {
     font-size: var(--text-gdt-capitalized);
     line-height: var(--tw-leading, var(--text-gdt-capitalized--line-height));
@@ -2711,6 +2753,10 @@
     --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);
+  }
   .leading-\[1\.5rem\] {
     --tw-leading: 1.5rem;
     line-height: 1.5rem;
@@ -2894,6 +2940,9 @@
   .underline-offset-2 {
     text-underline-offset: 2px;
   }
+  .underline-offset-4 {
+    text-underline-offset: 4px;
+  }
   .caret-fg-primary {
     caret-color: var(--color-fg-primary);
   }
@@ -2915,6 +2964,9 @@
   .opacity-80 {
     opacity: 80%;
   }
+  .opacity-85 {
+    opacity: 85%;
+  }
   .opacity-90 {
     opacity: 90%;
   }
@@ -2926,6 +2978,10 @@
     --tw-shadow: var(--elevation-e2-shadow);
     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-e3-shadow\) {
+    --tw-shadow: var(--elevation-e3-shadow);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\(--shadow-3\) {
     --tw-shadow: var(--shadow-3);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3132,11 +3188,21 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,color\,border-color\,box-shadow\] {
+    transition-property: background-color,color,border-color,box-shadow;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[background-color\,color\,box-shadow\,transform\] {
     transition-property: background-color,color,box-shadow,transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,color\,box-shadow\,translate\] {
+    transition-property: background-color,color,box-shadow,translate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[background-color\,color\,box-shadow\] {
     transition-property: background-color,color,box-shadow;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3147,6 +3213,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,color\,translate\] {
+    transition-property: background-color,color,translate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[background-color\,color\] {
     transition-property: background-color,color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3157,6 +3228,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,translate\] {
+    transition-property: background-color,translate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[background-color\] {
     transition-property: background-color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3187,6 +3263,16 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[color\,background-color\,translate\] {
+    transition-property: color,background-color,translate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[color\,translate\] {
+    transition-property: color,translate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[height\] {
     transition-property: height;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3477,9 +3563,15 @@
   .\[--scale\:calc\(max\(0\,1-\(var\(--toast-placement-index\)\*0\.04\)\)\)\] {
     --scale: calc(max(0, 1 - (var(--toast-placement-index) * 0.04)));
   }
+  .\[--sheet-padding-top\:0\.8125rem\] {
+    --sheet-padding-top: 0.8125rem;
+  }
   .\[--sheet-padding-top\:1rem\] {
     --sheet-padding-top: 1rem;
   }
+  .\[--sheet-padding-x\:1\.25rem\] {
+    --sheet-padding-x: 1.25rem;
+  }
   .\[--sheet-padding-x\:1rem\] {
     --sheet-padding-x: 1rem;
   }
@@ -3709,6 +3801,29 @@
       }
     }
   }
+  .group-hover\/top-navbar-card\:translate-x-0\.5 {
+    &:is(:where(.group\/top-navbar-card):hover *) {
+      @media (hover: hover) {
+        --tw-translate-x: calc(var(--spacing) * 0.5);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .group-hover\/top-navbar-card\:-translate-y-0\.5 {
+    &:is(:where(.group\/top-navbar-card):hover *) {
+      @media (hover: hover) {
+        --tw-translate-y: calc(var(--spacing) * -0.5);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .group-hover\/top-navbar-card\:text-fg-brand {
+    &:is(:where(.group\/top-navbar-card):hover *) {
+      @media (hover: hover) {
+        color: var(--color-fg-brand);
+      }
+    }
+  }
   .group-hover\/volume\:pointer-events-auto {
     &:is(:where(.group\/volume):hover *) {
       @media (hover: hover) {
@@ -4213,6 +4328,11 @@
       border-color: var(--color-line-subtle);
     }
   }
+  .group-data-\[panel-open\]\/collapsible-trigger\:rotate-180 {
+    &:is(:where(.group\/collapsible-trigger)[data-panel-open] *) {
+      rotate: 180deg;
+    }
+  }
   .group-data-\[selected\=true\]\/list-item\:text-fg-brand {
     &:is(:where(.group\/list-item)[data-selected="true"] *) {
       color: var(--color-fg-brand);
@@ -5832,12 +5952,6 @@
       position: absolute;
     }
   }
-  .before\:inset-0 {
-    &::before {
-      content: var(--tw-content);
-      inset: 0;
-    }
-  }
   .before\:bottom-0 {
     &::before {
       content: var(--tw-content);
@@ -5887,12 +6001,6 @@
       background-color: var(--color-surface-overlay);
     }
   }
-  .before\:bg-\[radial-gradient\(circle_at_20\%_20\%\,rgb\(255_255_255_\/_0\.12\)\,transparent_24rem\)\,radial-gradient\(circle_at_80\%_70\%\,rgb\(0_0_0_\/_0\.14\)\,transparent_28rem\)\] {
-    &::before {
-      content: var(--tw-content);
-      background-image: radial-gradient(circle at 20% 20%,rgb(255 255 255 / 0.12),transparent 24rem),radial-gradient(circle at 80% 70%,rgb(0 0 0 / 0.14),transparent 28rem);
-    }
-  }
   .before\:content-\[\'\'\] {
     &::before {
       --tw-content: '';
@@ -6045,6 +6153,11 @@
       }
     }
   }
+  .first\:rounded-tl-2xl {
+    &:first-child {
+      border-top-left-radius: var(--radius-2xl);
+    }
+  }
   .first\:border-t-0 {
     &:first-child {
       border-top-style: var(--tw-border-style);
@@ -6066,6 +6179,11 @@
       flex: none;
     }
   }
+  .last\:rounded-tr-2xl {
+    &:last-child {
+      border-top-right-radius: var(--radius-2xl);
+    }
+  }
   .last\:border-b-0 {
     &:last-child {
       border-bottom-style: var(--tw-border-style);
@@ -6087,6 +6205,26 @@
       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);
@@ -6441,6 +6579,11 @@
       }
     }
   }
+  .focus-visible\:rounded-md {
+    &:focus-visible {
+      border-radius: var(--radius-md);
+    }
+  }
   .focus-visible\:border-line-focus {
     &:focus-visible {
       border-color: var(--color-line-focus);
@@ -6589,6 +6732,12 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .active\:translate-y-px {
+    &:active {
+      --tw-translate-y: 1px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .active\:scale-95 {
     &:active {
       --tw-scale-x: 95%;
@@ -7480,6 +7629,12 @@
       height: 0;
     }
   }
+  .data-ending-style\:translate-y-1\.5 {
+    &[data-ending-style] {
+      --tw-translate-y: calc(var(--spacing) * 1.5);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .data-ending-style\:scale-95 {
     &[data-ending-style] {
       --tw-scale-x: 95%;
@@ -7488,6 +7643,11 @@
       scale: var(--tw-scale-x) var(--tw-scale-y);
     }
   }
+  .data-ending-style\:scale-\[0\.98\] {
+    &[data-ending-style] {
+      scale: 0.98;
+    }
+  }
   .data-ending-style\:opacity-0 {
     &[data-ending-style] {
       opacity: 0%;
@@ -7830,6 +7990,12 @@
       height: 0;
     }
   }
+  .data-starting-style\:translate-y-1\.5 {
+    &[data-starting-style] {
+      --tw-translate-y: calc(var(--spacing) * 1.5);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .data-starting-style\:scale-95 {
     &[data-starting-style] {
       --tw-scale-x: 95%;
@@ -7838,6 +8004,11 @@
       scale: var(--tw-scale-x) var(--tw-scale-y);
     }
   }
+  .data-starting-style\:scale-\[0\.98\] {
+    &[data-starting-style] {
+      scale: 0.98;
+    }
+  }
   .data-starting-style\:opacity-0 {
     &[data-starting-style] {
       opacity: 0%;
@@ -9337,6 +9508,13 @@
       animation: none;
     }
   }
+  .motion-reduce\:transition-colors {
+    @media (prefers-reduced-motion: reduce) {
+      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
   .motion-reduce\:transition-none {
     @media (prefers-reduced-motion: reduce) {
       transition-property: none;
@@ -9347,6 +9525,14 @@
       transition: opacity var(--duration-motion-surface) var(--ease-gdt-out);
     }
   }
+  .motion-reduce\:active\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:active {
+        --tw-translate-y: 0;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .motion-reduce\:active\:scale-100 {
     @media (prefers-reduced-motion: reduce) {
       &:active {
@@ -9367,6 +9553,14 @@
       }
     }
   }
+  .motion-reduce\:data-ending-style\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-ending-style] {
+        --tw-translate-y: 0;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .motion-reduce\:data-ending-style\:scale-100 {
     @media (prefers-reduced-motion: reduce) {
       &[data-ending-style] {
@@ -9396,6 +9590,14 @@
       }
     }
   }
+  .motion-reduce\:data-starting-style\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-starting-style] {
+        --tw-translate-y: 0;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .motion-reduce\:data-starting-style\:scale-100 {
     @media (prefers-reduced-motion: reduce) {
       &[data-starting-style] {
@@ -9811,9 +10013,9 @@
       width: calc(var(--spacing) * 120);
     }
   }
-  .sm\:grid-cols-2 {
+  .sm\:max-w-\[26\.5rem\] {
     @media (width >= 40rem) {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
+      max-width: 26.5rem;
     }
   }
   .sm\:flex-row {
@@ -10095,6 +10297,11 @@
       height: 380px;
     }
   }
+  .md\:w-auto {
+    @media (width >= 48rem) {
+      width: auto;
+    }
+  }
   .md\:max-w-\[360px\] {
     @media (width >= 48rem) {
       max-width: 360px;
@@ -10115,14 +10322,9 @@
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
-  .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
+  .md\:grid-cols-4 {
     @media (width >= 48rem) {
-      grid-template-columns: minmax(0,1fr) auto;
-    }
-  }
-  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,25rem\)\] {
-    @media (width >= 48rem) {
-      grid-template-columns: minmax(0,1fr) minmax(18rem,25rem);
+      grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
   .md\:flex-row {
@@ -10160,11 +10362,6 @@
       gap: calc(var(--spacing) * 3);
     }
   }
-  .md\:gap-4 {
-    @media (width >= 48rem) {
-      gap: calc(var(--spacing) * 4);
-    }
-  }
   .md\:gap-5 {
     @media (width >= 48rem) {
       gap: calc(var(--spacing) * 5);
@@ -10180,6 +10377,11 @@
       gap: calc(var(--spacing) * 10);
     }
   }
+  .md\:gap-32 {
+    @media (width >= 48rem) {
+      gap: calc(var(--spacing) * 32);
+    }
+  }
   .md\:gap-gdt-2xl {
     @media (width >= 48rem) {
       gap: var(--spacing-gdt-2xl);
@@ -10190,6 +10392,11 @@
       gap: var(--spacing-gdt-md);
     }
   }
+  .md\:gap-gdt-xl {
+    @media (width >= 48rem) {
+      gap: var(--spacing-gdt-xl);
+    }
+  }
   .md\:rounded-\[40px\] {
     @media (width >= 48rem) {
       border-radius: 40px;
@@ -10220,9 +10427,14 @@
       padding-inline: var(--spacing-gdt-4xl);
     }
   }
-  .md\:px-gdt-5xl {
+  .md\:px-gdt-6xl {
+    @media (width >= 48rem) {
+      padding-inline: var(--spacing-gdt-6xl);
+    }
+  }
+  .md\:py-gdt-5xl {
     @media (width >= 48rem) {
-      padding-inline: var(--spacing-gdt-5xl);
+      padding-block: var(--spacing-gdt-5xl);
     }
   }
   .md\:pt-gdt-4xl {
@@ -10230,6 +10442,11 @@
       padding-top: var(--spacing-gdt-4xl);
     }
   }
+  .md\:pb-7 {
+    @media (width >= 48rem) {
+      padding-bottom: calc(var(--spacing) * 7);
+    }
+  }
   .md\:text-gdt-h3 {
     @media (width >= 48rem) {
       font-size: var(--text-gdt-h3);
@@ -10237,13 +10454,6 @@
       font-weight: var(--tw-font-weight, var(--text-gdt-h3--font-weight));
     }
   }
-  .md\:text-gdt-h4 {
-    @media (width >= 48rem) {
-      font-size: var(--text-gdt-h4);
-      line-height: var(--tw-leading, var(--text-gdt-h4--line-height));
-      font-weight: var(--tw-font-weight, var(--text-gdt-h4--font-weight));
-    }
-  }
   .md\:text-gdt-lg {
     @media (width >= 48rem) {
       font-size: var(--text-gdt-lg);
@@ -10256,6 +10466,27 @@
       line-height: var(--tw-leading, var(--text-gdt-md--line-height));
     }
   }
+  .md\:leading-\[3\.25rem\] {
+    @media (width >= 48rem) {
+      --tw-leading: 3.25rem;
+      line-height: 3.25rem;
+    }
+  }
+  .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;
@@ -10276,19 +10507,14 @@
       height: 480px;
     }
   }
-  .lg\:min-h-svh {
-    @media (width >= 64rem) {
-      min-height: 100svh;
-    }
-  }
-  .lg\:max-w-\[32rem\] {
+  .lg\:max-w-\[35rem\] {
     @media (width >= 64rem) {
-      max-width: 32rem;
+      max-width: 35rem;
     }
   }
-  .lg\:grid-cols-6 {
+  .lg\:grid-cols-\[minmax\(0\,1fr\)_28\.75rem\] {
     @media (width >= 64rem) {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
+      grid-template-columns: minmax(0,1fr) 28.75rem;
     }
   }
   .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(30rem\,1fr\)\] {
@@ -10301,36 +10527,40 @@
       flex-direction: column;
     }
   }
-  .lg\:rounded-l-\[5rem\] {
+  .lg\:gap-\[1\.125rem\] {
     @media (width >= 64rem) {
-      border-top-left-radius: 5rem;
-      border-bottom-left-radius: 5rem;
+      gap: 1.125rem;
     }
   }
-  .lg\:border-0 {
+  .lg\:gap-gdt-5xl {
     @media (width >= 64rem) {
-      border-style: var(--tw-border-style);
-      border-width: 0px;
+      gap: var(--spacing-gdt-5xl);
     }
   }
-  .lg\:bg-surface-brand {
+  .lg\:rounded-l-\[5rem\] {
     @media (width >= 64rem) {
-      background-color: var(--color-surface-brand);
+      border-top-left-radius: 5rem;
+      border-bottom-left-radius: 5rem;
     }
   }
-  .lg\:p-0 {
+  .lg\:bg-\[linear-gradient\(180deg\,var\(--color-surface-brand\)_0\%\,var\(--color-moss-600\)_100\%\)\] {
     @media (width >= 64rem) {
-      padding: 0;
+      background-image: linear-gradient(180deg,var(--color-surface-brand) 0%,var(--color-moss-600) 100%);
     }
   }
-  .lg\:px-0 {
+  .lg\:px-gdt-2xl {
     @media (width >= 64rem) {
-      padding-inline: 0;
+      padding-inline: var(--spacing-gdt-2xl);
     }
   }
-  .lg\:py-gdt-5xl {
+  .lg\:pt-gdt-4xl {
     @media (width >= 64rem) {
-      padding-block: var(--spacing-gdt-5xl);
+      padding-top: var(--spacing-gdt-4xl);
+    }
+  }
+  .lg\:pb-gdt-3xl {
+    @media (width >= 64rem) {
+      padding-bottom: var(--spacing-gdt-3xl);
     }
   }
   .lg\:text-gdt-h2 {
@@ -10341,6 +10571,23 @@
       font-weight: var(--tw-font-weight, var(--text-gdt-h2--font-weight));
     }
   }
+  .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%;
@@ -10407,16 +10654,61 @@
       }
     }
   }
+  .xl\:-mb-\[9rem\] {
+    @media (width >= 80rem) {
+      margin-bottom: calc(9rem * -1);
+    }
+  }
+  .xl\:h-\[23\.25rem\] {
+    @media (width >= 80rem) {
+      height: 23.25rem;
+    }
+  }
+  .xl\:w-auto {
+    @media (width >= 80rem) {
+      width: auto;
+    }
+  }
   .xl\:grid-cols-3 {
     @media (width >= 80rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
+  .xl\:grid-cols-7 {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
+  .xl\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
+    @media (width >= 80rem) {
+      grid-template-columns: minmax(0,1fr) auto;
+    }
+  }
+  .xl\:flex-row {
+    @media (width >= 80rem) {
+      flex-direction: row;
+    }
+  }
+  .xl\:items-center {
+    @media (width >= 80rem) {
+      align-items: center;
+    }
+  }
+  .xl\:gap-3 {
+    @media (width >= 80rem) {
+      gap: calc(var(--spacing) * 3);
+    }
+  }
   .xl\:p-8 {
     @media (width >= 80rem) {
       padding: calc(var(--spacing) * 8);
     }
   }
+  .xl\:px-0 {
+    @media (width >= 80rem) {
+      padding-inline: 0;
+    }
+  }
   .xl\:px-16 {
     @media (width >= 80rem) {
       padding-inline: calc(var(--spacing) * 16);
@@ -10427,6 +10719,14 @@
       padding-block: calc(var(--spacing) * 16);
     }
   }
+  .xl\:text-gdt-display {
+    @media (width >= 80rem) {
+      font-size: var(--text-gdt-display);
+      line-height: var(--tw-leading, var(--text-gdt-display--line-height));
+      letter-spacing: var(--tw-tracking, var(--text-gdt-display--letter-spacing));
+      font-weight: var(--tw-font-weight, var(--text-gdt-display--font-weight));
+    }
+  }
   .xl\:\[--sheet-padding-x\:2\.5rem\] {
     @media (width >= 80rem) {
       --sheet-padding-x: 2.5rem;
@@ -10437,6 +10737,20 @@
       --sheet-padding-x: 5rem;
     }
   }
+  .xl\:odd\:h-\[17rem\] {
+    @media (width >= 80rem) {
+      &:nth-child(odd) {
+        height: 17rem;
+      }
+    }
+  }
+  .xl\:even\:h-\[23\.25rem\] {
+    @media (width >= 80rem) {
+      &:nth-child(even) {
+        height: 23.25rem;
+      }
+    }
+  }
   .\@md\/field-group\:flex-row {
     @container field-group (width >= 28rem) {
       flex-direction: row;
@@ -10470,6 +10784,46 @@
       }
     }
   }
+  .\@5xl\/top-navbar\:block {
+    @container top-navbar (width >= 64rem) {
+      display: block;
+    }
+  }
+  .\@5xl\/top-navbar\:flex {
+    @container top-navbar (width >= 64rem) {
+      display: flex;
+    }
+  }
+  .\@5xl\/top-navbar\:hidden {
+    @container top-navbar (width >= 64rem) {
+      display: none;
+    }
+  }
+  .\@5xl\/top-navbar\:h-\[81px\] {
+    @container top-navbar (width >= 64rem) {
+      height: 81px;
+    }
+  }
+  .\@5xl\/top-navbar\:px-10 {
+    @container top-navbar (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 10);
+    }
+  }
+  .\@7xl\/top-navbar\:gap-4 {
+    @container top-navbar (width >= 80rem) {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
+  .\@7xl\/top-navbar\:gap-10 {
+    @container top-navbar (width >= 80rem) {
+      gap: calc(var(--spacing) * 10);
+    }
+  }
+  .\@7xl\/top-navbar\:px-20 {
+    @container top-navbar (width >= 80rem) {
+      padding-inline: calc(var(--spacing) * 20);
+    }
+  }
   .ltr\:-translate-x-1\/2 {
     &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
       --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
@@ -10483,17 +10837,17 @@
     }
   }
   .dark\:bg-surface {
-    &:where(.dark, .dark *) {
+    &:where(.dark, .dark *):not(:where(.light, .light *)) {
       background-color: var(--color-surface);
     }
   }
   .dark\:bg-transparent {
-    &:where(.dark, .dark *) {
+    &:where(.dark, .dark *):not(:where(.light, .light *)) {
       background-color: transparent;
     }
   }
   .dark\:disabled\:bg-transparent {
-    &:where(.dark, .dark *) {
+    &:where(.dark, .dark *):not(:where(.light, .light *)) {
       &:disabled {
         background-color: transparent;
       }
@@ -11283,6 +11637,18 @@
       }
     }
   }
+  .\[\&\>\*\]\:w-full {
+    &>* {
+      width: 100%;
+    }
+  }
+  .xl\:\[\&\>\*\]\:w-auto {
+    @media (width >= 80rem) {
+      &>* {
+        width: auto;
+      }
+    }
+  }
   .\[\&\>\.sr-only\]\:w-auto {
     &>.sr-only {
       width: auto;
@@ -11298,6 +11664,18 @@
       margin-top: calc(var(--spacing) * 1.5);
     }
   }
+  .\[\&\>\[data-slot\=footer-legal-links\]\]\:order-first {
+    &>[data-slot=footer-legal-links] {
+      order: -9999;
+    }
+  }
+  .md\:\[\&\>\[data-slot\=footer-legal-links\]\]\:order-none {
+    @media (width >= 48rem) {
+      &>[data-slot=footer-legal-links] {
+        order: 0;
+      }
+    }
+  }
   .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>\[data-slot\=input-group-control\]\]\:group-data-\[size\=lg\]\/input-group\:pr-3 {
     &:has(>[data-align=inline-end]) {
       &>[data-slot=input-group-control] {
@@ -11657,11 +12035,21 @@
       height: 1em;
     }
   }
+  .\[\&\>svg\]\:h-\[38px\] {
+    &>svg {
+      height: 38px;
+    }
+  }
   .\[\&\>svg\]\:h-full {
     &>svg {
       height: 100%;
     }
   }
+  .\[\&\>svg\]\:w-\[90px\] {
+    &>svg {
+      width: 90px;
+    }
+  }
   .\[\&\>svg\]\:w-full {
     &>svg {
       width: 100%;
@@ -11747,6 +12135,12 @@
       height: calc(var(--spacing) * 4);
     }
   }
+  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
+    &>svg:not([class*='size-']) {
+      width: calc(var(--spacing) * 4.5);
+      height: calc(var(--spacing) * 4.5);
+    }
+  }
   .group-data-\[size\=lg\]\/input-group\:\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
     &:is(:where(.group\/input-group)[data-size="lg"] *) {
       &>svg:not([class*='size-']) {