@vsn-ux/gaia-styles 0.3.2 → 0.4.0

package/dist/base.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
 body {
   font-family: Inter, ui-sans-serif, system-ui, sans-serif;
   font-feature-settings: 'liga' 1, 'calt' 1;

package/dist/components/avatar.css

@@ -1,4 +1,12 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-font-weight: initial;
+    }
+  }
+}
 .ga-avatar {
   display: inline-flex;
   height: calc(0.25rem * 10);
@@ -15,15 +23,15 @@
   &.ga-avatar--small {
     height: calc(0.25rem * 6);
     width: calc(0.25rem * 6);
-    font-size: var(--ga-size-font-sm);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+    font-size: var(--ga-text-sm-font-size);
+    line-height: var(--tw-leading, var(--ga-text-sm-line-height));
     letter-spacing: var(--tw-tracking, 0);
   }
   &.ga-avatar--large {
     height: calc(0.25rem * 16);
     width: calc(0.25rem * 16);
-    font-size: var(--ga-size-font-2xl);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 2.25));
+    font-size: var(--ga-text-2xl-font-size);
+    line-height: var(--tw-leading, var(--ga-text-2xl-line-height));
     letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.019));
   }
 }

package/dist/components/badge.css

@@ -1,4 +1,26 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-leading: initial;
+      --tw-font-weight: 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;
+    }
+  }
+}
 .ga-badge {
   display: inline-block;
   border-radius: calc(infinity * 1px);
@@ -7,8 +29,8 @@
     min-width: calc(0.25rem * 6);
     padding: calc(0.25rem * 1);
     text-align: center;
-    font-size: var(--ga-size-font-sm);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+    font-size: var(--ga-text-sm-font-size);
+    line-height: var(--tw-leading, var(--ga-text-sm-line-height));
     letter-spacing: var(--tw-tracking, 0);
     --tw-leading: calc(0.25rem * 4);
     line-height: calc(0.25rem * 4);
@@ -74,6 +96,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-inset-shadow {
   syntax: "*";
   inherits: false;
@@ -83,6 +110,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-ring-color {
   syntax: "*";
   inherits: false;

package/dist/components/button.css

@@ -1,4 +1,14 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-outline-style: solid;
+      --tw-border-style: solid;
+    }
+  }
+}
 .ga-button {
   display: inline-flex;
   height: calc(0.25rem * 10);
@@ -9,8 +19,8 @@
   border-radius: var(--ga-radius);
   padding-inline: calc(0.25rem * 4);
   vertical-align: middle;
-  font-size: var(--ga-size-font-md);
-  line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+  font-size: var(--ga-text-md-font-size);
+  line-height: var(--tw-leading, var(--ga-text-md-line-height));
   letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
   --tw-leading: calc(0.25rem * 1);
   line-height: calc(0.25rem * 1);
@@ -53,7 +63,7 @@
     }
     &:disabled {
       border-color: var(--ga-color-border-disabled);
-      background-color: var(--ga-color-surace-page);
+      background-color: var(--ga-color-surface-page);
       color: var(--ga-color-text-disabled);
     }
   }

package/dist/components/card.css

@@ -1,4 +1,12 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-outline-style: solid;
+    }
+  }
+}
 .ga-card {
   display: inline-block;
   border-radius: var(--ga-radius);
@@ -7,8 +15,8 @@
   border-color: var(--ga-color-border-primary);
   background-color: #fff;
   padding: calc(0.25rem * 4);
-  font-size: var(--ga-size-font-md);
-  line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+  font-size: var(--ga-text-md-font-size);
+  line-height: var(--tw-leading, var(--ga-text-md-line-height));
   letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
   &.ga-card--selectable {
     cursor: pointer;

package/dist/components/checkbox.css

@@ -1,4 +1,13 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-outline-style: solid;
+      --tw-leading: initial;
+    }
+  }
+}
 .ga-checkbox {
   position: relative;
   display: inline-flex;
@@ -75,8 +84,8 @@
   }
   .ga-checkbox__label {
     min-height: calc(0.25rem * 4);
-    font-size: var(--ga-size-font-md);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+    font-size: var(--ga-text-md-font-size);
+    line-height: var(--tw-leading, var(--ga-text-md-line-height));
     letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
     --tw-leading: calc(0.25rem * 4);
     line-height: calc(0.25rem * 4);

package/dist/components/dropdown.css

@@ -1,4 +1,14 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-content: "";
+    }
+  }
+}
 .ga-dropdown {
   display: flex;
   max-height: calc(0.25rem * 81);
@@ -11,8 +21,8 @@
   border-width: 1px;
   border-color: var(--ga-color-border-primary);
   background-color: var(--ga-color-surface-primary);
-  font-size: var(--ga-size-font-md);
-  line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+  font-size: var(--ga-text-md-font-size);
+  line-height: var(--tw-leading, var(--ga-text-md-line-height));
   letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
   --tw-outline-style: none;
   outline-style: none;
@@ -29,8 +39,8 @@
     padding-inline: calc(0.25rem * 3);
     padding-block: calc(0.25rem * 2);
     text-align: left;
-    font-size: var(--ga-size-font-md);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+    font-size: var(--ga-text-md-font-size);
+    line-height: var(--tw-leading, var(--ga-text-md-line-height));
     letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
     --tw-leading: 1;
     line-height: 1;
@@ -87,8 +97,8 @@
     padding-inline: calc(0.25rem * 3);
     padding-top: calc(0.25rem * 3);
     padding-bottom: calc(0.25rem * 2);
-    font-size: var(--ga-size-font-sm);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+    font-size: var(--ga-text-sm-font-size);
+    line-height: var(--tw-leading, var(--ga-text-sm-line-height));
     letter-spacing: var(--tw-tracking, 0);
     --tw-font-weight: 600;
     font-weight: 600;

package/dist/components/form-field.css

@@ -1,4 +1,14 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-leading: initial;
+      --tw-outline-style: solid;
+      --tw-font-weight: initial;
+      --tw-border-style: solid;
+    }
+  }
+}
 .ga-form-field {
   display: flex;
   flex-direction: column;
@@ -30,15 +40,15 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font-size: var(--ga-size-font-md);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+    font-size: var(--ga-text-md-font-size);
+    line-height: var(--tw-leading, var(--ga-text-md-line-height));
     letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
     --tw-font-weight: 500;
     font-weight: 500;
   }
   .ga-form-field__label-state {
-    font-size: var(--ga-size-font-sm);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+    font-size: var(--ga-text-sm-font-size);
+    line-height: var(--tw-leading, var(--ga-text-sm-line-height));
     letter-spacing: var(--tw-tracking, 0);
     --tw-font-weight: 400;
     font-weight: 400;
@@ -65,8 +75,8 @@
     display: flex;
     align-items: center;
     gap: calc(0.25rem * 1);
-    font-size: var(--ga-size-font-xs);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1));
+    font-size: var(--ga-text-xs-font-size);
+    line-height: var(--tw-leading, var(--ga-text-xs-line-height));
     letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * 0.005));
   }
 }

package/dist/components/input.css

@@ -1,4 +1,13 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-outline-style: solid;
+      --tw-leading: initial;
+    }
+  }
+}
 .ga-input {
   display: flex;
   height: calc(0.25rem * 10);
@@ -13,8 +22,8 @@
   background-color: var(--ga-color-bg-primary);
   padding-inline: calc(0.25rem * 3);
   padding-block: calc(0.25rem * 2);
-  font-size: var(--ga-size-font-md);
-  line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+  font-size: var(--ga-text-md-font-size);
+  line-height: var(--tw-leading, var(--ga-text-md-line-height));
   letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
   &:hover {
     border-color: var(--ga-color-border-action-hover);

package/dist/components/menu.css

@@ -1,4 +1,14 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-content: "";
+      --tw-font-weight: initial;
+    }
+  }
+}
 .ga-menu {
   display: flex;
   max-height: calc(0.25rem * 81);
@@ -11,8 +21,8 @@
   border-width: 1px;
   border-color: var(--ga-color-border-primary);
   background-color: var(--ga-color-surface-primary);
-  font-size: var(--ga-size-font-md);
-  line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+  font-size: var(--ga-text-md-font-size);
+  line-height: var(--tw-leading, var(--ga-text-md-line-height));
   letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
   .ga-menu__item {
     position: relative;
@@ -122,8 +132,8 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font-size: var(--ga-size-font-md);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+    font-size: var(--ga-text-md-font-size);
+    line-height: var(--tw-leading, var(--ga-text-md-line-height));
     letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
     --tw-font-weight: 500;
     font-weight: 500;
@@ -137,16 +147,16 @@
     border-color: var(--ga-color-border-disabled);
     background-color: #fff;
     padding-inline: calc(0.25rem * 1);
-    font-size: var(--ga-size-font-xs);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1));
+    font-size: var(--ga-text-xs-font-size);
+    line-height: var(--tw-leading, var(--ga-text-xs-line-height));
     letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * 0.005));
     --tw-font-weight: 500;
     font-weight: 500;
     color: var(--ga-color-text-body);
   }
   .ga-menu__item-description {
-    font-size: var(--ga-size-font-xs);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1));
+    font-size: var(--ga-text-xs-font-size);
+    line-height: var(--tw-leading, var(--ga-text-xs-line-height));
     letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * 0.005));
     color: var(--ga-color-text-disable-selected);
   }
@@ -160,8 +170,8 @@
     padding-inline: calc(0.25rem * 3);
     padding-top: calc(0.25rem * 3);
     padding-bottom: calc(0.25rem * 2);
-    font-size: var(--ga-size-font-sm);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+    font-size: var(--ga-text-sm-font-size);
+    line-height: var(--tw-leading, var(--ga-text-sm-line-height));
     letter-spacing: var(--tw-tracking, 0);
     --tw-font-weight: 600;
     font-weight: 600;

package/dist/components/notification.css

@@ -1,4 +1,12 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-font-weight: initial;
+    }
+  }
+}
 .ga-notification {
   display: inline-flex;
   flex-direction: row;
@@ -13,8 +21,8 @@
   padding-right: calc(0.25rem * 2);
   padding-bottom: calc(0.25rem * 4);
   padding-left: calc(0.25rem * 4);
-  font-size: var(--ga-size-font-md);
-  line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+  font-size: var(--ga-text-md-font-size);
+  line-height: var(--tw-leading, var(--ga-text-md-line-height));
   letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
   &.ga-notification--information {
     border-color: var(--ga-color-border-information);

package/dist/components/radio.css

@@ -1,4 +1,17 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-outline-style: solid;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-content: "";
+      --tw-border-style: solid;
+      --tw-leading: initial;
+    }
+  }
+}
 .ga-radio-group {
   display: inline-flex;
   flex-direction: column;
@@ -90,8 +103,8 @@
   }
   .ga-radio-button__label {
     min-height: calc(0.25rem * 4);
-    font-size: var(--ga-size-font-md);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+    font-size: var(--ga-text-md-font-size);
+    line-height: var(--tw-leading, var(--ga-text-md-line-height));
     letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
     --tw-leading: calc(0.25rem * 4);
     line-height: calc(0.25rem * 4);

package/dist/components/segmented-control.css

@@ -1,63 +1,62 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-outline-style: solid;
+    }
+  }
+}
 .ga-segmented-control {
   display: inline-flex;
-  height: calc(0.25rem * 10);
   align-items: center;
   justify-content: center;
+  gap: calc(0.25rem * 1);
+  border-radius: var(--ga-radius);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--ga-color-border-primary);
+  padding: calc(0.25rem * 0.5);
   vertical-align: middle;
-  font-size: var(--ga-size-font-md);
-  line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+  font-size: var(--ga-text-md-font-size);
+  line-height: var(--tw-leading, var(--ga-text-md-line-height));
   letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
   .ga-segmented-control__button {
     display: inline-flex;
-    height: calc(0.25rem * 10);
+    height: calc(0.25rem * 9);
+    cursor: pointer;
     align-items: center;
     justify-content: center;
     gap: calc(0.25rem * 2);
-    border-top-style: var(--tw-border-style);
-    border-top-width: 1px;
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
-    border-left-style: var(--tw-border-style);
-    border-left-width: 1px;
-    border-color: var(--ga-color-neutral-30);
-    background-color: #fff;
+    border-radius: var(--ga-radius);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: transparent;
+    background-color: var(--ga-color-surface-primary);
     padding-inline: calc(0.25rem * 4);
     vertical-align: middle;
     --tw-leading: calc(0.25rem * 1);
     line-height: calc(0.25rem * 1);
-    --tw-font-weight: 500;
-    font-weight: 500;
-    color: var(--ga-color-cyan-80);
-    &:first-of-type {
-      border-top-left-radius: var(--ga-radius);
-      border-bottom-left-radius: var(--ga-radius);
+    color: var(--ga-color-text-action);
+    &.ga-segmented-control__button--selected, &:hover {
+      border-color: var(--ga-color-border-action);
     }
-    &:last-of-type {
-      border-top-right-radius: var(--ga-radius);
-      border-bottom-right-radius: var(--ga-radius);
-      border-right-style: var(--tw-border-style);
-      border-right-width: 1px;
+    &:hover {
+      background-color: var(--ga-color-surface-action-hover-2);
+      color: var(--ga-color-text-action-hover);
     }
-    &.ga-segmented-control__button--selected {
-      background-color: var(--ga-color-cyan-80);
-      --tw-font-weight: 600;
-      font-weight: 600;
-      color: var(--ga-color-orange-10);
+    &:focus-visible {
+      outline-style: var(--tw-outline-style);
+      outline-width: 2px;
+      outline-offset: 2px;
+      outline-color: var(--ga-color-border-focus);
     }
-    &:not( .ga-segmented-control__button--selected, .ga-segmented-control__button--disabled, :disabled ) {
-      cursor: pointer;
+    &.ga-segmented-control__button--icon-only {
+      padding-inline: 0.5625rem;
       &:hover {
-        background-color: var(--ga-color-surface-action-hover-2);
+        color: var(--ga-color-icon-action-hover);
       }
-      &:active {
-        background-color: #fff;
-      }
-    }
-    &.ga-segmented-control__button--disabled, &:disabled {
-      border-color: var(--ga-color-neutral-30);
-      background-color: var(--ga-color-neutral-10);
-      color: var(--ga-color-grey-40);
     }
   }
 }
@@ -70,7 +69,8 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-font-weight {
+@property --tw-outline-style {
   syntax: "*";
   inherits: false;
+  initial-value: solid;
 }

package/dist/components/select.css

@@ -1,4 +1,16 @@
-/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @layer base {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-outline-style: solid;
+    }
+  }
+}
 .ga-native-select {
   position: relative;
   select {
@@ -12,8 +24,8 @@
     padding-block: calc(0.25rem * 2);
     padding-right: calc(0.25rem * 9);
     padding-left: calc(0.25rem * 3);
-    font-size: var(--ga-size-font-md);
-    line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+    font-size: var(--ga-text-md-font-size);
+    line-height: var(--tw-leading, var(--ga-text-md-line-height));
     letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
     --tw-leading: 1;
     line-height: 1;
@@ -43,8 +55,8 @@
   padding-inline: calc(0.25rem * 3);
   padding-block: calc(0.25rem * 2);
   text-align: left;
-  font-size: var(--ga-size-font-md);
-  line-height: var(--tw-leading, calc(var(--spacing) * 4 * 1.25));
+  font-size: var(--ga-text-md-font-size);
+  line-height: var(--tw-leading, var(--ga-text-md-line-height));
   letter-spacing: var(--tw-tracking, calc(var(--spacing) * 4 * -0.006));
   --tw-leading: 1;
   line-height: 1;