.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}}.newsletter-form__field-wrapper,.newsletter-form__field-wrapper .field .messages{width:100%}.newsletter-form__field-wrapper .field__input{margin:0;background:0 0;border:none;border-bottom:1px solid #707070;height:42px;border-radius:0;padding:0;font-size:14px;color:#fff}.newsletter-form__field-wrapper .field__input.invalid{border-color:#fc7077}.newsletter-form__field-wrapper .field__input::placeholder{color:#999;opacity:1;font-size:12px;font-family:inherit}.newsletter-form__field-wrapper .field__input:focus::placeholder{opacity:0}.newsletter-form__field-wrapper .field__input:focus,.newsletter-form__field-wrapper .field__input:focus-visible{outline:none;box-shadow:none}.newsletter-form__field-wrapper .field{z-index:0;flex-direction:column;align-items:flex-start}.newsletter-form__field-wrapper .field .control{width:100%}.newsletter-form__field-wrapper .field:before,.newsletter-form__field-wrapper .field:after{display:none}.newsletter-form__field-wrapper .field .actions{margin-top:35px}.newsletter-form__field-wrapper .field .messages .message>div{padding:12px 20px;font-size:14px;position:relative;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;margin:0 0 15px;display:none;align-items:center;gap:5px}.newsletter-form__field-wrapper .field .messages .message>div{margin:15px 0 0}.newsletter-form__field-wrapper .field .messages .message.success>*{background:#e5efe5;color:#006400}p.validation-message{padding:0;text-align:center;font-size:12px;margin:0;text-transform:capitalize;color:#fc7077}.newsletter-form__field-wrapper .field .messages .message.success>div.success-container,.newsletter-form__field-wrapper .field .messages .message.error>div.error-container{display:flex}.newsletter-form__field-wrapper .field .messages .message>div svg{position:unset}.newsletter-form__field-wrapper .field .messages .message.error>*{background:#fae5e5;color:#1979c3}#ContactFooter .messages{margin-top:12px}#ContactFooter .messages>div{padding-left:0}#ContactFooter .message.success:before{display:none}#ContactFooter #ContactFooter-success,#ContactFooter-error{margin-top:0}.newsletter-form__field-wrapper .field .messages .message>*:before{-webkit-font-smoothing:antialiased;font-size:24px;line-height:24px;font-family:FontAwesome;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;left:0;width:45px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}.newsletter-form__field-wrapper .field .actions button.newsletter-form__button{position:unset;font-size:12px;padding:0 36px;height:42px;display:flex;justify-content:center;align-items:center;border:1px solid #fff;border-radius:0;text-transform:capitalize;font-weight:400;color:#fff;line-height:38px;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;width:fit-content;font-family:inherit;letter-spacing:1px}.newsletter-form__field-wrapper .field .actions button.newsletter-form__button:hover{opacity:.8}.newsletter-form__message{justify-content:center;margin-bottom:0}.newsletter-form__message--success{margin-top:2rem}@media screen and (max-width: 749px){.newsletter-form__field-wrapper .field__input{text-align:center}.newsletter-form__field-wrapper .field{align-items:center}.newsletter-form__field-wrapper .field .actions{margin-top:10px}}@media screen and (min-width: 750px){.newsletter-form__message{justify-content:flex-start}}.newsletter-form__button{width:4.4rem;margin:0;right:var(--inputs-border-width);top:0;height:100%;z-index:2}.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))}.newsletter-form__button:focus{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground));background-color:rgb(var(--color-background))}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.newsletter-form__button .icon{width:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-newsletter.css.map */