.video-player{display:flex;height:100%;flex-direction:column;cursor:pointer;overflow:hidden;border-radius:12px;background-color:#eaecfd;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .3s ease}.video-player:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.video-player:hover .video-player__image{transform:scale(1.05)}.video-player:hover .video-player__overlay{background-color:rgba(0,0,0,.4)}.video-player:hover .video-player__play-button{transform:scale(1.1)}.video-player__poster{position:relative;aspect-ratio:5/4;width:100%;flex-shrink:0;overflow:hidden}.video-player__image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.video-player__overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.3);transition:background-color .3s ease}.video-player__overlay,.video-player__play-button{display:flex;align-items:center;justify-content:center}.video-player__play-button{width:3.5rem;height:3.5rem;border-radius:50%;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:transform .3s ease}.video-player__play-icon{width:1.5rem;height:1.5rem;margin-left:.25rem;color:#000;fill:#000}.video-player__duration{position:absolute;bottom:.5rem;right:.5rem;border-radius:4px;background-color:rgba(0,0,0,.75);padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:#fff}.video-player__title-wrapper{display:flex;flex:1;flex-direction:column;justify-content:flex-start;padding:1rem}@media(min-width:768px){.video-player__title-wrapper{padding:40px 32px}}.video-player__title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--font-secondary,sans-serif);font-size:1.25rem;font-weight:400;line-height:1.4;color:var(--text-default-heading,#0d0f11);margin:0}@media(min-width:768px){.video-player__title{font-size:1.5rem}}@media(min-width:1024px){.video-player__title{font-size:2rem}}