.newsletter{width:100%}.newsletter__outer-background{background:linear-gradient(to bottom,var(--newsletter-bg-top) 50%,var(--newsletter-bg-bottom) 50%);width:100%;padding:4rem 0}.newsletter__container{max-width:var(--newsletter-container-width);height:var(--newsletter-container-height);margin:0 auto;background-color:var(--newsletter-content-bg);border-radius:var(--newsletter-radius);padding:var(--newsletter-padding);display:flex;align-items:center}.newsletter__wrapper{width:100%;display:flex;justify-content:space-between;align-items:flex-start;color:var(--newsletter-text-color)}.newsletter__content{width:588px}.newsletter__heading{font-size:var(--newsletter-heading-size);margin-bottom:1rem;color:var(--newsletter-text-color);line-height:1.2}.newsletter__text{font-size:var(--newsletter-text-size);color:var(--newsletter-text-color);line-height:1.5}.newsletter__form-wrapper{width:480px;margin-left:32px}.newsletter-form{width:100%}.newsletter-form__container{display:flex;width:100%;gap:12px;margin-bottom:12px}.field{flex:1}.field__input{width:100%;padding:0 20px;background-color:var(--newsletter-input-bg);color:var(--newsletter-input-text);border:1px solid rgba(var(--newsletter-text-color),.2);border-radius:4px;font-size:16px;height:44px;line-height:44px}.newsletter-form__button{background-color:var(--newsletter-button-bg);color:var(--newsletter-button-text);border:none;width:104px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;height:44px;transition:opacity .2s ease;flex-shrink:0}.newsletter-form__button:hover{opacity:.9}.newsletter__rich-text{font-size:var(--newsletter-link-size);color:var(--newsletter-text-color);line-height:1.5}.newsletter__rich-text a{color:var(--newsletter-text-color);text-decoration:underline;transition:opacity .2s ease}.newsletter__rich-text a:hover{opacity:.8}.newsletter-form__message{margin-top:1rem;font-size:14px}@media screen and (max-width: 989px){.newsletter__container{height:auto;padding:40px}.newsletter__wrapper{flex-direction:column;gap:30px}.newsletter__content,.newsletter__form-wrapper{width:100%;margin-left:0}.newsletter-form__container{flex-direction:column}.newsletter-form__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/newsletter-section.css.map */