.channel-list[data-v-dafd1ee2]{display:flex;justify-content:space-between}.channel-list .video-container[data-v-dafd1ee2]{padding-top:39.4%;position:relative;width:70%;z-index:1}.channel-list .video-container .loading-video[data-v-dafd1ee2]{background-color:var(--primary-color);border-bottom-left-radius:20px;border-top-left-radius:20px;height:100%;position:absolute;top:0;width:100%;z-index:2}.channel-list .video-container .loading-video .spinner-grow[data-v-dafd1ee2]{color:var(--secondary-color);height:4rem;left:calc(50% - 2rem);position:absolute;top:calc(50% - 2rem);width:4rem}.channel-list .list[data-v-dafd1ee2]{aspect-ratio:16/16.5;background-color:var(--primary-color);border-bottom-right-radius:20px;border-top-right-radius:20px;color:var(--light-color);overflow:hidden;width:29%}.channel-list .list .list-items[data-v-dafd1ee2]{counter-reset:count;height:100%;overflow-y:auto;padding:1rem 0}.channel-list .list .list-items .video-item[data-v-dafd1ee2]{counter-increment:count;cursor:pointer;margin-bottom:.3rem;padding:.5rem 0;position:relative}.channel-list .list .list-items .video-item .list-channel-card[data-v-dafd1ee2]{display:flex;justify-content:space-between}.channel-list .list .list-items .video-item .list-channel-card .card-image[data-v-dafd1ee2]{pointer-events:none;width:36%}.channel-list .list .list-items .video-item .list-channel-card .card-image img[data-v-dafd1ee2]{aspect-ratio:16/9;border-radius:12px;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.channel-list .list .list-items .video-item .list-channel-card .body-card[data-v-dafd1ee2]{padding:0 5px;width:62%}.channel-list .list .list-items .video-item .list-channel-card .body-card .title[data-v-dafd1ee2]{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--light-color);display:-webkit-box;font-size:1rem;font-weight:700;height:auto;margin-bottom:.5rem;overflow:hidden}.channel-list .list .list-items .video-item[data-v-dafd1ee2]:before{color:#e3e6e8;content:counter(count,decimal);font-size:.8rem;left:6px;position:absolute;top:50%;transform:translateY(-50%)}.channel-list .list .list-items .video-item.active[data-v-dafd1ee2]{background:#112c3d;border-radius:0 8px 8px 0}.channel-list .list .list-items .video-item.active[data-v-dafd1ee2]:before{border-color:transparent transparent transparent var(--light-color);border-style:solid;border-width:7px 0 7px 12px;content:"";display:inline-block;transform:rotateY(180deg) translateY(-50%)}.channel-list .list .list-items .video-item[data-v-dafd1ee2]:hover{background:#112c3d;border-radius:0 8px 8px 0;transition:all .4s ease-in-out}.channel-list .list .list-items[data-v-dafd1ee2]::-webkit-scrollbar{width:4px}.channel-list .list .list-items[data-v-dafd1ee2]::-webkit-scrollbar-thumb{background:#e3e6e8;border-radius:100px}.channel-list .list .list-items[data-v-dafd1ee2]::-webkit-scrollbar-track{margin:1rem 0}@media(max-width:991.98px){.channel-list[data-v-dafd1ee2]{flex-direction:column;justify-content:center;margin:auto;max-width:600px}.channel-list .video-container[data-v-dafd1ee2]{margin-bottom:1rem;padding-top:56.4%;width:100%}.channel-list .list[data-v-dafd1ee2]{aspect-ratio:unset;border-radius:12px!important;height:400px;width:100%}}.rtl .channel-list .video-container .loading-video[data-v-dafd1ee2]{border-bottom-left-radius:0;border-bottom-right-radius:20px;border-top-left-radius:0;border-top-right-radius:20px}.rtl .channel-list .list[data-v-dafd1ee2]{border-bottom-left-radius:20px;border-bottom-right-radius:0;border-top-left-radius:20px;border-top-right-radius:0}.rtl .channel-list .list .list-items .video-item[data-v-dafd1ee2]:before{left:auto;right:6px}.rtl .channel-list .list .list-items .video-item.active[data-v-dafd1ee2]:before{transform:translateY(-50%)}.video-container .y-video{border:none;border-bottom-left-radius:20px;border-top-left-radius:20px;bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}.video-container .y-video .y-video__media{width:100%}@media(max-width:991.98px){.video-container .y-video{border-radius:12px!important}}.rtl .video-container .y-video{border-bottom-left-radius:0;border-bottom-right-radius:20px;border-top-left-radius:0;border-top-right-radius:20px}