.video-bar{background-color:#403f40;position:relative}.video-bar__list-wrapper{overflow:scroll;position:relative;width:100vw}.video-bar__mobile-shadow{background:linear-gradient(90deg,transparent,#403f40);bottom:0px;content:"";pointer-events:none;position:absolute;right:0;top:0;width:50px;z-index:1}.video-bar .video-bar__list{padding:2rem 15px;display:flex;list-style:none;flex-wrap:nowrap;overflow:scroll;width:auto;margin:0}.video-bar .video-bar__list li{position:relative;width:20%;min-width:340px;padding:0 10px;font-size:0}.video-bar .video-bar__list li a{display:block;position:relative}.video-bar .video-bar__list li:before{content:'';position:absolute;top:0;left:10px;right:10px;bottom:0;background-image:linear-gradient(transparent,rgba(0,0,0,0.6));background-repeat:no-repeat;background-size:100% 200%;background-position:0px -60%;transition:background-position .2s ease}.video-bar .video-bar__list li:hover::before{background-position:0px 40%}.video-bar .video-bar__list li img{width:100%;object-fit:cover;object-position:center;height:200px}.video-bar .video-bar__list .play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.video-bar .video-bar__list .video-data{position:absolute;bottom:0;width:calc(100% - 20px);padding:0 10px 10px}.video-bar .video-bar__list .video-data h4{margin-bottom:0;color:#fff}.video-bar .video-bar__list .video-data p{color:#fff}.video-bar .icon--play{background-image:url(https://cdn2.hubspot.net/hubfs/4707771/bootstrap/images/play-icon-01.svg);height:40px;width:60px;position:absolute;left:calc(50% - 30px);top:calc(50% - 20px)}.icon--play:after{left:19px;top:12px;position:absolute;border-bottom:9px solid transparent;border-left:15px solid #f60;border-top:9px solid transparent;content:'';height:0;margin-left:5px;width:0}@media only screen and (min-width:768px){.video-bar .video-bar__list{width:calc(220vw - 100px)}}@media only screen and (min-width:992px){.video-bar .video-bar__list{width:100%;justify-content:center;flex-wrap:wrap}.video-bar .video-bar__list li{max-width:350px;min-width:1px}.video-bar .video-bar__list li img{width:100%;object-fit:cover;object-position:center;height:200px}.video-bar__mobile-shadow{display:none}}