.shopify-section:has(>.hero-banner-vaillant){margin:0;padding:0}.hero-banner-vaillant{position:relative;display:block;width:100%;height:80vh;height:80svh;overflow:hidden;color:#fff}.hero-banner-vaillant--linked{cursor:pointer}.hero-banner-vaillant__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;cursor:pointer;text-decoration:none}.hero-banner-vaillant__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-banner-vaillant .hero-banner-vaillant__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;background-color:rgba(0,0,0,var(--hero-banner-overlay-opacity, .4));pointer-events:none}.hero-banner-vaillant__image,.hero-banner-vaillant__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-banner-vaillant__image--desktop,.hero-banner-vaillant__video--desktop{display:none}.hero-banner-vaillant__image--mobile,.hero-banner-vaillant__video--mobile{display:block}.hero-banner-vaillant__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#111}.hero-banner-vaillant__placeholder svg{width:100%;height:100%;opacity:.25}.hero-banner-vaillant__content{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:center;height:100%;width:100%;padding:0 2rem calc(8rem + env(safe-area-inset-bottom,0px));pointer-events:none}.hero-banner-vaillant .vaillant-video-controls{z-index:4;bottom:calc(2.4rem + env(safe-area-inset-bottom,0px))}.hero-banner-vaillant__text{display:flex;flex-direction:column;align-items:center;gap:1.6rem;width:max-content;max-width:100%;pointer-events:none}.hero-banner-vaillant--linked .hero-banner-vaillant__text{cursor:pointer}.hero-banner-vaillant__richtext{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.4rem;line-height:normal;letter-spacing:.09rem;text-align:center;text-transform:uppercase;color:#fff}.hero-banner-vaillant__richtext>*{margin:0}.hero-banner-vaillant__richtext a{color:inherit;text-decoration:none}.hero-banner-vaillant__richtext a:hover,.hero-banner-vaillant__richtext a:focus-visible{opacity:.7}.hero-banner-vaillant__cta{position:relative;display:inline-block;pointer-events:auto;text-decoration:none;padding-bottom:.2rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:var(--font-body-weight);line-height:normal;letter-spacing:0;text-transform:uppercase;color:#fff}.hero-banner-vaillant__cta:after{content:"";position:absolute;right:0;bottom:0;left:0;height:.1rem;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .4s cubic-bezier(.65,0,.35,1)}@media screen and (hover:hover)and (pointer:fine){.hero-banner-vaillant__cta:hover:after{transform:scaleX(1);transform-origin:left center}}.hero-banner-vaillant--linked:focus-within .hero-banner-vaillant__cta:after{transform:scaleX(1);transform-origin:left center}@media(prefers-reduced-motion:reduce){.hero-banner-vaillant__cta:after{transition:none}}@media screen and (min-width:750px){.hero-banner-vaillant .hero-banner-vaillant__overlay{background-color:rgba(0,0,0,var(--hero-banner-overlay-opacity-desktop, .3))}.hero-banner-vaillant__image--desktop,.hero-banner-vaillant__video--desktop{display:block;object-position:top center}.hero-banner-vaillant__image--mobile,.hero-banner-vaillant__video--mobile{display:none}.hero-banner-vaillant__content{padding:0 6.4rem calc(6.3rem + env(safe-area-inset-bottom,0px))}.hero-banner-vaillant__richtext{font-size:1.6rem;letter-spacing:.1rem}.hero-banner-vaillant__cta{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-hero-banner-vaillant.css.map */