.vs-hero--motion{height:100vh;height:100dvh;aspect-ratio:auto;background:#f7f2ee}.vs-hero__motion,.vs-hero__motion>picture,.vs-hero__motion>video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.vs-hero__motion img,.vs-hero__motion video{width:100%;height:100%;object-fit:cover;object-position:left center}.vs-hero__motion>video{opacity:0;pointer-events:none}.vs-hero__motion[data-playing]>video{opacity:1}.vs-hero--motion .vs-hero__scroll{right:max(24px,calc(env(safe-area-inset-right) + 16px));bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px))}.vs-hero--motion .vs-hero__scroll:is(:focus,:focus-visible){outline:none;box-shadow:none}@media(max-width:1100px)and (orientation:portrait){.vs-hero__motion img,.vs-hero__motion video{object-position:center top}.vs-hero--motion .vs-hero__scroll{right:max(20px,calc(env(safe-area-inset-right) + 16px));bottom:max(20px,calc(env(safe-area-inset-bottom) + 16px))}}@media(prefers-reduced-motion:reduce){.vs-hero__motion>video{display:none}}.vs-hero__motion{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.vs-hero__motion :is(picture,img,video){pointer-events:none;-webkit-user-drag:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vs-hero-motion.css.map */