.newsletter{--section-background-color: transparent;--section-text-color: var(--body-text-color);color:var(--section-text-color)}.newsletter__container{background-color:var(--section-background-color)}.newsletter.newsletter--primary{--section-background-color: var(--primary-color);--section-text-color: var(--body-text-color-white)}.newsletter.newsletter--secondary{--section-background-color: var(--secondary-color);--section-text-color: var(--body-text-color-white)}.newsletter.newsletter--light{--section-background-color: var(--light-color);--section-text-color: var(--body-text-color)}.newsletter.newsletter--dark{--section-background-color: var(--dark-color);--section-text-color: var(--body-text-color-white)}.newsletter.newsletter--white{--section-background-color: var(--white-color);--section-text-color: var(--body-text-color)}.newsletter.newsletter--black{--section-background-color: var(--black-color);--section-text-color: var(--body-text-color-white)}.newsletter .newsletter__container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-normal);text-align:center;padding-left:var(--spacing-x-large);padding-right:var(--spacing-x-large)}.newsletter .newsletter__container .field__input{background-color:transparent;color:inherit}.newsletter__email-form__field-wrapper .field__button{top:1px}.newsletter .newsletter__heading{margin:0}.newsletter__paragraph{word-break:break-word}.newsletter__email-form{width:100%;max-width:22rem}.newsletter .field__label{background:none;color:inherit}.newsletter-form__button .svg-wrapper svg{width:1rem;height:1rem}.newsletter__form-message{display:flex;gap:var(--spacing-x-small);justify-content:flex-start;margin-top:var(--spacing-x-small)}.newsletter__form-message .svg-wrapper{display:flex;align-items:center;justify-content:center}.newsletter__form-message .svg-wrapper svg{width:.8125rem;height:.8215rem}@media (max-width: 768px){.newsletter__container--light.newsletter__container,.newsletter__container--dark.newsletter__container{padding-top:var(--spacing-xxx-large);padding-bottom:var(--spacing-xxx-large)}.newsletter .newsletter__container{padding-left:var(--spacing-normal);padding-right:var(--spacing-normal)}}