.hero-video-image{position:relative}.hero-video-image hero-video-image{display:block;position:relative;contain:layout style paint}.hero-video-image hero-video-image .hero-video-wrapper{height:auto;position:relative;overflow:hidden}.hero-video-image hero-video-image .hero-video-wrapper video{opacity:0}.hero-video-image hero-video-image .hero-video-wrapper video.loaded{opacity:1}.hero-video-image hero-video-image .hero-video-wrapper .image{display:block;height:100%;width:100%}.hero-video-image hero-video-image .hero-video-wrapper video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;transition:opacity .3s ease}.hero-video-image .image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-video-image .overlay-text{position:absolute;bottom:150px;left:89px;z-index:2}.hero-video-image .overlay-text h1{font-size:40px;line-height:1.1;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:9px;max-width:584px;background:-webkit-linear-gradient(0deg,#FFF 0%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-video-image .overlay-text .description{font-size:18px;line-height:1.4;font-weight:500;color:#fff;max-width:510px;margin-bottom:12px;letter-spacing:.1rem;background:-webkit-linear-gradient(0deg,#FFF 0%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-video-image .overlay-text a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;font-size:14px;line-height:28px;font-weight:500;letter-spacing:.1rem;padding:6px 20px;gap:10px;text-transform:uppercase;cursor:pointer;background-color:#fff;color:#17222e;text-decoration:none;border:none;transition:background-color .3s,border .3s,transform .1s,opacity .3s}.hero-video-image .overlay-text a:hover{color:#fff;background-color:#17222e}@media (prefers-reduced-motion: reduce){.hero-video-wrapper video{display:none}.hero-video-wrapper img[data-fallback]{display:block!important}}@media (prefers-reduced-data: reduce){hero-video-image{--video-display: none;--image-display: block}.hero-video-wrapper video{display:var(--video-display)}.hero-video-wrapper img[data-fallback]{display:var(--image-display)}}@media screen and (max-width: 768px){.hero-video-image .overlay-text{bottom:50px;left:29px}.hero-video-image .overlay-text h1{font-size:24px;margin-bottom:0;max-width:365px}.hero-video-image .overlay-text .description{font-size:12px;margin-bottom:10px;max-width:295px}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/component-hero-video-image.css.map */