@optiaxiom/react 3.1.9 → 3.3.0

package/dist/esm/assets/InputRoot.css.ts.vanilla-wxsfC32n.css

@@ -0,0 +1,71 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .lgone9 {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--ax-colors-border-default);
+    border-radius: var(--ax-borderRadius-md);
+    border-width: 1px;
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  .lgone9:has(.hz0tex:focus) {
+    z-index: 10;
+  }
+  .lgone9:has(.hz0tex:focus:is([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus-error);
+    outline-offset: 2px;
+  }
+  .lgone9:has(.hz0tex:focus:not([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 2px;
+  }
+  .lgone9:has(.hz0tex:focus:not([data-invalid]):not([data-readonly])) {
+    border-color: var(--ax-colors-border-control);
+  }
+  .lgone9:has(.hz0tex:is([data-invalid])) {
+    border-color: var(--ax-colors-border-error);
+  }
+  .lgone9:has(.hz0tex:is([data-readonly])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-tertiary);
+  }
+  .lgone9:has(.hz0tex:is([data-disabled])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-default);
+    color: var(--ax-colors-border-control);
+  }
+  ._1wcx8or[data-orientation="horizontal"] > .lgone9:not(:first-child):not(:last-child),._1wcx8or[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .lgone9 {
+    border-inline-width: 0.5px;
+  }
+  ._1wcx8or[data-orientation="horizontal"] > .lgone9:not(:only-child):first-child,._1wcx8or[data-orientation="horizontal"] > :not(:only-child):first-child .lgone9 {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._1wcx8or[data-orientation="horizontal"] > .lgone9:not(:only-child):last-child,._1wcx8or[data-orientation="horizontal"] > :not(:only-child):last-child .lgone9 {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._1wcx8or[data-orientation="vertical"] > .lgone9:not(:first-child):not(:last-child),._1wcx8or[data-orientation="vertical"] > :not(:first-child):not(:last-child) .lgone9 {
+    border-block-width: 0.5px;
+  }
+  ._1wcx8or[data-orientation="vertical"] > .lgone9:not(:only-child):first-child,._1wcx8or[data-orientation="vertical"] > :not(:only-child):first-child .lgone9 {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._1wcx8or[data-orientation="vertical"] > .lgone9:not(:only-child):last-child,._1wcx8or[data-orientation="vertical"] > :not(:only-child):last-child .lgone9 {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._1wcx8or[data-orientation] > .lgone9:not(:first-child):not(:last-child),._1wcx8or[data-orientation] > :not(:first-child):not(:last-child) .lgone9 {
+    border-radius: 0;
+  }
+  @media (hover: hover) {
+    .lgone9:hover {
+      border-color: var(--ax-colors-border-control);
+    }
+  }
+}

package/dist/esm/assets/{Kbd.css.ts.vanilla-DgnJPPHP.css → Kbd.css.ts.vanilla-CwJ_SjwU.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .onzhk7 {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._1sfsxif {
     font-size: 0.8em;
     min-width: calc(1lh + 5px);
     padding: 1px 5px;

package/dist/esm/assets/LabelMenuButton.css.ts.vanilla-BKfKeCVj.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._15aziiq {
+    --_1httmau: calc(0.5 * var(--ax-styles-scale));
+    min-width: 0;
+  }
+}

package/dist/{cjs/assets/Layout.css.ts.vanilla-C9V-P7FF.css → esm/assets/Layout.css.ts.vanilla-nc55pLyj.css}

@@ -1,13 +1,13 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1i5j1jl {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._16mwmny {
     position: relative;
   }
-  .o4lzrn {
+  ._1wlwvq2 {
     height: 100%;
     width: 100%;
   }
-  ._84q6pn {
+  ._1eiqmsb {
     height: 100vh;
     width: 100vw;
   }

package/dist/esm/assets/LayoutContent.css.ts.vanilla-RmXplEso.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .te2ymg:focus-visible {
+    outline: none;
+  }
+}

package/dist/{cjs/assets/Link.css.ts.vanilla-DXkzFieU.css → esm/assets/Link.css.ts.vanilla-C-yu1_VM.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .fj998n {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._1smuxfi {
     position: relative;
     text-decoration: none;
   }
-  .fj998n:focus-visible {
+  ._1smuxfi:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .fj998n:visited {
+  ._1smuxfi:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  .fj998n[data-disabled] {
+  ._1smuxfi[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .mcey4d {
+  ._1m605x0 {
     color: var(--ax-colors-fg-link-default);
   }
-  .ma4fww {
+  ._13r4lb {
     color: var(--ax-colors-fg-link-inverse);
   }
-  .emnjr1 {
+  ._1x335tj {
     color: var(--ax-colors-fg-link-subtle);
   }
-  .emnjr1:visited {
+  ._1x335tj:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1x7o18q {
+  .uitmf8 {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    .fj998n:hover:not([data-disabled]) {
+    ._1smuxfi:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    .mcey4d:hover:not([data-disabled]) {
+    ._1m605x0:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

package/dist/esm/assets/Listbox.css.ts.vanilla-DvyD6XAo.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .uxub3f {
+    overscroll-behavior: contain;
+  }
+}

package/dist/esm/assets/ListboxCheckboxItem.css.ts.vanilla-BEPbmLP3.css

@@ -0,0 +1,11 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._1ytxjx8 {
+    position: relative;
+  }
+  ._1ytxjx8::before {
+    content: "";
+    inset: calc(-0.5 * var(--ax-styles-scale));
+    position: absolute;
+  }
+}

package/dist/esm/assets/ListboxItem.css.ts.vanilla-XYPvPnFv.css

@@ -0,0 +1,53 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .bkn731 {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  .bkn731:any-link {
+    text-decoration: none;
+  }
+  .bkn731:focus-visible {
+    outline: 2px solid transparent;
+  }
+  .bkn731:not([data-disabled]) {
+    color: var(--_1ja9w9u);
+    cursor: pointer;
+  }
+  .bkn731:not([data-disabled])[data-highlighted] {
+    background-color: var(--_178k6ix);
+    color: var(--_10oppeg, var(--_1ja9w9u));
+  }
+  .bkn731:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--vxrvh7);
+    color: var(--infapp, var(--_1ja9w9u));
+  }
+  .bkn731:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-control);
+    outline-offset: -2px;
+  }
+  .bkn731[data-disabled] {
+    opacity: 0.3;
+  }
+  ._1lkuccb {
+    --_178k6ix: var(--ax-colors-bg-error-subtlest);
+    --_10oppeg: var(--ax-colors-fg-error-hovered);
+    --vxrvh7: var(--ax-colors-bg-error-subtle);
+    --infapp: var(--ax-colors-fg-error-strong);
+    --_1ja9w9u: var(--ax-colors-fg-error);
+  }
+  ._1oif9kb {
+    --_178k6ix: var(--ax-colors-bg-default-hovered);
+    --vxrvh7: var(--ax-colors-bg-default-pressed);
+    --_1ja9w9u: var(--ax-colors-fg-default);
+  }
+  ._1g7z51h {
+    min-height: calc(1.5 * var(--ax-styles-scale));
+  }
+  ._1qjnkv7 {
+    line-height: calc(1.5 * var(--ax-styles-scale));
+  }
+  .b7qdoi {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/esm/assets/{ListboxItemIndicator.css.ts.vanilla-CImDmbbs.css → ListboxItemIndicator.css.ts.vanilla-Bd9dfxs9.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1ohzqre {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._6njlhq {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  ._1f9rhi4 {
+  ._1vrqqsm {
     clip-path: inset(0 0 0 0);
   }
 }

package/dist/esm/assets/MenuDialogContent.css.ts.vanilla-C21rg7VS.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._68xliv {
+    max-height: min(calc(28 * var(--ax-styles-scale)), 75dvh);
+    width: calc(40 * var(--ax-styles-scale));
+  }
+}

package/dist/esm/assets/MenuInput.css.ts.vanilla-CSEJK8mZ.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._1gjkzmy:has(:focus) {
+    outline: none !important;
+  }
+}

package/dist/{cjs/assets/ModalListbox.css.ts.vanilla-RM5nO2AF.css → esm/assets/ModalListbox.css.ts.vanilla-DKaUUdlS.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .oyjytv {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .cy2q9q {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--_14h4b51, 100vh)
+        var(--_1xpnva6, 100vh)
       )
     ;
-    min-width: 120px;
+    min-width: calc(7.5 * var(--ax-styles-scale));
   }
-  ._153ge2s {
-    --_14h4b51: var(--ax-maxSize-xs);
+  ._10ee4qq {
+    --_1xpnva6: var(--ax-maxSize-xs);
   }
-  ._11rqjr1 {
-    --_14h4b51: var(--ax-maxSize-sm);
+  ._12f4b8e {
+    --_1xpnva6: var(--ax-maxSize-sm);
   }
-  .jak8po {
-    --_14h4b51: var(--ax-maxSize-md);
+  ._1x9f4xf {
+    --_1xpnva6: var(--ax-maxSize-md);
   }
-  ._1wmkbb2 {
-    --_14h4b51: var(--ax-maxSize-lg);
+  .kg7tn3 {
+    --_1xpnva6: var(--ax-maxSize-lg);
   }
-  .iyvud3 {
+  .n0gy4o {
     min-width: 
         max(
           var(
@@ -37,7 +37,7 @@
               var(--radix-popper-anchor-width)
             )
           ),
-          120px
+          calc(7.5 * var(--ax-styles-scale))
         )
       ;
   }

package/dist/esm/assets/Nav.css.ts.vanilla-CCyXj7uL.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._1ippx1m {
+    transition: width var(--ax-duration-md) ease;
+  }
+}

package/dist/esm/assets/NavAccountItem.css.ts.vanilla-CQcCx6Iq.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .nzh0fg {
+    opacity: 0;
+  }
+  .cn9sw2 {
+    opacity: 1;
+  }
+}

package/dist/{cjs/assets/NavItem.css.ts.vanilla-CsrID7vL.css → esm/assets/NavItem.css.ts.vanilla-_fxa-aAZ.css}

@@ -1,38 +1,38 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1v6mq5g {
-    --v2hdix: var(--ax-colors-fg-secondary);
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .d8q4kb {
+    --_51rkyw: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1v6mq5g:focus-visible:not([data-disabled]) {
+  .d8q4kb:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
     z-index: 10;
   }
-  ._1v6mq5g[data-disabled] {
+  .d8q4kb[data-disabled] {
     opacity: 0.32;
   }
-  ._1v6mq5g:active {
+  .d8q4kb:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  ._1v6mq5g[data-state=active] {
+  .d8q4kb[data-state=active] {
     background-color: var(--ax-colors-bg-default-pressed);
   }
-  ._13xya17 {
+  ._1drudgm {
     transition: opacity var(--ax-duration-md) ease;
   }
-  ._1m7z3vt {
+  .nwf3bt {
     opacity: 0;
   }
-  .ga1l0x {
+  ._1lk28td {
     opacity: 1;
   }
   @media (hover: hover) {
-    ._1v6mq5g:hover:not([data-state=active]):not(:active) {
+    .d8q4kb:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

package/dist/esm/assets/{Pagination.css.ts.vanilla-DsQGcy6e.css → Pagination.css.ts.vanilla-Cp3DC_nE.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .ydng79 {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._31ym1c {
     position: relative;
   }
-  .gbp326 {
+  ._1knkeff {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  ._1kgo6ds {
+  ._1t42fzp {
     min-width: var(--ax-size-md);
   }
 }

package/dist/{cjs/assets/Pill.css.ts.vanilla-DMqDdfFN.css → esm/assets/Pill.css.ts.vanilla-C1jNmZsY.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .svw4y8 {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .xntfum {
     background-color: var(--ax-colors-bg-pill-default);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  .svw4y8:focus-visible {
+  .xntfum:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  .svw4y8[data-disabled] {
+  .xntfum[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    ._7fd1c3:not([data-disabled]):hover {
+    ._1b5gdqa:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-pill-hovered);
     }
   }

package/dist/esm/assets/PillMenuTrigger.css.ts.vanilla-BBsA11Na.css

@@ -0,0 +1,20 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._12u0elk {
+    position: relative;
+  }
+  ._19idwwo {
+    padding: calc(0.3125 * var(--ax-styles-scale));
+  }
+  ._1tu637h {
+    padding: calc(0.4375 * var(--ax-styles-scale));
+  }
+  ._1g7vnrx {
+    outline: none;
+  }
+  @media (hover: hover) {
+    ._7bt6eu:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+      border-color: var(--ax-colors-border-control);
+    }
+  }
+}

package/dist/esm/assets/Progress.css.ts.vanilla-D2eXfjyC.css

@@ -0,0 +1,12 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .khu3vu {
+    height: calc(0.5 * var(--ax-styles-scale));
+  }
+  .lvw7ci {
+    background-color: var(--ax-colors-bg-error);
+  }
+  .ke1pft {
+    background-color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/esm/assets/{Radio.css.ts.vanilla-BBOstC0o.css → Radio.css.ts.vanilla-BvIr_GH3.css}

@@ -1,7 +1,7 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .noo40k {
-    border-color: var(--_1ixyo21);
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._6styxt {
+    border-color: var(--hc3v0o);
     border-width: 2px;
     place-content: center;
     position: relative;
@@ -9,7 +9,7 @@
     transition-property: border-color, border-width;
     transition-timing-function: ease;
   }
-  .noo40k::before {
+  ._6styxt::before {
     content: "";
     border: 1px solid var(--ax-colors-border-disabled);
     border-radius: inherit;
@@ -21,23 +21,23 @@
     transition-property: inset, opacity;
     transition-timing-function: ease;
   }
-  .xkj97:has(._1r5w7d2:checked) .noo40k::before {
-    inset: -12px;
+  ._14cdx70:has(._1lfeq3n:checked) ._6styxt::before {
+    inset: calc(-0.75 * var(--ax-styles-scale));
     opacity: 1;
   }
-  .xkj97:has(._1r5w7d2:checked) .noo40k {
-    border-width: 12px;
+  ._14cdx70:has(._1lfeq3n:checked) ._6styxt {
+    border-width: calc(0.75 * var(--ax-styles-scale));
   }
-  ._2rzbja {
-    margin-top: -2px;
+  ._1v7ngho {
+    margin-top: calc(-0.125 * var(--ax-styles-scale));
   }
-  .zgn49e {
-    background-color: var(--nv4f98);
-    height: 8px;
+  ._11cahba {
+    background-color: var(--t1phdt);
+    height: calc(0.5 * var(--ax-styles-scale));
     transform: scale(0);
-    width: 8px;
+    width: calc(0.5 * var(--ax-styles-scale));
   }
-  .xkj97:has(._1r5w7d2:checked) .zgn49e {
+  ._14cdx70:has(._1lfeq3n:checked) ._11cahba {
     transform: scale(1);
   }
 }

package/dist/esm/assets/Range.css.ts.vanilla-CPUsXkSV.css

@@ -0,0 +1,77 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._1bbmuwq {
+    position: relative;
+  }
+  ._1bbmuwq[data-disabled] {
+    opacity: 0.5;
+  }
+  ._1uxolmm {
+    background-color: var(--ax-colors-bg-tertiary);
+    height: calc(0.5 * var(--ax-styles-scale));
+    position: relative;
+    touch-action: none;
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1fdasc8:not([data-disabled]) ._1uxolmm {
+    cursor: pointer;
+  }
+  .jhkoop {
+    background-color: var(--ax-colors-fg-tertiary);
+    position: absolute;
+    width: calc(100% * var(--kety0v) + calc(0.625 * var(--ax-styles-scale)) * (1 - var(--kety0v)));
+  }
+  ._1fdasc8[data-disabled] .jhkoop {
+    background-color: var(--ax-colors-border-control);
+  }
+  .gbvfdi {
+    background-color: var(--ax-colors-bg-default);
+    left: calc(var(--kety0v) * 100%);
+    position: absolute;
+    top: calc(-0.375 * var(--ax-styles-scale));
+    transform: translateX(calc(-1 * var(--kety0v) * 100%));
+  }
+  ._1fdasc8:has(input[type=range]:focus-visible) .gbvfdi {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 2px;
+  }
+  .ct3y4s {
+    appearance: none;
+    inset: 0;
+    outline: none;
+    position: absolute;
+  }
+  .ct3y4s::-webkit-slider-runnable-track {
+    height: 100%;
+  }
+  .ct3y4s::-webkit-slider-thumb {
+    appearance: none;
+    background: transparent;
+    border-radius: 100%;
+    height: calc(1.25 * var(--ax-styles-scale));
+    margin-top: calc(-0.375 * var(--ax-styles-scale));
+    transform: scale(2);
+    width: calc(1.25 * var(--ax-styles-scale));
+  }
+  .ct3y4s:not(:disabled) {
+    cursor: pointer;
+  }
+  .vypml5 {
+    left: calc(var(--cf7tzk) * 100%);
+    position: absolute;
+    top: 100%;
+    translate: calc(-1 * var(--cf7tzk) * 100%) calc(0.25 * var(--ax-styles-scale));
+  }
+  ._1fdasc8:not([data-disabled]) .vypml5 {
+    cursor: pointer;
+  }
+  @media (hover: hover) {
+    .ct3y4s:not(:disabled)::-webkit-slider-thumb:hover {
+      cursor: grab;
+    }
+    .ct3y4s:not(:disabled):active::-webkit-slider-thumb:hover {
+      cursor: grabbing;
+    }
+  }
+}

package/dist/esm/assets/ResizableHandle.css.ts.vanilla-BzFqcYVw.css

@@ -0,0 +1,19 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._1g2l4bg {
+    --_1nmt3up: var(--ax-colors-bg-secondary);
+    margin-inline: calc(-0.375 * var(--ax-styles-scale));
+  }
+  ._1g2l4bg:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: -2px;
+  }
+  .i8feah {
+    background-color: var(--_1nmt3up);
+  }
+  @media (hover: hover) {
+    ._1g2l4bg:hover {
+      --_1nmt3up: var(--ax-colors-bg-avatar-neutral);
+    }
+  }
+}