.promo-banner{--promo-font-heading: "neutraface2_titling", var(--font-heading-family);--promo-font-body: "neutra_textbook", var(--font-body-family);position:relative;padding-top:calc(var(--promo-padding-top) * .6);padding-bottom:calc(var(--promo-padding-bottom) * .6);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}@media screen and (min-width:750px){.promo-banner{padding-top:var(--promo-padding-top);padding-bottom:var(--promo-padding-bottom)}}.promo-banner__heading.promo-banner__heading{margin:0;font-family:var(--promo-font-heading)!important;font-size:3.2rem!important;font-weight:400;line-height:1.24;letter-spacing:0;text-transform:uppercase;color:inherit}.promo-banner__copy.promo-banner__copy,.promo-banner__copy.promo-banner__copy p{margin:0;font-family:var(--promo-font-body)!important;font-size:1.8rem!important;line-height:1.24;color:inherit}.promo-banner__subheading.promo-banner__subheading{text-transform:uppercase}.promo-banner__button.promo-banner__button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:5.2rem;padding:1rem 2.4rem;border:.3rem solid currentColor;background:transparent;color:inherit;font-family:var(--promo-font-body)!important;font-size:1.8rem!important;line-height:1.24;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease}.promo-banner__button.promo-banner__button:hover,.promo-banner__button.promo-banner__button:focus-visible{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (min-width:750px){.promo-banner__heading.promo-banner__heading{font-size:4.6rem!important}.promo-banner__copy.promo-banner__copy,.promo-banner__copy.promo-banner__copy p{font-size:2.6rem!important}.promo-banner__button.promo-banner__button{min-height:6.6rem;padding:1rem 3.2rem;font-size:2.6rem!important}}.newsletter-banner .newsletter-banner__subheading{margin-top:.4rem}.newsletter-banner .newsletter-banner__text{margin-top:2rem}.newsletter-banner__form{display:flex;flex-direction:column;gap:2.4rem;margin-top:2.8rem}.newsletter-banner__fields{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}.newsletter-banner__input.newsletter-banner__input{width:100%;min-height:5.2rem;padding:0 1.6rem;border:.3rem solid rgb(var(--color-foreground));border-radius:0;background:transparent;color:rgb(var(--color-foreground));font-family:var(--promo-font-body)!important;font-size:1.8rem;box-shadow:none;-webkit-appearance:none;appearance:none}.newsletter-banner__input::placeholder{color:rgba(var(--color-foreground),.85);opacity:1}.newsletter-banner__input:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.newsletter-banner__message.newsletter-banner__message{margin:0;font-family:var(--promo-font-body)!important;font-size:1.6rem!important;color:inherit}@media screen and (min-width:750px){.newsletter-banner .newsletter-banner__text{margin-top:2.4rem}.newsletter-banner__form{gap:3.4rem;margin-top:3.4rem}.newsletter-banner__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:4.5rem}.newsletter-banner__fields--single{grid-template-columns:minmax(0,1fr);max-width:58.7rem}.newsletter-banner__input.newsletter-banner__input{min-height:6.6rem;padding:0 3.6rem;font-size:2.6rem}}.link-banner{display:flex;align-items:center;overflow:hidden;color:#fff;--color-foreground: 255, 255, 255;--color-background: 18, 18, 18}.link-banner--small{min-height:30rem}.link-banner--medium{min-height:40rem}.link-banner--large{min-height:52rem}.link-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.link-banner__media picture{display:block;height:100%}.link-banner__img{display:block;width:100%;height:100%;object-fit:cover}.link-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:var(--overlay-opacity, 0)}.link-banner__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:2.4rem;width:100%}.link-banner__copy{display:flex;flex-direction:column;gap:2rem;max-width:74rem}@media screen and (min-width:750px){.link-banner--small{min-height:32.8rem}.link-banner--medium{min-height:48rem}.link-banner--large{min-height:64rem}.link-banner__inner{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:4rem}.link-banner__inner .promo-banner__button{flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-promo-banner.css.map */