.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;padding:var(--s2);max-width:40rem;opacity:0;transition:opacity var(--transition-duration) ease}.modal-close{float:right;position:relative;z-index:1}.modal.state--active{visibility:visible}.modal.state--active .modal-overlay,.modal.state--active .modal-content{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-modal.css.map */