.modal{--transition-duration: .2s;position:fixed;top:0;left:0;z-index:9999;height:100%;width:100%;display:flex;justify-content:center;align-items:center;padding:var(--s0);visibility:hidden;transition:visibility var(--transition-duration) ease}.modal-overlay{position:fixed;width:100vw;height:100%;background-color:#0009;opacity:0;transition:opacity var(--transition-duration) ease}.modal-content{position:relative;border-radius:1.875rem;overflow:hidden;background-color:#fff;max-width:40rem;opacity:0;transition:opacity var(--transition-duration) ease}.modal-close{position:absolute;top:var(--s1);right:var(--s1);z-index:1}.modal.state--active{visibility:visible}.modal.state--active .modal-overlay,.modal.state--active .modal-content{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-modal.css.map */