@optiaxiom/react 0.1.0-next.17 → 0.1.0-next.18

package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-BZ7bzZP9.css

@@ -0,0 +1,25 @@
+@keyframes h1lzfp {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+@keyframes cn0n0j {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._1vqxmi0[data-state="closed"] {
+    animation: cn0n0j 300ms ease-out;
+  }
+  ._1vqxmi0[data-state="open"] {
+    animation: h1lzfp 300ms ease-out;
+  }
+}

package/dist/assets/src/accordion-trigger/{AccordionTrigger.css.ts.vanilla-Bk2yaB9b.css → AccordionTrigger.css.ts.vanilla-DdXgiCqZ.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom._1srm0cz;
-@layer optiaxiom._1srm0cz {
-  ._1u7k1f:focus-visible {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._50c7mf:focus-visible {
     outline: 2px solid var(--ax-colors-outline-brand);
     outline-offset: 1px;
   }
-  ._1u7k1f:hover {
+  ._50c7mf:hover {
     color: var(--ax-colors-neutral-1000);
   }
-  [data-state=open] > ._1o09vno {
+  [data-state=open] > .sgh4j2 {
     transform: rotate(90deg);
   }
-  [data-state=open] > ._1nkeqgh {
+  [data-state=open] > ._1wysptw {
     transform: rotate(180deg);
   }
 }

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

@@ -0,0 +1,43 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  .kcm467 {
+    --yeb5vl: var(--ax-colors-red-100);
+    --_1uzd5z6: var(--ax-colors-red-200);
+  }
+  .adka4 {
+    --yeb5vl: var(--ax-colors-bg-neutral);
+    --_1uzd5z6: var(--ax-colors-bg-neutral-solid);
+  }
+  .g1vr5r {
+    --yeb5vl: var(--ax-colors-green-100);
+    --_1uzd5z6: var(--ax-colors-green-200);
+  }
+  .op4riz {
+    --yeb5vl: var(--ax-colors-yellow-100);
+    --_1uzd5z6: var(--ax-colors-yellow-200);
+  }
+  ._46b19x {
+    background-color: var(--yeb5vl);
+  }
+  ._2l1uuu {
+    background-color: var(--_1uzd5z6);
+  }
+  .zqf0vs {
+    --_867nlx: var(--ax-colors-bg-error-solid-hover);
+  }
+  .qh291f {
+    --_867nlx: var(--ax-colors-fg-tertiary);
+  }
+  .burrip {
+    --_867nlx: var(--ax-colors-bg-success-solid-hover);
+  }
+  ._1vj6814 {
+    --_867nlx: var(--ax-colors-bg-warning-solid-hover);
+  }
+  ._9d8peh {
+    color: var(--_867nlx);
+  }
+  ._1scnaqx {
+    color: var(--ax-colors-bg-neutral-inverse);
+  }
+}

package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-udVSBh-F.css → AlertDialogContent.css.ts.vanilla-D0aMZ0w8.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom._1srm0cz;
-@layer optiaxiom._1srm0cz {
-  ._1x7pqvw {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._1ocjr82 {
     left: 50%;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 50%;
     translate: -50% -50%;
   }
-  .k6pdwu {
+  ._1lddtsw {
     width: 400px;
   }
-  .gbecmb {
+  ._1vmsfcv {
     width: 600px;
   }
-  ._1guabg7 {
+  .boptpo {
     width: 800px;
   }
-  ._1wzh4wd {
+  .f1lw71 {
     inset: 0;
     position: fixed;
   }

package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BkEgo6PX.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  .gi3vvg {
+    max-height: 50dvh;
+  }
+}

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

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

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

@@ -0,0 +1,24 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._7asyr2 {
+    user-select: none;
+  }
+  ._1ttp4ry ._7asyr2 {
+    border: 1px solid var(--ax-colors-white);
+  }
+  ._1ttp4ry ._1xmydvk:not(:first-child) {
+    margin-left: -3px;
+  }
+  ._1ttp4ry ._121r9hw:not(:first-child) {
+    margin-left: -5px;
+  }
+  ._1ttp4ry ._13sqc42:not(:first-child) {
+    margin-left: -7px;
+  }
+  ._1ttp4ry ._1gkpvhj:not(:first-child) {
+    margin-left: -9px;
+  }
+  ._1ttp4ry ._7sa6yq:not(:first-child) {
+    margin-left: -13px;
+  }
+}

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

@@ -0,0 +1,47 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._1i18fbv {
+    --jkkr21: var(--ax-colors-fg-default-inverse);
+    padding: 4px 8px;
+  }
+  ._11dk1rq {
+    --_4nsi27: var(--ax-colors-bg-error-solid);
+    --_5w7slz: var(--ax-colors-bg-error);
+    --n1umm2: var(--ax-colors-fg-error);
+  }
+  .vva9qu {
+    --_4nsi27: var(--ax-colors-bg-information-solid);
+    --_5w7slz: var(--ax-colors-bg-information);
+    --n1umm2: var(--ax-colors-fg-information);
+  }
+  .oietlq {
+    --_4nsi27: var(--ax-colors-bg-neutral-solid);
+    --jkkr21: var(--ax-colors-fg-default);
+    --_5w7slz: var(--ax-colors-bg-neutral);
+    --n1umm2: var(--ax-colors-fg-secondary);
+  }
+  .q425xk {
+    --_4nsi27: var(--ax-colors-bg-brand-solid);
+    --_5w7slz: var(--ax-colors-bg-brand);
+    --n1umm2: var(--ax-colors-fg-brand);
+  }
+  ._1jzu372 {
+    --_4nsi27: var(--ax-colors-bg-success-solid);
+    --_5w7slz: var(--ax-colors-bg-success);
+    --n1umm2: var(--ax-colors-fg-success);
+  }
+  ._152tj1c {
+    --_4nsi27: var(--ax-colors-bg-warning-solid);
+    --jkkr21: var(--ax-colors-fg-default);
+    --_5w7slz: var(--ax-colors-bg-warning);
+    --n1umm2: var(--ax-colors-fg-warning);
+  }
+  ._1a8ns9v {
+    background-color: var(--_5w7slz);
+    color: var(--n1umm2);
+  }
+  .ccryi5 {
+    background-color: var(--_4nsi27);
+    color: var(--jkkr21);
+  }
+}

package/dist/assets/src/box/{Box.css.ts.vanilla-DqlsipSp.css → Box.css.ts.vanilla-DzdICr9X.css}

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

package/dist/assets/src/button/Button.css.ts.vanilla-BTd9lTdf.css

@@ -0,0 +1,141 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  .zzi4w9 {
+    border-radius: var(--ax-borderRadius-md);
+    cursor: pointer;
+    padding-inline: var(--_19qyivn);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  .zzi4w9:active:not([data-disabled], [data-loading]) {
+    box-shadow: var(--ax-boxShadow-inner);
+  }
+  .zzi4w9:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
+    outline: 2px solid var(--ax-colors-outline-brand);
+    outline-offset: 1px;
+  }
+  .zzi4w9:is([data-disabled], [data-loading]) {
+    cursor: not-allowed;
+  }
+  ._5f00tw[data-orientation="horizontal"] .zzi4w9:not(:first-child):not(:last-child) {
+    border-inline-width: 0.5px;
+  }
+  ._5f00tw[data-orientation="horizontal"] .zzi4w9:not(:only-child):first-child {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._5f00tw[data-orientation="horizontal"] .zzi4w9:not(:only-child):last-child {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._5f00tw[data-orientation="vertical"] .zzi4w9:not(:first-child):not(:last-child) {
+    border-block-width: 0.5px;
+  }
+  ._5f00tw[data-orientation="vertical"] .zzi4w9:not(:only-child):first-child {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._5f00tw[data-orientation="vertical"] .zzi4w9:not(:only-child):last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._5f00tw[data-orientation] .zzi4w9:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+  ._1pu4jmm {
+    --amcj0y: var(--ax-colors-bg-error-solid);
+    --kw95u: var(--ax-colors-bg-error-solid-hover);
+    --hq81h3: var(--ax-colors-bg-error);
+  }
+  ._1loyzyl {
+    --amcj0y: var(--ax-colors-bg-neutral-inverse);
+    --kw95u: var(--ax-colors-bg-neutral-inverse-hover);
+    --_1tptibs: var(--ax-colors-fg-default-inverse);
+    --hq81h3: var(--ax-colors-bg-input-disabled);
+    --_1589334: var(--ax-colors-fg-default);
+  }
+  .lvdwou {
+    --amcj0y: var(--ax-colors-bg-brand-solid);
+    --kw95u: var(--ax-colors-bg-brand-solid-hover);
+    --hq81h3: var(--ax-colors-bg-brand);
+  }
+  .vtcwuk {
+    min-width: fit-content;
+  }
+  ._1n4dzq6 {
+    background-color: transparent;
+    border: 1px solid var(--amcj0y);
+    color: var(--_1589334, var(--amcj0y));
+    padding-inline: calc(var(--_19qyivn) - 1px);
+  }
+  ._1n4dzq6:hover:not([data-disabled], [data-loading]) {
+    background-color: var(--hq81h3);
+  }
+  ._1n4dzq6[data-disabled] {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .gyr49w {
+    background-color: var(--amcj0y);
+    color: var(--_1tptibs, var(--ax-colors-fg-default-inverse));
+  }
+  .gyr49w:hover:not([data-disabled], [data-loading]) {
+    background-color: var(--kw95u);
+  }
+  .gyr49w[data-disabled] {
+    background-color: var(--ax-colors-bg-input-disabled);
+    border: 1px solid var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+    padding-inline: calc(var(--_19qyivn) - 1px);
+  }
+  ._116h17o {
+    background-color: transparent;
+    border-color: var(--amcj0y);
+    color: var(--_1589334, var(--amcj0y));
+  }
+  ._116h17o:hover:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--hq81h3);
+  }
+  ._116h17o:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-brand);
+    color: var(--ax-colors-fg-link);
+  }
+  ._116h17o[data-disabled] {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1yp4idg {
+    border-color: var(--ax-colors-border-default);
+  }
+  .zrxotp {
+    --_19qyivn: 2px;
+  }
+  .hsrfgf {
+    --_19qyivn: 4px;
+  }
+  .z6ytr3 {
+    --_19qyivn: 6px;
+  }
+  ._1gm4bki {
+    --_19qyivn: 8px;
+  }
+  .luiedj {
+    --_19qyivn: 10px;
+  }
+  ._1bg6837 {
+    --_19qyivn: 12px;
+  }
+  ._167sxsv {
+    opacity: 1;
+  }
+  .q60imn[data-loading] ._167sxsv {
+    opacity: 0;
+  }
+  ._10rbaud {
+    position: absolute;
+  }
+}

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

@@ -0,0 +1,23 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._14vtok7 {
+    display: none;
+  }
+  ._1yj19u4[data-state="checked"] ._14vtok7 {
+    display: block;
+  }
+  .tc6a4p {
+    display: none;
+  }
+  ._1yj19u4[data-state="indeterminate"] .tc6a4p {
+    display: block;
+  }
+  ._1457wpi {
+    border-color: var(--_17e2kfn);
+    border-width: 1px;
+  }
+  ._1457wpi:not([data-state="unchecked"]) {
+    background-color: var(--_17e2kfn);
+    border-width: 0;
+  }
+}

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

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

package/dist/assets/src/command-item/{CommandItem.css.ts.vanilla-ByJWH0yk.css → CommandItem.css.ts.vanilla-6tivpdOm.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom._1srm0cz;
-@layer optiaxiom._1srm0cz {
-  .buwolz {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._1srd6jy {
     cursor: default;
     outline: none;
     position: relative;
     user-select: none;
   }
-  .buwolz[data-disabled='true'] {
+  ._1srd6jy[data-disabled='true'] {
     color: var(--ax-colors-fg-disabled);
   }
-  .buwolz[data-selected='true'] {
+  ._1srd6jy[data-selected='true'] {
     background-color: var(--ax-colors-bg-input-disabled);
     color: var(--ax-colors-fg-default);
     cursor: pointer;

package/dist/assets/src/command-list/{CommandList.css.ts.vanilla-Cz8lB2er.css → CommandList.css.ts.vanilla-cJSL04GG.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1srm0cz;
-@layer optiaxiom._1srm0cz {
-  .u4nrvu {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._141xl3x {
     overflow: auto;
     overscroll-behavior: contain;
     transition: 100ms ease;

package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-DNWFGycD.css

@@ -0,0 +1,41 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._19cwr29 {
+    --_17e2kfn: var(--ax-colors-border-active);
+    color: var(--ax-colors-fg-default);
+    grid-template: 
+          "indicator label"       auto
+          ".         description" auto / min-content auto;
+  }
+  ._19cwr29:has(._1mv6p9j:not([data-disabled]):not([data-state="unchecked"])):hover {
+    --_17e2kfn: var(--ax-colors-bg-brand-solid-hover);
+  }
+  ._19cwr29:has(._1mv6p9j:not([data-disabled])[data-state="unchecked"]):hover {
+    --_17e2kfn: var(--ax-colors-border-active-hover);
+  }
+  ._19cwr29:has(._1mv6p9j:not([data-state="unchecked"])) {
+    --_17e2kfn: var(--ax-colors-bg-brand-solid);
+  }
+  ._19cwr29:has(._1mv6p9j[data-disabled]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._6hn44l {
+    grid-area: indicator;
+  }
+  ._6hn44l:focus-visible {
+    outline: 2px solid var(--ax-colors-outline-brand);
+    outline-offset: 1px;
+  }
+  ._6hn44l[data-disabled] {
+    opacity: 0.3;
+  }
+  ._6hvgyx {
+    grid-area: label;
+  }
+  ._1mv6p9j:not([data-disabled]) + ._6hvgyx {
+    cursor: pointer;
+  }
+  .v4onp6 {
+    grid-area: description;
+  }
+}

package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMj_Dytg.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._3e4jkl {
+    max-height: 50dvh;
+  }
+}

package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CzC-Pm9R.css → DialogContent.css.ts.vanilla-dM4h8lLR.css}

@@ -1,26 +1,26 @@
-@layer optiaxiom._1srm0cz;
-@layer optiaxiom._1srm0cz {
-  ._4amn67 {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._4mu5xn {
     left: 50%;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 50%;
     translate: -50% -50%;
   }
-  .qtvk43 {
+  .diuia7 {
     width: 400px;
   }
-  .kwcx9d {
+  ._1lw3vg0 {
     width: 600px;
   }
-  ._1dcu65v {
+  .l5h6x4 {
     width: 800px;
   }
-  ._173wkvm {
+  ._7af65o {
     inset: 0;
     position: fixed;
   }
-  ._293z2t {
+  ._15lprrc {
     position: absolute;
     right: 24px;
     top: 24px;

package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CjtQhy6h.css → Drawer.css.ts.vanilla-BfBPQjk-.css}

@@ -1,28 +1,28 @@
-@layer optiaxiom._1srm0cz;
-@layer optiaxiom._1srm0cz {
-  ._1ot93ff {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._207guu {
     position: fixed;
   }
-  .xyiopr {
+  ._4urbzj {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  .y2civ1 {
+  ._1733n0d {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  ._1hxz962 {
+  .jiwonh {
     bottom: 0;
     right: 0;
     top: 0;
   }
-  ._141bpgu {
+  ._1bbf25v {
     inset: 0;
     position: fixed;
   }
-  ._1q0lv0l {
+  ._11hdbrg {
     position: absolute;
     right: 10px;
     top: 24px;

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._1srm0cz;
-@layer optiaxiom._1srm0cz {
-  .dgqkls {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._1kdheka {
     min-width: var(--radix-hover-card-trigger-width);
     position: relative;
   }