.modal{position:fixed;width:100vw;height:100vh;opacity:0;visibility:hidden;transition:all .3s ease;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000066;z-index:5;font-family:var(--font-body-family)}.modal.open{visibility:visible;opacity:1;transition-delay:0s}.modal-bg{position:absolute;width:100%;height:100%}.modal-container{background:#fff;position:relative;padding:20px;width:100%;max-width:600px}.modal-close{position:absolute;background:#f0f0f0;padding:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;top:0;right:0;cursor:pointer;border:none}.modal-close svg{width:10px}.modal-heading__container{text-align:center;margin-bottom:25px}.modal__heading{font-family:var(--font-heading-family);margin:0;font-size:3.5rem}.modal-submit__button{display:block;padding:1rem 1.5rem;margin:1rem auto;cursor:pointer}.my-address{margin-top:-1rem}.request-swatch__button{margin:1rem;text-align:center}.button__container{display:flex;justify-content:center}.change-address{font-size:1.2rem}.my-address__title{margin-bottom:.5rem}.my-address{line-height:2.2rem;margin:.5rem 0}.no-address{margin-bottom:0}@media screen and (max-width: 750px){.modal-container{width:100%;right:.8rem}}