.video-guide-preview-container:hover{cursor:pointer}.video-guide-preview-container:hover .thumbnail-container gl-img{transform:scale(1.05)}.video-guide-preview-container:hover .game-container{max-width:200px}.video-guide-preview-container .image-container{position:relative;padding-bottom:56.25%;border-radius:var(--dashboard-border-radius);overflow:hidden;box-shadow:var(--element-box-shadow);border:var(--element-border)}.video-guide-preview-container .image-container .thumbnail-container{position:absolute;width:100%;height:100%;box-shadow:var(--element-box-shadow);border:var(--element-border);border-radius:var(--border-radius);box-sizing:border-box;overflow:hidden}.video-guide-preview-container .image-container .thumbnail-container gl-img{transition:transform 300ms;transform:scale(1)}.video-guide-preview-container .image-container .index-label{display:flex;justify-content:center;align-items:center;position:absolute;padding:0 5px;box-sizing:border-box;font-family:Oswald;font-size:13px;font-weight:bold}.video-guide-preview-container .image-container .index-label{width:36px;height:36px;right:0;top:0;border-radius:0 var(--dashboard-border-radius);background:var(--dashboard-color-accent)}.video-guide-preview-container .image-container .progress{position:absolute;bottom:0;left:0;width:100%;height:6px}.video-guide-preview-container .image-container .progress::after{position:absolute;bottom:0;left:0;content:"";height:100%;width:100%;background-color:var(--dashboard-color-dark-lighter);opacity:.45}.video-guide-preview-container .image-container .progress::before{position:absolute;bottom:0;left:0;content:"";height:100%;width:var(--progress-width);background:var(--dashboard-color-red)}.video-guide-preview-container .image-container img,.video-guide-preview-container .image-container video{position:absolute;width:100%;height:100%;object-fit:cover}.video-guide-preview-container .game-container{display:flex;position:absolute;bottom:10px;left:10px;opacity:.95;border-radius:var(--dashboard-border-radius);background:var(--dashboard-color-dark);max-width:38px;transition:max-width 150ms ease-out;overflow:hidden}.video-guide-preview-container .game-container .game{display:flex;align-items:center;padding:5px 9px;color:var(--dashboard-text-color-secondary);border-radius:var(--dashboard-border-radius);white-space:nowrap}.video-guide-preview-container .game-container .game picture,.video-guide-preview-container .game-container .game img{width:20px;height:20px;margin-right:10px}.video-guide-preview-container .game-container .game span{color:var(--dashboard-text-color-secondary);font-weight:bold;font-size:14px}.video-guide-preview-container .video-title{color:var(--dashboard-text-color-primary);font-weight:bold;font-size:16px}.video-guide-preview-container .duration-container{display:flex;align-items:center;position:absolute;right:10px;bottom:10px;padding:4px 5px;background:var(--dashboard-color-dark);color:var(--dashboard-text-color-secondary);font-size:13px;border-radius:7px;opacity:.95}.video-guide-preview-container .duration-container .mat-icon{width:14px;height:14px;margin-right:5px}.video-guide-preview-container .title-container{display:flex;align-items:center;margin-top:10px}.video-guide-preview-container .subtitle span{color:var(--dashboard-text-color-secondary);font-size:14px}.video-guide-preview-container .subtitle .accent{color:var(--dashboard-text-color-accent)}.video-guide-preview-container .subtitle .free{color:var(--dashboard-color-valid);font-weight:bold}.video-guide-preview-container .subtitle .divider::before{content:"•";margin:0 4px}.video-guide-preview-container .player-thumbnail{margin-right:10px;align-self:flex-start;width:40px;height:40px;border-radius:100%}.video-guide-preview-container .player-thumbnail img{width:40px;height:40px;object-fit:contain;border-radius:100%}.video-guide-preview-container .video-thumbnail{opacity:1;transition:opacity 200ms}.video-guide-preview-container .video-thumbnail.hidden{opacity:0}.video-guide-preview-container video{opacity:0}.video-guide-preview-container video.visible{opacity:1;transition:opacity 600ms}.video-guide-preview-container .new-label{display:flex;align-items:center;padding:0 10px;border-radius:var(--dashboard-border-radius);background:var(--dashboard-text-color-accent);position:absolute;left:5px;top:5px;z-index:1;box-shadow:0 1px 8px #181818;transition:transform 200ms;pointer-events:visible}.video-guide-preview-container .new-label.animated{animation:pop 2s infinite}.video-guide-preview-container .new-label mat-icon{margin-right:5px;min-width:24px;color:var(--dashboard-text-color-primary-contrast)}.video-guide-preview-container .new-label .text{overflow:hidden;position:relative;height:30px;width:100%}.video-guide-preview-container .new-label span{display:flex;align-items:center;justify-content:center;height:30px;width:100%;color:var(--dashboard-text-color-primary-contrast);font-size:14px;font-weight:bold;text-transform:uppercase;transition:transform 200ms}.video-guide-preview-container .new-label:before,.video-guide-preview-container .new-label:after{content:"";top:0;left:0;position:absolute;border-radius:var(--dashboard-border-radius);background:linear-gradient(45deg, #fffb00, #fba300, #ffbb00, #f9ff4e);background-size:400%;width:100%;height:100%;z-index:-1;animation:glow 20s linear infinite}.video-guide-preview-container .new-label:after{filter:blur(30px)}@keyframes glow{0%{background-position:0 0}50%{background-position:400% 0}100%{background-position:0 0}}@keyframes pop{0%{transform:translate(0%, 0%) scale(1.02, 0.98)}50%{transform:translate(0%, -20%) scale(1, 1)}55%{transform:translate(0%, -20%) rotate(2deg)}60%{transform:translate(0%, -20%) rotate(-2deg)}65%{transform:translate(0%, -20%) rotate(2deg)}70%{transform:translate(0%, -20%) rotate(-2deg)}100%{transform:translate(0%, 0%) scale(1.02, 0.98)}}