.subscribe-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:9999}.subscribe-modal.hidden{display:none}.subscribe-modal-content{background-color:#fff;border-radius:20px;width:840px;max-width:90%;position:relative;box-shadow:0 6px 30px #0000001f}.close-subscribe-modal{position:absolute;top:12px;right:12px;background:none;border:none;font-size:28px;cursor:pointer;color:rgb(var(--color-foreground))}.close-subscribe-modal:hover{color:rgb(var(--color-button))}.subscribe-modal-inner{display:flex;flex-direction:row}.subscribe-modal-image{flex:1;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden}.subscribe-modal-image img{display:block;width:100%;height:100%;object-fit:cover}.subscribe-modal-text{flex:1;padding:60px 40px;display:flex;flex-direction:column;justify-content:center}.subscribe-modal-text h2{margin:0;font-size:2.8rem;line-height:1.2}.subscribe-modal-text p{margin:10px 0 25px;font-size:1.6rem;line-height:1.6}.subscribe-form input[type=email]{color:rgb(var(--color-foreground));width:100%;padding:15px 20px;margin-bottom:12px;border:1px solid #ddd;border-radius:100px;font-size:1.5rem;line-height:1.2;font-family:var(--font-body-family)}.subscribe-form button{padding:16px 24px;text-transform:uppercase;background-color:rgb(var(--color-button));color:#fff;border:none;border-radius:100px;cursor:pointer;width:100%;font-size:1.5rem;line-height:1.2;font-family:var(--font-body-family);font-weight:500;letter-spacing:.5px}.subscribe-form button:hover{opacity:.9}@media screen and (min-width: 750px) and (max-width: 1023px){.subscribe-modal-text{padding:50px 30px}.subscribe-modal-text h2{font-size:2.2rem}.subscribe-modal-text p{margin:5px 0 20px;font-size:1.5rem}}@media screen and (max-width: 750px){.subscribe-modal-content{width:90%}.subscribe-modal-text h2{font-size:2.6rem}.subscribe-modal-text p{font-size:1.5rem}.subscribe-modal-inner{flex-direction:column}.subscribe-modal-image{border-radius:20px 20px 0 0;max-height:220px}.close-subscribe-modal,.close-subscribe-modal:hover{color:#fff}.subscribe-modal-text{padding:30px 36px 36px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/subscribe-modal.css.map */