.video-slider{display:flex;gap:16px}.video-slider *,.video-slider :after,.video-slider :before{margin:0;padding:0;box-sizing:border-box}.video-slider .wrapper{display:flex;justify-content:center;align-items:center;height:100%}.video-slider .innner{display:flex;flex-direction:row;overflow:hidden}.video-slider .panel{position:relative;flex:1;border-radius:10px;color:#fff;cursor:pointer;user-select:none;overflow:hidden}.video-slider .panel img,.video-slider .panel video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:inherit}.video-slider .panel video{filter:blur(4px) grayscale(100%);transition:all .3s ease-out;opacity:.4}.video-slider .panel.active video{filter:grayscale(0);opacity:1}.video-slider .panel:nth-child(2) img{object-position:80% 50%}.video-slider .panel h1{position:absolute;font-size:1.5 rem;font-weight:600;width:max-content;bottom:20px;left:20px;z-index:1;opacity:0;clip-path:circle(0 at 0 50%)}.video-slider .panel.active h1{opacity:1;clip-path:circle(200% at 0 50%);transition:all 2s ease-in-out}@media (max-width:660px){.video-slider{flex-direction:column}.video-slider .panel{height:5%}.video-slider .panel h1{font-size:1.2rem}}@media (max-width:400px){.video-slider .panel h1{font-size:1rem}}