.youtube-gallery-container{display:flex;flex-direction:column;border:1px solid #e9e9e9;border-radius:8px;overflow:hidden}.youtube-side-list-right>h4{padding:20px 20px 0;margin:0}@media screen and (min-width:990px){.youtube-gallery-container{flex-direction:row;align-items:flex-start}}.youtube-main-player{flex:1;position:relative;background:#000;aspect-ratio:16 / 9;overflow:hidden}.youtube-main-player iframe{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-side-list{width:100%;display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding:10px 20px 20px}@media screen and (min-width:990px){.youtube-side-list{width:350px}}.youtube-item{display:flex;gap:12px;cursor:pointer;padding:8px;border-radius:6px;transition:background .3s;background:#00000008;border:2px solid transparent}.youtube-item:hover{background:#0000000f}.youtube-item.is-active{border-color:#0c3a07;background:#0000000d}.youtube-item-thumb{width:120px;flex-shrink:0;position:relative;aspect-ratio:16 / 9}.youtube-item-thumb img{width:100%;height:100%;object-fit:cover;border-radius:4px;vertical-align:middle}.youtube-item-info{flex:1}.youtube-item-title{font-size:1.4rem;font-weight:700;margin:0 0 5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#000}.youtube-item-channel{font-size:1.2rem;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.youtube-item-channel p{margin-top:5px;line-height:17px}@media(max-width:989px){.youtube-side-list-right>h4{padding:15px 10px 0}.youtube-side-list{padding:10px 10px 15px;display:flex;overflow-x:auto;width:100%;gap:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-direction:row}.youtube-item{width:220px;flex:0 0 auto}.youtube-item-thumb{width:60px}.youtube-side-list::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-youtub-two.css.map */