@vsn-ux/gaia-styles 0.5.19 → 0.6.1

package/dist/all-no-reset-10pt.css

@@ -1,86 +1,160 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 :root, :host {
-  --ga-color-black: #000000;
+  --ga-color-black: #000;
   --ga-color-blue-10: #edf4fe;
+  --ga-color-information-accent: var(--ga-color-utility-blue-accent);
+  --ga-color-surface-information: var(--ga-color-information-accent);
+  --ga-color-utility-blue-accent: var(--ga-color-blue-10);
   --ga-color-blue-40: #93bbf9;
+  --ga-color-utility-blue: var(--ga-color-blue-40);
   --ga-color-blue-60: #366af6;
-  --ga-color-blue-70: #1f4ddb;
+  --ga-color-border-information: var(--ga-color-information);
+  --ga-color-icon-information: var(--ga-color-information);
+  --ga-color-information: var(--ga-color-blue-60);
   --ga-color-border-action: var(--ga-color-primary);
   --ga-color-border-action-hover: var(--ga-color-primary-60);
   --ga-color-border-action-hover-2: var(--ga-color-secondary-30);
   --ga-color-border-disabled: var(--ga-color-neutral);
   --ga-color-border-error: var(--ga-color-error);
   --ga-color-border-focus: var(--ga-color-primary);
-  --ga-color-border-information: var(--ga-color-information);
   --ga-color-border-primary: var(--ga-color-neutral-60);
   --ga-color-border-secondary: var(--ga-color-secondary-30);
   --ga-color-border-selected: var(--ga-color-green-60);
   --ga-color-border-success: var(--ga-color-success);
   --ga-color-border-tertiary: var(--ga-color-neutral);
   --ga-color-border-warning: var(--ga-color-warning);
+  --ga-color-categorical-graph-01: #6769d8;
+  --ga-color-categorical-graph-02: #479fc6;
+  --ga-color-categorical-graph-03: var(--ga-color-teal-70);
+  --ga-color-categorical-graph-04: #c0497d;
+  --ga-color-categorical-graph-05: #041255;
+  --ga-color-categorical-graph-06: #dc756b;
+  --ga-color-categorical-graph-07: var(--ga-color-rose-40);
+  --ga-color-categorical-graph-08: #984319;
+  --ga-color-categorical-graph-09: var(--ga-color-indigo-40);
+  --ga-color-categorical-graph-10: #610f08;
   --ga-color-cyan-60: #377ea0;
+  --ga-color-icon-action-hover: var(--ga-color-primary-60);
+  --ga-color-primary-60: var(--ga-color-cyan-60);
+  --ga-color-surface-progress-2: var(--ga-color-primary-60);
   --ga-color-cyan-70: #2a6480;
+  --ga-color-primary-70: var(--ga-color-cyan-70);
+  --ga-color-surface-progress: var(--ga-color-primary-70);
+  --ga-color-text-body-secondary: var(--ga-color-primary-70);
   --ga-color-cyan-80: #1f4e66;
+  --ga-color-icon-action: var(--ga-color-primary);
+  --ga-color-primary: var(--ga-color-cyan-80);
+  --ga-color-surface-action: var(--ga-color-primary);
+  --ga-color-text-action: var(--ga-color-primary);
   --ga-color-cyan-90: #133445;
+  --ga-color-icon-primary: var(--ga-color-primary-90);
+  --ga-color-primary-90: var(--ga-color-cyan-90);
+  --ga-color-surface-action-hover: var(--ga-color-primary-90);
+  --ga-color-text-action-hover: var(--ga-color-primary-90);
+  --ga-color-text-body: var(--ga-color-primary-90);
+  --ga-color-text-error: var(--ga-color-primary-90);
+  --ga-color-text-headings: var(--ga-color-primary-90);
+  --ga-color-text-information: var(--ga-color-primary-90);
+  --ga-color-text-success: var(--ga-color-primary-90);
+  --ga-color-text-warning: var(--ga-color-primary-90);
+  --ga-color-diverging-graph-01: #281986;
+  --ga-color-diverging-graph-02: #3d37a3;
+  --ga-color-diverging-graph-03: #504fba;
+  --ga-color-diverging-graph-04: #6769d8;
+  --ga-color-diverging-graph-05: #8489f5;
+  --ga-color-diverging-graph-06: var(--ga-color-indigo-40);
+  --ga-color-diverging-graph-07: #c5cbfb;
+  --ga-color-diverging-graph-08: var(--ga-color-indigo-10);
+  --ga-color-diverging-graph-09: var(--ga-color-teal-30);
+  --ga-color-diverging-graph-10: var(--ga-color-teal-40);
+  --ga-color-diverging-graph-11: var(--ga-color-teal-50);
+  --ga-color-diverging-graph-12: var(--ga-color-teal-60);
+  --ga-color-diverging-graph-13: var(--ga-color-teal-70);
+  --ga-color-diverging-graph-14: var(--ga-color-teal-80);
+  --ga-color-diverging-graph-15: var(--ga-color-teal-90);
   --ga-color-error: var(--ga-color-red-60);
-  --ga-color-error-light: var(--ga-color-utility-red-light);
+  --ga-color-icon-error: var(--ga-color-error);
+  --ga-color-error-accent: var(--ga-color-utility-red-accent);
   --ga-color-green-10: #eef5ee;
+  --ga-color-success-accent: var(--ga-color-utility-green-accent);
+  --ga-color-surface-selected: var(--ga-color-green-10);
+  --ga-color-surface-success: var(--ga-color-success-accent);
+  --ga-color-utility-green-accent: var(--ga-color-green-10);
   --ga-color-green-40: #9bc59b;
+  --ga-color-utility-green: var(--ga-color-green-40);
   --ga-color-green-60: #448548;
-  --ga-color-green-70: #2e6b31;
+  --ga-color-icon-success: var(--ga-color-success);
+  --ga-color-success: var(--ga-color-green-60);
   --ga-color-grey-10: #f2f2f2;
+  --ga-color-utility-grey-accent: var(--ga-color-grey-10);
   --ga-color-grey-40: #b9b9b9;
-  --ga-color-icon-action: var(--ga-color-primary);
-  --ga-color-icon-action-hover: var(--ga-color-primary-60);
+  --ga-color-text-disabled: var(--ga-color-utility-grey);
+  --ga-color-utility-grey: var(--ga-color-grey-40);
   --ga-color-icon-disabled: var(--ga-color-neutral);
-  --ga-color-icon-error: var(--ga-color-error);
-  --ga-color-icon-information: var(--ga-color-information);
   --ga-color-icon-on-action: var(--ga-color-secondary);
   --ga-color-icon-on-disabled: var(--ga-color-neutral-60);
   --ga-color-icon-on-primary: var(--ga-color-white);
-  --ga-color-icon-pictograms-pictogram-emphasis: #377ea03d;
-  --ga-color-icon-pictograms-pictogram-fill: #b9b9b914;
-  --ga-color-icon-primary: var(--ga-color-primary-90);
-  --ga-color-icon-success: var(--ga-color-success);
   --ga-color-icon-warning: var(--ga-color-warning);
   --ga-color-indigo-10: #f0f2fe;
+  --ga-color-utility-indigo-accent: var(--ga-color-indigo-10);
   --ga-color-indigo-40: #adb4f9;
-  --ga-color-information: var(--ga-color-blue-60);
-  --ga-color-information-light: var(--ga-color-utility-blue-light);
+  --ga-color-utility-indigo: var(--ga-color-indigo-40);
   --ga-color-lime-10: #edf6dd;
+  --ga-color-utility-lime-accent: var(--ga-color-lime-10);
   --ga-color-lime-40: #a5c656;
+  --ga-color-utility-lime: var(--ga-color-lime-40);
   --ga-color-miscellaneous-overlay: #70778891;
   --ga-color-miscellaneous-skeleton-element: var(--ga-color-neutral-10);
   --ga-color-miscellaneous-skeleton-highlight: var(--ga-color-neutral-20);
   --ga-color-neutral: var(--ga-color-neutral-30);
   --ga-color-neutral-10: #f2f3f5;
+  --ga-color-surface-page: var(--ga-color-neutral-10);
   --ga-color-neutral-20: #e2e4e9;
+  --ga-color-surface-container: var(--ga-color-neutral-20);
+  --ga-color-surface-disabled: var(--ga-color-neutral-20);
   --ga-color-neutral-30: #cccfd7;
-  --ga-color-neutral-50: #8f95a4;
   --ga-color-neutral-60: #6f7687;
+  --ga-color-surface-disable-selected: var(--ga-color-neutral-60);
+  --ga-color-text-disable-selected: var(--ga-color-neutral-60);
+  --ga-color-text-on-disabled: var(--ga-color-neutral-60);
   --ga-color-orange-10: #fcf0e7;
+  --ga-color-secondary-10: var(--ga-color-orange-10);
+  --ga-color-surface-warning: var(--ga-color-utility-orange-accent);
+  --ga-color-text-on-action: var(--ga-color-secondary-10);
+  --ga-color-utility-orange-accent: var(--ga-color-orange-10);
+  --ga-color-warning-accent: var(--ga-color-utility-orange-accent);
   --ga-color-orange-20: #fae0ce;
+  --ga-color-secondary: var(--ga-color-orange-20);
+  --ga-color-surface-action-hover-2: var(--ga-color-orange-20);
+  --ga-color-text-menu: var(--ga-color-secondary);
   --ga-color-orange-30: #f5c3a1;
+  --ga-color-secondary-30: var(--ga-color-orange-30);
+  --ga-color-surface-highlight: var(--ga-color-secondary-30);
   --ga-color-orange-40: #f2a676;
+  --ga-color-utility-orange: var(--ga-color-orange-40);
   --ga-color-orange-60: #bb5822;
+  --ga-color-warning: var(--ga-color-orange-60);
   --ga-color-pink-10: #fbeefc;
+  --ga-color-utility-pink-accent: var(--ga-color-pink-10);
   --ga-color-pink-40: #e79dee;
-  --ga-color-primary: var(--ga-color-cyan-80);
-  --ga-color-primary-60: var(--ga-color-cyan-60);
-  --ga-color-primary-70: var(--ga-color-cyan-70);
-  --ga-color-primary-90: var(--ga-color-cyan-90);
+  --ga-color-utility-pink: var(--ga-color-pink-40);
   --ga-color-purple-10: #f3f1fe;
+  --ga-color-utility-purple-accent: var(--ga-color-purple-10);
   --ga-color-purple-40: #c3acf9;
+  --ga-color-utility-purple: var(--ga-color-purple-40);
   --ga-color-purple-80: #591ab5;
+  --ga-color-text-link-visited: var(--ga-color-purple-80);
   --ga-color-red-10: #fcf1ee;
+  --ga-color-surface-error: var(--ga-color-utility-red-accent);
+  --ga-color-utility-red-accent: var(--ga-color-red-10);
   --ga-color-red-40: #eca79e;
+  --ga-color-utility-red: var(--ga-color-red-40);
   --ga-color-red-60: #cc453e;
-  --ga-color-red-70: #b0241d;
   --ga-color-rose-10: #fcf0f4;
+  --ga-color-utility-rose-accent: var(--ga-color-rose-10);
   --ga-color-rose-40: #efa1bd;
-  --ga-color-secondary: var(--ga-color-orange-20);
-  --ga-color-secondary-10: var(--ga-color-orange-10);
-  --ga-color-secondary-30: var(--ga-color-orange-30);
+  --ga-color-utility-rose: var(--ga-color-rose-40);
   --ga-color-sequential-graph-10: var(--ga-color-teal-10);
   --ga-color-sequential-graph-20: var(--ga-color-teal-20);
   --ga-color-sequential-graph-30: var(--ga-color-teal-30);
@@ -91,74 +165,36 @@
   --ga-color-sequential-graph-80: var(--ga-color-teal-80);
   --ga-color-sequential-graph-90: var(--ga-color-teal-90);
   --ga-color-sequential-graph-100: var(--ga-color-teal-100);
-  --ga-color-success: var(--ga-color-green-60);
-  --ga-color-success-light: var(--ga-color-utility-green-light);
-  --ga-color-surface-action: var(--ga-color-primary);
-  --ga-color-surface-action-hover: var(--ga-color-primary-90);
-  --ga-color-surface-action-hover-2: var(--ga-color-orange-20);
-  --ga-color-surface-disable-selected: var(--ga-color-neutral-60);
-  --ga-color-surface-disabled: var(--ga-color-neutral-20);
-  --ga-color-surface-error: var(--ga-color-utility-red-light);
-  --ga-color-surface-information: var(--ga-color-information-light);
-  --ga-color-surface-page: var(--ga-color-neutral-10);
   --ga-color-surface-primary: var(--ga-color-white);
-  --ga-color-surface-selected: var(--ga-color-green-10);
-  --ga-color-surface-success: var(--ga-color-success-light);
-  --ga-color-surface-warning: var(--ga-color-utility-orange-light);
   --ga-color-teal-10: #ecf5f4;
+  --ga-color-utility-teal-accent: var(--ga-color-teal-10);
   --ga-color-teal-20: #d5e8e6;
   --ga-color-teal-30: #b4d7d4;
   --ga-color-teal-40: #92c3c0;
+  --ga-color-utility-teal: var(--ga-color-teal-40);
   --ga-color-teal-50: #51a39e;
   --ga-color-teal-60: #3a837e;
   --ga-color-teal-70: #2c6764;
   --ga-color-teal-80: #21514e;
   --ga-color-teal-90: #143734;
   --ga-color-teal-100: #081f1f;
-  --ga-color-text-action: var(--ga-color-primary);
-  --ga-color-text-action-hover: var(--ga-color-primary-90);
-  --ga-color-text-body: var(--ga-color-primary-90);
-  --ga-color-text-body-secondary: var(--ga-color-primary-70);
-  --ga-color-text-disable-selected: var(--ga-color-neutral-60);
-  --ga-color-text-disabled: var(--ga-color-utility-grey);
-  --ga-color-text-error: var(--ga-color-primary-90);
-  --ga-color-text-headings: var(--ga-color-primary-90);
-  --ga-color-text-information: var(--ga-color-primary-90);
-  --ga-color-text-link-visited: var(--ga-color-purple-80);
-  --ga-color-text-menu: var(--ga-color-secondary);
-  --ga-color-text-on-action: var(--ga-color-secondary-10);
-  --ga-color-text-on-disabled: var(--ga-color-neutral-60);
-  --ga-color-text-success: var(--ga-color-primary-90);
-  --ga-color-text-warning: var(--ga-color-primary-90);
-  --ga-color-utility-blue: var(--ga-color-blue-40);
-  --ga-color-utility-blue-light: var(--ga-color-blue-10);
-  --ga-color-utility-green: var(--ga-color-green-40);
-  --ga-color-utility-green-light: var(--ga-color-green-10);
-  --ga-color-utility-grey: var(--ga-color-grey-40);
-  --ga-color-utility-grey-light: var(--ga-color-grey-10);
-  --ga-color-utility-indigo: var(--ga-color-indigo-40);
-  --ga-color-utility-indigo-light: var(--ga-color-indigo-10);
-  --ga-color-utility-lime: var(--ga-color-lime-40);
-  --ga-color-utility-lime-light: var(--ga-color-lime-10);
-  --ga-color-utility-orange: var(--ga-color-orange-40);
-  --ga-color-utility-orange-light: var(--ga-color-orange-10);
-  --ga-color-utility-pink: var(--ga-color-pink-40);
-  --ga-color-utility-pink-light: var(--ga-color-pink-10);
-  --ga-color-utility-purple: var(--ga-color-purple-40);
-  --ga-color-utility-purple-light: var(--ga-color-purple-10);
-  --ga-color-utility-red: var(--ga-color-red-40);
-  --ga-color-utility-red-light: var(--ga-color-red-10);
-  --ga-color-utility-rose: var(--ga-color-rose-40);
-  --ga-color-utility-rose-light: var(--ga-color-rose-10);
-  --ga-color-utility-teal: var(--ga-color-teal-40);
-  --ga-color-utility-teal-light: var(--ga-color-teal-10);
-  --ga-color-utility-yellow: var(--ga-color-yellow-40);
-  --ga-color-utility-yellow-light: var(--ga-color-yellow-10);
-  --ga-color-warning: var(--ga-color-orange-60);
-  --ga-color-warning-light: var(--ga-color-utility-orange-light);
-  --ga-color-white: #ffffff;
-  --ga-color-yellow-10: #fdf5ae;
-  --ga-color-yellow-40: #e1b402;
+  --ga-color-white: #fff;
+  --ga-duration-0: 0ms;
+  --ga-duration-fast: 100ms;
+  --ga-transition-state: var(--ga-duration-fast) 0ms var(--ga-easing-standard);
+  --ga-duration-instant: 50ms;
+  --ga-transition-hover: var(--ga-duration-instant) 0ms var(--ga-easing-standard);
+  --ga-duration-moderate: 150ms;
+  --ga-transition-dismiss: var(--ga-duration-moderate) 0ms var(--ga-easing-exit);
+  --ga-transition-reveal: var(--ga-duration-moderate) 0ms var(--ga-easing-entrance);
+  --ga-duration-slow: 250ms;
+  --ga-transition-overlay-in: var(--ga-duration-slow) 0ms var(--ga-easing-entrance);
+  --ga-transition-overlay-out: var(--ga-duration-slow) 0ms var(--ga-easing-exit);
+  --ga-duration-slower: 400ms;
+  --ga-transition-backdrop: var(--ga-duration-slower) 0ms var(--ga-easing-standard);
+  --ga-easing-entrance: cubic-bezier(0, 0, 0.38, 0.9);
+  --ga-easing-exit: cubic-bezier(0.2, 0, 1, 0.9);
+  --ga-easing-standard: cubic-bezier(0.2, 0, 0.38, 0.9);
   --ga-font-family-primary: "Inter", -system-ui, sans-serif;
   --ga-font-weight-bold: 700;
   --ga-font-weight-medium: 500;
@@ -167,6 +203,46 @@
   --ga-radius: 4px;
   --ga-radius-round: 999px;
   --ga-radius-sharp: 0.02rem;
+  --ga-shadow-east: -2px 0 5px 0 #1334451a, -8px 0 8px 0 #13344517, -19px 0 11px 0 #1334450d, -34px 0 14px 0 #13344503, -53px 0 15px 0 #13344500;
+  --ga-shadow-north: 0 4px 8px 0 #1334451a, 0 15px 15px 0 #13344517, 0 34px 21px 0 #1334450d, 0 61px 24px 0 #13344503, 0 95px 27px 0 #13344500;
+  --ga-shadow-south: 0 -1px 1px 0 #13344514, 0 -2px 2px 0 #13344512, 0 -6px 3px 0 #1334450a, 0 -10px 4px 0 #13344503, 0 -15px 4px 0 #13344500;
+  --ga-shadow-west: 1px 0 3px 0 #1334451a, 5px 0 5px 0 #13344517, 12px 0 7px 0 #1334450d, 21px 0 8px 0 #13344503, 33px 0 9px 0 #13344500;
+  --ga-size-0: 0;
+  --ga-size-1: 0.0625rem;
+  --ga-size-2: 0.125rem;
+  --ga-size-4: 0.25rem;
+  --ga-size-6: 0.375rem;
+  --ga-size-8: 0.5rem;
+  --ga-size-10: 0.625rem;
+  --ga-size-11: 0.6875rem;
+  --ga-size-12: 0.75rem;
+  --ga-size-14: 0.875rem;
+  --ga-size-16: 1rem;
+  --ga-size-18: 1.125rem;
+  --ga-size-20: 1.25rem;
+  --ga-size-24: 1.5rem;
+  --ga-size-28: 1.75rem;
+  --ga-size-32: 2rem;
+  --ga-size-36: 2.25rem;
+  --ga-size-40: 2.5rem;
+  --ga-size-44: 2.75rem;
+  --ga-size-48: 3rem;
+  --ga-size-56: 3.5rem;
+  --ga-size-64: 4rem;
+  --ga-size-80: 5rem;
+  --ga-size-96: 6rem;
+  --ga-size-112: 7rem;
+  --ga-size-128: 8rem;
+  --ga-size-144: 9rem;
+  --ga-size-160: 10rem;
+  --ga-size-192: 12rem;
+  --ga-size-224: 14rem;
+  --ga-size-256: 16rem;
+  --ga-size-288: 18rem;
+  --ga-size-320: 20rem;
+  --ga-size-352: 22rem;
+  --ga-size-384: 24rem;
+  --ga-size-416: 26rem;
   --ga-size-border-width-lg: 4px;
   --ga-size-border-width-md: 2px;
   --ga-size-border-width-none: 0;
@@ -187,32 +263,78 @@
   --ga-size-spacing-13: 10rem;
   --ga-text-2xl-font-size: 1.5rem;
   --ga-text-2xl-font-style: normal;
-  --ga-text-2xl-line-height: 2.25rem;
-  --ga-text-2xl-tracking: -0.019rem;
-  --ga-text-3xl-font-size: 2.25rem;
+  --ga-text-2xl-line-height: 2rem;
+  --ga-text-2xl-font-family: inherit;
+  --ga-text-2xl-font-weight: 400;
+  --ga-text-2xl-letter-spacing: -0.019rem;
+  --ga-text-2xl: var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);
+  --ga-text-3xl-font-size: 2rem;
   --ga-text-3xl-font-style: normal;
-  --ga-text-3xl-line-height: 3.5rem;
-  --ga-text-3xl-tracking: -0.022rem;
+  --ga-text-3xl-line-height: 2.5rem;
+  --ga-text-3xl-font-family: inherit;
+  --ga-text-3xl-font-weight: 400;
+  --ga-text-3xl-letter-spacing: -0.022rem;
+  --ga-text-3xl: var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);
   --ga-text-lg-font-size: 1rem;
   --ga-text-lg-font-style: normal;
   --ga-text-lg-line-height: 1.5rem;
-  --ga-text-lg-tracking: -0.011rem;
+  --ga-text-lg-font-family: inherit;
+  --ga-text-lg-font-weight: 400;
+  --ga-text-lg-letter-spacing: -0.011rem;
+  --ga-text-lg: var(--ga-text-lg-font-style) var(--ga-text-lg-font-weight) var(--ga-text-lg-font-size)/var(--ga-text-lg-line-height) var(--ga-text-lg-font-family);
   --ga-text-md-font-size: 0.875rem;
   --ga-text-md-font-style: normal;
   --ga-text-md-line-height: 1.25rem;
-  --ga-text-md-tracking: -0.006rem;
+  --ga-text-md-font-family: inherit;
+  --ga-text-md-font-weight: 400;
+  --ga-text-md-letter-spacing: -0.006rem;
+  --ga-text-md: var(--ga-text-md-font-style) var(--ga-text-md-font-weight) var(--ga-text-md-font-size)/var(--ga-text-md-line-height) var(--ga-text-md-font-family);
   --ga-text-sm-font-size: 0.75rem;
   --ga-text-sm-font-style: normal;
   --ga-text-sm-line-height: 1.25rem;
-  --ga-text-sm-tracking: 0;
-  --ga-text-xl-font-size: 1.25rem;
+  --ga-text-sm-font-family: inherit;
+  --ga-text-sm-font-weight: 400;
+  --ga-text-sm-letter-spacing: 0;
+  --ga-text-sm: var(--ga-text-sm-font-style) var(--ga-text-sm-font-weight) var(--ga-text-sm-font-size)/var(--ga-text-sm-line-height) var(--ga-text-sm-font-family);
+  --ga-text-xl-font-size: 1.125rem;
   --ga-text-xl-font-style: normal;
-  --ga-text-xl-line-height: 2rem;
-  --ga-text-xl-tracking: -0.017rem;
+  --ga-text-xl-line-height: 1.5rem;
+  --ga-text-xl-font-family: inherit;
+  --ga-text-xl-font-weight: 400;
+  --ga-text-xl-letter-spacing: -0.017rem;
+  --ga-text-xl: var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);
   --ga-text-xs-font-size: 0.6875rem;
   --ga-text-xs-font-style: normal;
   --ga-text-xs-line-height: 1rem;
-  --ga-text-xs-tracking: 0.005rem;
+  --ga-text-xs-font-family: inherit;
+  --ga-text-xs-font-weight: 400;
+  --ga-text-xs-letter-spacing: 0.005rem;
+  --ga-text-xs: var(--ga-text-xs-font-style) var(--ga-text-xs-font-weight) var(--ga-text-xs-font-size)/var(--ga-text-xs-line-height) var(--ga-text-xs-font-family);
+}
+@media (width >= 48rem) {
+  :root, :host {
+    --ga-text-2xl-font-size: 1.5rem;
+    --ga-text-2xl-font-style: normal;
+    --ga-text-2xl-line-height: 2.5rem;
+    --ga-text-2xl-font-family: inherit;
+    --ga-text-2xl-font-weight: 400;
+    --ga-text-2xl-letter-spacing: -0.019rem;
+    --ga-text-2xl: var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);
+    --ga-text-3xl-font-size: 2.25rem;
+    --ga-text-3xl-font-style: normal;
+    --ga-text-3xl-line-height: 3rem;
+    --ga-text-3xl-font-family: inherit;
+    --ga-text-3xl-font-weight: 400;
+    --ga-text-3xl-letter-spacing: -0.022rem;
+    --ga-text-3xl: var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);
+    --ga-text-xl-font-size: 1.25rem;
+    --ga-text-xl-font-style: normal;
+    --ga-text-xl-line-height: 2rem;
+    --ga-text-xl-font-family: inherit;
+    --ga-text-xl-font-weight: 400;
+    --ga-text-xl-letter-spacing: -0.017rem;
+    --ga-text-xl: var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);
+  }
 }
 @layer theme, base, components, utilities;
 @layer base {
@@ -257,7 +379,7 @@
     var(--ga-text-2xl-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-2xl-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-2xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     }
   }
@@ -294,33 +416,33 @@
         color: var(--ga-color-text-action);
       }
       &.ga-badge--information {
-        background-color: var(--ga-color-utility-blue-light);
+        background-color: var(--ga-color-utility-blue-accent);
         color: var(--ga-color-text-information);
-        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-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);
         --tw-ring-color: var(--ga-color-border-information);
         --tw-ring-inset: inset;
       }
       &.ga-badge--error {
-        background-color: var(--ga-color-utility-red-light);
+        background-color: var(--ga-color-utility-red-accent);
         color: var(--ga-color-text-error);
-        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-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);
         --tw-ring-color: var(--ga-color-border-error);
         --tw-ring-inset: inset;
       }
       &.ga-badge--warning {
-        background-color: var(--ga-color-utility-orange-light);
+        background-color: var(--ga-color-utility-orange-accent);
         color: var(--ga-color-text-warning);
-        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-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);
         --tw-ring-color: var(--ga-color-border-warning);
         --tw-ring-inset: inset;
       }
       &.ga-badge--success {
-        background-color: var(--ga-color-utility-green-light);
+        background-color: var(--ga-color-utility-green-accent);
         color: var(--ga-color-text-success);
-        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-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);
         --tw-ring-color: var(--ga-color-border-success);
         --tw-ring-inset: inset;
@@ -330,7 +452,7 @@
         color: var(--ga-color-text-disable-selected);
       }
       &.ga-badge--disabled-inverted {
-        background-color: var(--ga-color-icon-pictograms-pictogram-fill);
+        background-color: var(--ga-color-icon-on-primary);
         color: var(--ga-color-text-disabled);
       }
     }
@@ -345,7 +467,7 @@
       }
       &.ga-badge--muted {
         background-color: var(--ga-color-icon-on-primary);
-        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-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);
         --tw-ring-color: var(--ga-color-text-disabled);
         --tw-ring-inset: inset;
@@ -366,7 +488,7 @@
         background-color: var(--ga-color-icon-on-disabled);
       }
       &.ga-badge--disabled-inverted {
-        background-color: var(--ga-color-icon-pictograms-pictogram-fill);
+        background-color: var(--ga-color-icon-on-primary);
       }
     }
   }
@@ -387,13 +509,18 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-leading: calc(0.4rem * 1);
     line-height: calc(0.4rem * 1);
     --tw-font-weight: 500;
     font-weight: 500;
     white-space: nowrap;
+    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, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     .ga-icon {
       color: var(--ga-color-icon-action);
     }
@@ -419,7 +546,7 @@
         background-color: var(--ga-color-surface-action-hover);
       }
       &:active {
-        background-color: var(--ga-color-primary-70);
+        background-color: var(--ga-color-surface-action);
       }
       &:disabled {
         background-color: var(--ga-color-surface-disabled);
@@ -507,7 +634,7 @@
     border-radius: var(--ga-radius);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--ga-color-border-primary);
+    border-color: var(--ga-color-border-tertiary);
     background-color: #fff;
     padding: calc(0.4rem * 4);
     font-size: calc(
@@ -517,19 +644,34 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     &.ga-card--selectable {
+      position: relative;
       cursor: pointer;
+      transition-property: color,background-color,border-color,box-shadow;
+      transition-timing-function: var(--tw-ease, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
       &:hover:not(.ga-card--selected) {
         border-color: var(--ga-color-border-action-hover);
         background-color: var(--ga-color-surface-action-hover-2);
+        --tw-shadow: var(--ga-shadow-north);
+        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 {
-        outline-style: var(--tw-outline-style);
-        outline-width: 2px;
-        outline-offset: 2px;
-        outline-color: var(--ga-color-border-focus);
+        --tw-outline-style: none;
+        outline-style: none;
+      }
+      &:focus-visible::after {
+        position: absolute;
+        inset: calc(5px * -1);
+        border-style: var(--tw-border-style);
+        border-width: 2px;
+        border-color: var(--ga-color-border-focus);
+        --tw-content: '';
+        content: var(--tw-content);
       }
     }
     &.ga-card--disabled {
@@ -546,9 +688,7 @@
     width: calc(0.4rem * 70);
     background-color: #fff;
     --tw-numeric-figure: lining-nums;
-    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
     --tw-slashed-zero: slashed-zero;
-    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
     .ga-calendar__header {
@@ -576,7 +716,7 @@
     var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-lg-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-font-weight: 600;
       font-weight: 600;
@@ -592,6 +732,11 @@
     }
     .ga-calendar__navigation-button {
       cursor: pointer;
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
       &:hover {
         @media (hover: hover) {
           color: var(--ga-color-icon-action-hover);
@@ -638,13 +783,18 @@
     var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-lg-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-leading: calc(0.4rem * 10);
       line-height: calc(0.4rem * 10);
       --tw-font-weight: 500;
       font-weight: 500;
       color: var(--ga-color-text-action);
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
       &:not(.ga-calendar__year--disabled, .ga-calendar__month--disabled):hover {
         color: var(--ga-color-text-action-hover);
         text-decoration-line: underline;
@@ -659,7 +809,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
         letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
         color: var(--ga-color-text-on-action);
       }
@@ -684,9 +834,14 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       color: var(--ga-color-text-body);
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
       &:hover {
         background-color: var(--ga-color-surface-action-hover-2);
         color: var(--ga-color-text-action-hover);
@@ -694,12 +849,12 @@
       &.ga-calendar__day--current::after {
         position: absolute;
         bottom: calc(0.4rem * 2);
-        left: calc(1/2 * 100%);
+        left: calc(1 / 2 * 100%);
         height: calc(0.4rem * 0.5);
         width: calc(0.4rem * 5);
-        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
         translate: var(--tw-translate-x) var(--tw-translate-y);
-        transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
+        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
         border-radius: var(--ga-radius);
         background-color: var(--ga-color-surface-action);
         --tw-content: '';
@@ -708,12 +863,12 @@
       &.ga-calendar__day--special::after {
         position: absolute;
         bottom: calc(0.4rem * 2);
-        left: calc(1/2 * 100%);
+        left: calc(1 / 2 * 100%);
         height: calc(0.4rem * 1);
         width: calc(0.4rem * 1);
-        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
         translate: var(--tw-translate-x) var(--tw-translate-y);
-        transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
+        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
         border-radius: calc(infinity * 1px);
         background-color: var(--ga-color-surface-action);
         --tw-content: '';
@@ -756,7 +911,7 @@
         border-block-style: var(--tw-border-style);
         border-block-width: 1px;
         border-color: var(--ga-color-border-success);
-        background-color: var(--ga-color-success-light);
+        background-color: var(--ga-color-success-accent);
         color: var(--ga-color-text-body);
       }
       &.ga-calendar__day--selected-range-end {
@@ -801,7 +956,7 @@
     var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xs-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-font-weight: 500;
       font-weight: 500;
@@ -823,6 +978,11 @@
       border-width: 2px;
       border-color: var(--ga-color-border-action);
       color: #fff;
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-fast);
+      transition-timing-function: var(--ga-easing-standard);
       .ga-checkbox__marker__indicator-checked, .ga-checkbox__marker__indicator-indeterminate {
         display: none;
       }
@@ -890,7 +1050,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-leading: calc(0.4rem * 4);
       line-height: calc(0.4rem * 4);
@@ -924,6 +1084,8 @@
     border-color: var(--ga-color-border-primary);
     background-color: var(--ga-color-surface-primary);
     padding: calc(0.4rem * 4);
+    --tw-shadow: var(--ga-shadow-north);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     .ga-datepicker__footer {
       margin-top: calc(0.4rem * 2);
     }
@@ -960,8 +1122,10 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
+    --tw-shadow: var(--ga-shadow-north);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     --tw-outline-style: none;
     outline-style: none;
     @supports (scroll-timeline: --dropdown-scroll block) {
@@ -980,7 +1144,6 @@
         --tw-gradient-position: to bottom in oklab;
         background-image: linear-gradient(var(--tw-gradient-stops));
         --tw-gradient-from: transparent;
-        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
         --tw-gradient-to: var(--ga-color-surface-primary);
         --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
         opacity: 0%;
@@ -1010,9 +1173,14 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       color: var(--ga-color-text-action);
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
       &:first-child {
         border-top-left-radius: var(--ga-radius);
         border-top-right-radius: var(--ga-radius);
@@ -1154,10 +1322,15 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-font-weight: 500;
       font-weight: 500;
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
     }
     .ga-form-field__label-state {
       font-size: calc(
@@ -1200,7 +1373,7 @@
     var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xs-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       .ga-icon {
         flex-shrink: 0;
@@ -1228,8 +1401,13 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
+    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, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &:hover {
       border-color: var(--ga-color-border-action-hover);
       &:has(input:not(:placeholder-shown)), &:is(input:not(:placeholder-shown)) {
@@ -1309,7 +1487,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     &.ga-notification--information {
       border-color: var(--ga-color-border-information);
@@ -1405,12 +1583,12 @@
       .ga-notification__progress-bar {
         position: absolute;
         height: 100%;
-        transform-origin: top left;
+        transform-origin: 0 0;
         border-radius: var(--ga-radius);
-        background-color: var(--ga-color-primary-70);
+        background-color: var(--ga-color-surface-progress);
       }
       &.ga-notification__progress--indeterminate .ga-notification__progress-bar {
-        width: calc(1/5 * 100%);
+        width: calc(1 / 5 * 100%);
         animation: ga-notification-progress-animation 1400ms linear infinite;
       }
     }
@@ -1442,8 +1620,10 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
+    --tw-shadow: var(--ga-shadow-north);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     .ga-menu__item {
       position: relative;
       display: flex;
@@ -1457,6 +1637,11 @@
       text-align: left;
       --tw-leading: 1;
       line-height: 1;
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
       &:first-child {
         border-top-left-radius: var(--ga-radius);
         border-top-right-radius: var(--ga-radius);
@@ -1559,7 +1744,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-font-weight: 500;
       font-weight: 500;
@@ -1580,7 +1765,7 @@
     var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xs-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-font-weight: 500;
       font-weight: 500;
@@ -1594,7 +1779,7 @@
     var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xs-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       color: var(--ga-color-text-disable-selected);
     }
@@ -1657,7 +1842,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     scrollbar-width: thin;
     &.ga-modal--small {
@@ -1717,7 +1902,7 @@
     var(--ga-text-xl-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xl-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-font-weight: 600;
       font-weight: 600;
@@ -1775,7 +1960,7 @@
     var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xs-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       color: var(--ga-color-text-body);
     }
@@ -1791,9 +1976,9 @@
       position: absolute;
       height: 100%;
       width: 100%;
-      transform-origin: top left;
+      transform-origin: 0 0;
       border-radius: var(--ga-radius);
-      background-color: var(--ga-color-primary-70);
+      background-color: var(--ga-color-surface-progress);
     }
     &.ga-progress--success {
       .ga-progress__bar {
@@ -1813,7 +1998,7 @@
     }
     &.ga-progress--indeterminate {
       .ga-progress__bar {
-        width: calc(1/5 * 100%);
+        width: calc(1 / 5 * 100%);
         animation: ga-progress-animation 1400ms linear infinite;
       }
     }
@@ -1896,11 +2081,16 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-font-weight: 500;
       font-weight: 500;
       color: var(--ga-color-text-action);
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
     }
     .ga-progress-indicator__label-state {
       font-size: calc(
@@ -1910,7 +2100,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-font-weight: 400;
       font-weight: 400;
@@ -1943,7 +2133,7 @@
     var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xs-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       color: var(--ga-color-text-body);
     }
@@ -2061,14 +2251,13 @@
         background-color: var(--ga-color-surface-action);
         &::after {
           position: absolute;
-          top: calc(1/2 * 100%);
-          left: calc(1/2 * 100%);
+          top: calc(1 / 2 * 100%);
+          left: calc(1 / 2 * 100%);
           display: block;
           height: calc(0.4rem * 1);
           width: calc(0.4rem * 1);
-          --tw-translate-x: calc(calc(1/2 * 100%) * -1);
-          translate: var(--tw-translate-x) var(--tw-translate-y);
-          --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+          --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+          --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
           translate: var(--tw-translate-x) var(--tw-translate-y);
           border-radius: calc(infinity * 1px);
           background-color: #fff;
@@ -2119,6 +2308,11 @@
       border-width: 2px;
       border-color: var(--ga-color-border-action);
       color: #fff;
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-fast);
+      transition-timing-function: var(--ga-easing-standard);
     }
     .ga-radio-button__label {
       min-height: calc(0.4rem * 4);
@@ -2129,7 +2323,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-leading: calc(0.4rem * 4);
       line-height: calc(0.4rem * 4);
@@ -2146,7 +2340,7 @@
     border-radius: var(--ga-radius);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--ga-color-border-primary);
+    border-color: var(--ga-color-border-tertiary);
     padding: calc(0.4rem * 0.5);
     vertical-align: middle;
     font-size: calc(
@@ -2156,7 +2350,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     .ga-segmented-control__button {
       display: inline-flex;
@@ -2175,6 +2369,11 @@
       line-height: calc(0.4rem * 1);
       white-space: nowrap;
       color: var(--ga-color-text-action);
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
       &.ga-segmented-control__button--selected, &:hover {
         border-color: var(--ga-color-border-action);
       }
@@ -2188,7 +2387,7 @@
       &:focus-visible {
         outline-style: var(--tw-outline-style);
         outline-width: 2px;
-        outline-offset: 2px;
+        outline-offset: 1px;
         outline-color: var(--ga-color-border-focus);
       }
       &.ga-segmented-control__button--icon-only {
@@ -2205,7 +2404,7 @@
       padding: 0;
       margin: -1px;
       overflow: hidden;
-      clip: rect(0, 0, 0, 0);
+      clip-path: inset(50%);
       white-space: nowrap;
       border-width: 0;
     }
@@ -2230,7 +2429,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-leading: 1;
       line-height: 1;
@@ -2238,9 +2437,9 @@
     .ga-native-select__arrow {
       pointer-events: none;
       position: absolute;
-      top: calc(1/2 * 100%);
+      top: calc(1 / 2 * 100%);
       right: calc(0.4rem * 2);
-      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -2267,13 +2466,18 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-leading: 1;
     line-height: 1;
+    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, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &.ga-select--expanded {
       border-color: var(--ga-color-border-focus);
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-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);
       --tw-ring-color: var(--ga-color-border-focus);
     }
@@ -2297,7 +2501,7 @@
     }
     &.ga-select--invalid {
       border-color: var(--ga-color-border-error);
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-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);
       --tw-ring-color: var(--ga-color-border-error);
       &:not(.ga-select--empty) {
@@ -2421,6 +2625,11 @@
       border-width: 1px;
       border-color: var(--ga-color-border-action);
       background-color: var(--ga-color-surface-primary);
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-fast);
+      transition-timing-function: var(--ga-easing-standard);
     }
     .ga-switch__check-icon {
       position: absolute;
@@ -2431,8 +2640,8 @@
       transition-property: opacity;
       transition-timing-function: var(--tw-ease, ease);
       transition-duration: var(--tw-duration, 0s);
-      --tw-duration: 300ms;
-      transition-duration: 300ms;
+      transition-duration: var(--ga-duration-fast);
+      transition-timing-function: var(--ga-easing-standard);
     }
     .ga-switch__slider {
       pointer-events: none;
@@ -2447,8 +2656,8 @@
       transition-property: transform, translate, scale, rotate;
       transition-timing-function: var(--tw-ease, ease);
       transition-duration: var(--tw-duration, 0s);
-      --tw-duration: 300ms;
-      transition-duration: 300ms;
+      transition-duration: var(--ga-duration-fast);
+      transition-timing-function: var(--ga-easing-standard);
     }
     .ga-switch__label {
       -webkit-user-select: none;
@@ -2519,7 +2728,7 @@
     display: flex;
     gap: calc(0.4rem * 2);
     &.ga-tabs--keyline {
-      border-color: var(--ga-color-border-primary);
+      border-color: var(--ga-color-border-tertiary);
     }
     .ga-tabs__tab {
       position: relative;
@@ -2537,13 +2746,18 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       --tw-leading: calc(0.4rem * 4);
       line-height: calc(0.4rem * 4);
       --tw-font-weight: 500;
       font-weight: 500;
       color: var(--ga-color-text-action);
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
       &.ga-tabs__tab--selected {
         border-color: var(--ga-color-border-action);
         --tw-font-weight: 600;
@@ -2687,6 +2901,11 @@
       --tw-border-style: dashed;
       border-style: dashed;
       background-color: var(--ga-color-surface-primary);
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
       &:hover {
         background-color: var(--ga-color-surface-action-hover-2);
         .ga-tag__icon {
@@ -2709,6 +2928,11 @@
       border-style: solid;
       background-color: var(--ga-color-surface-primary);
       color: var(--ga-color-text-action);
+      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, ease);
+      transition-duration: var(--tw-duration, 0s);
+      transition-duration: var(--ga-duration-instant);
+      transition-timing-function: var(--ga-easing-standard);
       &:hover {
         border-color: var(--ga-color-border-action-hover);
         .ga-tag__icon {
@@ -2727,7 +2951,7 @@
         color: var(--ga-color-icon-on-primary);
       }
     }
-    &.ga-tag--utility-grey, &.ga-tag--utility-indigo, &.ga-tag--utility-teal, &.ga-tag--utility-lime, &.ga-tag--utility-purple, &.ga-tag--utility-pink, &.ga-tag--utility-rose, &.ga-tag--utility-yellow, &.ga-tag--utility-blue, &.ga-tag--utility-green, &.ga-tag--utility-orange, &.ga-tag--utility-disabled {
+    &.ga-tag--utility-grey, &.ga-tag--utility-indigo, &.ga-tag--utility-teal, &.ga-tag--utility-lime, &.ga-tag--utility-purple, &.ga-tag--utility-pink, &.ga-tag--utility-rose, &.ga-tag--utility-blue, &.ga-tag--utility-green, &.ga-tag--utility-orange, &.ga-tag--utility-disabled {
       border-radius: var(--ga-radius);
       padding-left: calc(0.4rem * 1.5);
       .ga-tag__icon {
@@ -2736,47 +2960,43 @@
     }
     &.ga-tag--utility-grey {
       border-color: var(--ga-color-utility-grey);
-      background-color: var(--ga-color-utility-grey-light);
+      background-color: var(--ga-color-utility-grey-accent);
     }
     &.ga-tag--utility-indigo {
       border-color: var(--ga-color-utility-indigo);
-      background-color: var(--ga-color-utility-indigo-light);
+      background-color: var(--ga-color-utility-indigo-accent);
     }
     &.ga-tag--utility-teal {
       border-color: var(--ga-color-utility-teal);
-      background-color: var(--ga-color-utility-teal-light);
+      background-color: var(--ga-color-utility-teal-accent);
     }
     &.ga-tag--utility-lime {
       border-color: var(--ga-color-utility-lime);
-      background-color: var(--ga-color-utility-lime-light);
+      background-color: var(--ga-color-utility-lime-accent);
     }
     &.ga-tag--utility-purple {
       border-color: var(--ga-color-utility-purple);
-      background-color: var(--ga-color-utility-purple-light);
+      background-color: var(--ga-color-utility-purple-accent);
     }
     &.ga-tag--utility-pink {
       border-color: var(--ga-color-utility-pink);
-      background-color: var(--ga-color-utility-pink-light);
+      background-color: var(--ga-color-utility-pink-accent);
     }
     &.ga-tag--utility-rose {
       border-color: var(--ga-color-utility-rose);
-      background-color: var(--ga-color-utility-rose-light);
-    }
-    &.ga-tag--utility-yellow {
-      border-color: var(--ga-color-utility-yellow);
-      background-color: var(--ga-color-utility-yellow-light);
+      background-color: var(--ga-color-utility-rose-accent);
     }
     &.ga-tag--utility-blue {
       border-color: var(--ga-color-utility-blue);
-      background-color: var(--ga-color-utility-blue-light);
+      background-color: var(--ga-color-utility-blue-accent);
     }
     &.ga-tag--utility-green {
       border-color: var(--ga-color-utility-green);
-      background-color: var(--ga-color-utility-green-light);
+      background-color: var(--ga-color-utility-green-accent);
     }
     &.ga-tag--utility-orange {
       border-color: var(--ga-color-utility-orange);
-      background-color: var(--ga-color-utility-orange-light);
+      background-color: var(--ga-color-utility-orange-accent);
     }
     &.ga-tag--utility-disabled {
       border-color: var(--ga-color-border-disabled);
@@ -2817,10 +3037,15 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-leading: calc(0.4rem * 6);
     line-height: calc(0.4rem * 6);
+    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, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &:hover {
       border-color: var(--ga-color-border-action-hover);
     }
@@ -2846,7 +3071,7 @@
       }
     }
   }
-  .ga-text-xs {
+  .ga-text-helper {
     font-size: calc(
     var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -2854,10 +3079,10 @@
     var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xs-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   }
-  .ga-text-sm {
+  .ga-text-caption {
     font-size: calc(
     var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -2866,7 +3091,7 @@
   ));
     letter-spacing: var(--tw-tracking, 0);
   }
-  .ga-text-md {
+  .ga-text-body {
     font-size: calc(
     var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -2874,10 +3099,10 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   }
-  .ga-text-lg {
+  .ga-text-heading {
     font-size: calc(
     var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -2885,10 +3110,10 @@
     var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-lg-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   }
-  .ga-text-xl {
+  .ga-text-title {
     font-size: calc(
     var(--ga-text-xl-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -2896,10 +3121,10 @@
     var(--ga-text-xl-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xl-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   }
-  .ga-text-2xl {
+  .ga-text-headline {
     font-size: calc(
     var(--ga-text-2xl-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -2907,10 +3132,10 @@
     var(--ga-text-2xl-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-2xl-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-2xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   }
-  .ga-text-3xl {
+  .ga-text-display {
     font-size: calc(
     var(--ga-text-3xl-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -2918,7 +3143,7 @@
     var(--ga-text-3xl-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-3xl-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-3xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   }
   .ga-tooltip {
@@ -2934,7 +3159,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     color: var(--ga-color-text-on-action);
     &.ga-tooltip--top-start, &.ga-tooltip--top-center, &.ga-tooltip--top-end, &.ga-tooltip--bottom-start, &.ga-tooltip--bottom-center, &.ga-tooltip--bottom-end, &.ga-tooltip--left-start, &.ga-tooltip--left-center, &.ga-tooltip--left-end, &.ga-tooltip--right-start, &.ga-tooltip--right-center, &.ga-tooltip--right-end {
@@ -2943,7 +3168,6 @@
         position: absolute;
       }
       &::before {
-        content: var(--tw-content);
         --tw-content: '';
         content: var(--tw-content);
       }
@@ -2982,8 +3206,8 @@
       left: calc(0.4rem * 4);
     }
     &.ga-tooltip--top-center::before, &.ga-tooltip--bottom-center::before {
-      left: calc(1/2 * 100%);
-      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      left: calc(1 / 2 * 100%);
+      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
     &.ga-tooltip--top-end::before, &.ga-tooltip--bottom-end::before {
@@ -3011,8 +3235,8 @@
       top: calc(0.4rem * 4);
     }
     &.ga-tooltip--left-center::before, &.ga-tooltip--right-center::before {
-      top: calc(1/2 * 100%);
-      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      top: calc(1 / 2 * 100%);
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
     &.ga-tooltip--left-end::before, &.ga-tooltip--right-end::before {
@@ -3041,7 +3265,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-font-weight: 500;
     font-weight: 500;
@@ -3049,6 +3273,11 @@
     color: var(--ga-color-text-action);
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+    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, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &.ga-link--inline {
       text-decoration-line: underline;
       text-decoration-color: var(--ga-color-primary-90);
@@ -3073,7 +3302,7 @@
     var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-lg-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     }
     &.ga-link--disabled {
@@ -3126,13 +3355,18 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-leading: calc(0.4rem * 1);
     line-height: calc(0.4rem * 1);
     --tw-font-weight: 500;
     font-weight: 500;
     white-space: nowrap;
+    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, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: var(--ga-color-border-action);
@@ -3219,6 +3453,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-inset-shadow {
   syntax: "*";
   inherits: false;
@@ -3228,6 +3467,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-ring-color {
   syntax: "*";
   inherits: false;
@@ -3270,6 +3514,11 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-content {
+  syntax: "*";
+  inherits: false;
+  initial-value: "";
+}
 @property --tw-ordinal {
   syntax: "*";
   inherits: false;
@@ -3308,32 +3557,22 @@
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
-  initial-value: rotateX(0);
 }
 @property --tw-rotate-y {
   syntax: "*";
   inherits: false;
-  initial-value: rotateY(0);
 }
 @property --tw-rotate-z {
   syntax: "*";
   inherits: false;
-  initial-value: rotateZ(0);
 }
 @property --tw-skew-x {
   syntax: "*";
   inherits: false;
-  initial-value: skewX(0);
 }
 @property --tw-skew-y {
   syntax: "*";
   inherits: false;
-  initial-value: skewY(0);
-}
-@property --tw-content {
-  syntax: "*";
-  inherits: false;
-  initial-value: "";
 }
 @property --tw-gradient-position {
   syntax: "*";
@@ -3377,7 +3616,50 @@
   inherits: false;
   initial-value: 100%;
 }
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-font-weight: initial;
+      --tw-leading: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-content: "";
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+    }
+  }
 }