.video-slider-container{max-width:100%;position:relative;width:100%}.video-slider{align-items:center;display:flex;gap:0}.video-slider,.videos-container{overflow:hidden;position:relative}.videos-container{border-radius:15px;flex:1}.videos-track{display:flex;gap:20px;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.video-item{border-radius:15px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}@media (min-width:768px){.video-item{flex:0 0 40%;opacity:.6;transform:scale(1)}.video-item.active{opacity:1;transform:scale(1);z-index:2}.video-item.side-video{opacity:.4;transform:scale(1)}}@media (max-width:767px){.video-item{flex:0 0 80%;margin-right:20px}.videos-track{gap:0;padding-left:10px}.video-slider{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.video-item{scroll-snap-align:start}}.video-item video{border-radius:15px;display:block;height:auto;object-fit:cover;overflow:hidden;width:100%}@media (max-width:767px){.video-item video{height:200px}}.video-item-media{position:relative}.video-overlay{align-items:center;background:rgba(0,0,0,.3);border-radius:15px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease}.video-item.active .video-overlay,.video-item:hover .video-overlay{opacity:1}.play-btn{align-items:center;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;bottom:20px;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;left:20px;position:absolute;transition:all .3s ease;width:40px}.play-btn:hover{background:#fff;transform:scale(1.1)}.play-btn svg{margin-left:0}.video-info{align-items:center;bottom:0;display:flex;gap:8px;justify-content:space-between;left:0;padding:20px 15px 15px;position:relative;right:0;transform:translateY(100%);transition:transform .3s ease}.video-item.active .video-info{transform:translateY(0)}.video-info h3{font-size:13px;font-weight:500;margin:0}.video-info p{font-size:13px;opacity:.9}.video-info a{align-items:center;display:flex;font-size:13px;gap:8px;justify-content:flex-end;transition:all .2s linear;width:120px}.video-info a:hover{text-decoration:none}.video-info a svg{margin-left:-8px;opacity:0;transition:all .2s linear;width:0!important}.video-info a:hover svg{margin-left:0;opacity:1;width:14px!important}.nav-arrow{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;transition:all .3s ease;width:50px;z-index:3}.nav-arrow:hover{transform:scale(1.1)}.nav-arrow:active{transform:scale(.95)}.nav-arrow-right{right:20px}.nav-arrow-left{left:20px}@media (max-width:767px){.nav-arrow{height:40px;width:40px}.nav-arrow svg{height:20px;width:20px}.video-info{flex-wrap:wrap;text-align:left}.video-info,.video-info a{justify-content:flex-start}}.slider-indicators{display:flex;gap:10px;justify-content:center;margin-top:30px}.indicator{background:hsla(0,0%,100%,.4);border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator.active{background:#fff;transform:scale(1.2)}.indicator:hover{background:hsla(0,0%,100%,.7)}.video-item.playing .play-btn{opacity:0;pointer-events:none}.video-item.playing .video-overlay{background:rgba(0,0,0,.1)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}.video-info{flex-wrap:wrap;gap:20px;justify-content:flex-start}.video-info a{justify-content:flex-start}}.video-slider-container{animation:slideIn .6s ease-out}@media (max-width:480px){.video-item video{height:180px}.play-btn{height:50px;width:50px}.play-btn svg{height:24px;width:24px}.video-info h3{font-size:14px}.video-info p{font-size:12px}}.video-item:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.video-item:hover:before{opacity:1}.indicator:focus,.nav-arrow:focus,.play-btn:focus{outline:2px solid #fff;outline-offset:2px}.video-item *{transition:inherit}