.close-button:hover .close-icon[data-v-d18c1e21]{opacity:1}.close-icon[data-v-d18c1e21]{fill:var(--c-transparent-black_900);opacity:.5;transition:opacity .2s}.i8-modal{--padding:var(--modal-padding,var(--spacer-lg));--modal-background:var(--modal-background-color,var(--c-white));--min-space-from-window:8px;--close-button-left:var(--modal-close-button-offset,var(--spacer-sm));background:var(--modal-background);box-shadow:0 0 1px #6060604f,0 12px 24px -6px #60606026;left:50%;max-height:80%;max-width:calc(100% - var(--padding)*2 - 112px - var(--min-space-from-window));padding:var(--padding);position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--modal-width,50%);z-index:1001}.i8-modal:focus{outline:none}.i8-modal__button--close{--button-border-radius:50%;--button-background-color-hover:var(--modal-background);--button-background-color-active:var(--c-black_300);--button-background:var(--modal-background);--button-position:absolute;left:calc(100% + var(--close-button-left));top:0}.i8-modal__content{max-height:var(--modal-max-height,80vh);overflow-y:auto}.i8-modal__overlay{background:var(--c-transparent-black_500);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}