jxs-video-playlist{display:block}.video-playlist__container{display:flex;flex-direction:column;gap:15px}.video-playlist__main{aspect-ratio:var(--video-ratio);width:100%;height:auto;flex:1}.video-playlist__main video,.video-playlist__main iframe{display:block;width:100%;height:100%;object-fit:cover;border:none}.video-playlist__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;flex-wrap:wrap}.video-playlist__list video{display:none}.video-playlist__list-item{width:80px;height:80px;cursor:pointer;transition:opacity .2s ease}.video-playlist__list-item:hover{opacity:.8}.video-playlist__list-item.active{border:solid 2px #000}.video-playlist__list-item .playlist__cover,.video-playlist__list-item .playlist__cover img{position:relative;width:100%;height:100%;object-fit:cover;display:block}.video-playlist__list-item .playlist__title{display:none}@media(min-width:768px){.video-playlist__container{flex-direction:row;gap:30px;max-height:400px}.video-playlist__main{max-height:400px}.video-playlist__list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;padding:10px;width:320px;background-color:#f9f9f9;overflow-y:auto}.video-playlist__list-item{display:flex;align-items:center;gap:20px;width:100%;height:auto}.video-playlist__list-item.active{border:solid 1px #6b6b6b;opacity:.5}.video-playlist__list-item .playlist__cover{width:80px;height:80px;flex-shrink:0}.video-playlist__list-item .playlist__title{display:block;font-size:16px;font-weight:600;flex:1}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/jxs-video-playlist.css.map */