@optiaxiom/react 1.7.13 → 1.8.1

package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-B5DCuqsb.css

@@ -0,0 +1,22 @@
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._13gdn3d {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._19zxffw:not(:has(._19zxffw)):focus-within ._13gdn3d, ._13gdn3d:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  ._11dds98 {
+    opacity: 1;
+  }
+  ._3rhh2z {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    ._19zxffw:not(:has(._19zxffw)):hover ._13gdn3d {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-AeFnPihO.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._1svi0ie {
+    min-height: var(--ax-size-sm);
+  }
+}

package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BDrpUAjw.css

@@ -0,0 +1,30 @@
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._1vef9yd {
+    opacity: 0;
+  }
+  ._11vw2f8 {
+    inset: 0;
+    position: fixed;
+  }
+  .mvfr6h {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--eula73)))
+      scale(calc(1 - 0.06 * var(--eula73)))
+    ;
+  }
+  .mvfr6h:focus-visible {
+    outline: none;
+  }
+  ._1j4p05h {
+    width: 400px;
+  }
+  ._3yf0b6 {
+    width: 600px;
+  }
+  ._1m52uj6 {
+    width: 800px;
+  }
+}

package/dist/esm/assets/src/alert-dialog/{AlertDialogFooter.css.ts.vanilla-CpCp6rFA.css → AlertDialogFooter.css.ts.vanilla-BFnEMPVA.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .gxnk44 {
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  .azzjnz {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Dib8qJEt.css

@@ -0,0 +1,7 @@
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._1nzqpvn {
+    position: sticky;
+    top: 0;
+  }
+}

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-BBotg2z_.css → Avatar.css.ts.vanilla-Bi5TvME6.css}

@@ -1,52 +1,52 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .qrpvza {
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._1gdx57p {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1qr6lcd .qrpvza {
+  .t5we1t ._1gdx57p {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  .m8n1fv {
+  ._1f5rafo {
     font-size: 8px;
   }
-  ._1qr6lcd .m8n1fv:not(:first-child) {
+  .t5we1t ._1f5rafo:not(:first-child) {
     margin-left: -1px;
   }
-  .fw3j4i {
+  ._1otywmi {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1qr6lcd .fw3j4i:not(:first-child) {
+  .t5we1t ._1otywmi:not(:first-child) {
     margin-left: -3px;
   }
-  ._106v254 {
+  ._1xsomnn {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1qr6lcd ._106v254:not(:first-child) {
+  .t5we1t ._1xsomnn:not(:first-child) {
     margin-left: -5px;
   }
-  .ruc6yj {
+  .qxefm6 {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._1qr6lcd .ruc6yj:not(:first-child) {
+  .t5we1t .qxefm6:not(:first-child) {
     margin-left: -7px;
   }
-  ._17p4xtx {
+  ._1y9p1r2 {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._1qr6lcd ._17p4xtx:not(:first-child) {
+  .t5we1t ._1y9p1r2:not(:first-child) {
     margin-left: -9px;
   }
-  .u5obl1 {
+  ._1sixhws {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._1qr6lcd .u5obl1:not(:first-child) {
+  .t5we1t ._1sixhws:not(:first-child) {
     margin-left: -11px;
   }
-  ._1ljwf6b {
+  ._1nvn40p {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  ._1qr6lcd ._1ljwf6b:not(:first-child) {
+  .t5we1t ._1nvn40p:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-BRUq7Gcb.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-CH0AOIxR.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._1pqamiu {
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  .yuy1ac {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

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

@@ -0,0 +1,51 @@
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._1s6zu04 {
+    --liyjeq: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1s6zu04:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  .fa76y4 {
+    --_1sc67h3: var(--ax-colors-bg-error);
+    --_1bmb10c: var(--ax-colors-bg-error-subtle);
+    --_1o35oa8: var(--ax-colors-fg-error-strong);
+  }
+  ._1b6emai {
+    --_1sc67h3: var(--ax-colors-bg-information);
+    --_1bmb10c: var(--ax-colors-bg-information-subtle);
+    --_1o35oa8: var(--ax-colors-fg-information-strong);
+  }
+  ._1wixw7z {
+    --_1sc67h3: var(--ax-colors-bg-tertiary);
+    --liyjeq: var(--ax-colors-fg-default);
+    --_1bmb10c: var(--ax-colors-bg-secondary);
+    --_1o35oa8: var(--ax-colors-fg-secondary);
+  }
+  .kzh8fi {
+    --_1sc67h3: var(--ax-colors-bg-accent);
+    --_1bmb10c: var(--ax-colors-bg-accent-subtle);
+    --_1o35oa8: var(--ax-colors-fg-accent-strong);
+  }
+  ._1q2c65n {
+    --_1sc67h3: var(--ax-colors-bg-success);
+    --_1bmb10c: var(--ax-colors-bg-success-subtle);
+    --_1o35oa8: var(--ax-colors-fg-success-strong);
+  }
+  ._1o8xsgc {
+    --_1sc67h3: var(--ax-colors-bg-warning);
+    --liyjeq: var(--ax-colors-fg-warning-inverse);
+    --_1bmb10c: var(--ax-colors-bg-warning-subtle);
+    --_1o35oa8: var(--ax-colors-fg-warning-strong);
+  }
+  ._1uc5l57 {
+    background-color: var(--_1sc67h3);
+    color: var(--liyjeq);
+  }
+  .kfsfs {
+    background-color: var(--_1bmb10c);
+    color: var(--_1o35oa8);
+  }
+}

package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-CW2pUndj.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._1g3ehcc {
+    min-height: var(--ax-size-sm);
+  }
+}

package/dist/{cjs/assets/src/box/Box.css.ts.vanilla-Bp7c1dm4.css → esm/assets/src/box/Box.css.ts.vanilla-ClZDfclT.css}

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

package/dist/esm/assets/src/breadcrumb/{Breadcrumb.css.ts.vanilla-Bckkqizl.css → Breadcrumb.css.ts.vanilla-B1Xlkfp7.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .n33xj6 {
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._1galurm {
     min-height: var(--ax-size-md);
   }
-  .qb6cet {
+  ._1mnsfsi {
     color: var(--ax-colors-fg-tertiary);
   }
-  .qb6cet:visited {
+  ._1mnsfsi:visited {
     color: var(--ax-colors-fg-tertiary);
   }
   @media (hover: hover) {
-    .qb6cet:hover:not([data-disabled]) {
+    ._1mnsfsi:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/{cjs/assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CgW5pwLh.css → esm/assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BmM3aiVW.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .ybyryp {
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._19xilxq {
     max-width: 160px;
   }
-  .ybyryp:not(:first-child)::before {
+  ._19xilxq:not(:first-child)::before {
     content: "/";
     color: var(--ax-colors-fg-tertiary);
     margin-right: 4px;

package/dist/esm/assets/src/button/ButtonLoadable.css.ts.vanilla-OmydsJ52.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._1rb4hso {
+    opacity: 1;
+  }
+  .un8x29[data-loading] ._1rb4hso {
+    opacity: 0;
+  }
+}

package/dist/esm/assets/src/button/ButtonRoot.css.ts.vanilla-DFcg7Xy4.css

@@ -0,0 +1,224 @@
+@property --_8qi61f {
+  syntax: "<angle>";
+  inherits: false;
+  initial-value: 0turn;
+}
+@keyframes _1lfnahb {
+  100% {
+    --_8qi61f: 1turn;
+  }
+}
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._15wqmn0 {
+    border-radius: var(--ax-borderRadius-md);
+    cursor: pointer;
+    padding-inline: var(--_6jo8of);
+    position: relative;
+    text-decoration: none;
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._15wqmn0:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+    z-index: 10;
+  }
+  ._15wqmn0[data-disabled] {
+    cursor: not-allowed;
+  }
+  .lohau6[data-orientation="horizontal"] > ._15wqmn0:not(:first-child):not(:last-child),.lohau6[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._15wqmn0 {
+    border-inline-width: 0.5px;
+  }
+  .lohau6[data-orientation="horizontal"] > ._15wqmn0:not(:only-child):first-child,.lohau6[data-orientation="horizontal"] > :not(:only-child):first-child ._15wqmn0 {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .lohau6[data-orientation="horizontal"] > ._15wqmn0:not(:only-child):last-child,.lohau6[data-orientation="horizontal"] > :not(:only-child):last-child ._15wqmn0 {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .lohau6[data-orientation="vertical"] > ._15wqmn0:not(:first-child):not(:last-child),.lohau6[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._15wqmn0 {
+    border-block-width: 0.5px;
+  }
+  .lohau6[data-orientation="vertical"] > ._15wqmn0:not(:only-child):first-child,.lohau6[data-orientation="vertical"] > :not(:only-child):first-child ._15wqmn0 {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .lohau6[data-orientation="vertical"] > ._15wqmn0:not(:only-child):last-child,.lohau6[data-orientation="vertical"] > :not(:only-child):last-child ._15wqmn0 {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .lohau6[data-orientation] > ._15wqmn0:not(:first-child):not(:last-child),.lohau6[data-orientation] > :not(:first-child):not(:last-child) ._15wqmn0 {
+    border-radius: 0;
+  }
+  ._6l6tpz {
+    --c8yqrn: var(--ax-colors-bg-error);
+    --_1gd19sk: var(--ax-colors-bg-error-hovered);
+    --kmlkab: var(--ax-colors-bg-error-pressed);
+    --dzntvg: var(--ax-colors-bg-error-subtlest);
+    --b9eq3w: var(--ax-colors-bg-error-subtle);
+  }
+  .rt37g8 {
+    --c8yqrn: var(--ax-colors-bg-default-inverse);
+    --_1gd19sk: var(--ax-colors-bg-default-inverse-hovered);
+    --kmlkab: var(--ax-colors-bg-default-inverse-pressed);
+    --_1agqyna: var(--ax-colors-fg-default-inverse);
+    --dzntvg: var(--ax-colors-bg-page);
+    --task8: var(--ax-colors-border-default);
+    --_1nmx02n: var(--ax-colors-border-default);
+    --b9eq3w: var(--ax-colors-bg-secondary);
+    --_16kethi: var(--ax-colors-fg-default);
+    --_3eljfe: var(--ax-colors-bg-default-hovered);
+    --_1ilylo3: var(--ax-colors-bg-default-pressed);
+  }
+  .ggdbll {
+    --c8yqrn: var(--ax-colors-bg-accent);
+    --_1gd19sk: var(--ax-colors-bg-accent-hovered);
+    --kmlkab: var(--ax-colors-bg-accent-pressed);
+    --dzntvg: var(--ax-colors-bg-accent-subtle);
+    --b9eq3w: var(--ax-colors-bg-accent-light);
+  }
+  ._5hwwus {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--_1nmx02n, var(--c8yqrn));
+    color: var(--_16kethi, var(--c8yqrn));
+    padding-inline: calc(var(--_6jo8of) - 1px);
+  }
+  ._5hwwus:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--b9eq3w);
+    border-color: var(--task8, var(--_1gd19sk));
+  }
+  ._5hwwus: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);
+  }
+  ._5hwwus[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .i40lbo {
+    --_6c14vb: 
+          conic-gradient(
+            from var(--_8qi61f),
+            #8670ed 10%,
+            #617bff99 25%,
+            #8a53fe80 75%,
+            #8670ed 90%
+          )
+        ;
+    animation: _1lfnahb 4s linear infinite;
+    background-clip: padding-box, border-box;
+    background-color: var(--ax-colors-bg-default);
+    background-image: 
+        linear-gradient(
+          var(--ax-colors-bg-default),
+          var(--ax-colors-bg-default)
+        ),
+        var(--_6c14vb)
+      ;
+    background-origin: border-box;
+    border: 1px solid transparent;
+    color: var(--_16kethi, var(--c8yqrn));
+    padding-inline: calc(var(--_6jo8of) - 1px);
+  }
+  .i40lbo[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1w8bl07 {
+    background-color: var(--c8yqrn);
+    color: var(--_1agqyna, var(--ax-colors-fg-white));
+  }
+  ._1w8bl07:active:not([data-disabled], [data-loading]) {
+    background-color: var(--kmlkab);
+  }
+  ._1w8bl07[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(--_6jo8of) - 1px);
+  }
+  .dlr6xb {
+    animation: _1lfnahb 6s linear infinite;
+    background-image: 
+        conic-gradient(
+          from var(--_8qi61f),
+          #392ecf,
+          #7740ec,
+          #392ecf
+        )
+      ;
+    color: var(--_1agqyna, var(--ax-colors-fg-white));
+  }
+  .dlr6xb[data-disabled]:not([data-loading]) {
+    background-color: var(--ax-colors-bg-secondary);
+    background-image: none;
+    border: 1px solid var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+    padding-inline: calc(var(--_6jo8of) - 1px);
+  }
+  .i350jb {
+    background-color: transparent;
+    border-color: var(--c8yqrn);
+    color: var(--_16kethi, var(--c8yqrn));
+  }
+  .i350jb:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1ilylo3, var(--b9eq3w));
+  }
+  .i350jb:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  .i350jb[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._7393ku {
+    border-radius: var(--ax-borderRadius-full);
+  }
+  ._5c48cm {
+    --_6jo8of: 4px;
+  }
+  .p1u1fr {
+    --_6jo8of: 6px;
+  }
+  ._1fg0cnx {
+    --_6jo8of: 8px;
+  }
+  .n6szhs {
+    --_6jo8of: 12px;
+  }
+  ._1tqbyd4 {
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  @media (hover: hover) {
+    ._5hwwus:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--dzntvg);
+      border-color: var(--task8, var(--_1gd19sk));
+    }
+    .i40lbo:hover:not(:active, [data-disabled], [data-loading]) {
+      --_6c14vb: 
+                    conic-gradient(
+                      from var(--_8qi61f),
+                      #7C3AED,
+                      #8287FF 33%,
+                      #7D04C7 67%,
+                      #7C3AED
+                    )
+                  ;
+    }
+    ._1w8bl07:hover:not(:active, [data-disabled], [data-loading]) {
+      background-color: var(--_1gd19sk);
+    }
+    .i350jb:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_3eljfe, var(--dzntvg));
+    }
+  }
+}

package/dist/esm/assets/src/calendar/Calendar.css.ts.vanilla-BmKLCWYL.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.t5o2q;
+@layer optiaxiom.t5o2q {
+  ._1bhsm8a {
+    min-height: 274px;
+  }
+}