.x-subscribe-hero{isolation:isolate;overflow:hidden;position:relative}.x-subscribe-hero>.page-width{position:relative;z-index:1}.x-subscribe-hero .x-subscribe-hero__media{display:block;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;z-index:0}.x-subscribe-hero__media .x-subscribe-hero__image{display:block;height:100%;object-fit:cover;object-position:var(--x-hero-focal, 50% 50%);width:100%}.x-subscribe-hero__media:after{background:rgb(var(--color-background));content:"";top:0;right:0;bottom:0;left:0;opacity:var(--x-hero-overlay, 0);position:absolute}.x-subscribe-hero__content{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:66rem;text-align:center}@media screen and (min-width:990px){.x-subscribe-hero--left .x-subscribe-hero__content{margin-left:0}.x-subscribe-hero--right .x-subscribe-hero__content{margin-right:0}}@media screen and (min-width:750px){.x-subscribe-hero__content{gap:2.4rem}}.x-subscribe-hero__caption{margin:0}.x-subscribe-hero__title{margin:0;overflow-wrap:anywhere;text-wrap:balance}@media screen and (min-width:990px){.x-subscribe-hero__title.h1{font-size:calc(var(--font-heading-scale) * 7.2rem)}}.x-subscribe-hero__text{font-size:1.6rem;line-height:1.35;max-width:60rem}@media screen and (min-width:750px){.x-subscribe-hero__text{font-size:1.7rem}}.x-subscribe-hero__text p{margin:0 0 1.6rem}.x-subscribe-hero__text p:last-child{margin-bottom:0}.x-subscribe-hero__form-wrapper{display:block;max-width:60rem;width:100%}.x-subscribe-hero__form{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}.x-subscribe-hero__form .field{max-width:47.8rem;width:100%}.x-subscribe-hero__form .field__input{background:none;font:600 1.4rem/1.4 var(--font-button-family);height:4.8rem;padding:1.2rem 2rem;text-transform:uppercase}.x-subscribe-hero__form .field__input:not(:placeholder-shown),.x-subscribe-hero__form .field__input:focus{padding:1.2rem 2rem}.x-subscribe-hero__form .field__input::placeholder{color:rgb(var(--color-foreground));opacity:1}.x-subscribe-hero__prefs{border:0;margin:0;min-width:0;padding:0;width:100%}.x-subscribe-hero__prefs-title{display:block;float:left;font-family:var(--font-body-family);font-size:2.4rem;font-style:italic;font-weight:400;line-height:1.1;margin:0 0 1.6rem;padding:0;text-align:center;width:100%}@media screen and (min-width:750px){.x-subscribe-hero__prefs-title{font-size:2.8rem}}.x-subscribe-hero__prefs-list{clear:both;column-gap:2.4rem;display:flex;flex-wrap:wrap;justify-content:center;row-gap:1.2rem;width:100%}@media screen and (min-width:750px){.x-subscribe-hero__prefs-list{column-gap:3.2rem}}.x-subscribe-hero__check{align-items:flex-start;cursor:pointer;display:flex;font-size:1.8rem;gap:.8rem;line-height:1.2;position:relative}@media screen and (min-width:750px){.x-subscribe-hero__check{font-size:2rem}}.x-subscribe-hero__check-input{clip:rect(0 0 0 0);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.x-subscribe-hero__checkbox{border:.1rem solid currentColor;flex:none;height:1.6rem;margin-top:.3rem;position:relative;width:1.6rem}.x-subscribe-hero__checkbox .icon{display:none;fill:none;height:.9rem;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;stroke:rgb(var(--color-background));width:.9rem}.x-subscribe-hero__check-input:checked+.x-subscribe-hero__checkbox{background:rgb(var(--color-foreground))}.x-subscribe-hero__check-input:checked+.x-subscribe-hero__checkbox .icon{display:block}.x-subscribe-hero__check-input:focus-visible+.x-subscribe-hero__checkbox{outline:.2rem solid rgb(var(--color-accent));outline-offset:.2rem}.x-subscribe-hero__consent{font-size:1.6rem;justify-content:center;text-align:center}@media screen and (min-width:750px){.x-subscribe-hero__consent{font-size:1.8rem}}.x-subscribe-hero__submit.button--primary{--color-button: var(--color-foreground);--color-button-text: 70, 0, 2;max-width:47.8rem;width:100%}@media screen and (min-width:750px){.x-subscribe-hero__submit.button--primary{min-height:calc(5rem + var(--buttons-border-width) * 2)}}.x-subscribe-hero__submit.button--primary:not([disabled]):hover{--color-button-text: var(--color-foreground)}.x-subscribe-hero__message{align-items:center;display:flex;font-size:1.6rem;justify-content:center;line-height:1.3;margin:0;text-align:center}.x-subscribe-hero__message .svg-wrapper{flex:none;height:1.5rem;margin-right:.8rem;width:1.5rem}.x-subscribe-hero__message--error{color:rgb(var(--color-accent))}.x-subscribe-hero__message--success{font-family:var(--font-body-family);font-size:2.4rem;font-style:italic;font-weight:400;text-transform:none}.x-subscribe-hero__message--success .svg-wrapper{height:2rem;width:2rem}.x-subscribe-hero__klaviyo{width:100%}.x-subscribe-hero__form{gap:1.6rem}.x-subscribe-hero__prefs-title{line-height:.9}@media screen and (min-width:750px){.x-subscribe-hero__prefs-title{font-size:3.2rem}}.x-subscribe-hero__prefs-list{row-gap:1rem}.x-subscribe-hero__prefs .x-subscribe-hero__check{line-height:1.3}.x-subscribe-hero__prefs .x-subscribe-hero__checkbox{margin-top:.5rem}.x-subscribe-hero__phone-step{align-items:center;display:flex;flex-direction:column;gap:1.6rem;margin-top:2.4rem;width:100%}.x-subscribe-hero__phone-step .x-subscribe-hero__prefs-title{float:none;margin:0;max-width:47.8rem}.x-subscribe-hero__phone-step .x-subscribe-hero__text{font-size:1.6rem;line-height:1.3;max-width:49.2rem}.x-subscribe-hero__phone-step .x-subscribe-hero__text p{margin:0}.x-subscribe-hero__check.x-subscribe-hero__consent{display:block;line-height:1.3;text-align:center;width:100%}.x-subscribe-hero__consent .x-subscribe-hero__checkbox{display:inline-block;margin:0 .6rem 0 0;vertical-align:-.1rem}@media screen and (max-width:749px){.x-subscribe-hero__phone-step .x-subscribe-hero__text,.x-subscribe-hero__check.x-subscribe-hero__consent{text-wrap:balance}}@media screen and (min-width:750px){.x-subscribe-hero__submit.button--primary{min-height:4.4rem}}.x-subscribe-hero__check-label a{color:inherit;text-decoration:underline;text-underline-offset:.2rem}.x-subscribe-hero__check-label a:hover{color:rgb(var(--color-accent))}
/*# sourceMappingURL=/cdn/shop/t/20/assets/x-subscribe-hero.css.map */
