.promo-signup{position:relative;display:flex;align-items:center;gap:2rem;background:#f3eee6;border:1px solid rgba(var(--color-foreground),.08);border-radius:1rem;padding:2.4rem 3.2rem}.promo-signup__close{position:absolute;top:1.2rem;right:1.2rem;background:transparent;border:none;padding:.4rem;cursor:pointer;color:rgba(var(--color-foreground),.6);line-height:0}.promo-signup__close:hover{color:rgb(var(--color-foreground))}.promo-signup__close .icon{width:1.4rem;height:1.4rem}.promo-signup__icon{flex:0 0 auto;width:5.6rem;height:5.6rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.25);display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.8)}.promo-signup__icon svg{width:2.2rem;height:2.2rem}.promo-signup__text{flex:1 1 28rem;min-width:0}.promo-signup__heading{font-family:var(--font-heading-family);font-size:2rem;margin:0 0 .4rem;color:rgb(var(--color-foreground))}.promo-signup__subheading{font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.65);margin:0}.promo-signup__form-wrapper{flex:1 1 40rem}.promo-signup__form{margin:0}.promo-signup__field{display:flex;gap:1.2rem}.promo-signup__input{flex:1 1 auto;min-width:0;height:4.8rem;padding:0 1.6rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;background:rgb(var(--color-background));font-size:1.4rem;color:rgb(var(--color-foreground))}.promo-signup__input::placeholder{color:rgba(var(--color-foreground),.5)}.promo-signup__button{flex:0 0 auto;height:4.8rem;padding:0 2.4rem;border:none;border-radius:.4rem;background:#1a1a1a;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .2s}.promo-signup__button:hover{background:#383838}.promo-signup__message{display:block;margin-top:.8rem;font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.promo-signup__message--success{color:#4b7a4b}@media screen and (max-width:989px){.promo-signup{flex-wrap:wrap;padding:2.4rem}.promo-signup__text,.promo-signup__form-wrapper{flex:1 1 auto;width:100%}}@media screen and (max-width:749px){.promo-signup{flex-direction:column;align-items:center;text-align:center}.promo-signup__text,.promo-signup__form-wrapper{width:100%}.promo-signup__form-wrapper{margin-top:.4rem}.promo-signup__field{flex-direction:column}.promo-signup__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-promo-signup-bar.css.map */