.video-slider{border-radius:10px;height:570px;margin:auto;text-align:center;width:320px}.video-container,.video-slider{overflow:hidden;position:relative}.video-container{cursor:grab;height:100%;width:100%}.video-thumbnail-overlay{background-image:url(https://2340453.fs1.hubspotusercontent-na1.net/hubfs/2340453/Date-a-vendor%20videos/vid-bg-thumbnail.svg);background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:5}.video-container.has-started .video-thumbnail-overlay,.video-slide{opacity:0;pointer-events:none}.video-slide{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.video-slide.active{opacity:1;pointer-events:auto;z-index:2}.video-slide.slide-left-in{animation:slideLeftIn .4s forwards}.video-slide.slide-right-in{animation:slideRightIn .4s forwards}@keyframes slideLeftIn{0%{opacity:.6;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideRightIn{0%{opacity:.6;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.custom-play-btn{background-color:rgba(22,22,46,.9);border-radius:50%;color:#fff;cursor:pointer;font-size:44px;height:120px;left:50%;line-height:120px;opacity:1;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:120px;z-index:20}.video-container.playing .custom-play-btn{opacity:0;pointer-events:none}.video-container.playing:hover .custom-play-btn{opacity:1;pointer-events:auto}.slider-arrow{background-color:rgba(22,22,46,.7);border:none;border-radius:50px 0 0 50px;color:#fff;cursor:pointer;font-size:20px;padding:40px 15px;position:absolute;top:50%;transform:translateY(-50%);user-select:none;z-index:30}.slider-arrow.left{border-radius:0 50px 50px 0;left:0}.slider-arrow.right{right:0}