.newsletter{--calculated-padding: max(calc((100vw - 90rem) / 2 + var(--container-padding) - .5rem), var(--container-padding));display:grid;grid-template-columns:6fr 5fr;gap:.5rem}.newsletter__main,.newsletter__form{background-color:var(--color-soft-mint);border-radius:var(--radius)}.newsletter__main{padding:3.5rem 10% 4rem var(--calculated-padding)}.newsletter__title{text-wrap:balance}.newsletter__main ul{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem}.newsletter__main li{display:flex;gap:.5rem;align-items:center;font-size:.875rem;font-weight:300}.newsletter__form{padding:3.5rem var(--calculated-padding) 2rem 2.5rem}.newsletter__form form{display:grid;grid-template:min-content 1fr / 1fr 1fr;column-gap:.5rem}.newsletter__form .field:has(button[type=submit]){grid-column:1/-1;margin-top:.5rem}.newsletter__form button[type=submit]{position:absolute;top:.25rem;right:.25rem;width:2.5rem;padding:.5rem}.newsletter__form button[type=submit] svg{flex-shrink:0;transition:var(--t-time);transition-property:rotate}.newsletter__form button[type=submit]:hover svg{rotate:45deg}.newsletter__form button[type=submit]:hover svg path{fill:currentColor}.newsletter__submit-label--mobile{display:none}.newsletter__form:has(.field.invalid) button[type=submit]{background-color:var(--color-sale);pointer-events:none}.newsletter__form:has(.field.invalid) .newsletter__submit-label--mobile,.newsletter__form:has(.field.invalid) .newsletter__submit-label--desktop{display:none!important}.newsletter__form:has(.field.invalid) .newsletter__submit-label--blocked{display:initial!important}.newsletter__disclaimer{margin-top:3rem;text-align:justify}@media (max-width: 1080px){.newsletter__form{padding:3.5rem 2.5rem 2rem}.newsletter__form form{grid-template-columns:1fr}.newsletter__form button[type=submit]{position:relative;top:0;right:0;padding:.5rem;margin-top:.5rem;width:100%}.newsletter__form .field:not(:first-of-type){margin-top:.5rem}.newsletter__submit-label--mobile{display:initial}.newsletter__submit-label--desktop{display:none}}@media (max-width: 767px){.newsletter{grid-template-columns:1fr;gap:2.5rem;background-color:var(--color-soft-mint);border-radius:0;padding:3rem 1rem 1.5rem}.newsletter__main,.newsletter__form{padding:0}.newsletter__form form{max-width:calc(100vw - 2rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-newsletter.css.map */
