.newsletter-banner{position:relative;width:100%;padding-top:40px;padding-bottom:var(--section-spacing-small, 84px)}.newsletter-banner__container{position:relative;background-color:var(--secondary-orange);border-radius:18px;padding:42px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.newsletter-banner__image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.newsletter-banner__image img{width:100%;height:100%;object-fit:cover!important;object-position:center}.newsletter-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--secondary-orange);opacity:.3;pointer-events:none}.newsletter-banner__content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--section-spacing-title)}.newsletter-banner__text{display:flex;flex-direction:column;gap:12px;width:100%}.newsletter-banner__title{color:var(--secondary-cream);text-shadow:0px 0px 25px rgba(0,0,0,.25)}.newsletter-banner__subtitle{color:var(--secondary-cream);text-shadow:0px 0px 25px rgba(0,0,0,.25);font-weight:500}.newsletter-banner__form-wrapper,.newsletter-banner__form{width:100%;display:flex;justify-content:center}.newsletter-banner__form-fields{display:flex;gap:6px;align-items:center}.newsletter-banner__input-wrapper{position:relative}.newsletter-banner__input::placeholder{color:var(--primary-60, rgba(42, 22, 12, .6));font-family:var(--font-family-paragraph, Jost)!important;font-size:var(--button-secondary-font-size-large, 18px);font-style:normal;font-weight:500;line-height:var(--button-secondary-font-size-large, 18px)}.newsletter-banner__input{width:320px;padding:14px 20px;background:#fff;border:1px solid var(--primary-20);border-radius:1000px;font-family:var(--font-family-paragraph)!important;font-size:var(--button-secondary-font-size-large);color:var(--primary-60);outline:none;transition:all .3s ease;color:var(--primary-60, rgba(42, 22, 12, .6));font-size:var(--button-secondary-font-size-large, 18px);font-style:normal;font-weight:500;line-height:var(--button-secondary-font-size-large, 18px)}.newsletter-banner__input::placeholder{color:var(--primary-60);font-weight:500}.newsletter-banner__input:focus{border-color:var(--primary-100)}.newsletter-banner__button{padding:14px 20px;background-color:var(--primary-100);border:none;border-radius:1000px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.newsletter-banner__button:hover{background-color:var(--primary-90)}.newsletter-banner__button:active{background-color:var(--primary-80)}.newsletter-banner__button-text{color:var(--secondary-cream);font-family:var(--font-family-paragraph)!important;font-size:var(--button-primary-font-size-large);font-weight:700;white-space:nowrap}.newsletter-banner__success{display:flex;align-items:center;justify-content:center;padding:20px}.newsletter-banner__success p{color:var(--secondary-cream);font-weight:700;text-align:center}.newsletter-banner__error{margin-top:8px;text-align:center}.newsletter-banner__error p{color:var(--secondary-cream);font-weight:500}@media only screen and (max-width: 989px){.newsletter-banner__container{padding:24px 18px;border-radius:12px}.newsletter-banner{padding-top:20px}.newsletter-banner__content{gap:var(--section-spacing-title)}.newsletter-banner__form-fields{flex-direction:column;width:100%;gap:12px}.newsletter-banner__input,.newsletter-banner__button,.newsletter-banner__input-wrapper{width:100%}.newsletter-banner__form-fields{gap:4px}.newsletter-banner__input{color:var(--primary-60, rgba(42, 22, 12, .6));font-family:var(--font-family-paragraph, Jost)!important;font-size:var(--button-secondary-font-size-large, 18px);font-style:normal;font-weight:500;line-height:var(--button-secondary-font-size-large, 18px)}}.product-form-pack__option-title{font-weight:500!important}.product-sticky-bar__form-clone .product-form__pack-legend,.product-sticky-bar__subscription .product-form-subscription__title{color:var(--primary-100, #2a160c);font-family:var(--font-family-paragraph, Jost)!important;font-size:var(--font-paragraph-small-size, 14px);font-style:normal;font-weight:500;line-height:var(--font-paragraph-small-line-height, 20px)}.product-sticky-bar__form-clone .product-form-pack__flavor-label{color:var(--primary-100, #2a160c);text-align:center;font-family:var(--font-family-paragraph, Jost)!important;font-size:var(--font-paragraph-extra-small-size, 12px);font-style:normal;font-weight:400;line-height:var(--font-paragraph-extra-small-line-height, 18px)}.product-sticky-bar__form-clone .product-form-pack-dropdown__value{color:var(--primary-100, #2a160c);font-family:var(--font-family-paragraph, Jost)!important;font-size:var(--font-paragraph-small-size, 14px);font-style:normal;font-weight:700;line-height:var(--font-paragraph-small-line-height, 20px)}.product-sticky-bar__form-clone .product-form-pack__option-price-unit{color:var(--primary-60, rgba(42, 22, 12, .6));font-family:var(--font-family-paragraph, Jost)!important;font-size:var(--font-paragraph-extra-small-size, 12px);font-style:normal;font-weight:400;line-height:var(--font-paragraph-extra-small-line-height, 18px)}.product-sticky-bar__form-clone .product-form-pack__option-price{color:var(--primary-100, #2a160c);font-family:var(--font-family-paragraph, Jost)!important;font-size:var(--font-paragraph-medium-size, 16px);font-style:normal;font-weight:700;line-height:var(--font-paragraph-medium-line-height, 22px)}.product-sticky-bar__subscription .product-form-subscription__option-text{color:var(--primary-100, #2a160c);font-family:var(--font-family-paragraph, Jost)!important;font-size:var(--font-paragraph-small-size, 14px);font-style:normal;font-weight:500;line-height:var(--font-paragraph-small-line-height, 20px)}.product-sticky-bar__form-clone .product-form-pack__badge.newsletter-banner,.product-sticky-bar__form-clone .product-form-subscription__badge{color:#fff;text-align:right;font-family:var(--font-family-paragraph, Jost)!important;font-size:var(--font-paragraph-extra-small-size, 12px);font-style:normal;font-weight:500;display:flex;padding:1px 10px 0!important;justify-content:flex-end;align-items:center;gap:10px;line-height:var(--font-paragraph-extra-small-line-height, 18px)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/w-newsletter-banner.css.map */