.froo-newsletter-block{position:relative}.froo-newsletter-block:after{content:"";display:block;position:absolute;background:var(--wave-inv);height:1rem;top:0;width:100%;z-index:5}.froo-newsletter-block .footer-block--newsletter h2.footer-block__heading{font-size:2.4rem;margin-bottom:2rem;font-weight:700;text-transform:uppercase;text-align:center;padding:0;font-family:var(--font-body-family)}@media screen and (min-width: 750px){.froo-newsletter-block .footer-block--newsletter h2.footer-block__heading{font-size:2.4rem}}.froo-newsletter-block .footer-block--newsletter h2.footer-block__heading:after{display:none}.froo-newsletter-block .footer-block--newsletter p{color:#fff;font-size:1.3rem;font-weight:500;margin:.5rem auto 1.5rem;line-height:1.4;text-align:center;max-width:59rem;width:100%;text-shadow:0 0 5px rgba(0,0,0,.6)}.froo-newsletter-block .newsletter-form__field-wrapper{display:flex;flex-direction:row}.froo-newsletter-block .newsletter-form{max-width:60rem;background:#0003;padding:1rem}.froo-newsletter-block .newsletter-form__field-wrapper .field:before,.froo-newsletter-block .newsletter-form__field-wrapper .field:after{display:none}.froo-newsletter-block .newsletter-form__field-wrapper .field__input{background:#fff;color:#000;height:5rem}.froo-newsletter-block .newsletter-form__field-wrapper .field__label{color:#000;opacity:.7;font-size:1.3rem;top:calc(1rem + 5px)}.froo-newsletter-block .newsletter-form__field-wrapper .field__input:focus~.field__label,.froo-newsletter-block .newsletter-form__field-wrapper .field__input:not(:placeholder-shown)~.field__label,.froo-newsletter-block .newsletter-form__field-wrapper.field__input:-webkit-autofill~.field__label{top:calc(1rem + 0px);font-size:1rem}.froo-newsletter-block .newsletter-form__button{height:5rem;min-height:calc(var(--inputs-border-width) * 2);margin-left:1rem;color:rgb(var(--color-foreground));background:rgb(var(--color-accent));width:min-content;flex-grow:1;flex-shrink:0;font-weight:700;text-transform:uppercase;font-size:1.4rem;padding:0 3rem}.froo-newsletter-block .newsletter-form__button:hover{background:#000}.froo-newsletter-block .newsletter-form__button svg{height:1.6rem;color:rgb(var(--color-background))}.froo-newsletter-block .newsletter-form__button:hover{color:rgb(var(--color-background))}.froo-newsletter-block .newsletter-form__button:hover svg{color:#000}
/*# sourceMappingURL=/cdn/shop/t/2/assets/froo-newsletter-block.css.map */