@optiaxiom/react 0.5.0 → 0.5.1

package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-BfmlokwX.css → AlertDialogContent.css.ts.vanilla-DfOEzQyP.css}

@@ -1,23 +1,23 @@
-@layer optiaxiom._186z7zz;
-@layer optiaxiom._186z7zz {
-  .q439sg {
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  .p4uviy {
     inset: 0;
     position: fixed;
   }
-  .n0a0oe {
+  ._187yqhm {
     max-height: 50dvh;
     max-width: calc(100dvw - 2 * 24px);
   }
-  ._1jmu7qj {
+  ._1tj3r7e {
     width: 400px;
   }
-  ._1tzske6 {
+  .uhxrej {
     width: 600px;
   }
-  .pb9ltf {
+  .z5pnj1 {
     width: 800px;
   }
-  ._1c5omd8 {
+  ._1mvorsc {
     inset: 0;
     position: fixed;
   }

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

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

package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-yr5VObxv.css

@@ -0,0 +1,10 @@
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  ._2jmttq {
+    overflow: auto;
+    overscroll-behavior: contain;
+  }
+  ._2jmttq:empty {
+    visibility: hidden;
+  }
+}

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

@@ -0,0 +1,28 @@
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  ._1de4k1a {
+    border-radius: var(--ax-borderRadius-full);
+    user-select: none;
+  }
+  .slysdj ._1de4k1a {
+    border: 1px solid var(--ax-colors-bg-default);
+  }
+  .slysdj ._1xbfeq5:not(:first-child) {
+    margin-left: -3px;
+  }
+  .slysdj ._9wo6tz:not(:first-child) {
+    margin-left: -5px;
+  }
+  .slysdj .t9dnp5:not(:first-child) {
+    margin-left: -7px;
+  }
+  .slysdj ._1gzqx9r:not(:first-child) {
+    margin-left: -9px;
+  }
+  .slysdj .diowu9:not(:first-child) {
+    margin-left: -11px;
+  }
+  .slysdj .br0nxl:not(:first-child) {
+    margin-left: -13px;
+  }
+}

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

@@ -0,0 +1,46 @@
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  ._8u4chm {
+    --_8kvxf7: var(--ax-colors-fg-white);
+  }
+  ._1sg8x20 {
+    --iwcob3: var(--ax-colors-bg-error);
+    --_10h1p7e: var(--ax-colors-bg-error-subtle);
+    --_1m9ozgz: var(--ax-colors-fg-error-strong);
+  }
+  ._1qafblu {
+    --iwcob3: var(--ax-colors-bg-information);
+    --_10h1p7e: var(--ax-colors-bg-information-subtle);
+    --_1m9ozgz: var(--ax-colors-fg-information-strong);
+  }
+  ._1hmyeat {
+    --iwcob3: var(--ax-colors-bg-tertiary);
+    --_8kvxf7: var(--ax-colors-fg-default);
+    --_10h1p7e: var(--ax-colors-bg-secondary);
+    --_1m9ozgz: var(--ax-colors-fg-secondary);
+  }
+  ._6coa14 {
+    --iwcob3: var(--ax-colors-bg-accent);
+    --_10h1p7e: var(--ax-colors-bg-accent-subtle);
+    --_1m9ozgz: var(--ax-colors-fg-accent-strong);
+  }
+  ._1quqqtd {
+    --iwcob3: var(--ax-colors-bg-success);
+    --_10h1p7e: var(--ax-colors-bg-success-subtle);
+    --_1m9ozgz: var(--ax-colors-fg-success-strong);
+  }
+  .bbhuj2 {
+    --iwcob3: var(--ax-colors-bg-warning);
+    --_8kvxf7: var(--ax-colors-fg-warning-inverse);
+    --_10h1p7e: var(--ax-colors-bg-warning-subtle);
+    --_1m9ozgz: var(--ax-colors-fg-warning-strong);
+  }
+  .cbyas {
+    background-color: var(--_10h1p7e);
+    color: var(--_1m9ozgz);
+  }
+  .v0s553 {
+    background-color: var(--iwcob3);
+    color: var(--_8kvxf7);
+  }
+}

package/dist/assets/src/box/{Box.css.ts.vanilla-DBfxVKih.css → Box.css.ts.vanilla-CFbu6ERG.css}

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

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

@@ -0,0 +1,140 @@
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  .qm429p {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--_8gbuja);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  .qm429p: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);
+  }
+  .o5ggju[data-orientation="horizontal"] > .qm429p:not(:first-child):not(:last-child),.o5ggju[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .qm429p {
+    border-inline-width: 0.5px;
+  }
+  .o5ggju[data-orientation="horizontal"] > .qm429p:not(:only-child):first-child,.o5ggju[data-orientation="horizontal"] > :not(:only-child):first-child .qm429p {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .o5ggju[data-orientation="horizontal"] > .qm429p:not(:only-child):last-child,.o5ggju[data-orientation="horizontal"] > :not(:only-child):last-child .qm429p {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .o5ggju[data-orientation="vertical"] > .qm429p:not(:first-child):not(:last-child),.o5ggju[data-orientation="vertical"] > :not(:first-child):not(:last-child) .qm429p {
+    border-block-width: 0.5px;
+  }
+  .o5ggju[data-orientation="vertical"] > .qm429p:not(:only-child):first-child,.o5ggju[data-orientation="vertical"] > :not(:only-child):first-child .qm429p {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .o5ggju[data-orientation="vertical"] > .qm429p:not(:only-child):last-child,.o5ggju[data-orientation="vertical"] > :not(:only-child):last-child .qm429p {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .o5ggju[data-orientation] > .qm429p:not(:first-child):not(:last-child),.o5ggju[data-orientation] > :not(:first-child):not(:last-child) .qm429p {
+    border-radius: 0;
+  }
+  ._1dcf3kk {
+    min-width: fit-content;
+  }
+  ._1iekj3a {
+    --_9d0zrd: var(--ax-colors-bg-error);
+    --_1k3ch01: var(--ax-colors-bg-error-hovered);
+    --_7s0jwl: var(--ax-colors-bg-error-pressed);
+    --_1cbroji: var(--ax-colors-bg-error-subtlest);
+    --_1bjqh6h: var(--ax-colors-bg-error-subtle);
+  }
+  ._5sq53z {
+    --_9d0zrd: var(--ax-colors-bg-default-inverse);
+    --_1k3ch01: var(--ax-colors-bg-default-inverse-hovered);
+    --_7s0jwl: var(--ax-colors-bg-default-inverse-pressed);
+    --_1cbroji: var(--ax-colors-bg-secondary);
+    --_1x8p594: var(--ax-colors-border-default);
+    --_1n782et: var(--ax-colors-border-default);
+    --_1bjqh6h: var(--ax-colors-bg-secondary-hovered);
+    --_1qsklf3: var(--ax-colors-fg-default);
+  }
+  ._1x11jl7 {
+    --_9d0zrd: var(--ax-colors-bg-accent);
+    --_1k3ch01: var(--ax-colors-bg-accent-hovered);
+    --_7s0jwl: var(--ax-colors-bg-accent-pressed);
+    --_1cbroji: var(--ax-colors-bg-accent-subtle);
+    --_1bjqh6h: var(--ax-colors-bg-accent-light);
+  }
+  ._1aa590g {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--_1n782et, var(--_9d0zrd));
+    color: var(--_1qsklf3, var(--_9d0zrd));
+    padding-inline: calc(var(--_8gbuja) - 1px);
+  }
+  ._1aa590g:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1bjqh6h);
+    border-color: var(--_1x8p594, var(--_1k3ch01));
+  }
+  ._1aa590g:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1cbroji);
+    border-color: var(--_1x8p594, var(--_1k3ch01));
+  }
+  ._1aa590g: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);
+  }
+  ._1aa590g[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .s3dccm {
+    background-color: var(--_9d0zrd);
+    color: var(--ax-colors-fg-default-inverse);
+  }
+  .s3dccm:active:not([data-disabled], [data-loading]) {
+    background-color: var(--_7s0jwl);
+  }
+  .s3dccm:hover:not(:active, [data-disabled], [data-loading]) {
+    background-color: var(--_1k3ch01);
+  }
+  .s3dccm[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(--_8gbuja) - 1px);
+  }
+  ._9zicc6 {
+    background-color: transparent;
+    border-color: var(--_9d0zrd);
+    color: var(--_1qsklf3, var(--_9d0zrd));
+  }
+  ._9zicc6:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1bjqh6h);
+  }
+  ._9zicc6:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1cbroji);
+  }
+  ._9zicc6:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._9zicc6[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1eyl9gm {
+    --_8gbuja: 4px;
+  }
+  ._12ma8x8 {
+    --_8gbuja: 8px;
+  }
+  .e4klwr {
+    --_8gbuja: 12px;
+  }
+  .ffn8d9 {
+    position: absolute;
+  }
+}

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

@@ -0,0 +1,9 @@
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  ._8klg3m {
+    opacity: 1;
+  }
+  .atih8l[data-loading] ._8klg3m {
+    opacity: 0;
+  }
+}

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

@@ -0,0 +1,18 @@
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  .zozbig {
+    display: none;
+  }
+  ._1fcaobb:has(._1hpm0s4:checked) .zozbig {
+    display: block;
+  }
+  ._1b6ey87 {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--_1o9fe6h);
+    border-width: 1px;
+  }
+  ._1fcaobb:has(._1hpm0s4:checked) ._1b6ey87 {
+    background-color: var(--_1o9fe6h);
+    border-width: 0;
+  }
+}

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

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

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

@@ -0,0 +1,24 @@
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  ._1odoan6 {
+    position: sticky;
+    top: 0;
+    z-index: var(--ax-zIndex-20);
+  }
+  .z0vt9 {
+    min-width: var(--_110mhe6);
+  }
+  ._1rvdnhz {
+    left: var(--_6bb585);
+    position: sticky;
+    z-index: var(--ax-zIndex-20);
+  }
+  ._1ekd9c3 {
+    min-width: var(--_110mhe6);
+  }
+  ._1dfdde9 {
+    left: var(--_6bb585);
+    position: sticky;
+    z-index: var(--ax-zIndex-10);
+  }
+}

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

@@ -0,0 +1,12 @@
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  ._1i5coyv {
+    cursor: default;
+  }
+  .cpep53 {
+    cursor: pointer;
+  }
+  ._1ooamw6:is(:not(:focus-within):not(:hover)) .frrvp9 {
+    visibility: hidden;
+  }
+}

package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-7QW0qBlh.css → DialogContent.css.ts.vanilla-BkW2dfv7.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._186z7zz;
-@layer optiaxiom._186z7zz {
-  .e7cp8f {
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  ._5k038e {
     border-radius: var(--ax-borderRadius-lg);
     left: 50%;
     max-height: 75dvh;
@@ -9,16 +9,16 @@
     top: 12dvh;
     translate: -50% 0;
   }
-  .ks72k6 {
+  ._8rg9kj {
     width: 400px;
   }
-  ._443xc8 {
+  ._1oz9csn {
     width: 600px;
   }
-  ._1iixfbm {
+  .l4u3vf {
     width: 800px;
   }
-  ._1e1ccat {
+  ._1rpdam6 {
     border-radius: var(--ax-borderRadius-none);
     height: 100dvh;
     max-height: none;
@@ -26,11 +26,11 @@
     top: 0;
     width: 100dvw;
   }
-  ._1wilp1t {
+  ._53pymh {
     inset: 0;
     position: fixed;
   }
-  ._121k1q2 {
+  .a935ko {
     position: absolute;
     right: 24px;
     top: 24px;

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

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

package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-DJAnb-Lj.css → DisclosureTrigger.css.ts.vanilla-CcLwBaNn.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._186z7zz;
-@layer optiaxiom._186z7zz {
-  ._8puh7u {
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  ._18ltbil {
     color: var(--ax-colors-fg-default);
   }
-  ._8puh7u:focus-visible {
+  ._18ltbil:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._8puh7u:hover {
+  ._18ltbil:hover {
     color: var(--ax-colors-fg-secondary);
   }
-  [data-state=open] > ._1iwabcr {
+  [data-state=open] > .r3du9s {
     transform: rotate(180deg);
   }
-  [data-state=open] > ._1jzu1gy {
+  [data-state=open] > ._1p9y4b3 {
     transform: rotate(90deg);
   }
 }

package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-BWa012jC.css → Drawer.css.ts.vanilla-CzFuJJPj.css}

@@ -1,28 +1,28 @@
-@layer optiaxiom._186z7zz;
-@layer optiaxiom._186z7zz {
-  ._1zft8y {
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  ._1qk8vbu {
     position: fixed;
   }
-  .tskpd7 {
+  ._1dn3jb9 {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  ._1t3hnqj {
+  ._1u76iqg {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  ._1ngj3a0 {
+  ._1ro0axs {
     bottom: 0;
     right: 0;
     top: 0;
   }
-  .ymj2f5 {
+  .q2o83 {
     inset: 0;
     position: fixed;
   }
-  .w6uvmg {
+  .h0n686 {
     position: absolute;
     right: 10px;
     top: 24px;

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

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

package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-Kxyux3yW.css → HoverCardContent.css.ts.vanilla-ClL_Dtju.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._186z7zz;
-@layer optiaxiom._186z7zz {
-  .bhq9dm {
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  .lnwceg {
     min-width: var(--radix-hover-card-trigger-width);
     position: relative;
   }

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

@@ -0,0 +1,35 @@
+@layer optiaxiom.k6tjxw;
+@layer optiaxiom.k6tjxw {
+  .zuyifz {
+    position: relative;
+  }
+  ._33vmpn {
+    --c2hdf5: 50%;
+    position: absolute;
+    right: 4px;
+  }
+  .qz4036 {
+    --c2hdf5: 4px;
+  }
+  ._1vie437 {
+    bottom: 4px;
+    transform: translate(var(--c2hdf5), var(--c2hdf5));
+  }
+  ._1yzubqs {
+    top: 4px;
+    transform: translate(var(--c2hdf5), calc(-1 * var(--c2hdf5)));
+  }
+  .q24edc {
+    position: relative;
+    user-select: none;
+  }
+  .q24edc:empty {
+    aspect-ratio: 1;
+  }
+  ._1kuaj9c:not(:empty) {
+    min-width: 20px;
+  }
+  ._14lz2wi {
+    position: absolute;
+  }
+}