@vsn-ux/gaia-styles 0.4.8 → 0.4.10

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

@@ -1,6 +1,6 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
-:root {
+:root, :host {
   --ga-color-black: #000000;
   --ga-color-blue-10: #edf4fe;
   --ga-color-blue-40: #93bbf9;
@@ -776,7 +776,7 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: var(--ga-color-border-primary);
-    background-color: var(--ga-color-bg-primary);
+    background-color: var(--ga-color-surface-primary);
     padding-inline: calc(0.4rem * 3);
     padding-block: calc(0.4rem * 2);
     font-size: calc(
@@ -1657,6 +1657,110 @@
       outline-color: var(--ga-color-border-error);
     }
   }
+  .ga-tabs {
+    display: flex;
+    gap: calc(0.4rem * 2);
+    &.ga-tabs--keyline {
+      border-color: var(--ga-color-border-primary);
+    }
+    .ga-tabs__tab {
+      position: relative;
+      display: flex;
+      height: calc(0.4rem * 8);
+      cursor: pointer;
+      align-items: center;
+      gap: calc(0.4rem * 2);
+      border-color: var(--ga-color-surface-primary);
+      background-color: var(--ga-color-surface-primary);
+      font-size: calc(
+    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
+  );
+      line-height: var(--tw-leading, calc(
+    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)
+  ));
+      --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);
+      &.ga-tabs__tab--selected {
+        border-color: var(--ga-color-border-action);
+        --tw-font-weight: 600;
+        font-weight: 600;
+      }
+      &.ga-tabs__tab--disabled {
+        cursor: not-allowed;
+        color: var(--ga-color-text-disabled);
+        &.ga-tabs__tab--selected {
+          border-color: var(--ga-color-border-disabled);
+        }
+        .ga-tabs__tab-icon {
+          color: var(--ga-color-icon-disabled);
+        }
+      }
+      &:not(.ga-tabs__tab--disabled):hover {
+        border-color: var(--ga-color-border-action-hover);
+        color: var(--ga-color-text-action-hover);
+      }
+      &:not(.ga-tabs__tab--disabled):hover .ga-tabs__tab-icon {
+        color: var(--ga-color-icon-primary);
+      }
+      &:focus-visible {
+        --tw-outline-style: none;
+        outline-style: none;
+      }
+      &:focus-visible::after, &.ga-tabs__tab--focused::after {
+        position: absolute;
+        inset: calc(0.4rem * -1);
+        border-radius: var(--ga-radius);
+        border-style: var(--tw-border-style);
+        border-width: 2px;
+        border-color: var(--ga-color-border-focus);
+        --tw-content: '';
+        content: var(--tw-content);
+      }
+      .ga-tabs__tab-icon {
+        color: var(--ga-color-icon-action);
+      }
+    }
+    &.ga-tabs--horizontal {
+      flex-direction: row;
+      &.ga-tabs--keyline {
+        border-bottom-style: var(--tw-border-style);
+        border-bottom-width: 1px;
+      }
+      .ga-tabs__tab {
+        border-bottom-style: var(--tw-border-style);
+        border-bottom-width: 4px;
+        padding-inline: calc(0.4rem * 4);
+        padding-top: calc(0.4rem * 2);
+        padding-bottom: calc(0.4rem * 1);
+        &:focus-visible::after, &.ga-tabs__tab--focused::after {
+          bottom: calc(0.4rem * -2);
+        }
+      }
+    }
+    &.ga-tabs--vertical {
+      flex-direction: column;
+      &.ga-tabs--keyline {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 1px;
+      }
+      .ga-tabs__tab {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 4px;
+        padding-block: calc(0.4rem * 2);
+        padding-right: calc(0.4rem * 4);
+        padding-left: calc(0.4rem * 3);
+        &:focus-visible::after, &.ga-tabs__tab--focused::after {
+          left: calc(0.4rem * -2);
+        }
+      }
+    }
+  }
   .ga-tag {
     box-sizing: content-box;
     display: inline-flex;
@@ -1845,7 +1949,7 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: var(--ga-color-border-primary);
-    background-color: var(--ga-color-bg-primary);
+    background-color: var(--ga-color-surface-primary);
     font-size: calc(
     var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
   );
@@ -2078,7 +2182,7 @@
     }
   }
 }
-:root {
+:root, :host {
   --ga-base-scaling-factor: 1.6;
 }
 @property --tw-border-style {

package/dist/all-no-reset.css

@@ -1,6 +1,6 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
-:root {
+:root, :host {
   --ga-color-black: #000000;
   --ga-color-blue-10: #edf4fe;
   --ga-color-blue-40: #93bbf9;
@@ -776,7 +776,7 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: var(--ga-color-border-primary);
-    background-color: var(--ga-color-bg-primary);
+    background-color: var(--ga-color-surface-primary);
     padding-inline: calc(0.25rem * 3);
     padding-block: calc(0.25rem * 2);
     font-size: calc(
@@ -1657,6 +1657,110 @@
       outline-color: var(--ga-color-border-error);
     }
   }
+  .ga-tabs {
+    display: flex;
+    gap: calc(0.25rem * 2);
+    &.ga-tabs--keyline {
+      border-color: var(--ga-color-border-primary);
+    }
+    .ga-tabs__tab {
+      position: relative;
+      display: flex;
+      height: calc(0.25rem * 8);
+      cursor: pointer;
+      align-items: center;
+      gap: calc(0.25rem * 2);
+      border-color: var(--ga-color-surface-primary);
+      background-color: var(--ga-color-surface-primary);
+      font-size: calc(
+    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
+  );
+      line-height: var(--tw-leading, calc(
+    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)
+  ));
+      --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);
+      &.ga-tabs__tab--selected {
+        border-color: var(--ga-color-border-action);
+        --tw-font-weight: 600;
+        font-weight: 600;
+      }
+      &.ga-tabs__tab--disabled {
+        cursor: not-allowed;
+        color: var(--ga-color-text-disabled);
+        &.ga-tabs__tab--selected {
+          border-color: var(--ga-color-border-disabled);
+        }
+        .ga-tabs__tab-icon {
+          color: var(--ga-color-icon-disabled);
+        }
+      }
+      &:not(.ga-tabs__tab--disabled):hover {
+        border-color: var(--ga-color-border-action-hover);
+        color: var(--ga-color-text-action-hover);
+      }
+      &:not(.ga-tabs__tab--disabled):hover .ga-tabs__tab-icon {
+        color: var(--ga-color-icon-primary);
+      }
+      &:focus-visible {
+        --tw-outline-style: none;
+        outline-style: none;
+      }
+      &:focus-visible::after, &.ga-tabs__tab--focused::after {
+        position: absolute;
+        inset: calc(0.25rem * -1);
+        border-radius: var(--ga-radius);
+        border-style: var(--tw-border-style);
+        border-width: 2px;
+        border-color: var(--ga-color-border-focus);
+        --tw-content: '';
+        content: var(--tw-content);
+      }
+      .ga-tabs__tab-icon {
+        color: var(--ga-color-icon-action);
+      }
+    }
+    &.ga-tabs--horizontal {
+      flex-direction: row;
+      &.ga-tabs--keyline {
+        border-bottom-style: var(--tw-border-style);
+        border-bottom-width: 1px;
+      }
+      .ga-tabs__tab {
+        border-bottom-style: var(--tw-border-style);
+        border-bottom-width: 4px;
+        padding-inline: calc(0.25rem * 4);
+        padding-top: calc(0.25rem * 2);
+        padding-bottom: calc(0.25rem * 1);
+        &:focus-visible::after, &.ga-tabs__tab--focused::after {
+          bottom: calc(0.25rem * -2);
+        }
+      }
+    }
+    &.ga-tabs--vertical {
+      flex-direction: column;
+      &.ga-tabs--keyline {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 1px;
+      }
+      .ga-tabs__tab {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 4px;
+        padding-block: calc(0.25rem * 2);
+        padding-right: calc(0.25rem * 4);
+        padding-left: calc(0.25rem * 3);
+        &:focus-visible::after, &.ga-tabs__tab--focused::after {
+          left: calc(0.25rem * -2);
+        }
+      }
+    }
+  }
   .ga-tag {
     box-sizing: content-box;
     display: inline-flex;
@@ -1845,7 +1949,7 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: var(--ga-color-border-primary);
-    background-color: var(--ga-color-bg-primary);
+    background-color: var(--ga-color-surface-primary);
     font-size: calc(
     var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
   );

package/dist/all.css

@@ -1,6 +1,6 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
-:root {
+:root, :host {
   --ga-color-black: #000000;
   --ga-color-blue-10: #edf4fe;
   --ga-color-blue-40: #93bbf9;
@@ -922,7 +922,7 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: var(--ga-color-border-primary);
-    background-color: var(--ga-color-bg-primary);
+    background-color: var(--ga-color-surface-primary);
     padding-inline: calc(0.25rem * 3);
     padding-block: calc(0.25rem * 2);
     font-size: calc(
@@ -1803,6 +1803,110 @@
       outline-color: var(--ga-color-border-error);
     }
   }
+  .ga-tabs {
+    display: flex;
+    gap: calc(0.25rem * 2);
+    &.ga-tabs--keyline {
+      border-color: var(--ga-color-border-primary);
+    }
+    .ga-tabs__tab {
+      position: relative;
+      display: flex;
+      height: calc(0.25rem * 8);
+      cursor: pointer;
+      align-items: center;
+      gap: calc(0.25rem * 2);
+      border-color: var(--ga-color-surface-primary);
+      background-color: var(--ga-color-surface-primary);
+      font-size: calc(
+    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
+  );
+      line-height: var(--tw-leading, calc(
+    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)
+  ));
+      --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);
+      &.ga-tabs__tab--selected {
+        border-color: var(--ga-color-border-action);
+        --tw-font-weight: 600;
+        font-weight: 600;
+      }
+      &.ga-tabs__tab--disabled {
+        cursor: not-allowed;
+        color: var(--ga-color-text-disabled);
+        &.ga-tabs__tab--selected {
+          border-color: var(--ga-color-border-disabled);
+        }
+        .ga-tabs__tab-icon {
+          color: var(--ga-color-icon-disabled);
+        }
+      }
+      &:not(.ga-tabs__tab--disabled):hover {
+        border-color: var(--ga-color-border-action-hover);
+        color: var(--ga-color-text-action-hover);
+      }
+      &:not(.ga-tabs__tab--disabled):hover .ga-tabs__tab-icon {
+        color: var(--ga-color-icon-primary);
+      }
+      &:focus-visible {
+        --tw-outline-style: none;
+        outline-style: none;
+      }
+      &:focus-visible::after, &.ga-tabs__tab--focused::after {
+        position: absolute;
+        inset: calc(0.25rem * -1);
+        border-radius: var(--ga-radius);
+        border-style: var(--tw-border-style);
+        border-width: 2px;
+        border-color: var(--ga-color-border-focus);
+        --tw-content: '';
+        content: var(--tw-content);
+      }
+      .ga-tabs__tab-icon {
+        color: var(--ga-color-icon-action);
+      }
+    }
+    &.ga-tabs--horizontal {
+      flex-direction: row;
+      &.ga-tabs--keyline {
+        border-bottom-style: var(--tw-border-style);
+        border-bottom-width: 1px;
+      }
+      .ga-tabs__tab {
+        border-bottom-style: var(--tw-border-style);
+        border-bottom-width: 4px;
+        padding-inline: calc(0.25rem * 4);
+        padding-top: calc(0.25rem * 2);
+        padding-bottom: calc(0.25rem * 1);
+        &:focus-visible::after, &.ga-tabs__tab--focused::after {
+          bottom: calc(0.25rem * -2);
+        }
+      }
+    }
+    &.ga-tabs--vertical {
+      flex-direction: column;
+      &.ga-tabs--keyline {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 1px;
+      }
+      .ga-tabs__tab {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 4px;
+        padding-block: calc(0.25rem * 2);
+        padding-right: calc(0.25rem * 4);
+        padding-left: calc(0.25rem * 3);
+        &:focus-visible::after, &.ga-tabs__tab--focused::after {
+          left: calc(0.25rem * -2);
+        }
+      }
+    }
+  }
   .ga-tag {
     box-sizing: content-box;
     display: inline-flex;
@@ -1991,7 +2095,7 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: var(--ga-color-border-primary);
-    background-color: var(--ga-color-bg-primary);
+    background-color: var(--ga-color-surface-primary);
     font-size: calc(
     var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
   );

package/dist/base.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | 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,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-avatar {
   display: inline-flex;

package/dist/components/badge.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-badge {
   display: inline-block;

package/dist/components/button.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-button {
   display: inline-flex;

package/dist/components/card.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-card {
   display: inline-block;

package/dist/components/checkbox.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-checkbox {
   position: relative;

package/dist/components/dropdown.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-dropdown {
   display: flex;

package/dist/components/form-field.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-form-field {
   display: flex;

package/dist/components/input.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-input {
   display: flex;
@@ -11,7 +11,7 @@
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--ga-color-border-primary);
-  background-color: var(--ga-color-bg-primary);
+  background-color: var(--ga-color-surface-primary);
   padding-inline: calc(0.25rem * 3);
   padding-block: calc(0.25rem * 2);
   font-size: calc(

package/dist/components/link.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-link {
   display: inline-flex;

package/dist/components/menu.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-menu {
   display: flex;

package/dist/components/modal.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-modal__backdrop {
   position: fixed;

package/dist/components/notification.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-notification {
   display: inline-flex;

package/dist/components/radio.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-radio-group {
   display: inline-flex;

package/dist/components/segmented-control.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-segmented-control {
   display: inline-flex;

package/dist/components/select.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-native-select {
   position: relative;

package/dist/components/switch.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 .ga-switch {
   position: relative;

package/dist/components/tabs.css

@@ -0,0 +1,134 @@
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
+@layer properties;
+.ga-tabs {
+  display: flex;
+  gap: calc(0.25rem * 2);
+  &.ga-tabs--keyline {
+    border-color: var(--ga-color-border-primary);
+  }
+  .ga-tabs__tab {
+    position: relative;
+    display: flex;
+    height: calc(0.25rem * 8);
+    cursor: pointer;
+    align-items: center;
+    gap: calc(0.25rem * 2);
+    border-color: var(--ga-color-surface-primary);
+    background-color: var(--ga-color-surface-primary);
+    font-size: calc(
+    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
+  );
+    line-height: var(--tw-leading, calc(
+    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)
+  ));
+    --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);
+    &.ga-tabs__tab--selected {
+      border-color: var(--ga-color-border-action);
+      --tw-font-weight: 600;
+      font-weight: 600;
+    }
+    &.ga-tabs__tab--disabled {
+      cursor: not-allowed;
+      color: var(--ga-color-text-disabled);
+      &.ga-tabs__tab--selected {
+        border-color: var(--ga-color-border-disabled);
+      }
+      .ga-tabs__tab-icon {
+        color: var(--ga-color-icon-disabled);
+      }
+    }
+    &:not(.ga-tabs__tab--disabled):hover {
+      border-color: var(--ga-color-border-action-hover);
+      color: var(--ga-color-text-action-hover);
+    }
+    &:not(.ga-tabs__tab--disabled):hover .ga-tabs__tab-icon {
+      color: var(--ga-color-icon-primary);
+    }
+    &:focus-visible {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+    &:focus-visible::after, &.ga-tabs__tab--focused::after {
+      position: absolute;
+      inset: calc(0.25rem * -1);
+      border-radius: var(--ga-radius);
+      border-style: var(--tw-border-style);
+      border-width: 2px;
+      border-color: var(--ga-color-border-focus);
+      --tw-content: '';
+      content: var(--tw-content);
+    }
+    .ga-tabs__tab-icon {
+      color: var(--ga-color-icon-action);
+    }
+  }
+  &.ga-tabs--horizontal {
+    flex-direction: row;
+    &.ga-tabs--keyline {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+    .ga-tabs__tab {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 4px;
+      padding-inline: calc(0.25rem * 4);
+      padding-top: calc(0.25rem * 2);
+      padding-bottom: calc(0.25rem * 1);
+      &:focus-visible::after, &.ga-tabs__tab--focused::after {
+        bottom: calc(0.25rem * -2);
+      }
+    }
+  }
+  &.ga-tabs--vertical {
+    flex-direction: column;
+    &.ga-tabs--keyline {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+    .ga-tabs__tab {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 4px;
+      padding-block: calc(0.25rem * 2);
+      padding-right: calc(0.25rem * 4);
+      padding-left: calc(0.25rem * 3);
+      &:focus-visible::after, &.ga-tabs__tab--focused::after {
+        left: calc(0.25rem * -2);
+      }
+    }
+  }
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-content {
+  syntax: "*";
+  inherits: false;
+  initial-value: "";
+}
+@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-leading: initial;
+      --tw-font-weight: initial;
+      --tw-border-style: solid;
+      --tw-content: "";
+    }
+  }
+}