@optiaxiom/react 0.5.2 → 0.5.3

package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-9wVoZco-.css → AlertDialogContent.css.ts.vanilla-DcfuN9n8.css}

@@ -1,23 +1,23 @@
-@layer optiaxiom._1i2225l;
-@layer optiaxiom._1i2225l {
-  .awqpm2 {
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._14egwcc {
     inset: 0;
     position: fixed;
   }
-  ._5ctyf5 {
+  ._1cur7nf {
     max-height: 50dvh;
     max-width: calc(100dvw - 2 * 24px);
   }
-  ._6hvaad {
+  .psa4md {
     width: 400px;
   }
-  ._1z9xmh {
+  ._1tudrrr {
     width: 600px;
   }
-  .txff5x {
+  .ojx47 {
     width: 800px;
   }
-  ._1qs1fco {
+  ._1c9omr2 {
     inset: 0;
     position: fixed;
   }

package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-pxOGcdcv.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  .klbhzv {
+    border-top: 1px solid var(--ax-colors-border-secondary);
+  }
+}

package/dist/assets/src/autocomplete-content/{AutocompleteContent.css.ts.vanilla-D3ONpYNL.css → AutocompleteContent.css.ts.vanilla-dasIwHX2.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._1i2225l;
-@layer optiaxiom._1i2225l {
-  .h259po {
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  .a07flq {
     overflow: auto;
     overscroll-behavior: contain;
   }
-  .h259po:empty {
+  .a07flq:empty {
     visibility: hidden;
   }
 }

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DshRJ_tK.css

@@ -0,0 +1,28 @@
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._18vnjhg {
+    border-radius: var(--ax-borderRadius-full);
+    user-select: none;
+  }
+  ._9qywda ._18vnjhg {
+    border: 1px solid var(--ax-colors-bg-default);
+  }
+  ._9qywda ._14r6h30:not(:first-child) {
+    margin-left: -3px;
+  }
+  ._9qywda ._968vvi:not(:first-child) {
+    margin-left: -5px;
+  }
+  ._9qywda ._6kwf8i:not(:first-child) {
+    margin-left: -7px;
+  }
+  ._9qywda ._14t2o6q:not(:first-child) {
+    margin-left: -9px;
+  }
+  ._9qywda ._11y1cje:not(:first-child) {
+    margin-left: -11px;
+  }
+  ._9qywda ._118wmzv:not(:first-child) {
+    margin-left: -13px;
+  }
+}

package/dist/assets/src/badge/Badge.css.ts.vanilla-J8Jz0TYj.css

@@ -0,0 +1,46 @@
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  .ok1fy0 {
+    --_1ye8fm: var(--ax-colors-fg-white);
+  }
+  ._1mkayzl {
+    --_17j58vq: var(--ax-colors-bg-error);
+    --_660hf4: var(--ax-colors-bg-error-subtle);
+    --_1j4v66n: var(--ax-colors-fg-error-strong);
+  }
+  .g1kabp {
+    --_17j58vq: var(--ax-colors-bg-information);
+    --_660hf4: var(--ax-colors-bg-information-subtle);
+    --_1j4v66n: var(--ax-colors-fg-information-strong);
+  }
+  .wnf22d {
+    --_17j58vq: var(--ax-colors-bg-tertiary);
+    --_1ye8fm: var(--ax-colors-fg-default);
+    --_660hf4: var(--ax-colors-bg-secondary);
+    --_1j4v66n: var(--ax-colors-fg-secondary);
+  }
+  .by8ljg {
+    --_17j58vq: var(--ax-colors-bg-accent);
+    --_660hf4: var(--ax-colors-bg-accent-subtle);
+    --_1j4v66n: var(--ax-colors-fg-accent-strong);
+  }
+  .aaftcm {
+    --_17j58vq: var(--ax-colors-bg-success);
+    --_660hf4: var(--ax-colors-bg-success-subtle);
+    --_1j4v66n: var(--ax-colors-fg-success-strong);
+  }
+  ._1dtl9ia {
+    --_17j58vq: var(--ax-colors-bg-warning);
+    --_1ye8fm: var(--ax-colors-fg-warning-inverse);
+    --_660hf4: var(--ax-colors-bg-warning-subtle);
+    --_1j4v66n: var(--ax-colors-fg-warning-strong);
+  }
+  .ih6mgq {
+    background-color: var(--_660hf4);
+    color: var(--_1j4v66n);
+  }
+  .g78ks {
+    background-color: var(--_17j58vq);
+    color: var(--_1ye8fm);
+  }
+}

package/dist/assets/src/box/{Box.css.ts.vanilla-D1SQBQpB.css → Box.css.ts.vanilla-BcTx7-K7.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._5gp5k;
-@layer optiaxiom._5gp5k {
-  .eonuox {
+@layer optiaxiom._14xpej1;
+@layer optiaxiom._14xpej1 {
+  .emaw9h {
     border: 0 solid var(--ax-colors-border-default);
     box-sizing: border-box;
     font-family: var(--ax-fontFamily-sans);
@@ -9,79 +9,79 @@
     padding: 0;
     -webkit-font-smoothing: antialiased;
   }
-  .eonuox:focus-visible {
+  .emaw9h:focus-visible {
     --tw-ring-offset-width: 0;
   }
-  .eonuox:is(hr) {
+  .emaw9h:is(hr) {
     border-top-width: 1px;
     color: inherit;
     height: 0;
   }
-  .eonuox:is(h1, h2, h3, h4, h5, h6) {
+  .emaw9h:is(h1, h2, h3, h4, h5, h6) {
     font-size: inherit;
     font-weight: inherit;
   }
-  .eonuox:is(b, strong) {
+  .emaw9h:is(b, strong) {
     font-weight: bolder;
   }
-  .eonuox:is(code, kbd, samp, pre) {
+  .emaw9h:is(code, kbd, samp, pre) {
     font-family: var(--ax-fontFamily-mono);
     font-feature-settings: normal;
     font-size: 1em;
   }
-  .eonuox:is(table) {
+  .emaw9h:is(table) {
     border-collapse: collapse;
     border-color: inherit;
     text-indent: 0;
   }
-  .eonuox:is(button, input, optgroup, select, textarea) {
+  .emaw9h:is(button, input, optgroup, select, textarea) {
     color: inherit;
     font-size: 100%;
     letter-spacing: inherit;
   }
-  .eonuox:is(button, input:where([type=button], [type=reset], [type=submit])) {
+  .emaw9h:is(button, input:where([type=button], [type=reset], [type=submit])) {
     background-color: transparent;
     background-image: none;
     -webkit-appearance: button;
   }
-  .eonuox:is([type=search]) {
+  .emaw9h:is([type=search]) {
     outline-offset: -2px;
     -webkit-appearance: textfield;
   }
-  .eonuox::-webkit-file-upload-button {
+  .emaw9h::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
   }
-  .eonuox:is(ol, ul, menu) {
+  .emaw9h:is(ol, ul, menu) {
     list-style: none;
   }
-  .eonuox:is(textarea) {
+  .emaw9h:is(textarea) {
     resize: vertical;
   }
-  .eonuox:is(input, textarea)::placeholder {
+  .emaw9h:is(input, textarea)::placeholder {
     color: var(--ax-colors-fg-tertiary);
     opacity: 1;
   }
-  .eonuox:is(button, [role=button]) {
+  .emaw9h:is(button, [role=button]) {
     cursor: pointer;
   }
-  .eonuox:is(:disabled) {
+  .emaw9h:is(:disabled) {
     cursor: default;
   }
-  .eonuox::-webkit-search-decoration {
+  .emaw9h::-webkit-search-decoration {
     -webkit-appearance: none;
   }
-  .eonuox::-webkit-search-cancel-button {
+  .emaw9h::-webkit-search-cancel-button {
     -webkit-appearance: none;
   }
-  .eonuox:is(img, svg, video, canvas, audio, iframe, embed, object) {
+  .emaw9h:is(img, svg, video, canvas, audio, iframe, embed, object) {
     display: block;
   }
-  .eonuox:is(img, video) {
+  .emaw9h:is(img, video) {
     height: auto;
     max-width: 100%;
   }
-  .eonuox:is(select) {
+  .emaw9h:is(select) {
     appearance: none;
   }
 }

package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-CbpF3y64.css

@@ -0,0 +1,140 @@
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  .k2laz9 {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--_1fhtljp);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  .k2laz9:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+    z-index: var(--ax-zIndex-10);
+  }
+  ._13e5v9[data-orientation="horizontal"] > .k2laz9:not(:first-child):not(:last-child),._13e5v9[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .k2laz9 {
+    border-inline-width: 0.5px;
+  }
+  ._13e5v9[data-orientation="horizontal"] > .k2laz9:not(:only-child):first-child,._13e5v9[data-orientation="horizontal"] > :not(:only-child):first-child .k2laz9 {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._13e5v9[data-orientation="horizontal"] > .k2laz9:not(:only-child):last-child,._13e5v9[data-orientation="horizontal"] > :not(:only-child):last-child .k2laz9 {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._13e5v9[data-orientation="vertical"] > .k2laz9:not(:first-child):not(:last-child),._13e5v9[data-orientation="vertical"] > :not(:first-child):not(:last-child) .k2laz9 {
+    border-block-width: 0.5px;
+  }
+  ._13e5v9[data-orientation="vertical"] > .k2laz9:not(:only-child):first-child,._13e5v9[data-orientation="vertical"] > :not(:only-child):first-child .k2laz9 {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._13e5v9[data-orientation="vertical"] > .k2laz9:not(:only-child):last-child,._13e5v9[data-orientation="vertical"] > :not(:only-child):last-child .k2laz9 {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._13e5v9[data-orientation] > .k2laz9:not(:first-child):not(:last-child),._13e5v9[data-orientation] > :not(:first-child):not(:last-child) .k2laz9 {
+    border-radius: 0;
+  }
+  .yqggt6 {
+    min-width: fit-content;
+  }
+  ._7zojge {
+    --_1t66rkh: var(--ax-colors-bg-error);
+    --_17dltvj: var(--ax-colors-bg-error-hovered);
+    --idjl5j: var(--ax-colors-bg-error-pressed);
+    --wxhd7y: var(--ax-colors-bg-error-subtlest);
+    --_6wyt1r: var(--ax-colors-bg-error-subtle);
+  }
+  ._1dbpnhd {
+    --_1t66rkh: var(--ax-colors-bg-default-inverse);
+    --_17dltvj: var(--ax-colors-bg-default-inverse-hovered);
+    --idjl5j: var(--ax-colors-bg-default-inverse-pressed);
+    --wxhd7y: var(--ax-colors-bg-secondary);
+    --_18fbt1b: var(--ax-colors-border-default);
+    --fl9t29: var(--ax-colors-border-default);
+    --_6wyt1r: var(--ax-colors-bg-secondary-hovered);
+    --kkv67m: var(--ax-colors-fg-default);
+  }
+  ._1cfejfe {
+    --_1t66rkh: var(--ax-colors-bg-accent);
+    --_17dltvj: var(--ax-colors-bg-accent-hovered);
+    --idjl5j: var(--ax-colors-bg-accent-pressed);
+    --wxhd7y: var(--ax-colors-bg-accent-subtle);
+    --_6wyt1r: var(--ax-colors-bg-accent-light);
+  }
+  ._1p7wg4x {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--fl9t29, var(--_1t66rkh));
+    color: var(--kkv67m, var(--_1t66rkh));
+    padding-inline: calc(var(--_1fhtljp) - 1px);
+  }
+  ._1p7wg4x:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_6wyt1r);
+    border-color: var(--_18fbt1b, var(--_17dltvj));
+  }
+  ._1p7wg4x:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--wxhd7y);
+    border-color: var(--_18fbt1b, var(--_17dltvj));
+  }
+  ._1p7wg4x:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    border-color: var(--ax-colors-fg-accent);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._1p7wg4x[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .jcge5z {
+    background-color: var(--_1t66rkh);
+    color: var(--ax-colors-fg-default-inverse);
+  }
+  .jcge5z:active:not([data-disabled], [data-loading]) {
+    background-color: var(--idjl5j);
+  }
+  .jcge5z:hover:not(:active, [data-disabled], [data-loading]) {
+    background-color: var(--_17dltvj);
+  }
+  .jcge5z[data-disabled]:not([data-loading]) {
+    background-color: var(--ax-colors-bg-secondary);
+    border: 1px solid var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+    padding-inline: calc(var(--_1fhtljp) - 1px);
+  }
+  ._1ycn45f {
+    background-color: transparent;
+    border-color: var(--_1t66rkh);
+    color: var(--kkv67m, var(--_1t66rkh));
+  }
+  ._1ycn45f:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_6wyt1r);
+  }
+  ._1ycn45f:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--wxhd7y);
+  }
+  ._1ycn45f:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._1ycn45f[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._17xqila {
+    --_1fhtljp: 4px;
+  }
+  ._126opfr {
+    --_1fhtljp: 8px;
+  }
+  .z7id92 {
+    --_1fhtljp: 12px;
+  }
+  ._1l3lumg {
+    position: absolute;
+  }
+}

package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-9CY571jT.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._1jwdyla {
+    opacity: 1;
+  }
+  ._19w6hdx[data-loading] ._1jwdyla {
+    opacity: 0;
+  }
+}

package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BJeieBqq.css

@@ -0,0 +1,18 @@
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  .ee7v4p {
+    display: none;
+  }
+  ._1bf6fpg:has(._1uzkb2v:checked) .ee7v4p {
+    display: block;
+  }
+  ._13k2f6q {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--_16wxnu0);
+    border-width: 1px;
+  }
+  ._1bf6fpg:has(._1uzkb2v:checked) ._13k2f6q {
+    background-color: var(--_16wxnu0);
+    border-width: 0;
+  }
+}

package/dist/assets/src/code/Code.css.ts.vanilla-DbIEuBwZ.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._6x78sd {
+    font-size: 0.875em;
+    -webkit-font-smoothing: auto;
+  }
+}

package/dist/assets/src/data-table/DataTable.css.ts.vanilla-WuWgalwG.css

@@ -0,0 +1,24 @@
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._1cubuny {
+    position: sticky;
+    top: 0;
+    z-index: var(--ax-zIndex-20);
+  }
+  ._1kbhhmq {
+    min-width: var(--_1op6pf8);
+  }
+  ._1gmn2nb {
+    left: var(--_169lll5);
+    position: sticky;
+    z-index: var(--ax-zIndex-20);
+  }
+  ._1a1h00z {
+    min-width: var(--_1op6pf8);
+  }
+  .s4uv06 {
+    left: var(--_169lll5);
+    position: sticky;
+    z-index: var(--ax-zIndex-10);
+  }
+}

package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-UliUBQ3_.css

@@ -0,0 +1,12 @@
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._1pz8cxu {
+    cursor: default;
+  }
+  .w6f85t {
+    cursor: pointer;
+  }
+  .nemdxu:is(:not(:focus-within):not(:hover)) ._1krnes2 {
+    visibility: hidden;
+  }
+}

package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-Un7ZKr2Z.css → DialogContent.css.ts.vanilla-Bh_QfF2z.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1i2225l;
-@layer optiaxiom._1i2225l {
-  ._9dhovl {
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._1epiedn {
     border-radius: var(--ax-borderRadius-lg);
     left: 50%;
     max-height: 75dvh;
@@ -9,16 +9,16 @@
     top: 12dvh;
     translate: -50% 0;
   }
-  ._185pjbo {
+  .zf5tw0 {
     width: 400px;
   }
-  ._1hiugip {
+  ._1mnwgd1 {
     width: 600px;
   }
-  ._1blu5td {
+  ._1k1d8e {
     width: 800px;
   }
-  ._1neu12f {
+  ._1wynxt1 {
     border-radius: var(--ax-borderRadius-none);
     height: 100dvh;
     max-height: none;
@@ -26,11 +26,11 @@
     top: 0;
     width: 100dvw;
   }
-  ._2ku886 {
+  ._8urvja {
     inset: 0;
     position: fixed;
   }
-  .rn4gd3 {
+  .id8vlf {
     position: absolute;
     right: 24px;
     top: 24px;

package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CKFED757.css

@@ -0,0 +1,25 @@
+@keyframes _19kc78v {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+  }
+}
+@keyframes _1vh9z46 {
+  from {
+    height: var(--radix-collapsible-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._396ogd[data-state="closed"] {
+    animation: _1vh9z46 300ms ease-out;
+  }
+  ._396ogd[data-state="open"] {
+    animation: _19kc78v 300ms ease-out;
+  }
+}

package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-C5ErHkok.css → DisclosureTrigger.css.ts.vanilla-BQ1aFa0z.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._1i2225l;
-@layer optiaxiom._1i2225l {
-  ._1dd26hv {
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._1dqe6du {
     color: var(--ax-colors-fg-default);
   }
-  ._1dd26hv:focus-visible {
+  ._1dqe6du:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1dd26hv:hover {
+  ._1dqe6du:hover {
     color: var(--ax-colors-fg-secondary);
   }
-  [data-state=open] > ._11lbsen {
+  [data-state=open] > ._1ba5o1h {
     transform: rotate(180deg);
   }
-  [data-state=open] > .kapfz0 {
+  [data-state=open] > .kb5bcg {
     transform: rotate(90deg);
   }
 }

package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-mY6dsqVE.css → Drawer.css.ts.vanilla-B_lSEnnW.css}

@@ -1,28 +1,28 @@
-@layer optiaxiom._1i2225l;
-@layer optiaxiom._1i2225l {
-  ._1huevo1 {
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._1qlhoam {
     position: fixed;
   }
-  .ur601g {
+  ._1gcsew3 {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  ._1ss64hg {
+  .r1izte {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  ._12y81fi {
+  .nsvi46 {
     bottom: 0;
     right: 0;
     top: 0;
   }
-  .k5gksm {
+  ._1dh2v0d {
     inset: 0;
     position: fixed;
   }
-  ._1wyiw5t {
+  .u9p3xv {
     position: absolute;
     right: 10px;
     top: 24px;

package/dist/assets/src/highlight/Highlight.css.ts.vanilla-DSVjDF8y.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._6jf32l {
+    background-color: transparent;
+    color: inherit;
+  }
+}

package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-CpAK8Qkf.css → HoverCardContent.css.ts.vanilla-CBB-3JzN.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1i2225l;
-@layer optiaxiom._1i2225l {
-  ._1020gn4 {
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._1nufpju {
     min-width: var(--radix-hover-card-trigger-width);
     position: relative;
   }

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

@@ -0,0 +1,35 @@
+@layer optiaxiom._8bz2fm;
+@layer optiaxiom._8bz2fm {
+  ._13xkhnp {
+    position: relative;
+  }
+  ._1qrk0l8 {
+    --zj6s6g: 50%;
+    position: absolute;
+    right: 4px;
+  }
+  ._1prmajb {
+    --zj6s6g: 4px;
+  }
+  ._1rkboj9 {
+    bottom: 4px;
+    transform: translate(var(--zj6s6g), var(--zj6s6g));
+  }
+  ._18mkb3m {
+    top: 4px;
+    transform: translate(var(--zj6s6g), calc(-1 * var(--zj6s6g)));
+  }
+  .d03s6s {
+    position: relative;
+    user-select: none;
+  }
+  .d03s6s:empty {
+    aspect-ratio: 1;
+  }
+  ._2wsgd8:not(:empty) {
+    min-width: 20px;
+  }
+  ._1dybw1u {
+    position: absolute;
+  }
+}