.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}.footer-block--newsletter .newsletter-form{justify-content:unset;align-items:unset;flex-direction:unset}.newsletter__wrapper .newletter_wrapper-block .newsletter__subheading p{font-size:1.6rem}@media screen and (min-width: 750px){.newsletter-form{align-items:flex-start;margin:0 auto;max-width:55rem;position:relative;padding-left:0}}.newsletter-form__field-wrapper{width:100%}.newsletter-modal .newsletter-form__field-wrapper .field__input{padding:0 2rem;color:var(--gradient-base-accent-1)}.newsletter-form__field-wrapper .field{z-index:0}.newsletter-form__message{justify-content:flex-start;margin-bottom:0;outline:none;box-shadow:none;outline-offset:unset}.newsletter-form__message{font-size:1.6rem}.newsletter-form__message--success{margin-top:2rem}@media screen and (min-width: 750px){.newsletter-form__message{justify-content:flex-start;width:100%}}.newsletter-form__button{padding:8px 25px 5px;top:0;bottom:0;margin:0;z-index:2;font-size:2rem;position:relative}.newsletter-form__button:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground));background-color:rgb(var(--color-background));transition:all .3s linear}.newsletter-form__button:focus,.newsletter-form__button:hover{background-color:var(--gradient-base-accent-2);color:var(--gradient-base-accent-1)}.newsletter-form__button .icon{width:1.5rem}.field:after{display:none}.newsletter__wrapper-right{margin-top:55px}.newletter_wrapper-block .field__input{height:5.5rem;border-radius:5px 0 0 5px;margin:0}.newletter_wrapper-block .field:hover.field:after{box-shadow:unset}.newletter_wrapper-block .field__button{background-color:#242424;font-family:var(--font-heading-family);color:var(--gradient-base-background-1);height:5.5rem;border-radius:0 5px 5px 0;font-weight:700}.newletter_wrapper-block .field__button:hover{background:var(--gradient-base-accent-3);color:var(--gradient-base-background-1)}.newletter_wrapper-block .newsletter__subheading{font-size:2rem}.newsletter__wrapper-left h2{margin:1rem 0}@media screen and (max-width: 749px){.newsletter__wrapper .newsletter-form__field-wrapper{max-width:50rem}.newsletter__wrapper-left{margin-bottom:35px}.newsletter__wrapper-right{margin-top:50px}}@media screen and (max-width: 576px){.newsletter-modal .newletter_wrapper-block .field__button{width:10.5rem;margin:10px auto auto;border-radius:5px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-newsletter.css.map */
