@optiaxiom/react 0.3.5 → 0.4.0

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._1uoxjkg;
-@layer optiaxiom._1uoxjkg {
-  .a8y4xj {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1ty4aa4 {
     left: 50%;
     max-height: 50dvh;
     max-width: calc(100dvw - 2 * 24px);
@@ -8,16 +8,16 @@
     top: 50%;
     translate: -50% -50%;
   }
-  ._1qjdv17 {
+  .qq49iq {
     width: 400px;
   }
-  ._1u61zz4 {
+  ._12j35md {
     width: 600px;
   }
-  ._1y322hc {
+  .j1yi4j {
     width: 800px;
   }
-  .c8iu6f {
+  ._1frn6bu {
     inset: 0;
     position: fixed;
   }

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

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

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

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

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

@@ -0,0 +1,27 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  .czbj6k {
+    user-select: none;
+  }
+  ._1eoc0c0 .czbj6k {
+    border: 1px solid var(--ax-colors-bg-default);
+  }
+  ._1eoc0c0 ._716prs:not(:first-child) {
+    margin-left: -3px;
+  }
+  ._1eoc0c0 ._1fkw5wv:not(:first-child) {
+    margin-left: -5px;
+  }
+  ._1eoc0c0 .bji5v8:not(:first-child) {
+    margin-left: -7px;
+  }
+  ._1eoc0c0 ._1tee3t1:not(:first-child) {
+    margin-left: -9px;
+  }
+  ._1eoc0c0 ._197h5ch:not(:first-child) {
+    margin-left: -11px;
+  }
+  ._1eoc0c0 .ed8yc7:not(:first-child) {
+    margin-left: -13px;
+  }
+}

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

@@ -0,0 +1,46 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1nc2zx3 {
+    --_1l14nvc: var(--ax-colors-fg-white);
+  }
+  .slgk6x {
+    --_1nygnfo: var(--ax-colors-bg-error);
+    --vcpe0q: var(--ax-colors-bg-error-subtle);
+    --crbss4: var(--ax-colors-fg-error-strong);
+  }
+  .j5os2w {
+    --_1nygnfo: var(--ax-colors-bg-information);
+    --vcpe0q: var(--ax-colors-bg-information-subtle);
+    --crbss4: var(--ax-colors-fg-information-strong);
+  }
+  ._8p5rhv {
+    --_1nygnfo: var(--ax-colors-bg-tertiary);
+    --_1l14nvc: var(--ax-colors-fg-default);
+    --vcpe0q: var(--ax-colors-bg-secondary);
+    --crbss4: var(--ax-colors-fg-secondary);
+  }
+  .i64itj {
+    --_1nygnfo: var(--ax-colors-bg-accent);
+    --vcpe0q: var(--ax-colors-bg-accent-subtle);
+    --crbss4: var(--ax-colors-fg-accent-strong);
+  }
+  ._1lomvqb {
+    --_1nygnfo: var(--ax-colors-bg-success);
+    --vcpe0q: var(--ax-colors-bg-success-subtle);
+    --crbss4: var(--ax-colors-fg-success-strong);
+  }
+  ._1m4x20b {
+    --_1nygnfo: var(--ax-colors-bg-warning);
+    --_1l14nvc: var(--ax-colors-fg-warning-inverse);
+    --vcpe0q: var(--ax-colors-bg-warning-subtle);
+    --crbss4: var(--ax-colors-fg-warning-strong);
+  }
+  ._4g7if8 {
+    background-color: var(--vcpe0q);
+    color: var(--crbss4);
+  }
+  ._1ny8n3m {
+    background-color: var(--_1nygnfo);
+    color: var(--_1l14nvc);
+  }
+}

package/dist/assets/src/box/{Box.css.ts.vanilla-BHZ4bhCx.css → Box.css.ts.vanilla-DlV97In6.css}

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

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

@@ -0,0 +1,140 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1im33aw {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--qcifu6);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  ._1im33aw: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);
+  }
+  .awlold[data-orientation="horizontal"] > ._1im33aw:not(:first-child):not(:last-child),.awlold[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1im33aw {
+    border-inline-width: 0.5px;
+  }
+  .awlold[data-orientation="horizontal"] > ._1im33aw:not(:only-child):first-child,.awlold[data-orientation="horizontal"] > :not(:only-child):first-child ._1im33aw {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .awlold[data-orientation="horizontal"] > ._1im33aw:not(:only-child):last-child,.awlold[data-orientation="horizontal"] > :not(:only-child):last-child ._1im33aw {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .awlold[data-orientation="vertical"] > ._1im33aw:not(:first-child):not(:last-child),.awlold[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1im33aw {
+    border-block-width: 0.5px;
+  }
+  .awlold[data-orientation="vertical"] > ._1im33aw:not(:only-child):first-child,.awlold[data-orientation="vertical"] > :not(:only-child):first-child ._1im33aw {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .awlold[data-orientation="vertical"] > ._1im33aw:not(:only-child):last-child,.awlold[data-orientation="vertical"] > :not(:only-child):last-child ._1im33aw {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .awlold[data-orientation] > ._1im33aw:not(:first-child):not(:last-child),.awlold[data-orientation] > :not(:first-child):not(:last-child) ._1im33aw {
+    border-radius: 0;
+  }
+  .if8skd {
+    --_1ejicis: var(--ax-colors-bg-error);
+    --_1ygiyke: var(--ax-colors-bg-error-hovered);
+    --_1262eou: var(--ax-colors-bg-error-pressed);
+    --_16mk45b: var(--ax-colors-bg-error-subtlest);
+    --_15digqz: var(--ax-colors-bg-error-subtle);
+  }
+  .c4fjjx {
+    --_1ejicis: var(--ax-colors-bg-default-inverse);
+    --_1ygiyke: var(--ax-colors-bg-default-inverse-hovered);
+    --_1262eou: var(--ax-colors-bg-default-inverse-pressed);
+    --_16mk45b: var(--ax-colors-bg-secondary);
+    --_1d8dox6: var(--ax-colors-border-default);
+    --_8jejae: var(--ax-colors-border-default);
+    --_15digqz: var(--ax-colors-bg-secondary-hovered);
+    --cpsmx4: var(--ax-colors-fg-default);
+  }
+  ._12vdocu {
+    --_1ejicis: var(--ax-colors-bg-accent);
+    --_1ygiyke: var(--ax-colors-bg-accent-hovered);
+    --_1262eou: var(--ax-colors-bg-accent-pressed);
+    --_16mk45b: var(--ax-colors-bg-accent-subtle);
+    --_15digqz: var(--ax-colors-bg-accent-light);
+  }
+  .xg4fm5 {
+    min-width: fit-content;
+  }
+  ._1p96fk1 {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--_8jejae, var(--_1ejicis));
+    color: var(--cpsmx4, var(--_1ejicis));
+    padding-inline: calc(var(--qcifu6) - 1px);
+  }
+  ._1p96fk1:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_15digqz);
+    border-color: var(--_1d8dox6, var(--_1ygiyke));
+  }
+  ._1p96fk1:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_16mk45b);
+    border-color: var(--_1d8dox6, var(--_1ygiyke));
+  }
+  ._1p96fk1: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);
+  }
+  ._1p96fk1[data-disabled] {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .pm6twy {
+    background-color: var(--_1ejicis);
+    color: var(--ax-colors-fg-default-inverse);
+  }
+  .pm6twy:active:not([data-disabled], [data-loading]) {
+    background-color: var(--_1262eou);
+  }
+  .pm6twy:hover:not(:active, [data-disabled], [data-loading]) {
+    background-color: var(--_1ygiyke);
+  }
+  .pm6twy[data-disabled] {
+    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(--qcifu6) - 1px);
+  }
+  ._1iwd84e {
+    background-color: transparent;
+    border-color: var(--_1ejicis);
+    color: var(--cpsmx4, var(--_1ejicis));
+  }
+  ._1iwd84e:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_15digqz);
+  }
+  ._1iwd84e:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_16mk45b);
+  }
+  ._1iwd84e:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._1iwd84e[data-disabled] {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .hnlowv {
+    --qcifu6: 4px;
+  }
+  ._1syvzmn {
+    --qcifu6: 8px;
+  }
+  ._1a8wi93 {
+    --qcifu6: 12px;
+  }
+  ._1sgmzw9 {
+    position: absolute;
+  }
+}

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

@@ -0,0 +1,9 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1343gin {
+    opacity: 1;
+  }
+  .lmxxxn[data-loading] ._1343gin {
+    opacity: 0;
+  }
+}

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

@@ -0,0 +1,18 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  .kv7kfb {
+    display: none;
+  }
+  ._855f5a:has(._1jecikf:checked) .kv7kfb {
+    display: block;
+  }
+  ._1683711 {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--_4p01u2);
+    border-width: 1px;
+  }
+  ._855f5a:has(._1jecikf:checked) ._1683711 {
+    background-color: var(--_4p01u2);
+    border-width: 0;
+  }
+}

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

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

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

@@ -0,0 +1,24 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._177uole {
+    position: sticky;
+    top: 0;
+    z-index: var(--ax-zIndex-20);
+  }
+  ._1oaj2ea {
+    min-width: var(--_1so5qbr);
+  }
+  .mdovb5 {
+    left: var(--rfixh2);
+    position: sticky;
+    z-index: var(--ax-zIndex-20);
+  }
+  ._9fxd1r {
+    min-width: var(--_1so5qbr);
+  }
+  ._4f317o {
+    left: var(--rfixh2);
+    position: sticky;
+    z-index: var(--ax-zIndex-10);
+  }
+}

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

@@ -0,0 +1,12 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1o1idrn {
+    cursor: default;
+  }
+  .se8b47 {
+    cursor: pointer;
+  }
+  ._1kb3mlj:is(:not(:focus-within):not(:hover)) ._5qpha9 {
+    visibility: hidden;
+  }
+}

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._1uoxjkg;
-@layer optiaxiom._1uoxjkg {
-  ._250gjt {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1m8vxn3 {
     border-radius: var(--ax-borderRadius-lg);
     left: 50%;
     max-height: 75dvh;
@@ -9,27 +9,27 @@
     top: 50%;
     translate: -50% -50%;
   }
-  ._1jyz92u {
+  ._1sypgvw {
     width: 400px;
   }
-  .tasm7b {
+  .o51tln {
     width: 600px;
   }
-  .k4x4d5 {
+  ._2ex1yo {
     width: 800px;
   }
-  ._1nsv810 {
+  .p5jfb5 {
     border-radius: var(--ax-borderRadius-none);
     height: 100dvh;
     max-height: none;
     max-width: none;
     width: 100dvw;
   }
-  .iu7siz {
+  .dfcztf {
     inset: 0;
     position: fixed;
   }
-  ._1xh8sak {
+  ._6hwd71 {
     position: absolute;
     right: 24px;
     top: 24px;

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

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

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

@@ -1,19 +1,19 @@
-@layer optiaxiom._1uoxjkg;
-@layer optiaxiom._1uoxjkg {
-  .ww4t3p {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  .lby3t2 {
     color: var(--ax-colors-fg-default);
   }
-  .ww4t3p:focus-visible {
+  .lby3t2:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .ww4t3p:hover {
+  .lby3t2:hover {
     color: var(--ax-colors-fg-secondary);
   }
-  [data-state=open] > ._17c9hpp {
+  [data-state=open] > ._1fb7ux9 {
     transform: rotate(180deg);
   }
-  [data-state=open] > ._1utelo6 {
+  [data-state=open] > ._1aklwji {
     transform: rotate(90deg);
   }
 }

package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-BiYwxVN6.css → Drawer.css.ts.vanilla-CnCA4xNN.css}

@@ -1,28 +1,28 @@
-@layer optiaxiom._1uoxjkg;
-@layer optiaxiom._1uoxjkg {
-  ._112u0q1 {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1nkpfsz {
     position: fixed;
   }
-  ._123qmq {
+  .y1zfhf {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  .cqviki {
+  .jsr4f2 {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  .t2l94h {
+  .rzovp4 {
     bottom: 0;
     right: 0;
     top: 0;
   }
-  .l6qi7s {
+  .apmcqz {
     inset: 0;
     position: fixed;
   }
-  ._9c5oqm {
+  ._1jou5gp {
     position: absolute;
     right: 10px;
     top: 24px;

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._1uoxjkg;
-@layer optiaxiom._1uoxjkg {
-  .zo27ke {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._3l7pl7 {
     min-width: var(--radix-hover-card-trigger-width);
     position: relative;
   }

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

@@ -0,0 +1,35 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._3f1sdu {
+    position: relative;
+  }
+  ._1vip953 {
+    --_1a08lor: 50%;
+    position: absolute;
+    right: 4px;
+  }
+  ._1qy7tev {
+    --_1a08lor: 4px;
+  }
+  ._1wnigzz {
+    bottom: 4px;
+    transform: translate(var(--_1a08lor), var(--_1a08lor));
+  }
+  ._19zbvim {
+    top: 4px;
+    transform: translate(var(--_1a08lor), calc(-1 * var(--_1a08lor)));
+  }
+  ._1m6jld1 {
+    position: relative;
+    user-select: none;
+  }
+  ._1m6jld1:empty {
+    aspect-ratio: 1;
+  }
+  ._1cn5d5d:not(:empty) {
+    min-width: 20px;
+  }
+  ._1tmq43t {
+    position: absolute;
+  }
+}

package/dist/assets/src/input/Input.css.ts.vanilla-BNBpG_wR.css

@@ -0,0 +1,15 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  .u2iwyl {
+    margin-right: 8px;
+  }
+  ._15qqgxj {
+    margin-left: 8px;
+  }
+  .xdl54h {
+    margin-right: 4;
+  }
+  .rknk1b {
+    margin-left: 4;
+  }
+}