@optiaxiom/react 1.7.13 → 1.8.0

package/dist/cjs/assets/src/indicator/Indicator.css.ts.vanilla-C4uS2Wzx.css

@@ -0,0 +1,36 @@
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  .gkx7r3 {
+    position: relative;
+  }
+  ._1b0ztkp {
+    --ttq4wa: 2px;
+    --jm4tdm: 50%;
+    position: absolute;
+    right: var(--ttq4wa);
+  }
+  .g4ica6 {
+    --ttq4wa: 0;
+    --jm4tdm: 0;
+  }
+  ._1gy0yl8 {
+    bottom: var(--ttq4wa);
+    transform: translate(var(--jm4tdm), var(--jm4tdm));
+  }
+  .f8rf3y {
+    top: var(--ttq4wa);
+    transform: translate(var(--jm4tdm), calc(-1 * var(--jm4tdm)));
+  }
+  ._1qj53vq {
+    position: relative;
+  }
+  ._1qj53vq:empty {
+    aspect-ratio: 1;
+  }
+  ._1x76llh:not(:empty) {
+    min-width: 16px;
+  }
+  ._1x1lsxk {
+    position: absolute;
+  }
+}

package/dist/cjs/assets/src/inline-input/{InlineInput.css.ts.vanilla-DCXjTUF7.css → InlineInput.css.ts.vanilla-DiwFQDy1.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._14mejht:focus-visible {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  .fpeg6d:focus-visible {
     outline: 2px solid transparent;
   }
-  ._1al6bsm::before {
+  ._108v6mq::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-border-control);
     float: left;

package/dist/{esm/assets/src/input/InputControl.css.ts.vanilla-4p6N6l04.css → cjs/assets/src/input/InputControl.css.ts.vanilla-Bg1e6sV-.css}

@@ -1,25 +1,25 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._1uxfnna {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._1x7fuai {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  ._1uxfnna::placeholder {
+  ._1x7fuai::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._1uxfnna[data-disabled]::placeholder {
+  ._1x7fuai[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1uxfnna[data-readonly] {
+  ._1x7fuai[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    .qqtqu8 {
+    ._1fvt264 {
       font-size: 14px;
     }
-    .kw7m5c {
+    .yt0tkz {
       font-size: 16px;
     }
   }

package/dist/cjs/assets/src/input/InputRoot.css.ts.vanilla-CwDcyfBs.css

@@ -0,0 +1,71 @@
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._1h7587x {
+    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;
+  }
+  ._1h7587x:has(.lzie0r:focus) {
+    z-index: 10;
+  }
+  ._1h7587x:has(.lzie0r:focus:is([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus-error);
+    outline-offset: 1px;
+  }
+  ._1h7587x:has(.lzie0r:focus:not([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._1h7587x:has(.lzie0r:focus:not([data-invalid]):not([data-readonly])) {
+    border-color: var(--ax-colors-border-accent);
+  }
+  ._1h7587x:has(.lzie0r:is([data-invalid])) {
+    border-color: var(--ax-colors-border-error);
+  }
+  ._1h7587x:has(.lzie0r:is([data-readonly])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-tertiary);
+  }
+  ._1h7587x:has(.lzie0r:is([data-disabled])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-default);
+    color: var(--ax-colors-border-control);
+  }
+  ._164lvie[data-orientation="horizontal"] > ._1h7587x:not(:first-child):not(:last-child),._164lvie[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1h7587x {
+    border-inline-width: 0.5px;
+  }
+  ._164lvie[data-orientation="horizontal"] > ._1h7587x:not(:only-child):first-child,._164lvie[data-orientation="horizontal"] > :not(:only-child):first-child ._1h7587x {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._164lvie[data-orientation="horizontal"] > ._1h7587x:not(:only-child):last-child,._164lvie[data-orientation="horizontal"] > :not(:only-child):last-child ._1h7587x {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._164lvie[data-orientation="vertical"] > ._1h7587x:not(:first-child):not(:last-child),._164lvie[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1h7587x {
+    border-block-width: 0.5px;
+  }
+  ._164lvie[data-orientation="vertical"] > ._1h7587x:not(:only-child):first-child,._164lvie[data-orientation="vertical"] > :not(:only-child):first-child ._1h7587x {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._164lvie[data-orientation="vertical"] > ._1h7587x:not(:only-child):last-child,._164lvie[data-orientation="vertical"] > :not(:only-child):last-child ._1h7587x {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._164lvie[data-orientation] > ._1h7587x:not(:first-child):not(:last-child),._164lvie[data-orientation] > :not(:first-child):not(:last-child) ._1h7587x {
+    border-radius: 0;
+  }
+  @media (hover: hover) {
+    ._1h7587x:hover {
+      border-color: var(--ax-colors-border-control);
+    }
+  }
+}

package/dist/cjs/assets/src/kbd/{Kbd.css.ts.vanilla-BYO9Idsg.css → Kbd.css.ts.vanilla-CKrfJo8E.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._1cqv6e1 {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  .mfr0aa {
     font-size: 0.8em;
     min-width: calc(1lh + 5px);
     padding: 1px 5px;

package/dist/cjs/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Df1opjCJ.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._1jw3s9g {
+    --_1o5jef: 8px;
+    min-width: 0;
+  }
+}

package/dist/cjs/assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom.bxkjn6, optiaxiom._1s54dki;

package/dist/{esm/assets/src/layout/Layout.css.ts.vanilla-BtLFKPhV.css → cjs/assets/src/layout/Layout.css.ts.vanilla-BW5mwK9Z.css}

@@ -1,13 +1,13 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._10nm6wo {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  .xkiurs {
     position: relative;
   }
-  .cmt6ay {
+  .dutng7 {
     height: 100%;
     width: 100%;
   }
-  ._1ue3s1q {
+  ._1d08qqj {
     height: 100vh;
     width: 100vw;
   }

package/dist/cjs/assets/src/layout/LayoutContent.css.ts.vanilla-D_wPoB_R.css

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

package/dist/cjs/assets/src/link/{Link.css.ts.vanilla-oS40S_Lw.css → Link.css.ts.vanilla-Dcr25brF.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .jadht0 {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._1le53hx {
     position: relative;
     text-decoration: none;
   }
-  .jadht0:focus-visible {
+  ._1le53hx:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .jadht0:visited {
+  ._1le53hx:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  .jadht0[data-disabled] {
+  ._1le53hx[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .xrml3m {
+  .ug7hqo {
     color: var(--ax-colors-fg-link-default);
   }
-  .nctskm {
+  ._26evhy {
     color: var(--ax-colors-fg-link-inverse);
   }
-  ._16vvwtj {
+  ._1bx37sz {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._16vvwtj:visited {
+  ._1bx37sz:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  .wq50a0 {
+  ._1xjjibv {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    .jadht0:hover:not([data-disabled]) {
+    ._1le53hx:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    .xrml3m:hover:not([data-disabled]) {
+    .ug7hqo:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

package/dist/{esm/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-nyytmiZt.css → cjs/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-D2giTvo1.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .iolez1 {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  .ac5cnw {
     position: relative;
   }
-  .iolez1::before {
+  .ac5cnw::before {
     content: "";
     inset: -8px;
     position: absolute;

package/dist/cjs/assets/src/listbox/ListboxItem.css.ts.vanilla-DFaRN0Nu.css

@@ -0,0 +1,52 @@
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._1wtr4u2 {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1wtr4u2:any-link {
+    text-decoration: none;
+  }
+  ._1wtr4u2:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1wtr4u2:not([data-disabled]) {
+    color: var(--h2jmvh);
+    cursor: pointer;
+  }
+  ._1wtr4u2:not([data-disabled])[data-highlighted] {
+    background-color: var(--_76vsxr);
+    color: var(--_1y7788s, var(--h2jmvh));
+  }
+  ._1wtr4u2:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--ojtyn2);
+    color: var(--_13kr7va, var(--h2jmvh));
+  }
+  ._1wtr4u2:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline-offset: -2px;
+  }
+  ._1wtr4u2[data-disabled] {
+    opacity: 0.3;
+  }
+  ._1811gzj {
+    --_76vsxr: var(--ax-colors-bg-error-subtlest);
+    --_1y7788s: var(--ax-colors-fg-error-hovered);
+    --ojtyn2: var(--ax-colors-bg-error-subtle);
+    --_13kr7va: var(--ax-colors-fg-error-strong);
+    --h2jmvh: var(--ax-colors-fg-error);
+  }
+  ._1ahtxhg {
+    --_76vsxr: var(--ax-colors-bg-default-hovered);
+    --ojtyn2: var(--ax-colors-bg-default-pressed);
+    --h2jmvh: var(--ax-colors-fg-default);
+  }
+  ._12vw6c2 {
+    min-height: 24px;
+  }
+  .f6m1vk {
+    line-height: 24px;
+  }
+  ._1jeqhic {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/cjs/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-BEAEi1qp.css → ListboxItemIndicator.css.ts.vanilla-DzM1XH0P.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .zfohy3 {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._1579yu6 {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  ._1xte79i {
+  .vek75b {
     clip-path: inset(0 0 0 0);
   }
 }

package/dist/cjs/assets/src/menu/MenuDialogContent.css.ts.vanilla-BRLuMF_D.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  .klhdrl {
+    max-height: min(448px, 75dvh);
+    width: 640px;
+  }
+}

package/dist/cjs/assets/src/menu/MenuInput.css.ts.vanilla-DAPWgXVs.css

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

package/dist/{esm/assets/src/modal/ModalListbox.css.ts.vanilla-Bk6jM4ro.css → cjs/assets/src/modal/ModalListbox.css.ts.vanilla-Bi3wP45X.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .vi39f6 {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._10edap5 {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--gp2ved, 100vh)
+        var(--_1m7o3kh, 100vh)
       )
     ;
     min-width: 120px;
   }
-  .knomr8 {
-    --gp2ved: var(--ax-maxSize-xs);
+  .fiip7 {
+    --_1m7o3kh: var(--ax-maxSize-xs);
   }
-  ._1awrb8e {
-    --gp2ved: var(--ax-maxSize-sm);
+  ._1tgm3xn {
+    --_1m7o3kh: var(--ax-maxSize-sm);
   }
-  .nrdskt {
-    --gp2ved: var(--ax-maxSize-md);
+  .b4g2lw {
+    --_1m7o3kh: var(--ax-maxSize-md);
   }
-  ._1uydy86 {
-    --gp2ved: var(--ax-maxSize-lg);
+  ._30mixj {
+    --_1m7o3kh: var(--ax-maxSize-lg);
   }
-  .uwv2ov {
+  .ipz57i {
     min-width: 
         max(
           var(

package/dist/cjs/assets/src/nav/Nav.css.ts.vanilla-851nutRz.css

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

package/dist/cjs/assets/src/nav/NavAccountItem.css.ts.vanilla-D9Dn2-3H.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  .dpra76 {
+    opacity: 0;
+  }
+  .ff8fth {
+    opacity: 1;
+  }
+}

package/dist/cjs/assets/src/nav/{NavItem.css.ts.vanilla-DSm8Wc1Z.css → NavItem.css.ts.vanilla-Dhg-aPVh.css}

@@ -1,43 +1,43 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._18kapw {
-    --_1bnbznc: var(--ax-colors-fg-secondary);
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  .ueuia1 {
+    --_17dw0a7: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._18kapw:focus-visible:not([data-disabled]) {
+  .ueuia1:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
     z-index: 10;
   }
-  ._18kapw[data-disabled] {
+  .ueuia1[data-disabled] {
     opacity: 0.32;
   }
-  ._18kapw:active {
+  .ueuia1:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  ._18kapw[data-state=active] {
+  .ueuia1[data-state=active] {
     background-color: var(--ax-colors-bg-accent-subtle);
     color: var(--ax-colors-fg-accent);
   }
-  ._1myawgj {
+  ._11eti22 {
     transition: opacity var(--ax-duration-md) ease;
   }
-  ._177p0dj {
+  .mbaa1m {
     opacity: 0;
   }
-  ._1w1zw0 {
+  ._10lpuib {
     opacity: 1;
   }
   @media (hover: hover) {
-    ._18kapw:hover:not([data-state=active]):not(:active) {
+    .ueuia1:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
       color: var(--ax-colors-fg-default);
     }
-    ._18kapw:hover[data-state=active]:not(:active) {
+    .ueuia1:hover[data-state=active]:not(:active) {
       color: var(--ax-colors-fg-accent-hovered);
     }
   }

package/dist/{esm/assets/src/pagination/Pagination.css.ts.vanilla-ui11d4Jx.css → cjs/assets/src/pagination/Pagination.css.ts.vanilla-BuVDLYmF.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._1lhkify {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._51icji {
     position: relative;
   }
-  ._2od59 {
+  .moi3a0 {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  .eg1lsc {
+  .b6t98x {
     min-width: var(--ax-size-md);
   }
 }

package/dist/{esm/assets/src/pill/Pill.css.ts.vanilla-BWlC_xzj.css → cjs/assets/src/pill/Pill.css.ts.vanilla-BtHGaqFW.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .hk9y99 {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._1mt82z9 {
     background-color: var(--ax-colors-bg-tertiary);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  .hk9y99:focus-visible {
+  ._1mt82z9:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .hk9y99[data-disabled] {
+  ._1mt82z9[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    .owbgre:not([data-disabled]):hover {
+    ._7m0839:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-tertiary-hovered);
     }
   }

package/dist/cjs/assets/src/progress/{Progress.css.ts.vanilla-BHKi_U7T.css → Progress.css.ts.vanilla-DnpG8mth.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._9zdspj {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._17c2f2 {
     height: 8px;
   }
-  ._1v57vvb {
+  ._1firq8a {
     background-image: linear-gradient(90deg, #8041EE, #7740EC, #002CCC);
   }
 }

package/dist/cjs/assets/src/radio/Radio.css.ts.vanilla-CJ79FKil.css

@@ -0,0 +1,13 @@
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  ._17nyl75 {
+    border-color: var(--rhg1wi);
+  }
+  ._1kmtm9j {
+    background-color: var(--rhg1wi);
+    transform: scale(0);
+  }
+  ._1sjxd3d:has(._1ogwqlh:checked) ._1kmtm9j {
+    transform: scale(1);
+  }
+}

package/dist/{esm/assets/src/range/Range.css.ts.vanilla-RmeebMgp.css → cjs/assets/src/range/Range.css.ts.vanilla-BC-GeMQC.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._1hs2roq {
+@layer optiaxiom._1s54dki;
+@layer optiaxiom._1s54dki {
+  .d4ysek {
     position: relative;
   }
-  ._1hs2roq[data-disabled] {
+  .d4ysek[data-disabled] {
     opacity: 0.5;
   }
-  .wm8963 {
+  ._5iociz {
     background-color: var(--ax-colors-bg-tertiary);
     height: 8px;
     position: relative;
@@ -14,38 +14,38 @@
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1o89hgh:not([data-disabled]) .wm8963 {
+  ._14qnpzv:not([data-disabled]) ._5iociz {
     cursor: pointer;
   }
-  .m1j3vh {
+  ._1gh6inu {
     background-color: var(--ax-colors-bg-accent);
     position: absolute;
-    width: calc(100% * var(--rwubol) + 10px * (1 - var(--rwubol)));
+    width: calc(100% * var(--_1wwwl8l) + 10px * (1 - var(--_1wwwl8l)));
   }
-  ._1o89hgh[data-disabled] .m1j3vh {
+  ._14qnpzv[data-disabled] ._1gh6inu {
     background-color: var(--ax-colors-border-control);
   }
-  ._1lhx6vq {
+  ._1nnmax4 {
     background-color: var(--ax-colors-bg-default);
-    left: calc(var(--rwubol) * 100%);
+    left: calc(var(--_1wwwl8l) * 100%);
     position: absolute;
     top: -6px;
-    transform: translateX(calc(-1 * var(--rwubol) * 100%));
+    transform: translateX(calc(-1 * var(--_1wwwl8l) * 100%));
   }
-  ._1o89hgh:has(input[type=range]:focus-visible) ._1lhx6vq {
+  ._14qnpzv:has(input[type=range]:focus-visible) ._1nnmax4 {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  ._1wycooa {
+  .ry13e2 {
     appearance: none;
     inset: 0;
     outline: none;
     position: absolute;
   }
-  ._1wycooa::-webkit-slider-runnable-track {
+  .ry13e2::-webkit-slider-runnable-track {
     height: 100%;
   }
-  ._1wycooa::-webkit-slider-thumb {
+  .ry13e2::-webkit-slider-thumb {
     appearance: none;
     background: transparent;
     border-radius: 100%;
@@ -54,23 +54,23 @@
     transform: scale(2);
     width: 20px;
   }
-  ._1wycooa:not(:disabled) {
+  .ry13e2:not(:disabled) {
     cursor: pointer;
   }
-  ._1wycooa:not(:disabled):active {
+  .ry13e2:not(:disabled):active {
     cursor: grabbing;
   }
-  .kxnj1t {
-    left: calc(var(--_5cwhmp) * 100%);
+  ._1f2yjgj {
+    left: calc(var(--wxjcsj) * 100%);
     position: absolute;
     top: 100%;
-    translate: calc(-1 * var(--_5cwhmp) * 100%) 4px;
+    translate: calc(-1 * var(--wxjcsj) * 100%) 4px;
   }
-  ._1o89hgh:not([data-disabled]) .kxnj1t {
+  ._14qnpzv:not([data-disabled]) ._1f2yjgj {
     cursor: pointer;
   }
   @media (hover: hover) {
-    ._1wycooa:not(:disabled)::-webkit-slider-thumb:hover {
+    .ry13e2:not(:disabled)::-webkit-slider-thumb:hover {
       cursor: grab;
     }
   }