.newsletter-banner{background:var(--nb-bg, #7b4420);color:var(--nb-text, #fff);padding-block:var(--nb-pad-top, 80px) var(--nb-pad-bottom, 80px)}.newsletter-banner__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,450px);gap:clamp(40px,7vw,130px);align-items:center}.newsletter-banner__copy{display:flex;flex-direction:column;gap:15px}.newsletter-banner__heading{margin:0;color:inherit;font-size:clamp(32px,3.5vw,48px);line-height:1.2;letter-spacing:-.02em;font-weight:500}.newsletter-banner__text{font-size:20px;line-height:1.5}.newsletter-banner__text p{margin:0}.newsletter-banner__form-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:23px}.newsletter-banner__tag{display:inline-block;padding:2px 10px;background:var(--nb-tag-bg, #b4da05);color:var(--nb-tag-text, #101010);font-size:20px;line-height:1.5}.newsletter-form{width:100%}.newsletter-form__field{position:relative;display:flex;align-items:center;height:58px;border:1px solid currentColor;border-radius:40px;transition:box-shadow .2s ease}.newsletter-form__field:focus-within{box-shadow:0 0 0 2px var(--nb-tag-bg, #b4da05)}.newsletter-form__input{flex:1;min-width:0;height:100%;padding:0 60px 0 26px;border:0;background:transparent;color:inherit;font:inherit;font-size:20px;border-radius:inherit}.newsletter-form__input::placeholder{color:inherit;opacity:1}.newsletter-form__input:focus{outline:none}.newsletter-form__submit{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease}.newsletter-form__submit:hover,.newsletter-form__submit:focus-visible{background:var(--nb-tag-bg, #b4da05);color:var(--nb-tag-text, #101010);outline:none}.newsletter-form__message{margin:12px 0 0;font-size:16px;line-height:1.4}.newsletter-form__message--success{font-size:20px;margin:0}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:989px){.newsletter-banner__inner{grid-template-columns:1fr;gap:40px}.newsletter-banner__form-wrap{max-width:450px}}@media(max-width:749px){.newsletter-banner{padding-block:30px}.newsletter-banner__text{font-size:17px}.newsletter-banner__tag{font-size:16px}.newsletter-form__input{font-size:16px;padding-left:20px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-newsletter-banner.css.map */
