@optiaxiom/react 0.12.3 → 0.13.1

package/dist/{cjs/assets/src/data-table/DataTable.css.ts.vanilla-BrXUhcOh.css → esm/assets/src/data-table/DataTable.css.ts.vanilla-DIqBRd91.css}

@@ -1,9 +1,14 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  ._12rjkdq {
+@property --x2pr17 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: transparent;
+}
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  .rr6exg {
     background-repeat: no-repeat;
   }
-  ._1vwdlsa {
+  ._1qvxp6f {
     background-attachment: local, scroll, local, scroll;
     background-image: 
       linear-gradient(
@@ -14,7 +19,7 @@
     , 
       linear-gradient(
         to right,
-        var(--ax-colors-border-default) 1px,
+        var(--ax-colors-border-tertiary) 1px,
         transparent 1px
       )
     , 
@@ -26,14 +31,14 @@
     , 
       linear-gradient(
         to left,
-        var(--ax-colors-border-default) 1px,
+        var(--ax-colors-border-tertiary) 1px,
         transparent 1px
       )
     ;
-    background-position: var(--_1415tmj) 0, var(--_1415tmj) 0, calc(100% - var(--_1mua5pj)) 0, calc(100% - var(--_1mua5pj)) 0;
+    background-position: var(--qix54) 0, var(--qix54) 0, calc(100% - var(--us84oq)) 0, calc(100% - var(--us84oq)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  ._4ml1gc {
+  .mdjv7w {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -44,14 +49,14 @@
     , 
       linear-gradient(
         to right,
-        var(--ax-colors-border-default) 1px,
+        var(--ax-colors-border-tertiary) 1px,
         transparent 1px
       )
     ;
-    background-position: var(--_1415tmj) 0, var(--_1415tmj) 0;
+    background-position: var(--qix54) 0, var(--qix54) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  .mc7hhh {
+  ._17otbbz {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -62,42 +67,39 @@
     , 
       linear-gradient(
         to left,
-        var(--ax-colors-border-default) 1px,
+        var(--ax-colors-border-tertiary) 1px,
         transparent 1px
       )
     ;
-    background-position: calc(100% - var(--_1mua5pj)) 0, calc(100% - var(--_1mua5pj)) 0;
+    background-position: calc(100% - var(--us84oq)) 0, calc(100% - var(--us84oq)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._2j50hz {
+  ._15qgxt1 {
     position: sticky;
     top: 0;
     z-index: 20;
   }
-  ._1g4usb9 {
-    width: var(--_1pz8zo9);
+  ._1gg90t8 {
+    width: var(--t8ry6n);
   }
-  .yen15q {
-    left: var(--_1sg2yos);
+  .vumz7 {
+    left: var(--_1xfi2as);
     position: sticky;
     z-index: 10;
   }
-  .ic9kq2 {
+  ._9ur6n1 {
     position: sticky;
-    right: var(--_1sg2yos);
+    right: var(--_1xfi2as);
     z-index: 10;
   }
-  ._10ms838 {
+  ._1otcv8x {
     background-color: var(--ax-colors-bg-default);
+    background-image: linear-gradient(var(--x2pr17), var(--x2pr17));
+    transition: --x2pr17 var(--ax-duration-sm) ease;
   }
   @media (hover: hover) {
-    ._6426li:hover ._10ms838 {
-      background-image: 
-                linear-gradient(
-                  var(--ax-colors-bg-default-hovered),
-                  var(--ax-colors-bg-default-hovered)
-                )
-              ;
+    .ov1l18:hover ._1otcv8x {
+      --x2pr17: var(--ax-colors-bg-default-hovered);
     }
   }
 }

package/dist/{cjs/assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BKGyXxhT.css → esm/assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-D8iEaYLp.css}

@@ -1,41 +1,41 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  ._10zqnqr {
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._14nbm67 {
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     user-select: none;
   }
-  ._10zqnqr::after {
+  ._14nbm67::after {
     content: "";
     inset: 0;
     position: absolute;
   }
-  ._10zqnqr:focus-visible {
+  ._14nbm67:focus-visible {
     outline: none;
     z-index: 10;
   }
-  ._10zqnqr:focus-visible::after {
+  ._14nbm67:focus-visible::after {
     border-radius: var(--ax-borderRadius-md);
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: -2px;
   }
-  ._1ahff16 {
+  .mn8317 {
     grid-area: 1 / 1 / 2 / 2;
   }
-  .yjcsxq {
+  ._1sj8xtf {
     opacity: 0;
   }
-  ._1m4um4t {
+  ._1edduah {
     opacity: 1;
   }
-  ._1ghi170 {
+  ._37lpdj {
     opacity: 0;
   }
   @media (hover: hover) {
-    ._10zqnqr:hover {
+    ._14nbm67:hover {
       color: var(--ax-colors-fg-secondary);
     }
-    ._1gf6pup:is(:focus-visible, :hover) ._1ghi170 {
+    ._1i01mwe:is(:focus-visible, :hover) ._37lpdj {
       opacity: 1;
     }
   }

package/dist/esm/assets/src/date-input/DateInput.css.ts.vanilla-BOZIK-Va.css

@@ -0,0 +1,8 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  @supports not selector(::-webkit-datetime-edit) {
+    ._1p2euk6 {
+      display: none !important;
+    }
+  }
+}

package/dist/esm/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CSiw9TKj.css → DialogContent.css.ts.vanilla-Ddt9KOuM.css}

@@ -1,30 +1,30 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  .o6hni {
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._98xec9 {
     opacity: 0;
   }
-  .oghsik {
+  ._15c5b99 {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 12dvh;
     transform: 
-      translateY(calc(1rem * var(--hps9xu)))
-      scale(calc(1 - 0.06 * var(--hps9xu)))
+      translateY(calc(1rem * var(--_11v06c2)))
+      scale(calc(1 - 0.06 * var(--_11v06c2)))
     ;
     translate: -50% 0;
   }
-  ._1rems6o {
+  ._70z7xj {
     width: 400px;
   }
-  ._30z100 {
+  ._1gwenpx {
     width: clamp(600px, 50%, 800px);
   }
-  .nzwz4i {
+  ._1y7ad04 {
     width: clamp(900px, 75%, 1400px);
   }
-  ._1e4c3at {
+  .tep9ar {
     height: 100dvh;
     max-height: none;
     max-width: none;

package/dist/esm/assets/src/dialog-header/DialogHeader.css.ts.vanilla-G61u2gKQ.css

@@ -0,0 +1,15 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._1aqk4ee {
+    order: 3;
+  }
+  ._1ubbx9m {
+    order: 1;
+  }
+  .kquq0r {
+    order: 2;
+  }
+  ._1l1wphh {
+    order: 4;
+  }
+}

package/dist/{cjs/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-pVEbtdvl.css → esm/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-Csj_lgJn.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  ._1gzndpv {
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._2lyiss {
     grid-template-columns: 100%;
     grid-template-rows: 1fr;
   }
-  .g8pr1r {
+  .dup0ry {
     min-height: 0;
   }
 }

package/dist/esm/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CPpShJkA.css

@@ -0,0 +1,18 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._1bhnclw {
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  [data-state=open] > ._8jjarh {
+    transform: rotate(-90deg);
+  }
+  [data-state=open] > ._1krvtd4 {
+    transform: rotate(90deg);
+  }
+  @media (hover: hover) {
+    ._1bhnclw:is([data-disabled], :hover) {
+      color: var(--ax-colors-bg-default-inverse-hovered);
+    }
+  }
+}

package/dist/esm/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-CTcFfMDy.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  .szdg3n {
+    order: 2;
+  }
+}

package/dist/esm/assets/src/drawer-content/{DrawerContent.css.ts.vanilla-ChTEpkKe.css → DrawerContent.css.ts.vanilla-DwoG5d6e.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  .xao5jf {
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._1clxqmh {
     position: fixed;
   }
-  ._1eq3db4 {
+  ._1pqtk9t {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  ._1vi5t70 {
+  ._36isd0 {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  ._10qpio6 {
+  ._1npfroe {
     bottom: 0;
     right: 0;
     top: 0;

package/dist/esm/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BmdcM6zv.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._1n4r38c {
+    order: 3;
+  }
+}

package/dist/esm/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-CM3wsGna.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._17m27gc {
+    order: 1;
+  }
+}

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

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

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

@@ -0,0 +1,37 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._1rxbb4e {
+    position: relative;
+  }
+  ._10ysyd5 {
+    --aqo27q: 2px;
+    --_1b10m6j: 50%;
+    position: absolute;
+    right: var(--aqo27q);
+  }
+  ._4nvddl {
+    --aqo27q: 0;
+    --_1b10m6j: 0;
+  }
+  .zd7s7m {
+    bottom: var(--aqo27q);
+    transform: translate(var(--_1b10m6j), var(--_1b10m6j));
+  }
+  .p98o2h {
+    top: var(--aqo27q);
+    transform: translate(var(--_1b10m6j), calc(-1 * var(--_1b10m6j)));
+  }
+  .xxlh6c {
+    position: relative;
+    user-select: none;
+  }
+  .xxlh6c:empty {
+    aspect-ratio: 1;
+  }
+  ._1um1nvk:not(:empty) {
+    min-width: 16px;
+  }
+  .jh579b {
+    position: absolute;
+  }
+}

package/dist/esm/assets/src/inline-input/{InlineInput.css.ts.vanilla-CjJ0Y3Bx.css → InlineInput.css.ts.vanilla-C1IFv3nj.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  ._18cego0:focus-visible {
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._1m8k40x:focus-visible {
     outline: 2px solid transparent;
   }
-  ._169j7ei::before {
+  .fom7lq::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-border-control);
     float: left;

package/dist/{cjs/assets/src/input-control/InputControl.css.ts.vanilla-Bs_UqBe4.css → esm/assets/src/input-control/InputControl.css.ts.vanilla-BMrlqp3V.css}

@@ -1,25 +1,25 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  .hmoru4 {
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._185vt8t {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  .hmoru4::placeholder {
+  ._185vt8t::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  .hmoru4[data-disabled]::placeholder {
+  ._185vt8t[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  .hmoru4[data-readonly] {
+  ._185vt8t[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    ._1lg38j3 {
+    ._1ltm7ao {
       font-size: 14px;
     }
-    ._18w05mv {
+    ._1a7babb {
       font-size: 16px;
     }
   }

package/dist/esm/assets/src/input-root/InputRoot.css.ts.vanilla-CkFL5aFg.css

@@ -0,0 +1,70 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  .anz55p {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--ax-colors-border-default);
+    border-radius: var(--ax-borderRadius-md);
+    border-width: 1px;
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  .anz55p:has(.dcta4w:focus) {
+    z-index: 10;
+  }
+  .anz55p:has(.dcta4w:focus:is([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus-error);
+    outline-offset: 1px;
+  }
+  .anz55p:has(.dcta4w:focus:not([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .anz55p:has(.dcta4w:focus:not([data-invalid]):not([data-readonly])) {
+    border-color: var(--ax-colors-border-accent);
+  }
+  .anz55p:has(.dcta4w:is([data-invalid])) {
+    border-color: var(--ax-colors-border-error);
+  }
+  .anz55p:has(.dcta4w:is([data-readonly])) {
+    border-color: var(--ax-colors-border-tertiary);
+  }
+  .anz55p:has(.dcta4w:is([data-disabled])) {
+    background-color: var(--ax-colors-bg-secondary);
+    border-color: var(--ax-colors-border-secondary);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .qdvrli[data-orientation="horizontal"] > .anz55p:not(:first-child):not(:last-child),.qdvrli[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .anz55p {
+    border-inline-width: 0.5px;
+  }
+  .qdvrli[data-orientation="horizontal"] > .anz55p:not(:only-child):first-child,.qdvrli[data-orientation="horizontal"] > :not(:only-child):first-child .anz55p {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .qdvrli[data-orientation="horizontal"] > .anz55p:not(:only-child):last-child,.qdvrli[data-orientation="horizontal"] > :not(:only-child):last-child .anz55p {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .qdvrli[data-orientation="vertical"] > .anz55p:not(:first-child):not(:last-child),.qdvrli[data-orientation="vertical"] > :not(:first-child):not(:last-child) .anz55p {
+    border-block-width: 0.5px;
+  }
+  .qdvrli[data-orientation="vertical"] > .anz55p:not(:only-child):first-child,.qdvrli[data-orientation="vertical"] > :not(:only-child):first-child .anz55p {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .qdvrli[data-orientation="vertical"] > .anz55p:not(:only-child):last-child,.qdvrli[data-orientation="vertical"] > :not(:only-child):last-child .anz55p {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .qdvrli[data-orientation] > .anz55p:not(:first-child):not(:last-child),.qdvrli[data-orientation] > :not(:first-child):not(:last-child) .anz55p {
+    border-radius: 0;
+  }
+  @media (hover: hover) {
+    .anz55p:hover {
+      border-color: var(--ax-colors-border-control);
+    }
+  }
+}

package/dist/esm/assets/src/kbd/Kbd.css.ts.vanilla-oqufCQ-D.css

@@ -0,0 +1,12 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._125sy6w {
+    font-size: 0.9em;
+  }
+  ._47lek1 {
+    text-decoration: none;
+  }
+  ._1qjy34c {
+    font-size: 1.2em;
+  }
+}

package/dist/esm/assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._1abiwg2, optiaxiom._1c60kh6;

package/dist/esm/assets/src/link/Link.css.ts.vanilla-Dszs5ipi.css

@@ -0,0 +1,43 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._6k671e {
+    position: relative;
+    text-decoration: none;
+  }
+  ._6k671e:focus-visible {
+    outline: 2px auto var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._6k671e:visited {
+    color: var(--ax-colors-fg-link-visited);
+  }
+  ._6k671e[data-disabled] {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .ji9hji {
+    color: var(--ax-colors-fg-link-default);
+  }
+  .hutc6n {
+    color: var(--ax-colors-fg-link-inverse);
+  }
+  ._9xfcwj {
+    color: var(--ax-colors-fg-link-subtle);
+  }
+  ._9xfcwj:visited {
+    color: var(--ax-colors-fg-link-subtle);
+  }
+  .aamw72 {
+    height: 0.8lh;
+    margin-top: 0.1lh;
+    vertical-align: top;
+    width: auto;
+  }
+  @media (hover: hover) {
+    ._6k671e:hover:not([data-disabled]) {
+      text-decoration: underline;
+    }
+    .ji9hji:hover:not([data-disabled]) {
+      color: var(--ax-colors-fg-link-default-hovered);
+    }
+  }
+}

package/dist/esm/assets/src/listbox-item/ListboxItem.css.ts.vanilla-BzU2SdwW.css

@@ -0,0 +1,48 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._1vkyvrr {
+    user-select: none;
+  }
+  ._1vkyvrr:any-link {
+    text-decoration: none;
+  }
+  ._1vkyvrr:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1vkyvrr:not([data-disabled]) {
+    color: var(--_1lm1wfw);
+    cursor: pointer;
+  }
+  ._1vkyvrr:not([data-disabled])[data-highlighted] {
+    background-color: var(--zygy0l);
+    color: var(--_2z73j2, var(--_1lm1wfw));
+  }
+  ._1vkyvrr:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--zeikbl);
+    color: var(--vlzbp7, var(--_1lm1wfw));
+  }
+  ._1vkyvrr:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline-offset: -2px;
+  }
+  ._1vkyvrr[data-disabled] {
+    opacity: 0.3;
+  }
+  ._1p99htz {
+    --zygy0l: var(--ax-colors-bg-error-subtlest);
+    --_2z73j2: var(--ax-colors-fg-error-hovered);
+    --zeikbl: var(--ax-colors-bg-error-subtle);
+    --vlzbp7: var(--ax-colors-fg-error-strong);
+    --_1lm1wfw: var(--ax-colors-fg-error);
+  }
+  ._1nhjrm0 {
+    --zygy0l: var(--ax-colors-bg-default-hovered);
+    --zeikbl: var(--ax-colors-bg-default-pressed);
+    --_1lm1wfw: var(--ax-colors-fg-default);
+  }
+  ._9yhg67 {
+    line-height: 24px;
+  }
+  .jxjire {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/esm/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-z6eYKKz3.css

@@ -0,0 +1,33 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  .g013z9 {
+    max-height: min(var(--_1khhtp), var(--khxkfr, 100vh));
+  }
+  ._1ya7x1i {
+    --khxkfr: var(--ax-maxSize-xs);
+  }
+  .joqeum {
+    --khxkfr: var(--ax-maxSize-sm);
+  }
+  ._80v9qb {
+    --khxkfr: var(--ax-maxSize-md);
+  }
+  ._1a1hntl {
+    --khxkfr: var(--ax-maxSize-lg);
+  }
+  .kvumqa {
+    min-width: var(--iz69fz);
+  }
+  .wygoly {
+    --_1khhtp: var(--radix-dropdown-menu-content-available-height);
+    --iz69fz: var(--radix-dropdown-menu-trigger-width);
+  }
+  ._1rcerap {
+    --_1khhtp: var(--radix-popover-content-available-height);
+    --iz69fz: var(--radix-popover-trigger-width);
+  }
+  ._1ubkxcl {
+    --_1khhtp: var(--radix-popper-available-height);
+    --iz69fz: var(--radix-popper-anchor-width);
+  }
+}

package/dist/esm/assets/src/nav/Nav.css.ts.vanilla-x6w1IRbU.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  ._13oe0i4 {
+    transition: width var(--ax-duration-md) ease;
+  }
+}

package/dist/esm/assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-BtCFZN1k.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._1c60kh6;
+@layer optiaxiom._1c60kh6 {
+  .kc6140 {
+    opacity: 0;
+  }
+  ._1mjve4f {
+    opacity: 1;
+  }
+}