.newsletter-hero{position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:6.4rem 0 3.2rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.newsletter-hero--overlay-header{padding-top:20rem}.newsletter-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.newsletter-hero__image{display:block;width:100%;height:100%;object-fit:cover}.newsletter-hero .newsletter-hero__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:rgba(var(--hero-overlay-rgb),var(--hero-overlay-opacity-mobile))}.newsletter-hero--gradient-to-top .newsletter-hero__overlay{background:linear-gradient(to top,rgba(var(--hero-overlay-rgb),var(--hero-overlay-opacity-mobile)),rgba(var(--hero-overlay-rgb),0))}.newsletter-hero--gradient-to-bottom .newsletter-hero__overlay{background:linear-gradient(to bottom,rgba(var(--hero-overlay-rgb),var(--hero-overlay-opacity-mobile)),rgba(var(--hero-overlay-rgb),0))}.newsletter-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.6rem;width:100%}.newsletter-hero__heading{margin:0;color:inherit}.newsletter-hero__intro:empty{display:none}.newsletter-hero__signup{display:flex;flex-direction:column;gap:1.6rem;width:100%}.newsletter-hero__text,.newsletter-hero__text p{margin:0;font-size:var(--text-xs);line-height:1.6;color:inherit}.newsletter-hero__text a{color:inherit}.newsletter-hero__form{width:100%}.newsletter-hero--themed-form .newsletter-hero__form form.klaviyo-form{max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.newsletter-hero--themed-form .newsletter-hero__form form.klaviyo-form>div{flex-direction:row!important;flex-wrap:wrap;justify-content:flex-start!important;align-items:flex-end;gap:.8rem 1.5rem;min-height:0!important;padding:0!important}.newsletter-hero--themed-form .newsletter-hero__form [data-testid=form-row]{flex:0 0 100%;min-width:0}.newsletter-hero--themed-form .newsletter-hero__form [data-testid=form-row]:has(.klaviyo-emailinput){flex:1 1 20rem}.newsletter-hero--themed-form .newsletter-hero__form [data-testid=form-row]:has(.klaviyo-form-button){flex:0 0 auto}.newsletter-hero--themed-form .newsletter-hero__form [data-testid=form-row]:has(input:is([type=text],[type=email],[type=tel],[type=date],[type=number],:not([type]))):has(+[data-testid=form-row] .klaviyo-form-button){flex:1 1 20rem}.newsletter-hero--themed-form .newsletter-hero__form [data-testid=form-component],.newsletter-hero--themed-form .newsletter-hero__form [class*=klaviyo-][class*=input]{padding:0!important;margin:0!important;width:100%!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.newsletter-hero--themed-form .newsletter-hero__form label{display:block;margin:0!important;padding:0!important;color:rgb(var(--color-foreground))!important;font-family:var(--font-heading-family)!important;font-size:var(--text-sm)!important;font-weight:500!important;line-height:1.25!important;letter-spacing:normal!important;text-transform:uppercase;text-align:left!important}.newsletter-hero--themed-form .newsletter-hero__form input{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:1rem 0!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(var(--color-foreground),.5)!important;border-radius:0!important;box-shadow:none!important;color:rgb(var(--color-foreground))!important;font-family:var(--font-heading-family)!important;font-size:var(--text-sm)!important;font-weight:500!important;line-height:1.25!important;letter-spacing:normal!important;text-align:left!important}.newsletter-hero--themed-form .newsletter-hero__form input::placeholder{color:rgba(var(--color-foreground),.5)!important;opacity:1!important;text-transform:uppercase}.newsletter-hero--themed-form.newsletter-hero--themed-form .newsletter-hero__form.newsletter-hero__form input:hover,.newsletter-hero--themed-form.newsletter-hero--themed-form .newsletter-hero__form.newsletter-hero__form input:focus{outline:none!important;border-bottom-color:rgb(var(--color-foreground))!important}.newsletter-hero--themed-form .newsletter-hero__form input:-webkit-autofill,.newsletter-hero--themed-form .newsletter-hero__form input:-webkit-autofill:hover,.newsletter-hero--themed-form .newsletter-hero__form input:-webkit-autofill:focus,.newsletter-hero--themed-form .newsletter-hero__form input:autofill{-webkit-text-fill-color:rgb(var(--color-foreground))!important;-webkit-background-clip:text!important;background-clip:text!important;caret-color:rgb(var(--color-foreground));transition:background-color 600000s 0s}.newsletter-hero--themed-form .newsletter-hero__form .klaviyo-form-button{width:auto!important;min-width:9.3rem!important;height:3.2rem!important;margin:0!important;padding:0 1.6rem!important;background:rgba(var(--color-foreground),.2)!important;border:0!important;border-radius:0!important;color:rgba(var(--color-foreground),.5)!important;font-family:var(--font-heading-family)!important;font-size:var(--text-sm)!important;font-weight:500!important;line-height:1!important;letter-spacing:normal!important;text-transform:uppercase;cursor:pointer}.newsletter-hero--themed-form .newsletter-hero__form .klaviyo-form-button:hover{background:rgba(var(--color-foreground),.35)!important}.newsletter-hero--themed-form .newsletter-hero__form.is-complete .klaviyo-form-button{background:rgb(var(--color-foreground))!important;color:rgb(var(--hero-color-contrast))!important}.newsletter-hero--themed-form .newsletter-hero__form.is-complete .klaviyo-form-button:hover{background:transparent!important;box-shadow:inset 0 0 0 1px rgb(var(--color-foreground))!important;color:rgb(var(--color-foreground))!important}.newsletter-hero--text-dark.newsletter-hero--themed-form .newsletter-hero__form.is-complete .klaviyo-form-button:hover{background:rgb(var(--hero-color-contrast))!important}.newsletter-hero--themed-form .newsletter-hero__form :is(p,span,div,li,a,strong,em,small,h1,h2,h3,h4,h5,h6,legend,fieldset){color:rgb(var(--color-foreground))!important}.newsletter-hero--themed-form .newsletter-hero__form .klaviyo-form-richtext,.newsletter-hero--themed-form .newsletter-hero__form .klaviyo-form-richtext *{color:rgb(var(--color-foreground))!important;text-align:left!important;line-height:1.6rem!important}.newsletter-hero--themed-form .newsletter-hero__form [data-testid=form-row]:has(.klaviyo-form-button),.newsletter-hero--themed-form .newsletter-hero__form [data-testid=form-row]:has(.klaviyo-form-button) [data-testid=form-component]{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:flex-end!important;width:auto!important;text-align:left!important}.newsletter-hero--themed-form .newsletter-hero__form .klaviyo-form-richtext a{text-decoration:underline!important}@media screen and (max-width:749px){.newsletter-hero__signup{gap:3.2rem}.newsletter-hero--themed-form .newsletter-hero__form input{font-size:1.6rem!important}}@media screen and (min-width:750px){.newsletter-hero{min-height:var(--hero-min-height);padding:6.4rem 0 4rem}.newsletter-hero--overlay-header{padding-top:14rem}.newsletter-hero__overlay{background-color:rgba(var(--hero-overlay-rgb),var(--hero-overlay-opacity))}.newsletter-hero--gradient-to-top .newsletter-hero__overlay{background:linear-gradient(to top,rgba(var(--hero-overlay-rgb),var(--hero-overlay-opacity)),rgba(var(--hero-overlay-rgb),0))}.newsletter-hero--gradient-to-bottom .newsletter-hero__overlay{background:linear-gradient(to bottom,rgba(var(--hero-overlay-rgb),var(--hero-overlay-opacity)),rgba(var(--hero-overlay-rgb),0))}.newsletter-hero__content{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:4rem}.newsletter-hero__intro{flex:1 1 auto;min-width:0}.newsletter-hero__signup{flex:0 0 34rem;max-width:34rem;padding-top:var(--space-10)}.newsletter-hero .newsletter-hero__content{padding-left:var(--space-10);padding-right:var(--space-10)}}
/*# sourceMappingURL=/cdn/shop/t/280/assets/section-newsletter-hero.css.map */