.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}@media screen and (min-width:750px){.newsletter-form{align-items:flex-start;margin:0 auto;max-width:36rem}}.newsletter-form__field-wrapper{width:100%}.newsletter-form__field-wrapper .field{z-index:0;position:relative}.newsletter-form__field-wrapper .field__input{padding-right:5rem;border:2px solid rgba(26,58,26,.35);border-radius:100px;color:#1a3a1a;background-color:#fff;font-size:1.5rem;height:5rem;width:100%;box-sizing:border-box;padding-left:1.8rem;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none}.newsletter-form__field-wrapper .field__input::placeholder{color:#1a3a1a73}.newsletter-form__field-wrapper .field__input:focus,.newsletter-form__field-wrapper .field__input:focus-visible{outline:none;border-color:#c8860a;box-shadow:0 0 0 3px #c8860a2e}.newsletter-form__field-wrapper .field__input[aria-invalid=true]{border-color:#b83232}.newsletter-form__field-wrapper .field__label{position:absolute;left:1.8rem;top:50%;transform:translateY(-50%);font-size:1.4rem;color:#1a3a1a80;pointer-events:none;transition:all .2s ease;background:transparent}.newsletter-form__field-wrapper .field__input:focus~.field__label,.newsletter-form__field-wrapper .field__input:not(:placeholder-shown)~.field__label{top:0;transform:translateY(-50%) scale(.85);background:#fff;padding:0 .4rem;color:#c8860a;font-weight:600;left:1.4rem}.newsletter-form__button{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);width:4rem;height:4rem;border-radius:50%;background-color:#1a3a1a;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;margin:0;transition:background-color .2s ease,transform .2s ease}.newsletter-form__button:hover{background-color:#c8860a;transform:translateY(-50%) scale(1.05)}.newsletter-form__button:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px #c8860a;background-color:#c8860a}.newsletter-form__button:focus{box-shadow:0 0 0 3px #fff,0 0 0 5px #c8860a;background-color:#c8860a}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:none}.newsletter-form__button:active{transform:translateY(-50%) scale(.97)}.newsletter-form__button .icon,.newsletter-form__button svg{width:1.5rem;height:1.5rem;fill:#fff;stroke:#fff}.newsletter-form__message{display:flex;align-items:center;gap:.6rem;justify-content:center;margin-bottom:0;font-size:1.3rem;border-radius:6px;padding:.8rem 1.2rem;margin-top:1.5rem}@media screen and (min-width:750px){.newsletter-form__message{justify-content:flex-start}}.newsletter-form__message.form__message:not(.newsletter-form__message--success){color:#9a2020;background-color:#b8323214;border-left:3px solid #b83232;border-radius:0 6px 6px 0}.newsletter-form__message--success{margin-top:2rem;color:#1a3a1a;background-color:#1a3a1a1a;border-left:3px solid #1a3a1a;border-radius:0 6px 6px 0;font-weight:600;font-size:1.4rem}.newsletter-form__message--success svg,.newsletter-form__message--success .icon{color:#1a3a1a;fill:#1a3a1a;flex-shrink:0}.newsletter__subheading{color:#1a3a1a}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-newsletter.css.map */