.mini-modal,.mini-modal .page-width{position:relative}.mini-modal h2,.mini-modal .rte,.mini-modal .rte>*{color:var(--color--text)}.mini-modal h2{margin:0;font-size:16px;font-weight:600}.mini-modal h2:not(:last-child){margin:0 0 var(--base-gutter--quarter)}.mini-modal .rte,.mini-modal .rte>*{font-size:14px}.mini-modal .modal--close{--position: 15%;--size: 25px;position:absolute;top:var(--position);right:var(--position);transform:translate(50%,-50%);display:inline-block;z-index:5;border-radius:150%;background:var(--color--text);color:var(--color--background);width:var(--size);height:var(--size)}.mini-modal .modal--close svg{width:calc(var(--size) * .5);height:calc(var(--size) * .5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:currentColor;z-index:6}.mini-modal .modal--container{--width: var(--width--normal);--animation--timing--width: .3s;--animation--timing--show: 1s;--offset--top: var(--base-gutter--half);--offset--side: var(--base-gutter--half);--move-in: -40%;position:absolute;top:var(--offset--top);width:var(--width);display:block;will-change:width;transition-duration:var(--animation--timing--width),var(--animation--timing--show),var(--animation--timing--show);transition-timing-function:ease-in-out;transition-property:width,opacity,var(--side)}.mini-modal .modal--container .modal--circle{border-radius:150%;overflow:hidden;width:100%}.mini-modal .modal--container .modal--circle:after{content:"";display:block;position:relative;padding-top:100%}.mini-modal .modal--container.modal--hide{--offset--side: 0px;opacity:0}.mini-modal .modal--container.align-left{--offset--side: 10px;--side: left;left:var(--offset--side)}.mini-modal .modal--container.align-right{--offset--side: 10px;--side: right;right:var(--offset--side)}.mini-modal .modal--container:before,.mini-modal .modal--container .modal--text,.mini-modal .modal--container .text--regular,.mini-modal .modal--container .text--hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.mini-modal .modal--container:before{content:"";background:var(--color--background);border-radius:150%;width:100%;box-shadow:0 0 3px 2px #00000026;aspect-ratio:1;z-index:-1}.mini-modal .modal--container .text--regular,.mini-modal .modal--container .text--hover{--offset--center: -50%;--offset--fadein: -30%;--offset--x: var(--offset--fadein);--animation--timing--transform: .75s;--animation--timing--opacity: .5s;opacity:1;transform:translate(var(--offset--x),-50%);transition-duration:var(--animation--timing--opacity),var(--animation--timing--transform);transition-timing-function:ease-in-out;transition-property:opacity,transform}.mini-modal .modal--container .text--regular{--offset--x: var(--offset--center);width:calc(var(--width--normal) * .6)}.mini-modal .modal--container .text--hover{--animation--timing--transform: .5s;--animation--timing--opacity: .25s;opacity:0;width:calc(var(--width--hover) * .6)}.mini-modal .modal--container:hover{--width: var(--width--hover)}.mini-modal .modal--container:hover .text--regular{--animation--timing--transform: .5s;--animation--timing--opacity: .25s;--offset--x: var(--offset--fadein);opacity:0}.mini-modal .modal--container:hover .text--hover{--offset--x: var(--offset--center);opacity:1}
/*# sourceMappingURL=/cdn/shop/t/347/assets/mini-modal.css.map */