.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__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;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:2;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:stretch;gap:.1rem;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.8rem;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__underline{display:block;width:100%;height:.1rem;background-color:#fff;transform:scaleX(0);transform-origin:left center;transition:transform .4s ease-out}.hero-banner-vaillant__text:hover .hero-banner-vaillant__underline,.hero-banner-vaillant__text:focus-within .hero-banner-vaillant__underline,.hero-banner-vaillant--linked:hover .hero-banner-vaillant__underline{transform:scaleX(1)}@media screen and (min-width:750px){.hero-banner-vaillant__overlay{background-color:rgba(0,0,0,var(--hero-banner-overlay-opacity-desktop, .35))}.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(8.4rem + env(safe-area-inset-bottom,0px))}.hero-banner-vaillant__richtext{font-size:2rem;letter-spacing:.1rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-hero-banner-vaillant.css.map */