.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}@media screen and (min-width: 768px){.newsletter-section .newsletter-form{align-items:flex-start;margin:0 auto;max-width:36rem}}.newsletter-form__field-wrapper{width:100%}.newsletter-form__field-wrapper .field{--height: 40px;display:flex;align-items:stretch;border-radius:0;background:transparent;padding:0;margin:0;position:relative}.newsletter-form__field-wrapper .field__input{border:none;border-radius:0;background:transparent;padding:1.5rem 1.5rem 1.5rem 0;margin:0;flex:1;box-shadow:none;border-bottom:none;height:var(--height);min-height:var(--height);color:#bfff00;border-bottom:2px solid #BFFF00}.newsletter-form__field-wrapper .field__input:focus{padding:2rem 1.5rem 1rem 0}.newsletter-form__field-wrapper .field__input:not(:placeholder-shown){padding:2rem 1.5rem 1rem 0}.newsletter-form__field-wrapper .field__input::placeholder{opacity:1}.newsletter-form__field-wrapper .field__label{left:0;color:#fff}.newsletter-form__field-wrapper .field__input:focus~.field__label,.newsletter-form__field-wrapper .field__input:not(:placeholder-shown)~.field__label{top:-5px;font-size:1rem;transform:translateY(0)}.newsletter-form__button{background-color:#bfff00;color:#000;border:none;border-radius:0 var(--button-border-radius) var(--button-border-radius) 0;padding:1.5rem 2rem;margin:0;position:relative;height:var(--height);min-height:var(--height);width:auto;right:auto;top:auto;font-size:1.6rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease;flex-shrink:0;z-index:1}.newsletter-form__button:hover{background-color:#a8e600}.newsletter-form__button:focus,.newsletter-form__button:focus-visible{outline:2px solid #BFFF00;outline-offset:2px}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:none}.newsletter-form__message{justify-content:center;margin-bottom:0;gap:.4rem}.newsletter-form svg{width:1.8rem}.newsletter-form__message--success{margin-top:2rem}@media screen and (min-width: 768px){.newsletter-form__message{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-newsletter.css.map */