.newsletter-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;position:relative;text-align:left;margin-bottom:var(--level4)}@media only screen and (min-width: 700px){.newsletter-form{margin-right:auto;margin-left:0;right:0;left:auto}}.newsletter-form__heading{margin-bottom:var(--level2)}.newsletter-form__field-wrapper{width:100%}.newsletter-form__message{justify-content:center;margin-bottom:0}.newsletter-form__message--success{margin-top:2rem}.newsletter-form__field{display:flex;flex-direction:row;gap:var(--level1)}@media screen and (min-width: 700px){.newsletter-form__field{gap:var(--level2)}}.newsletter-form__field button{margin-bottom:0!important}@media screen and (min-width: 700px){.newsletter-form__field button{padding-left:var(--level5);padding-right:var(--level5)}}.newsletter-form__field .custom-field{margin-bottom:0}input.newsletter-form__input{padding:var(--level3);padding-top:var(--level3);padding-bottom:var(--level3)}input.newsletter-form__input:focus,input.newsletter-form__input:active{background-color:rgb(var(--color-base-background-1))}@media only screen and (min-width: 940px){.newsletter-form__input{font-size:var(--h4)}}.newsletter-form__label{font-size:var(--h6);color:rgb(var(--color-base-link))}@media only screen and (min-width: 940px){.newsletter-form__label{font-size:var(--h4);top:.35rem!important}}.newsletter-form__button{border:0;min-width:6rem;max-width:7rem;width:100%;font-size:var(--h6);line-height:1;padding-top:var(--level2);padding-bottom:var(--level2);color:rgb(var(--color-base-text));font-size:var(--micro);background-color:var(--color-base-accent);border-top-left-radius:0;border-bottom-left-radius:0;color:rgb(var(--color-base-text-1));border-left:1px solid rgb(var(--color-base-background-3))}.newsleter-form button{border:1px solid rgb(var(--color-base-text-1))}@media only screen and (min-width: 700px){.newsletter-form__button{font-size:var(--normal)}}.newsletter-form__button:focus-visible{background-color:rgb(var(--color-background))}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:inherit}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-newsletter.css.map */
