.hover-video-preview{width:100%;position:relative;overflow:hidden}.hover-video-preview>img{width:100%;height:auto;display:block}.hover-video-preview>video{opacity:0;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.hover-video-preview[data-playing=true]>video{opacity:1}.hover-video-preview-loading{z-index:2;pointer-events:none;place-items:center;animation:.2s .25s both hover-preview-loading-appear;display:grid;position:absolute;inset:0}.hover-video-preview-loading svg{box-sizing:content-box;color:#fff;background:#00000080;border-radius:50%;width:36px;height:36px;padding:7px;animation:1s linear infinite hover-preview-loading-spin}@keyframes hover-preview-loading-appear{0%{opacity:0}to{opacity:1}}@keyframes hover-preview-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hover-video-preview-loading svg{animation:none}}.hover-video-preview:focus-visible{outline:2px solid var(--lobby-accent,#f2b664);outline-offset:3px}