.hover-video-media{position:relative;width:100%;overflow:hidden}.hover-video-media .hover-video-media__image{display:block;width:100%;height:auto;margin:0;position:relative;z-index:1;transition:opacity .4s ease}.hover-video-media .hover-video-media__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;margin:0;z-index:0}.hover-video-media.is-playing .hover-video-media__image{opacity:0}.hover-video-media__play-icon{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:3;width:var(--spacing-lg);height:var(--spacing-lg);background:rgb(var(--deep-navy-dark) / 50%);border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .3s ease}.hover-video-media__play-icon svg{width:var(--spacing-sm);height:var(--spacing-sm);fill:rgb(var(--plain-white))}.hover-video-media.is-playing .hover-video-media__play-icon{opacity:0}@keyframes hover-video-media-shimmer{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.hover-video-media.is-loading .hover-video-media__image{animation:hover-video-media-shimmer 1.5s ease-in-out infinite}.hover-video-media.is-ready .hover-video-media__image{animation:none}@media(prefers-reduced-motion:reduce){.hover-video-media.is-loading .hover-video-media__image{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/282/assets/hover-video-media.css.map */