@giddaa-housing/ui 3.0.1 → 3.2.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;
@@ -144,7 +143,8 @@
     --color-action-danger: #ef4444;
     --color-action-danger-hover: #dc2626;
     --color-action-danger-pressed: #b91c1c;
-    --color-whatsapp-button: #00d158;
+    --color-whatsapp-green: #00d158;
+    --color-whatsapp-button: var(--color-whatsapp-green);
     --color-status-success: #16a34a;
     --color-status-warning: #d97706;
     --color-status-danger: #ef4444;
@@ -320,6 +320,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 +410,9 @@
   .top-6 {
     top: calc(var(--spacing) * 6);
   }
+  .top-10 {
+    top: calc(var(--spacing) * 10);
+  }
   .top-\[15px\] {
     top: 15px;
   }
@@ -451,6 +458,9 @@
   .right-gdt-sm {
     right: var(--spacing-gdt-sm);
   }
+  .-bottom-6 {
+    bottom: calc(var(--spacing) * -6);
+  }
   .bottom-0 {
     bottom: 0;
   }
@@ -526,6 +536,9 @@
   .z-20 {
     z-index: 20;
   }
+  .z-40 {
+    z-index: 40;
+  }
   .z-50 {
     z-index: 50;
   }
@@ -639,6 +652,9 @@
   .mt-5 {
     margin-top: calc(var(--spacing) * 5);
   }
+  .mt-\[1\.125rem\] {
+    margin-top: 1.125rem;
+  }
   .mt-auto {
     margin-top: auto;
   }
@@ -651,6 +667,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 +679,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 +688,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 +706,9 @@
   .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
+  .ml-8 {
+    margin-left: calc(var(--spacing) * 8);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -858,6 +880,10 @@
     width: calc(var(--spacing) * 24);
     height: calc(var(--spacing) * 24);
   }
+  .size-\[14px\] {
+    width: 14px;
+    height: 14px;
+  }
   .size-\[34px\] {
     width: 34px;
     height: 34px;
@@ -938,6 +964,9 @@
   .h-14 {
     height: calc(var(--spacing) * 14);
   }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
   .h-36 {
     height: calc(var(--spacing) * 36);
   }
@@ -971,6 +1000,9 @@
   .h-dvh {
     height: 100dvh;
   }
+  .h-fit {
+    height: fit-content;
+  }
   .h-full {
     height: 100%;
   }
@@ -995,12 +1027,18 @@
   .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-full {
     max-height: 100%;
   }
+  .max-h-none {
+    max-height: none;
+  }
   .min-h-0 {
     min-height: 0;
   }
@@ -1025,6 +1063,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 +1075,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 +1117,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 +1195,6 @@
   .w-28 {
     width: calc(var(--spacing) * 28);
   }
-  .w-30 {
-    width: calc(var(--spacing) * 30);
-  }
   .w-31 {
     width: calc(var(--spacing) * 31);
   }
@@ -1187,6 +1225,9 @@
   .w-160 {
     width: calc(var(--spacing) * 160);
   }
+  .w-\[8\.875rem\] {
+    width: 8.875rem;
+  }
   .w-\[17\.25rem\] {
     width: 17.25rem;
   }
@@ -1205,6 +1246,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 +1297,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;
@@ -1268,6 +1315,15 @@
   .max-w-\[520px\] {
     max-width: 520px;
   }
+  .max-w-\[584px\] {
+    max-width: 584px;
+  }
+  .max-w-\[752px\] {
+    max-width: 752px;
+  }
+  .max-w-\[920px\] {
+    max-width: 920px;
+  }
   .max-w-\[calc\(100vw-2\.5rem\)\] {
     max-width: calc(100vw - 2.5rem);
   }
@@ -1277,18 +1333,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);
   }
@@ -1465,6 +1515,10 @@
     --tw-translate-y: var(--active-tab-top);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-0 {
+    --tw-translate-y: 0;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-\[-2\.5rem\] {
     --tw-translate-y: -2.5rem;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1573,12 +1627,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);
   }
@@ -1715,6 +1778,13 @@
       margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
+      margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-2 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1751,9 +1821,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 +1849,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,10 +1989,18 @@
     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);
   }
+  .rounded-t-\[inherit\] {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
   .rounded-l-full {
     border-top-left-radius: calc(infinity * 1px);
     border-bottom-left-radius: calc(infinity * 1px);
@@ -1987,10 +2059,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;
@@ -2076,6 +2156,12 @@
   .border-r-transparent {
     border-right-color: transparent;
   }
+  .bg-\[\#2c3329\] {
+    background-color: #2c3329;
+  }
+  .bg-\[\#11160f\] {
+    background-color: #11160f;
+  }
   .bg-action-danger {
     background-color: var(--color-action-danger);
   }
@@ -2235,6 +2321,9 @@
   .bg-whatsapp-button {
     background-color: var(--color-whatsapp-button);
   }
+  .bg-whatsapp-green {
+    background-color: var(--color-whatsapp-green);
+  }
   .\[background-image\:radial-gradient\(circle\,color-mix\(in_srgb\,var\(--color-line\)_55\%\,transparent\)_0\.75px\,transparent_0\.75px\)\] {
     background-image: radial-gradient(circle,color-mix(in srgb,#cbd5e1 55%,transparent) 0.75px,transparent 0.75px);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2244,12 +2333,12 @@
   .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;
   }
-  .bg-cover {
-    background-size: cover;
-  }
   .bg-clip-padding {
     background-clip: padding-box;
   }
@@ -2391,14 +2480,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 +2552,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 +2582,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);
   }
@@ -2511,12 +2603,12 @@
   .pt-14 {
     padding-top: calc(var(--spacing) * 14);
   }
+  .pt-\[18px\] {
+    padding-top: 18px;
+  }
   .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 +2654,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 +2711,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 +2800,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;
@@ -2794,6 +2887,9 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .text-\[\#ecf2ea\] {
+    color: #ecf2ea;
+  }
   .text-action-primary {
     color: var(--color-action-primary);
   }
@@ -2894,6 +2990,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 +3014,9 @@
   .opacity-80 {
     opacity: 80%;
   }
+  .opacity-85 {
+    opacity: 85%;
+  }
   .opacity-90 {
     opacity: 90%;
   }
@@ -2926,16 +3028,28 @@
     --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);
   }
+  .shadow-\[0_0_4px_rgb\(0_0_0\/0\.1\)\] {
+    --tw-shadow: 0 0 4px 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-\[0_0_8px_2px_rgb\(23_48_22\/0\.06\)\] {
+    --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-\[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);
   }
-  .shadow-\[inset_0_0_0_1px_rgb\(0_0_0\/0\.04\)\] {
-    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgb(0 0 0/0.04));
+  .shadow-\[inset_0_0_0_1px_rgb\(0_0_0\/0\.08\)\] {
+    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgb(0 0 0/0.08));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-\[inset_0_0_0_1px_var\(--color-line-subtle\)\] {
@@ -3017,9 +3131,6 @@
       --tw-ring-color: color-mix(in oklab, var(--color-line-focus) 40%, transparent);
     }
   }
-  .ring-surface-brand {
-    --tw-ring-color: var(--color-surface-brand);
-  }
   .inset-ring-line-focus {
     --tw-inset-ring-color: var(--color-line-focus);
   }
@@ -3117,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\,box-shadow\,scale\] {
+    transition-property: background-color,box-shadow,scale;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[background-color\,box-shadow\,transform\] {
     transition-property: background-color,box-shadow,transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3132,11 +3248,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 +3273,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 +3288,16 @@
     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));
+    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,11 +3328,26 @@
     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));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[inset-inline-start\] {
+    transition-property: inset-inline-start;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[left\,right\,width\] {
     transition-property: left,right,width;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3290,6 +3446,10 @@
   .transition-none {
     transition-property: none;
   }
+  .duration-\(--duration-motion-popup\) {
+    --tw-duration: var(--duration-motion-popup);
+    transition-duration: var(--duration-motion-popup);
+  }
   .duration-\(--duration-motion-press\) {
     --tw-duration: var(--duration-motion-press);
     transition-duration: var(--duration-motion-press);
@@ -3423,6 +3583,9 @@
   .\[--collapsed-y\:calc\(var\(--anchor-y\)\+var\(--toast-swipe-movement-y\)-\(var\(--toast-placement-index\)\*var\(--peek\)\)-\(var\(--shrink\)\*var\(--height\)\)\)\] {
     --collapsed-y: calc(var(--anchor-y) + var(--toast-swipe-movement-y) - (var(--toast-placement-index) * var(--peek)) - (var(--shrink) * var(--height)));
   }
+  .\[--dialog-padding\:0px\] {
+    --dialog-padding: 0px;
+  }
   .\[--dialog-padding\:1\.25rem\] {
     --dialog-padding: 1.25rem;
   }
@@ -3477,9 +3640,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;
   }
@@ -3549,6 +3718,9 @@
   .\[transition\:transform_var\(--duration-motion-surface\)_var\(--ease-gdt-out\)\,opacity_var\(--duration-motion-surface\)_var\(--ease-gdt-out\)\] {
     transition: transform var(--duration-motion-surface) var(--ease-gdt-out),opacity var(--duration-motion-surface) var(--ease-gdt-out);
   }
+  .duration-\(--duration-motion-popup\) {
+    animation-duration: var(--duration-motion-popup);
+  }
   .duration-\(--duration-motion-press\) {
     animation-duration: var(--duration-motion-press);
   }
@@ -3709,6 +3881,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) {
@@ -3780,6 +3975,11 @@
       display: none;
     }
   }
+  .group-has-\[\:focus-visible\]\/seek-thumb\:\[filter\:drop-shadow\(0_0_0\.25rem_var\(--color-line-focus\)\)\] {
+    &:is(:where(.group\/seek-thumb):has(*:is(:focus-visible)) *) {
+      filter: drop-shadow(0 0 0.25rem var(--color-line-focus));
+    }
+  }
   .group-has-\[\[aria-invalid\=true\]\]\/input-group\:bg-line-danger {
     &:is(:where(.group\/input-group):has(*:is([aria-invalid=true])) *) {
       background-color: var(--color-line-danger);
@@ -4095,6 +4295,14 @@
       color: var(--color-fg-caption-placeholder);
     }
   }
+  .group-data-\[dragging\]\/seek-thumb\:scale-125 {
+    &:is(:where(.group\/seek-thumb)[data-dragging] *) {
+      --tw-scale-x: 125%;
+      --tw-scale-y: 125%;
+      --tw-scale-z: 125%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
   .group-data-\[focused\=true\]\/day\:border-line-focus {
     &:is(:where(.group\/day)[data-focused="true"] *) {
       border-color: var(--color-line-focus);
@@ -4213,6 +4421,16 @@
       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-\[popup-open\]\/theme-switcher\:rotate-180 {
+    &:is(:where(.group\/theme-switcher)[data-popup-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 +6050,6 @@
       position: absolute;
     }
   }
-  .before\:inset-0 {
-    &::before {
-      content: var(--tw-content);
-      inset: 0;
-    }
-  }
   .before\:bottom-0 {
     &::before {
       content: var(--tw-content);
@@ -5887,12 +6099,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 +6251,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 +6277,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 +6303,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 +6677,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 +6830,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%;
@@ -6602,6 +6849,11 @@
       scale: 0.97;
     }
   }
+  .active\:scale-\[0\.99\] {
+    &:active {
+      scale: 0.99;
+    }
+  }
   .active\:border-line-strong {
     &:active {
       border-color: var(--color-line-strong);
@@ -7157,6 +7409,11 @@
       height: auto;
     }
   }
+  .aria-current\:bg-surface-brand-subtle {
+    &[aria-current="true"] {
+      background-color: var(--color-surface-brand-subtle);
+    }
+  }
   .aria-disabled\:pointer-events-none {
     &[aria-disabled="true"] {
       pointer-events: none;
@@ -7480,6 +7737,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 +7751,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%;
@@ -7709,6 +7977,11 @@
       background-color: var(--color-action-tertiary-hover);
     }
   }
+  .data-popup-open\:bg-action-tertiary-pressed {
+    &[data-popup-open] {
+      background-color: var(--color-action-tertiary-pressed);
+    }
+  }
   .data-popup-open\:bg-surface {
     &[data-popup-open] {
       background-color: var(--color-surface);
@@ -7830,6 +8103,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 +8117,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%;
@@ -7967,14 +8251,6 @@
       scale: var(--tw-scale-x) var(--tw-scale-y);
     }
   }
-  .data-\[dragging\]\:scale-125 {
-    &[data-dragging] {
-      --tw-scale-x: 125%;
-      --tw-scale-y: 125%;
-      --tw-scale-z: 125%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
-  }
   .data-\[dragging\]\:transition-none {
     &[data-dragging] {
       transition-property: none;
@@ -9337,6 +9613,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 +9630,24 @@
       transition: opacity var(--duration-motion-surface) var(--ease-gdt-out);
     }
   }
+  .motion-reduce\:group-data-\[dragging\]\/seek-thumb\:scale-100 {
+    @media (prefers-reduced-motion: reduce) {
+      &:is(:where(.group\/seek-thumb)[data-dragging] *) {
+        --tw-scale-x: 100%;
+        --tw-scale-y: 100%;
+        --tw-scale-z: 100%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
+  .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 +9668,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 +9705,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 +10128,14 @@
       width: calc(var(--spacing) * 120);
     }
   }
-  .sm\:grid-cols-2 {
+  .sm\:w-full {
     @media (width >= 40rem) {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
+      width: 100%;
+    }
+  }
+  .sm\:max-w-\[26\.5rem\] {
+    @media (width >= 40rem) {
+      max-width: 26.5rem;
     }
   }
   .sm\:flex-row {
@@ -10095,6 +10417,11 @@
       height: 380px;
     }
   }
+  .md\:w-auto {
+    @media (width >= 48rem) {
+      width: auto;
+    }
+  }
   .md\:max-w-\[360px\] {
     @media (width >= 48rem) {
       max-width: 360px;
@@ -10115,14 +10442,9 @@
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
-  .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
-    @media (width >= 48rem) {
-      grid-template-columns: minmax(0,1fr) auto;
-    }
-  }
-  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,25rem\)\] {
+  .md\:grid-cols-4 {
     @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 +10482,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 +10497,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 +10512,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 +10547,14 @@
       padding-inline: var(--spacing-gdt-4xl);
     }
   }
-  .md\:px-gdt-5xl {
+  .md\:px-gdt-6xl {
     @media (width >= 48rem) {
-      padding-inline: var(--spacing-gdt-5xl);
+      padding-inline: var(--spacing-gdt-6xl);
+    }
+  }
+  .md\:py-gdt-5xl {
+    @media (width >= 48rem) {
+      padding-block: var(--spacing-gdt-5xl);
     }
   }
   .md\:pt-gdt-4xl {
@@ -10230,6 +10562,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 +10574,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 +10586,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 +10627,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 +10647,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 +10691,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 +10774,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 +10839,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 +10857,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 +10904,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 +10957,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;
       }
@@ -11081,6 +11555,12 @@
       }
     }
   }
+  .\[\&_svg\:not\(\[data-slot\=currency-flag\]\)\]\:size-3\.5 {
+    & svg:not([data-slot=currency-flag]) {
+      width: calc(var(--spacing) * 3.5);
+      height: calc(var(--spacing) * 3.5);
+    }
+  }
   .\[\&_tr\:last-child\]\:border-0 {
     & tr:last-child {
       border-style: var(--tw-border-style);
@@ -11283,6 +11763,18 @@
       }
     }
   }
+  .\[\&\>\*\]\:w-full {
+    &>* {
+      width: 100%;
+    }
+  }
+  .xl\:\[\&\>\*\]\:w-auto {
+    @media (width >= 80rem) {
+      &>* {
+        width: auto;
+      }
+    }
+  }
   .\[\&\>\.sr-only\]\:w-auto {
     &>.sr-only {
       width: auto;
@@ -11298,6 +11790,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] {
@@ -11392,6 +11896,23 @@
       margin-left: -1px;
     }
   }
+  .\[\&\>\[data-slot\=media-player\]\]\:size-full {
+    &>[data-slot=media-player] {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .\[\&\>\[data-slot\=media-player\]\]\:rounded-none {
+    &>[data-slot=media-player] {
+      border-radius: 0;
+    }
+  }
+  .\[\&\>\[data-slot\=media-player\]\]\:shadow-none {
+    &>[data-slot=media-player] {
+      --tw-shadow: 0 0 #0000;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg {
     &:has(*:is(select[aria-hidden=true]:last-child)) {
       &>[data-slot=select-trigger]:last-of-type {
@@ -11657,11 +12178,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%;
@@ -11687,6 +12218,14 @@
       color: var(--color-fg-caption-placeholder);
     }
   }
+  .group-data-\[size\=lg\]\/editorial-card\:\[\&\>svg\]\:size-5 {
+    &:is(:where(.group\/editorial-card)[data-size="lg"] *) {
+      &>svg {
+        width: calc(var(--spacing) * 5);
+        height: calc(var(--spacing) * 5);
+      }
+    }
+  }
   .group-data-\[size\=lg\]\/editorial-card\:\[\&\>svg\]\:size-8 {
     &:is(:where(.group\/editorial-card)[data-size="lg"] *) {
       &>svg {
@@ -11711,6 +12250,14 @@
       }
     }
   }
+  .group-data-\[size\=md\]\/editorial-card\:\[\&\>svg\]\:size-4\.5 {
+    &:is(:where(.group\/editorial-card)[data-size="md"] *) {
+      &>svg {
+        width: calc(var(--spacing) * 4.5);
+        height: calc(var(--spacing) * 4.5);
+      }
+    }
+  }
   .group-data-\[size\=md\]\/editorial-card\:\[\&\>svg\]\:size-7 {
     &:is(:where(.group\/editorial-card)[data-size="md"] *) {
       &>svg {
@@ -11747,6 +12294,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-']) {