.channel-loading-widget[data-v-f88f662c]{height:100%;display:flex;flex-direction:column;padding:10px 10px;padding-right:20px}.channel-loading-widget .channel-item[data-v-f88f662c]{width:100%;display:flex;align-items:center;position:relative;margin-bottom:10px;border-radius:10px;overflow:hidden;cursor:pointer;padding:8px;border:1px solid var(--wecodefy-bd-color,#06383b);background:var(--wecodefy-bg-color,#011616)}.channel-loading-widget .channel-item[data-v-f88f662c]:hover{opacity:.8}.channel-loading-widget .channel-item img[data-v-f88f662c]{height:100px;width:100px;-o-object-fit:cover;object-fit:cover;border-radius:10px}.channel-loading-widget .channel-item .channel-item-info[data-v-f88f662c]{display:flex;flex-direction:column;padding:0 10px}.channel-loading-widget .channel-item .channel-item-info .tv-channel-name[data-v-f88f662c]{font-size:17px;font-weight:600;color:#fff;margin-bottom:10px}.channel-loading-widget .channel-item .channel-item-info .live-tag[data-v-f88f662c]{padding:2px 10px;border-radius:5px;display:flex;justify-content:center;width:-moz-max-content;width:max-content}.channel-widget{height:100%;display:flex;flex-direction:column;padding:10px 10px}.channel-widget .channel-item{width:100%;display:flex;align-items:center;position:relative;margin-bottom:10px;border-radius:10px;overflow:hidden;cursor:pointer;padding:8px;border:1px solid var(--wecodefy-bd-color,#06383b);background:var(--wecodefy-primary-color,#000f0f)}.channel-widget .channel-item:hover{opacity:.8}.channel-widget .channel-item img{height:70px;width:70px;-o-object-fit:cover;object-fit:cover;border-radius:7px}.channel-widget .channel-item .channel-item-info{display:flex;flex-direction:column;padding:0 10px}.channel-widget .channel-item .channel-item-info .tv-channel-name{font-size:.8rem;font-weight:600;color:#fff;margin-bottom:10px}.channel-widget .channel-item .channel-item-info .live-tag{background:red;padding:2px 10px;border-radius:5px;display:flex;justify-content:center;width:-moz-max-content;width:max-content}.channel-widget .channel-item .channel-item-info .live-tag .live-tag-text{font-size:.6rem;font-weight:600;color:#fff}.left-panel[data-v-9eaa94d6]{display:flex;height:100%;width:calc(100% - 380px);background:#000;flex-direction:column}.left-panel .left-panel-header[data-v-9eaa94d6]{height:69px;width:100%;background-color:#1a1a1a;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--wecodefy-bd-color,#06383b)}.left-panel .left-panel-header .left-panel-header-title[data-v-9eaa94d6]{display:flex;align-items:center}.left-panel .left-panel-header .left-panel-header-title .tv-channel-logo[data-v-9eaa94d6]{height:40px;width:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:10px}.left-panel .left-panel-header .left-panel-header-title .left-panel-header-title-text[data-v-9eaa94d6]{font-size:20px;font-weight:600;color:#fff;margin-left:10px}.left-panel .left-panel-body[data-v-9eaa94d6]{height:calc(100% - 69px);width:100%;background:#000;display:flex;align-items:center}.page-container[data-v-7a78e399]{display:flex;height:100%;width:100%}.page-container .left-panel[data-v-7a78e399]{display:flex;height:100%;width:calc(100% - 300px);background:var(--wecodefy-primary-color,#000f0f);flex-direction:column;transition:all .3s ease-in-out}.page-container .left-panel.expand[data-v-7a78e399]{width:100%;transition:all .3s ease-in-out}@media screen and (max-width:800px){.page-container .left-panel[data-v-7a78e399]{width:100%}}.page-container .left-panel .left-panel-header[data-v-7a78e399]{height:50px;width:100%;background-color:var(--wecodefy-bd-color,#06383b);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--wecodefy-bd-color,#06383b);padding:0 20px}.page-container .left-panel .left-panel-header .left-panel-header-title[data-v-7a78e399]{display:flex;align-items:center}.page-container .left-panel .left-panel-header .left-panel-header-title .tv-channel-logo[data-v-7a78e399]{height:35px;width:35px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:10px}@media screen and (max-width:800px){.page-container .left-panel .left-panel-header .left-panel-header-title .tv-channel-logo[data-v-7a78e399]{margin-right:5px}}.page-container .left-panel .left-panel-header .left-panel-header-title .left-panel-header-title-text[data-v-7a78e399]{font-size:.95rem;font-weight:600;color:#fff;margin-left:10px}.page-container .left-panel .left-panel-header .left-panel-header-options[data-v-7a78e399]{display:flex;align-items:center}.page-container .left-panel .left-panel-header .left-panel-header-options .h-spacer[data-v-7a78e399]{margin-right:10px}.page-container .left-panel .left-panel-header .left-panel-header-options .btn-share[data-v-7a78e399]{background:transparent;border:none;border-radius:50%;height:35px;width:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.page-container .left-panel .left-panel-header .left-panel-header-options .btn-share[data-v-7a78e399]:hover{background:rgba(41,41,41,.555)}.page-container .left-panel .left-panel-header .left-panel-header-options .btn-share img[data-v-7a78e399]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%}.page-container .left-panel .left-panel-body[data-v-7a78e399]{height:calc(100% - 50px);width:100%;background:#000;padding-bottom:20px;position:relative}.page-container .left-panel .left-panel-body .btn-share[data-v-7a78e399]{position:absolute;bottom:80px;right:20px;background:#dbdbdb;border:none;border-radius:50%;height:50px;width:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 10px #000}.page-container .left-panel .left-panel-body .btn-share[data-v-7a78e399]:hover{background:#fff}.page-container .left-panel .left-panel-body .btn-share img[data-v-7a78e399]{width:25px;height:25px}.page-container .right-panel[data-v-7a78e399]{width:0;display:flex;flex-direction:column;background:var(--wecodefy-bg-color,#011616);border-left:1px solid var(--wecodefy-bd-color,#06383b);position:relative;right:-400px}.page-container .right-panel.show[data-v-7a78e399]{position:relative;right:0;width:300px;transition:all .5s ease-in-out}@media screen and (max-width:800px){.page-container .right-panel[data-v-7a78e399]{position:fixed!important;right:-400px;top:70px;bottom:0;transition:all .5s ease-in-out}.page-container .right-panel.show[data-v-7a78e399]{right:0;transition:all .5s ease-in-out}}@media screen and (max-width:400px){.page-container .right-panel[data-v-7a78e399]{width:100%;border-left:none}}.page-container .right-panel .right-panel-header[data-v-7a78e399]{height:50px;background-color:var(--wecodefy-primary-color,#000f0f);color:#fff;font-size:.8rem;font-weight:600;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--wecodefy-bd-color,#06383b)}.page-container .right-panel .right-panel-header .right-panel-header-title[data-v-7a78e399]{display:flex;align-items:center}.page-container .right-panel .right-panel-header .right-panel-header-title .right-panel-header-title-text[data-v-7a78e399]{color:#fff}.page-container .right-panel .right-panel-header .right-panel-header-options .btn-close[data-v-7a78e399]{background:transparent;border:none;color:#fff;font-size:1.5rem;font-weight:600;cursor:pointer}.page-container .right-panel .right-panel-body[data-v-7a78e399]{height:calc(100% - 50px);display:flex;flex-direction:column}