.newsletter{--shape-size: max(8.5rem, min(7.9vw, 16rem));--shape-offset: 40;--shape-ark-size: max(11rem, min(9.8vw, 16rem));--shape-ark-offset: 30;--newsletter-section-width: 120rem;position:relative;margin-top:calc(var(--shape-ark-size) * var(--shape-ark-offset) / 100);margin-bottom:calc(var(--shape-size) * var(--shape-offset) / 100)}.newsletter>.icon-ark{position:absolute;top:0;left:max(1.5rem + var(--page-width-x-padding) + (100% - var(--newsletter-section-width)) / 2,var(--page-width-x-padding));width:var(--shape-ark-size);height:var(--shape-ark-size);-o-object-fit:contain;object-fit:contain;color:rgb(var(--color-base-accent-3));transform:translateY(calc(var(--shape-ark-offset) * -1%));pointer-events:none}.newsletter>.icon-newsletter-shape{position:absolute;right:0;bottom:0;width:var(--shape-size);height:var(--shape-size);-o-object-fit:contain;object-fit:contain;color:rgb(var(--color-base-accent-2));transform:translateY(calc(var(--shape-offset) * 1%));pointer-events:none}.newsletter__wrapper{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:1.6rem;max-width:30rem}@media screen and (min-width:750px){.newsletter__wrapper{max-width:var(--newsletter-section-width)}}@media screen and (min-width:991px){.newsletter__wrapper{flex-direction:row;gap:4.4rem}}.newsletter__heading{flex:2;margin:0;text-align:left;line-height:1.2}.newsletter__subheading{max-width:70rem;margin-left:auto;margin-right:auto}.newsletter-form__wrapper{flex:4;width:100%}.newsletter-form__wrapper .newsletter-form{max-width:54rem}@media screen and (min-width:991px){.newsletter-form__wrapper .newsletter-form{margin-left:auto}}.newsletter-form__wrapper .newsletter-form__field-wrapper{display:flex;flex-direction:column;gap:1.4rem}@media screen and (min-width:750px){.newsletter-form__wrapper .newsletter-form__field-wrapper{flex-direction:row;gap:1.7rem}}.newsletter-form__wrapper .field{flex:1;width:auto}.newsletter-form__wrapper .field:after{--inputs-border-width: 2px;--color-foreground: 223,223,223}.newsletter-form__wrapper .field__input{background-color:rgb(var(--color-base-background-1))}@media screen and (min-width:750px){.newsletter-form__wrapper .field__input{height:5rem}}@media screen and (min-width:750px){.newsletter-form__wrapper .field__label{top:calc(1.4rem + var(--inputs-border-width))}}.newsletter-form__wrapper .newsletter-form__button{height:auto;padding:0 2.6rem}.newsletter-form__field-wrapper .newsletter-form__message{margin-top:1.5rem}.newsletter__button{margin-top:3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:750px){.newsletter__button{flex-shrink:0;margin:0 0 0 1rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/newsletter-section.css.map */