@optiaxiom/react 3.2.0 → 3.3.0

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

@@ -1,42 +1,42 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  .smxmk3 {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._1smuxfi {
     position: relative;
     text-decoration: none;
   }
-  .smxmk3:focus-visible {
+  ._1smuxfi:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .smxmk3:visited {
+  ._1smuxfi:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  .smxmk3[data-disabled] {
+  ._1smuxfi[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1m65x14 {
+  ._1m605x0 {
     color: var(--ax-colors-fg-link-default);
   }
-  .pthxp2 {
+  ._13r4lb {
     color: var(--ax-colors-fg-link-inverse);
   }
-  ._1m0tul3 {
+  ._1x335tj {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1m0tul3:visited {
+  ._1x335tj:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1br0gnp {
+  .uitmf8 {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    .smxmk3:hover:not([data-disabled]) {
+    ._1smuxfi:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    ._1m65x14: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-BONsL39n.css → ListboxItemIndicator.css.ts.vanilla-Bd9dfxs9.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._81ykxs {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._6njlhq {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  ._1h89ip5 {
+  ._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-D8HT40yu.css → esm/assets/ModalListbox.css.ts.vanilla-DKaUUdlS.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._1qplo15 {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .cy2q9q {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--ahis1b, 100vh)
+        var(--_1xpnva6, 100vh)
       )
     ;
-    min-width: 120px;
+    min-width: calc(7.5 * var(--ax-styles-scale));
   }
-  ._1u71jv2 {
-    --ahis1b: var(--ax-maxSize-xs);
+  ._10ee4qq {
+    --_1xpnva6: var(--ax-maxSize-xs);
   }
-  ._16vpmfg {
-    --ahis1b: var(--ax-maxSize-sm);
+  ._12f4b8e {
+    --_1xpnva6: var(--ax-maxSize-sm);
   }
-  .ozmv90 {
-    --ahis1b: var(--ax-maxSize-md);
+  ._1x9f4xf {
+    --_1xpnva6: var(--ax-maxSize-md);
   }
-  ._6xg1p4 {
-    --ahis1b: var(--ax-maxSize-lg);
+  .kg7tn3 {
+    --_1xpnva6: var(--ax-maxSize-lg);
   }
-  .zsr8mb {
+  .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-D2NcMkkn.css → esm/assets/NavItem.css.ts.vanilla-_fxa-aAZ.css}

@@ -1,38 +1,38 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._1c9sib0 {
-    --ic210z: 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;
   }
-  ._1c9sib0: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;
   }
-  ._1c9sib0[data-disabled] {
+  .d8q4kb[data-disabled] {
     opacity: 0.32;
   }
-  ._1c9sib0:active {
+  .d8q4kb:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  ._1c9sib0[data-state=active] {
+  .d8q4kb[data-state=active] {
     background-color: var(--ax-colors-bg-default-pressed);
   }
-  ._1pq6rq5 {
+  ._1drudgm {
     transition: opacity var(--ax-duration-md) ease;
   }
-  ._1d60gac {
+  .nwf3bt {
     opacity: 0;
   }
-  .xxrsqp {
+  ._1lk28td {
     opacity: 1;
   }
   @media (hover: hover) {
-    ._1c9sib0: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-Cud3m0qu.css → Pagination.css.ts.vanilla-Cp3DC_nE.css}

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

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

@@ -1,20 +1,20 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._9dbm9h {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .xntfum {
     background-color: var(--ax-colors-bg-pill-default);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._9dbm9h:focus-visible {
+  .xntfum:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  ._9dbm9h[data-disabled] {
+  .xntfum[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    .h6fhhs: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-BO2NnTvc.css → Radio.css.ts.vanilla-BvIr_GH3.css}

@@ -1,7 +1,7 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  .v9yy32 {
-    border-color: var(--mmvjm8);
+@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;
   }
-  .v9yy32::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;
   }
-  .f2uii3:has(._1wpbo8y:checked) .v9yy32::before {
-    inset: -12px;
+  ._14cdx70:has(._1lfeq3n:checked) ._6styxt::before {
+    inset: calc(-0.75 * var(--ax-styles-scale));
     opacity: 1;
   }
-  .f2uii3:has(._1wpbo8y:checked) .v9yy32 {
-    border-width: 12px;
+  ._14cdx70:has(._1lfeq3n:checked) ._6styxt {
+    border-width: calc(0.75 * var(--ax-styles-scale));
   }
-  .washfb {
-    margin-top: -2px;
+  ._1v7ngho {
+    margin-top: calc(-0.125 * var(--ax-styles-scale));
   }
-  ._1kx3xsy {
-    background-color: var(--_1mv0iad);
-    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));
   }
-  .f2uii3:has(._1wpbo8y:checked) ._1kx3xsy {
+  ._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);
+    }
+  }
+}

package/dist/esm/assets/{RichTextEditor.css.ts.vanilla-KSElO3qN.css → RichTextEditor.css.ts.vanilla-DPIOhAzM.css}

@@ -1,75 +1,75 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._4pi3c5 {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .bhudx3 {
     border-color: var(--ax-colors-border-tertiary);
     overflow: hidden;
   }
-  ._4pi3c5:focus-within {
+  .bhudx3:focus-within {
     border-color: var(--ax-colors-border-focus);
     box-shadow: 0 0 0 1px var(--ax-colors-border-focus);
   }
-  ._1hm623 {
+  ._1rlp3io {
     flex-wrap: wrap;
   }
-  ._9xtm73 > div:has(> .ProseMirror) {
+  .irrrtf > div:has(> .ProseMirror) {
     flex: 1;
     min-height: 0;
     overflow-y: auto;
   }
-  ._9xtm73 .ProseMirror {
+  .irrrtf .ProseMirror {
     color: var(--ax-colors-fg-default);
     font-size: var(--ax-fontSize-md-fontSize);
     line-height: var(--ax-fontSize-md-lineHeight);
-    min-height: 120px;
+    min-height: calc(7.5 * var(--ax-styles-scale));
     outline: none;
-    padding: 12px 14px;
+    padding: calc(0.75 * var(--ax-styles-scale)) calc(0.875 * var(--ax-styles-scale));
   }
-  ._9xtm73 :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > * {
+  .irrrtf :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > * {
     margin-bottom: 0.75em;
     margin-inline: 0;
     margin-top: 0;
   }
-  ._9xtm73 :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :is(h1, h2, h3) {
+  .irrrtf :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :is(h1, h2, h3) {
     margin-bottom: 0.4em;
     margin-top: 1.2em;
   }
-  ._9xtm73 :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :is(h1, h2, h3) + * {
+  .irrrtf :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :is(h1, h2, h3) + * {
     margin-top: 0;
   }
-  ._9xtm73 :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :last-child {
+  .irrrtf :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :last-child {
     margin-bottom: 0;
   }
-  ._9xtm73 :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :first-child {
+  .irrrtf :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :first-child {
     margin-top: 0;
   }
-  ._9xtm73 .ProseMirror :is(h1, h2, h3) {
+  .irrrtf .ProseMirror :is(h1, h2, h3) {
     color: var(--ax-colors-fg-default);
     font-weight: 600;
   }
-  ._9xtm73 .ProseMirror h1 {
+  .irrrtf .ProseMirror h1 {
     font-size: var(--ax-fontSize-2xl-fontSize);
     line-height: var(--ax-fontSize-2xl-lineHeight);
   }
-  ._9xtm73 .ProseMirror h2 {
+  .irrrtf .ProseMirror h2 {
     font-size: var(--ax-fontSize-xl-fontSize);
     line-height: var(--ax-fontSize-xl-lineHeight);
   }
-  ._9xtm73 .ProseMirror h3 {
+  .irrrtf .ProseMirror h3 {
     font-size: var(--ax-fontSize-lg-fontSize);
     line-height: var(--ax-fontSize-lg-lineHeight);
   }
-  ._9xtm73 .ProseMirror :is(b, strong) {
+  .irrrtf .ProseMirror :is(b, strong) {
     font-weight: 600;
   }
-  ._9xtm73 .ProseMirror :is(ul, ol) {
+  .irrrtf .ProseMirror :is(ul, ol) {
     padding-left: 1.5em;
   }
-  ._9xtm73 .ProseMirror blockquote {
+  .irrrtf .ProseMirror blockquote {
     border-left: 3px solid var(--ax-colors-border-tertiary);
     color: var(--ax-colors-fg-secondary);
     padding-left: 0.75em;
   }
-  ._9xtm73 .ProseMirror table {
+  .irrrtf .ProseMirror table {
     border: 1px solid var(--ax-colors-border-tertiary);
     border-collapse: separate;
     border-radius: var(--ax-borderRadius-lg);
@@ -77,45 +77,45 @@
     overflow: hidden;
     width: 100%;
   }
-  ._9xtm73 .ProseMirror :is(th, td) {
+  .irrrtf .ProseMirror :is(th, td) {
     border-bottom: 1px solid var(--ax-colors-border-tertiary);
-    padding: 16px;
+    padding: calc(1 * var(--ax-styles-scale));
     text-align: start;
     vertical-align: top;
   }
-  ._9xtm73 .ProseMirror tbody tr:last-child :is(th, td) {
+  .irrrtf .ProseMirror tbody tr:last-child :is(th, td) {
     border-bottom: none;
   }
-  ._9xtm73 .ProseMirror th {
+  .irrrtf .ProseMirror th {
     color: var(--ax-colors-fg-tertiary);
     font-size: var(--ax-fontSize-sm-fontSize);
     font-weight: 400;
   }
-  ._9xtm73 .ProseMirror :is(code, pre) {
+  .irrrtf .ProseMirror :is(code, pre) {
     background: var(--ax-colors-bg-page);
-    border-radius: 4px;
+    border-radius: calc(0.25 * var(--ax-styles-scale));
     font-family: var(--ax-fontFamily-mono);
   }
-  ._9xtm73 .ProseMirror :not(pre) > code {
+  .irrrtf .ProseMirror :not(pre) > code {
     font-size: 0.9em;
     padding: 0.1em 0.3em;
   }
-  ._9xtm73 .ProseMirror pre {
+  .irrrtf .ProseMirror pre {
     font-size: 0.9em;
     overflow: auto;
     padding: 0.75em 1em;
   }
-  ._9xtm73 .ProseMirror pre code {
+  .irrrtf .ProseMirror pre code {
     background: transparent;
     border-radius: 0;
     font-size: inherit;
     padding: 0;
   }
-  ._9xtm73 .ProseMirror a {
+  .irrrtf .ProseMirror a {
     color: var(--ax-colors-fg-link-default);
     text-decoration: underline;
   }
-  ._9xtm73 .ProseMirror p.is-editor-empty:first-child::before {
+  .irrrtf .ProseMirror p.is-editor-empty:first-child::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-fg-tertiary);
     float: left;