.video-title{font-size:.875rem;font-weight:700;color:var(--colors-panicattack);cursor:pointer;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-snapshot-container{position:relative}.video-snapshot{-o-object-fit:cover;object-fit:cover;border-radius:.75rem;width:100%;height:100%;cursor:pointer}.video-heart{top:0;background-color:var(--colors-graduate);padding:.5rem .25rem .25rem;border-radius:0 0 .5rem .5rem;cursor:pointer}.video-duration,.video-heart{position:absolute;right:.8rem}.video-duration{bottom:1rem;background-color:var(--colors-smartypants);color:white;font-size:.75rem}.video-chip,.video-duration{padding:.25rem .5rem;border-radius:.75rem}.video-chip{font-size:.625rem;background-color:var(--colors-panicattack);color:var(--colors-white);display:inline-block}.video-player-wrapper{position:relative;padding-top:56.25%;height:34rem}.video-play{right:.8rem;border-radius:0 0 .5rem .5rem;cursor:pointer}.video-play,.video-react-player{position:absolute;top:0;width:100%}.video-react-player{left:0;height:100%}@media only screen and (max-width:1007px){.video-player-wrapper{height:calc((100vw - 80px - 80px) / 16 * 9)}}@media only screen and (max-width:599px){.video-player-wrapper{height:calc((100vw - 80px) / 16 * 9)}}