.newsletter-section{padding:var(--padding-block-start-mobile) 0 var(--padding-block-end-mobile)}@media screen and (min-width:768px){.newsletter-section{padding:var(--padding-block-start-tablet) 0 var(--padding-block-end-tablet)}}@media screen and (min-width:1024px){.newsletter-section{padding:var(--padding-block-start-desktop) 0 var(--padding-block-end-desktop)}}.newsletter-wrapper{background:rgba(var(--color-background));box-shadow:0 0 2rem #0000000a;border-radius:4.6rem;-webkit-border-radius:2.6rem;-moz-border-radius:4.6rem;-ms-border-radius:4.6rem;-o-border-radius:4.6rem;padding:0;border:.1rem solid rgba(var(--color-border));overflow:hidden}@media screen and (min-width:768px){.newsletter-wrapper{border-radius:4.6rem;-webkit-border-radius:4.6rem;-moz-border-radius:4.6rem;-ms-border-radius:4.6rem;-o-border-radius:4.6rem;padding:2rem;border:0}}@media screen and (min-width:1200px){.newsletter-wrapper{padding:4rem;border-radius:5.6rem;-webkit-border-radius:5.6rem;-moz-border-radius:5.6rem;-ms-border-radius:5.6rem;-o-border-radius:5.6rem}}.newsletter-content-wrapper{background:rgba(var(--color-background));position:relative;text-align:center;overflow:hidden;padding:3.2rem 2rem}@media screen and (min-width:768px){.newsletter-content-wrapper{border-radius:3.2rem;padding:4rem;border:.1rem solid rgba(var(--color-border));-webkit-border-radius:3.2rem;-moz-border-radius:3.2rem;-ms-border-radius:3.2rem;-o-border-radius:3.2rem}}@media screen and (min-width:1200px){.newsletter-content-wrapper{padding:6rem}}.newsletter-heading{font-family:var(--font-stack-heading);font-weight:600;font-size:2.4rem;line-height:1.2;color:rgba(var(--color-heading));text-align:center}@media screen and (min-width:992px){.newsletter-heading{font-size:4rem}}@media screen and (min-width:1200px){.newsletter-heading{font-size:6rem}}.newsletter-desc{max-width:64.5rem;font-family:var(--font-stack-heading);font-weight:400;line-height:150%;text-align:center;color:rgba(var(--color-foreground));padding-top:.8rem;margin:0 auto 2.8rem}@media screen and (min-width:768px){.newsletter-desc{margin:0 auto 4.8rem;font-size:1.6rem}}@media screen and (min-width:1200px){.newsletter-desc{margin:0 auto 4.8rem}}.newsletter-form-wrapper{width:100%;position:relative;margin:0 auto}.newsletter-form-wrapper input{display:block;width:100%;padding:1.2rem 2rem;font-family:var(--font-body);border:.1rem solid rgba(var(--color-border));border-radius:10rem;color:rgba(var(--color-heading));font-size:1.6rem;line-height:150%}.newsletter-form-wrapper input:focus::placeholder{opacity:0}@media screen and (min-width:768px){.newsletter-form-wrapper{width:fit-content}.newsletter-form-wrapper input{display:block;width:59rem;padding:2rem 16rem 2rem 2.4rem}}.newsletter-form-wrapper input::placeholder{color:var(--color-foreground)}.newsletter-form-wrapper label{position:absolute;left:2.4rem;top:-1rem;padding:.4rem 1.2rem;background:#fff;border:.1rem solid var(--color-border);border-radius:10rem;-webkit-border-radius:10rem;-moz-border-radius:10rem;-ms-border-radius:10rem;-o-border-radius:10rem;font-size:1.2rem;color:rgba(var(--color-foreground));opacity:0}.newsletter-form-wrapper input:focus~label{opacity:1;transition:all .3s ease;top:-2rem;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.newsletter-form-wrapper input:focus{border:0;border:.1rem dashed rgba(var(--color-heading))}.newsletter-form-wrapper .primary-button{width:100%;margin-top:1.6rem;justify-content:center;padding:1.5rem 2rem;background:rgba(var(--color-primary-button));color:rgba(var(--color-primary-button-text));border-radius:3rem;display:flex;align-items:center;gap:.4rem;overflow:hidden}.newsletter-form-wrapper .primary-button>div span{display:flex;align-items:center;gap:.4rem}.newsletter-form-wrapper .primary-button>div{box-sizing:border-box;width:6rem;height:6rem;top:0;left:-1.8rem;background:transparent;border:.6rem solid rgba(var(--color-primary-button-text));overflow:hidden;position:absolute;display:flex;align-items:center;justify-content:center;opacity:.1!important;z-index:3;transition:all ease-in-out .5s;border-radius:3rem;-webkit-border-radius:3rem;-moz-border-radius:3rem;-ms-border-radius:3rem;-o-border-radius:3rem;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;color:transparent}.newsletter-form-wrapper .primary-button:hover>div{background-color:rgba(var(--color-accent));left:0;width:100%;height:100%;opacity:1!important;border:.1rem solid rgba(var(--color-heading));color:rgba(var(--color-heading))}@media screen and (min-width:768px){.newsletter-form-wrapper .primary-button{margin-top:0;position:absolute;right:.8rem;top:.8rem;width:fit-content}}.newsletter-term-text{font-size:1.4rem;margin-top:1.2rem}img.newsletter-image-left,svg.newsletter-image-left,img.newsletter-image-right,svg.newsletter-image-right{width:22rem;position:absolute;overflow:hidden;bottom:0;left:0;border-radius:100rem 10rem 0 0;-webkit-border-radius:100rem 100rem 0 0;-moz-border-radius:100rem 10rem 0 0;-ms-border-radius:100rem 10rem 0 0;-o-border-radius:100rem 10rem 0 0;display:none}@media screen and (min-width:1024px){img.newsletter-image-left,svg.newsletter-image-left,img.newsletter-image-right,svg.newsletter-image-right{width:20rem;display:block}}img.newsletter-image-right,svg.newsletter-image-right{bottom:inherit;left:inherit;right:0;top:0;border-radius:0 -0 100rem 100rem;-webkit-border-radius:0 -0 100rem 100rem;-moz-border-radius:0 -0 100rem 100rem;-ms-border-radius:0 -0 100rem 100rem;-o-border-radius:0 -0 100rem 100rem}@media screen and (min-width:1400px){img.newsletter-image-left,img.newsletter-image-right{width:28rem}}@media screen and (min-width:1536px){img.newsletter-image-left,img.newsletter-image-right{width:30.2rem}}@media screen and (max-width:1200px){.newsletter-content-block{max-width:500px;margin:0 auto}}.placeholdersvg{background-color:rgba(var(--color-placeholder),1);fill:rgba(var(--color-text),.7);color:rgba(var(--color-text),1)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-newsletter.css.map */