.sp-subscription-banner__wrapper{position:relative}.sp-subscription-banner__image{position:relative;height:424px;width:100%}.sp-subscription-banner__image img{width:100%;height:100%;object-fit:cover;display:block}.sp-subscription-banner__image:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(0deg,#0006 0% 100%)}.sp-subscription-banner__content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:32px;width:100%;padding:2rem}.sp-subscription-banner__content-text{display:flex;flex-direction:column;gap:16px;text-align:center}.sp-subscription-banner__content-text p{margin:0;font-size:16px;line-height:140%}.sp-subscription-banner__content-form{max-width:500px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:8px;align-items:center}.sp-subscription-banner__form-wrapper{width:100%}.sp-subscription-banner__content-form form{width:100%;display:flex;flex-direction:column;gap:8px}.sp-subscription-banner__content-form .button{padding:1.9rem 3.6rem 1.6rem;min-width:auto;font-weight:var(--font-body-weight-medium);font-size:14px;text-transform:uppercase}.sp-subscription-banner__content-form .newsletter-form__field-wrapper .field--input{width:100%;border:1px solid #757476;background:#19171b;backdrop-filter:blur(18.100000381469727px);-webkit-backdrop-filter:blur(18.100000381469727px);color:#fff;font-size:14px;line-height:140%;height:auto;padding:16px}.sp-subscription-banner__content-form .newsletter-form__field-wrapper .field__input.error{border:1px solid red}.klaviyo_messages .success_message,.error_message{text-align:center}.sp-subscription-banner__content-form .field__label{color:#bdbdbd;font-size:14px;line-height:140%;top:calc(1.5rem + var(--inputs-border-width))}.sp-subscription-banner__content-form span{color:#bdbdbd;text-align:center;font-size:12px;line-height:140%}.sp-subscription-banner__content-form .already-subscribed__error,.sp-subscription-banner__content-form .sending_error,.sp-subscription-banner__content-form .posted_successfully{color:#fff}@media screen and (max-width: 749px){.sp-subscription-banner .page-width{padding:0}}@media screen and (max-width: 576px){.newsletter-form__field-wrapper{flex-direction:column;gap:16px}.sp-subscription-banner__content-form form{text-align:center}.sp-subscription-banner__content-form .button,.sp-subscription-banner__content-form .newsletter-form__field-wrapper .field--input{height:50px}}
/*# sourceMappingURL=/cdn/shop/t/288/assets/sp-subscription-banner.css.map */