.modal{display:flex;justify-content:center;position:fixed;z-index:var(--z-modals);left:0;top:0;width:100%;height:100%;background-color:#000000b3;opacity:0;pointer-events:none;will-change:opacity;transition:opacity var(--duration-default)}.modal[open]{opacity:1;pointer-events:auto}modal-dialog .modal__content{margin-block:10rem;display:inline-block;background-color:#fff;padding:3rem 5rem;border:.1rem solid #888;color:#000;width:auto;width:54vw;overflow-y:auto;overflow-x:hidden}.modal--supplements .modal__content{text-align:center}.close{float:right;font-size:2.8rem;font-weight:700;margin-top:-1rem;transition:opacity .4s;cursor:pointer;margin:-2rem -4rem 0 0}.modal__close-icon{display:inline-block;position:relative;width:3.1rem;height:3.1rem}.modal__close-icon:before,.modal__close-icon:after{content:"";width:100%;height:.8rem;background-color:currentColor;position:absolute;left:0}.modal__close-icon:after{top:0;transform:rotate(45deg);transform-origin:0 0}.modal__close-icon:before{bottom:0;transform:rotate(-45deg);transform-origin:-15% 90%}.close:hover{opacity:.7}@media (max-width: 767px){.close{margin:-1.5rem -.6rem 0 0}.modal__close-icon{width:1.5rem;height:1.5rem}.modal__close-icon:before,.modal__close-icon:after{height:.4rem}}.modal-button{width:100%;font-size:1.8rem;font-weight:400;height:5.6rem;text-transform:uppercase;transition:opacity .4s}.modal-button:hover{opacity:.7}@media (max-width: 1900px){modal-dialog .modal__content{width:80vw}}@media (max-width: 767px){modal-dialog .modal__content{width:88vw;padding:1rem;max-height:58%}.modal-button{font-size:1.6rem;height:4.1rem}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/modal-popup.css.map */