.info-modal{visibility:hidden;position:fixed;top:0;left:0;z-index:200;width:100%;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity: .4;text-align:center;opacity:0;height:100%;transition-duration:.3s;transition-property:opacity,visibility}.info-modal.active{visibility:visible;opacity:1;--translate-y-offset: -.5rem}.info-modal-px{padding-left:1rem;padding-right:1rem}.info-modal-px--lg{padding-left:3.5rem;padding-right:3.5rem}.info-modal-py{padding-top:1rem;padding-bottom:2.5rem}.info-modal-copy{line-height:1.5}.info-modal-wrapper{position:fixed;top:50%;left:50%;transition-duration:.3s;transform:translate(-50%,calc(-50% + var(--translate-y-offset, 0px)));transition-property:transform;display:flex;height:-moz-fit-content;height:fit-content;max-height:calc(100% - 2rem)}.info-modal-close-btn{position:relative;display:block;display:flex;height:2rem;width:2rem;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:currentColor;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.info-modal-close-btn:hover{border-width:2px;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.info-modal-close-btn{position:absolute;top:8px;right:8px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.info-modal-close-btn:before,.info-modal-close-btn:after{content:"";position:absolute;background-color:currentColor;width:18px;height:var(--icon-line-thickness, 1px)}.info-modal-close-btn:before{transform:rotate(44deg)}.info-modal-close-btn:after{transform:rotate(-44deg)}@media(min-width:1024px){.info-modal-py{padding-top:2rem;padding-bottom:3rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/style-info-popup.css.map */