@vsn-ux/gaia-styles 0.5.18 → 0.6.0

package/dist/all-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 theme {
@@ -327,7 +449,10 @@
   }
   @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
     ::placeholder {
-      color: color-mix(in oklab, currentColor 50%, transparent);
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
     }
   }
   textarea {
@@ -349,6 +474,9 @@
   ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
   :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -404,7 +532,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)
   ));
     }
   }
@@ -441,33 +569,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;
@@ -477,7 +605,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);
       }
     }
@@ -492,7 +620,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;
@@ -513,7 +641,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);
       }
     }
   }
@@ -534,13 +662,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);
     }
@@ -566,7 +699,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);
@@ -654,7 +787,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(
@@ -664,19 +797,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 {
@@ -693,9 +841,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 {
@@ -723,7 +869,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;
@@ -739,6 +885,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);
@@ -785,13 +936,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;
@@ -806,7 +962,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);
       }
@@ -831,9 +987,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);
@@ -841,12 +1002,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: '';
@@ -855,12 +1016,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: '';
@@ -903,7 +1064,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 {
@@ -948,7 +1109,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;
@@ -970,6 +1131,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;
       }
@@ -1037,7 +1203,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);
@@ -1071,6 +1237,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);
     }
@@ -1107,8 +1275,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) {
@@ -1127,7 +1297,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%;
@@ -1157,9 +1326,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);
@@ -1301,10 +1475,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(
@@ -1347,7 +1526,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;
@@ -1375,8 +1554,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)) {
@@ -1456,11 +1640,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)
   ));
     &.ga-notification--information {
       border-color: var(--ga-color-border-information);
       background-color: var(--ga-color-surface-information);
+      .ga-notification__icon {
+        color: var(--ga-color-icon-information);
+      }
       .ga-notification__progress .ga-notification__progress-bar {
         background-color: var(--ga-color-icon-information);
       }
@@ -1468,6 +1655,9 @@
     &.ga-notification--success {
       border-color: var(--ga-color-border-success);
       background-color: var(--ga-color-surface-success);
+      .ga-notification__icon {
+        color: var(--ga-color-icon-success);
+      }
       .ga-notification__progress .ga-notification__progress-bar {
         background-color: var(--ga-color-icon-success);
       }
@@ -1475,6 +1665,9 @@
     &.ga-notification--error {
       border-color: var(--ga-color-border-error);
       background-color: var(--ga-color-surface-error);
+      .ga-notification__icon {
+        color: var(--ga-color-icon-error);
+      }
       .ga-notification__progress .ga-notification__progress-bar {
         background-color: var(--ga-color-icon-error);
       }
@@ -1482,6 +1675,9 @@
     &.ga-notification--warning {
       border-color: var(--ga-color-border-warning);
       background-color: var(--ga-color-surface-warning);
+      .ga-notification__icon {
+        color: var(--ga-color-icon-warning);
+      }
       .ga-notification__progress .ga-notification__progress-bar {
         background-color: var(--ga-color-icon-warning);
       }
@@ -1540,12 +1736,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;
       }
     }
@@ -1577,8 +1773,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;
@@ -1592,6 +1790,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);
@@ -1694,7 +1897,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;
@@ -1715,7 +1918,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;
@@ -1729,7 +1932,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);
     }
@@ -1792,7 +1995,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 {
@@ -1852,7 +2055,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;
@@ -1910,7 +2113,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);
     }
@@ -1926,9 +2129,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 {
@@ -1948,7 +2151,7 @@
     }
     &.ga-progress--indeterminate {
       .ga-progress__bar {
-        width: calc(1/5 * 100%);
+        width: calc(1 / 5 * 100%);
         animation: ga-progress-animation 1400ms linear infinite;
       }
     }
@@ -2031,11 +2234,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(
@@ -2045,7 +2253,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;
@@ -2078,7 +2286,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);
     }
@@ -2196,14 +2404,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;
@@ -2254,6 +2461,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);
@@ -2264,7 +2476,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);
@@ -2281,7 +2493,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(
@@ -2291,7 +2503,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;
@@ -2310,6 +2522,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);
       }
@@ -2323,7 +2540,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 {
@@ -2340,7 +2557,7 @@
       padding: 0;
       margin: -1px;
       overflow: hidden;
-      clip: rect(0, 0, 0, 0);
+      clip-path: inset(50%);
       white-space: nowrap;
       border-width: 0;
     }
@@ -2365,7 +2582,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;
@@ -2373,9 +2590,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);
     }
   }
@@ -2402,13 +2619,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);
     }
@@ -2432,7 +2654,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) {
@@ -2556,6 +2778,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;
@@ -2566,8 +2793,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;
@@ -2582,8 +2809,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;
@@ -2654,7 +2881,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;
@@ -2672,13 +2899,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;
@@ -2822,6 +3054,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 {
@@ -2844,6 +3081,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 {
@@ -2862,7 +3104,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 {
@@ -2871,47 +3113,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);
@@ -2952,10 +3190,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);
     }
@@ -2981,7 +3224,7 @@
       }
     }
   }
-  .ga-text-xs {
+  .ga-text-helper {
     font-size: calc(
     var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -2989,10 +3232,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)
   );
@@ -3001,7 +3244,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)
   );
@@ -3009,10 +3252,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)
   );
@@ -3020,10 +3263,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)
   );
@@ -3031,10 +3274,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)
   );
@@ -3042,10 +3285,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)
   );
@@ -3053,7 +3296,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 {
@@ -3069,7 +3312,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 {
@@ -3078,7 +3321,6 @@
         position: absolute;
       }
       &::before {
-        content: var(--tw-content);
         --tw-content: '';
         content: var(--tw-content);
       }
@@ -3117,8 +3359,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 {
@@ -3146,8 +3388,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 {
@@ -3176,7 +3418,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;
@@ -3184,6 +3426,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);
@@ -3208,7 +3455,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 {
@@ -3261,13 +3508,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);
@@ -3354,6 +3606,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-inset-shadow {
   syntax: "*";
   inherits: false;
@@ -3363,6 +3620,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-ring-color {
   syntax: "*";
   inherits: false;
@@ -3405,6 +3667,11 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-content {
+  syntax: "*";
+  inherits: false;
+  initial-value: "";
+}
 @property --tw-ordinal {
   syntax: "*";
   inherits: false;
@@ -3443,32 +3710,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: "*";
@@ -3512,7 +3769,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%;
+    }
+  }
 }