@vsn-ux/gaia-styles 0.5.19 → 0.6.1

package/dist/components.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-avatar {
   display: inline-flex;
   height: calc(0.25rem * 10);
@@ -33,7 +34,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)
   ));
   }
 }
@@ -70,33 +71,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;
@@ -106,7 +107,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);
     }
   }
@@ -121,7 +122,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;
@@ -142,7 +143,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);
     }
   }
 }
@@ -163,13 +164,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.25rem * 1);
   line-height: calc(0.25rem * 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);
   }
@@ -195,7 +201,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);
@@ -283,7 +289,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.25rem * 4);
   font-size: calc(
@@ -293,19 +299,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 {
@@ -322,9 +343,7 @@
   width: calc(0.25rem * 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 {
@@ -352,7 +371,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;
@@ -368,6 +387,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);
@@ -414,13 +438,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.25rem * 10);
     line-height: calc(0.25rem * 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;
@@ -435,7 +464,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);
     }
@@ -460,9 +489,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);
@@ -470,12 +504,12 @@
     &.ga-calendar__day--current::after {
       position: absolute;
       bottom: calc(0.25rem * 2);
-      left: calc(1/2 * 100%);
+      left: calc(1 / 2 * 100%);
       height: calc(0.25rem * 0.5);
       width: calc(0.25rem * 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: '';
@@ -484,12 +518,12 @@
     &.ga-calendar__day--special::after {
       position: absolute;
       bottom: calc(0.25rem * 2);
-      left: calc(1/2 * 100%);
+      left: calc(1 / 2 * 100%);
       height: calc(0.25rem * 1);
       width: calc(0.25rem * 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: '';
@@ -532,7 +566,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 {
@@ -577,7 +611,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;
@@ -599,6 +633,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;
     }
@@ -666,7 +705,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.25rem * 4);
     line-height: calc(0.25rem * 4);
@@ -700,6 +739,8 @@
   border-color: var(--ga-color-border-primary);
   background-color: var(--ga-color-surface-primary);
   padding: calc(0.25rem * 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.25rem * 2);
   }
@@ -736,8 +777,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) {
@@ -756,7 +799,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%;
@@ -786,9 +828,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);
@@ -930,10 +977,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(
@@ -976,7 +1028,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;
@@ -1004,8 +1056,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)) {
@@ -1085,7 +1142,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);
@@ -1181,12 +1238,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;
     }
   }
@@ -1218,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);
   .ga-menu__item {
     position: relative;
     display: flex;
@@ -1233,6 +1292,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);
@@ -1335,7 +1399,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;
@@ -1356,7 +1420,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;
@@ -1370,7 +1434,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);
   }
@@ -1433,7 +1497,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 {
@@ -1493,7 +1557,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;
@@ -1551,7 +1615,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);
   }
@@ -1567,9 +1631,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 {
@@ -1589,7 +1653,7 @@
   }
   &.ga-progress--indeterminate {
     .ga-progress__bar {
-      width: calc(1/5 * 100%);
+      width: calc(1 / 5 * 100%);
       animation: ga-progress-animation 1400ms linear infinite;
     }
   }
@@ -1672,11 +1736,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(
@@ -1686,7 +1755,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;
@@ -1719,7 +1788,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);
   }
@@ -1837,14 +1906,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.25rem * 1);
         width: calc(0.25rem * 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;
@@ -1895,6 +1963,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.25rem * 4);
@@ -1905,7 +1978,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.25rem * 4);
     line-height: calc(0.25rem * 4);
@@ -1922,7 +1995,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.25rem * 0.5);
   vertical-align: middle;
   font-size: calc(
@@ -1932,7 +2005,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;
@@ -1951,6 +2024,11 @@
     line-height: calc(0.25rem * 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);
     }
@@ -1964,7 +2042,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 {
@@ -1981,7 +2059,7 @@
     padding: 0;
     margin: -1px;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
     white-space: nowrap;
     border-width: 0;
   }
@@ -2006,7 +2084,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;
@@ -2014,9 +2092,9 @@
   .ga-native-select__arrow {
     pointer-events: none;
     position: absolute;
-    top: calc(1/2 * 100%);
+    top: calc(1 / 2 * 100%);
     right: calc(0.25rem * 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);
   }
 }
@@ -2043,13 +2121,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);
   }
@@ -2073,7 +2156,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) {
@@ -2197,6 +2280,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;
@@ -2207,8 +2295,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;
@@ -2223,8 +2311,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;
@@ -2295,7 +2383,7 @@
   display: flex;
   gap: calc(0.25rem * 2);
   &.ga-tabs--keyline {
-    border-color: var(--ga-color-border-primary);
+    border-color: var(--ga-color-border-tertiary);
   }
   .ga-tabs__tab {
     position: relative;
@@ -2313,13 +2401,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.25rem * 4);
     line-height: calc(0.25rem * 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;
@@ -2463,6 +2556,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 {
@@ -2485,6 +2583,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 {
@@ -2503,7 +2606,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.25rem * 1.5);
     .ga-tag__icon {
@@ -2512,47 +2615,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);
@@ -2593,10 +2692,15 @@ textarea.ga-text-area {
     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.25rem * 6);
   line-height: calc(0.25rem * 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);
   }
@@ -2622,7 +2726,7 @@ textarea.ga-text-area {
     }
   }
 }
-.ga-text-xs {
+.ga-text-helper {
   font-size: calc(
     var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -2630,10 +2734,10 @@ textarea.ga-text-area {
     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)
   );
@@ -2642,7 +2746,7 @@ textarea.ga-text-area {
   ));
   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)
   );
@@ -2650,10 +2754,10 @@ textarea.ga-text-area {
     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)
   );
@@ -2661,10 +2765,10 @@ textarea.ga-text-area {
     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)
   );
@@ -2672,10 +2776,10 @@ textarea.ga-text-area {
     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)
   );
@@ -2683,10 +2787,10 @@ textarea.ga-text-area {
     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)
   );
@@ -2694,7 +2798,7 @@ textarea.ga-text-area {
     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 {
@@ -2710,7 +2814,7 @@ textarea.ga-text-area {
     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 {
@@ -2719,7 +2823,6 @@ textarea.ga-text-area {
       position: absolute;
     }
     &::before {
-      content: var(--tw-content);
       --tw-content: '';
       content: var(--tw-content);
     }
@@ -2758,8 +2861,8 @@ textarea.ga-text-area {
     left: calc(0.25rem * 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 {
@@ -2787,8 +2890,8 @@ textarea.ga-text-area {
     top: calc(0.25rem * 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 {
@@ -2817,7 +2920,7 @@ textarea.ga-text-area {
     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;
@@ -2825,6 +2928,11 @@ textarea.ga-text-area {
   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);
@@ -2849,7 +2957,7 @@ textarea.ga-text-area {
     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 {
@@ -2902,13 +3010,18 @@ textarea.ga-text-area {
     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.25rem * 1);
   line-height: calc(0.25rem * 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);
@@ -2991,6 +3104,11 @@ textarea.ga-text-area {
   syntax: "*";
   inherits: false;
 }
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-inset-shadow {
   syntax: "*";
   inherits: false;
@@ -3000,6 +3118,11 @@ textarea.ga-text-area {
   syntax: "*";
   inherits: false;
 }
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-ring-color {
   syntax: "*";
   inherits: false;
@@ -3042,6 +3165,11 @@ textarea.ga-text-area {
   inherits: false;
   initial-value: solid;
 }
+@property --tw-content {
+  syntax: "*";
+  inherits: false;
+  initial-value: "";
+}
 @property --tw-ordinal {
   syntax: "*";
   inherits: false;
@@ -3080,32 +3208,22 @@ textarea.ga-text-area {
 @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: "*";
@@ -3149,7 +3267,50 @@ textarea.ga-text-area {
   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%;
+    }
+  }
 }