.video-playlist{position:relative;z-index:2}.video-playlist__wrapper{gap:48px}.video-playlist__wrapper--main{gap:40px}.video-playlist__wrapper--main .card_wrapper{border-radius:24px;overflow:hidden;position:relative}.video-playlist__wrapper--main .card_wrapper--bg{height:100%;inset:0;position:absolute;transition:all .5s linear;width:100%;z-index:2}.video-playlist__wrapper--main .card_wrapper--button{cursor:pointer;left:calc(50% - 70px);position:absolute;top:calc(50% - 70px);transition:all .3s linear;z-index:3}.video-playlist__wrapper--main .card_wrapper--button:hover{transform:scale(.8)}.video-playlist__wrapper--main .card_wrapper iframe{border-radius:24px;overflow:hidden}.video-playlist__wrapper--main .active--background .card_wrapper--bg{opacity:0;z-index:-1}.video-playlist__wrapper--main .active--background .card_wrapper--button{opacity:0}.video-playlist__wrapper--main .thunmbs--inner{align-items:center;display:flex;gap:24px;width:100%}.video-playlist__wrapper--main .thunmbs--inner .button-swiper{align-items:center;cursor:pointer;display:flex;flex:0 0 44px;justify-content:center;position:static;z-index:2}.video-playlist__wrapper--main .thunmbs--inner .swiper--thumbs{display:block!important;flex:1 1 auto;min-width:0;overflow:hidden;padding-top:40px;position:relative;width:auto}.video-playlist__wrapper--main .thunmbs--inner .swiper--thumbs .swiper-wrapper{justify-content:flex-start}.video-playlist__wrapper--main .card_wrapper--thumb{border-radius:20px;cursor:pointer;padding:17px 18px 21px;transition:all .3s linear}.video-playlist__wrapper--main .card_wrapper--thumb .thumb--main{border-radius:12px;height:140px;min-height:140px;overflow:hidden;position:relative;width:100%}.video-playlist__wrapper--main .card_wrapper--thumb .card_wrapper--button{left:calc(50% - 35px);top:calc(50% - 35px)}.video-playlist__wrapper--main .card_wrapper--thumb .card_wrapper--button:hover{transform:scale(.8)}.video-playlist__wrapper--main .card_wrapper--thumb .thumb--desc{padding-top:20px}.video-playlist__wrapper--main .card_wrapper--thumb .thumb--desc h2{color:#000;font-size:16px;font-style:normal;font-weight:400;letter-spacing:-.4px;line-height:22px;text-align:center;text-overflow:ellipsis}.video-playlist__wrapper--main .swiper-slide-thumb-active .card_wrapper--media{height:140px}.video-playlist__wrapper--main .swiper-slide-thumb-active.active--element .card_wrapper--bg{opacity:1}.video-playlist__wrapper--main .swiper-slide-thumb-active.active--element .card_wrapper--button{transform:scale(.75)}.video-playlist__wrapper--main .swiper-slide-thumb-active.active--element iframe{border-radius:12px;overflow:hidden}@media(min-width:992px){.video-playlist__wrapper--main .button-swiper.hide-desktop{display:none}}