.subscribe-modal{--padding-top: 2rem;--padding-x: 2rem;--padding-bottom: 2rem;position:fixed;z-index:110;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:calc(100vw - (var(--page-gutter) * 2));max-width:47rem;padding:var(--padding-top) var(--padding-x) var(--padding-bottom);box-shadow:var(--shadow-large);opacity:0;visibility:hidden;transition:all .2s}@media screen and (min-width:750px){.subscribe-modal{--padding-top: 2rem;--padding-x: 3.5rem;--padding-bottom: 3.5rem}}.subscribe-modal.show{opacity:1;visibility:visible}.subscribe-modal p{margin:0}.subscribe-modal .store-logo{margin-bottom:8rem}.subscribe-modal__close{position:absolute;top:calc(var(--padding-top) - .5rem);right:calc(var(--padding-x) - .5rem);padding:.5rem}.subscribe-modal-form{width:100%;margin-top:1.5rem;margin-bottom:1rem}.subscribe-modal-form .field:after{content:none}.subscribe-modal-form .field{display:flex;align-items:flex-end;border-bottom:solid .1rem rgb(var(--color-foreground))}.subscribe-modal .subscribe-modal-form label,.subscribe-modal .subscribe-modal-form input,.subscribe-modal .subscribe-modal-form input:focus,.subscribe-modal .subscribe-modal-form button{display:flex;align-items:center;padding:1.5rem 0;font-family:var(--font-body-family);font-size:var(--font-body-size);letter-spacing:var(--font-body-letter-spacing)}.subscribe-modal .subscribe-modal-form input,.subscribe-modal .subscribe-modal-form input:focus{padding-left:2rem;box-shadow:none}.subscribe-modal-form label{white-space:nowrap}.newsletter-form__agreement{margin-top:7rem}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-subscribe-modal.css.map */