.pay-overlay[data-v-566be0c0]{position:fixed!important;left:0;bottom:0;right:0;top:0;z-index:9999999;display:block;background-color:rgba(0,0,0,.8);padding-top:65px;overflow-y:auto;padding-bottom:30px}.pay-overlay .modal-widget[data-v-566be0c0]{margin:0 auto;width:400px;height:652px;background:#fff;border-radius:5px}@media screen and (max-width:500px){.pay-overlay .modal-widget[data-v-566be0c0]{width:100%;position:fixed;z-index:999999999999999;top:0;left:0;bottom:0;right:0;height:auto;display:flex;flex-direction:column}}.pay-overlay .modal-widget .modal-header[data-v-566be0c0]{height:50px;border-bottom:1px solid #ddd;display:flex;align-items:center;padding-left:20px}.pay-overlay .modal-widget .modal-header h2[data-v-566be0c0]{margin:0;font-size:16px;text-transform:uppercase}.pay-overlay .modal-widget .modal-body[data-v-566be0c0]{padding:20px;display:flex;flex-direction:column;height:calc(100% - 105px)}.pay-overlay .modal-widget .modal-body .payment-notice[data-v-566be0c0]{margin-bottom:20px;font-size:14px;color:#000;text-align:center}.pay-overlay .modal-widget .modal-body.fitt-bottom[data-v-566be0c0]{height:calc(100% - 55px)}.pay-overlay .modal-widget .modal-body .package-items[data-v-566be0c0]{width:100%;display:grid;grid-template-columns:47% 47%;grid-gap:20px}.pay-overlay .modal-widget .modal-body .package-items .package-item[data-v-566be0c0]{border:1px solid #ddd;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;padding:10px;border-radius:5px;position:relative}.pay-overlay .modal-widget .modal-body .package-items .package-item img[data-v-566be0c0]{width:15px;height:15px;position:absolute;top:8px;left:8px;display:none}.pay-overlay .modal-widget .modal-body .package-items .package-item.active[data-v-566be0c0],.pay-overlay .modal-widget .modal-body .package-items .package-item[data-v-566be0c0]:hover{border:1px solid var(--wecodefy-secondary-color,#9fc953)}.pay-overlay .modal-widget .modal-body .package-items .package-item.active h2[data-v-566be0c0],.pay-overlay .modal-widget .modal-body .package-items .package-item.active p[data-v-566be0c0]{color:var(--wecodefy-secondary-color,#9fc953)}.pay-overlay .modal-widget .modal-body .package-items .package-item.active img[data-v-566be0c0]{display:block}.pay-overlay .modal-widget .modal-body .package-loading-widget[data-v-566be0c0]{height:100%;position:relative}.pay-overlay .modal-widget .modal-Footer[data-v-566be0c0]{display:flex;padding:0 20px;padding-bottom:20px}@media screen and (max-width:500px){.pay-overlay .modal-widget .modal-Footer[data-v-566be0c0]{width:100%;position:fixed;z-index:999999999999999;left:0;bottom:0;right:0;display:flex;justify-content:center}}@media screen and (max-width:340px){.pay-overlay .modal-widget .modal-Footer[data-v-566be0c0]{padding-bottom:5px}}.pay-overlay .modal-widget .modal-Footer .btn-success[data-v-566be0c0]{margin-right:20px}.right-panel[data-v-93526d94]{width:320px;height:100%;border-left:1px solid var(--wecodefy-bd-color,#06383b);background-color:#111}@media screen and (max-width:800px){.right-panel[data-v-93526d94]{position:fixed;top:calc(100% - 59px);right:0;left:0;bottom:0;z-index:999;width:100%;transition:all .3s ease-in-out;border-left:none}.right-panel.show[data-v-93526d94]{top:40%;height:60%;transition:all .3s ease-in-out}}.right-panel .right-panel-header[data-v-93526d94]{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:15px 15px;border-bottom:1px solid var(--wecodefy-bd-color,#06383b)}.right-panel .right-panel-header .right-panel-header-title[data-v-93526d94]{font-size:.8rem}.right-panel .right-panel-header .right-panel-header-title .right-panel-header-title-text[data-v-93526d94]{color:#fff}.right-panel .right-panel-header .right-panel-header-actions[data-v-93526d94]{display:none}@media screen and (max-width:800px){.right-panel .right-panel-header .right-panel-header-actions[data-v-93526d94]{display:block}}.right-panel .right-panel-header .right-panel-header-actions .btn-toogle[data-v-93526d94]{background-color:transparent;border:none;outline:none;cursor:pointer}.right-panel .right-panel-header .right-panel-header-actions .btn-toogle img[data-v-93526d94]{width:30px;rotate:180deg;transition:all .3s ease}.right-panel .right-panel-header .right-panel-header-actions .btn-toogle.down img[data-v-93526d94]{rotate:0deg}.right-panel .right-panel-body[data-v-93526d94]{height:calc(100% - 150px)}.right-panel .right-panel-body .chat-list[data-v-93526d94]{padding-right:10px}.right-panel .right-panel-body .chat-list .chat-item[data-v-93526d94]{display:flex;padding:2px 10px;margin:10px 0}.right-panel .right-panel-body .chat-list .chat-item .chat-user-profile[data-v-93526d94]{display:flex;padding-top:10px;width:30px;height:30px}.right-panel .right-panel-body .chat-list .chat-item .chat-user-profile .chat-user-image[data-v-93526d94]{width:100%;height:100%;border-radius:50%;overflow:hidden;margin-right:10px}.right-panel .right-panel-body .chat-list .chat-item .chat-message[data-v-93526d94]{width:calc(100% - 30px);color:#fff;font-size:13px;font-weight:400;margin-top:5px}.right-panel .right-panel-body .chat-list .chat-item .chat-message .chat-user-name[data-v-93526d94]{color:#fff;font-size:14px;font-weight:800}.right-panel .right-panel-footer[data-v-93526d94]{height:120px;display:flex;color:#fff;padding:10px 15px;border-top:1px solid var(--wecodefy-bd-color,#06383b);flex-direction:column}.right-panel .right-panel-footer .right-panel-footer-top-panel[data-v-93526d94]{display:flex;width:100%}.right-panel .right-panel-footer .right-panel-footer-top-panel .right-panel-footer-left-panel-image[data-v-93526d94]{margin-right:10px}.right-panel .right-panel-footer .right-panel-footer-top-panel .right-panel-footer-left-panel-image img[data-v-93526d94]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.right-panel .right-panel-footer .right-panel-footer-top-panel .right-panel-footer-left-panel-input[data-v-93526d94]{width:calc(100% - 50px)}.right-panel .right-panel-footer .right-panel-footer-top-panel .right-panel-footer-left-panel-input .user-name[data-v-93526d94]{color:#fff;font-size:.8rem;font-weight:600;margin:0 0 5px 0}.right-panel .right-panel-footer .right-panel-footer-top-panel .right-panel-footer-left-panel-input textarea[data-v-93526d94]{width:100%;font-size:.7rem;color:#d2d2d2;resize:none;background-color:transparent;border:none;padding:0}.right-panel .right-panel-footer .right-panel-footer-bottom-panel[data-v-93526d94]{display:flex;justify-content:space-between;align-items:center}.right-panel .right-panel-footer .right-panel-footer-bottom-panel .right-panel-footer-bottom-left-panel[data-v-93526d94]{display:flex;font-size:13px;color:#858585}.right-panel .right-panel-footer .right-panel-footer-bottom-panel .right-panel-footer-bottom-right-panel .btn-send[data-v-93526d94]{background-color:transparent;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.right-panel .right-panel-footer .right-panel-footer-bottom-panel .right-panel-footer-bottom-right-panel .btn-send img[data-v-93526d94]{width:20px}.widget-loading[data-v-37ad8f01]{display:flex;width:100%}.widget-loading .left-panel[data-v-37ad8f01]{width:calc(100% - 400px);display:flex;flex-direction:column}@media screen and (max-width:800px){.widget-loading .left-panel[data-v-37ad8f01]{width:100%;padding-bottom:60px}}.widget-loading .left-panel .player-wrapper[data-v-37ad8f01]{padding-left:0;padding-right:0;padding-top:0;display:flex;flex-direction:column;width:100%;height:500px}@media screen and (max-width:600px){.widget-loading .left-panel .player-wrapper[data-v-37ad8f01]{height:250px}}.widget-loading .left-panel .player-wrapper .player-container[data-v-37ad8f01]{width:100%;height:100%;display:flex;flex-direction:column;background-color:#000;border-radius:0;overflow:hidden}.widget-loading .left-panel .player-wrapper .primier-widget[data-v-37ad8f01]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000;border-radius:0}.widget-loading .left-panel .player-wrapper .primier-widget .primier-widget-text[data-v-37ad8f01]{color:#fff;font-size:20px;font-weight:600;background-color:#4f4f4f;padding:10px;border-radius:10px}.widget-loading .left-panel .video-title[data-v-37ad8f01]{font-size:23px;color:#fff;padding-bottom:10px;padding-top:20px;padding-left:15px;padding-right:12px}@media screen and (max-width:600px){.widget-loading .left-panel .video-title[data-v-37ad8f01]{font-size:17px}}.widget-loading .left-panel .video-options[data-v-37ad8f01]{display:flex;align-items:center;justify-content:space-between;padding-top:15px;padding-bottom:15px;padding-left:15px;padding-right:12px}@media screen and (max-width:600px){.widget-loading .left-panel .video-options[data-v-37ad8f01]{flex-direction:column;align-items:flex-start;padding-top:5px}}.widget-loading .left-panel .video-options .video-option-left-panel[data-v-37ad8f01]{display:flex;align-items:center}@media screen and (max-width:600px){.widget-loading .left-panel .video-options .video-option-left-panel[data-v-37ad8f01]{margin-bottom:20px}}.widget-loading .left-panel .video-options .video-option-left-panel .video-views[data-v-37ad8f01]{color:#969696}@media screen and (max-width:600px){.widget-loading .left-panel .video-options .video-option-left-panel .video-views[data-v-37ad8f01]{font-size:13px}}.widget-loading .left-panel .video-options .video-option-left-panel .divider[data-v-37ad8f01]{width:5px;height:10px;margin:0 10px}.widget-loading .left-panel .video-options .video-option-left-panel .video-added-date[data-v-37ad8f01]{color:#969696}@media screen and (max-width:600px){.widget-loading .left-panel .video-options .video-option-left-panel .video-added-date[data-v-37ad8f01]{font-size:13px}}.widget-loading .left-panel .video-options .video-option-right-panel[data-v-37ad8f01]{display:flex;align-items:center}.widget-loading .left-panel .video-options .video-option-right-panel .video-like[data-v-37ad8f01]{color:#fff;font-size:15px;margin-right:30px;cursor:pointer;display:flex;align-items:center}.widget-loading .left-panel .video-options .video-option-right-panel .video-like img[data-v-37ad8f01]{margin-right:10px;width:22px}.widget-loading .left-panel .video-options .video-option-right-panel .video-like.active[data-v-37ad8f01]{color:var(--wecodefy-secondary-color,#9fc953)}.widget-loading .left-panel .video-options .video-option-right-panel .video-dislike[data-v-37ad8f01]{color:#fff;font-size:15px;margin-right:30px;cursor:pointer;display:flex;align-items:center}.widget-loading .left-panel .video-options .video-option-right-panel .video-dislike img[data-v-37ad8f01]{margin-right:10px;width:22px}.widget-loading .left-panel .video-options .video-option-right-panel .video-dislike.active[data-v-37ad8f01]{color:var(--wecodefy-secondary-color,#9fc953)}.widget-loading .left-panel .video-options .video-option-right-panel .video-share[data-v-37ad8f01]{color:#fff;font-size:15px;margin-right:30px;cursor:pointer;display:flex;align-items:center}.widget-loading .left-panel .video-options .video-option-right-panel .video-share img[data-v-37ad8f01]{margin-right:10px}.widget-loading .left-panel .channel-profile[data-v-37ad8f01]{display:flex;align-items:center;justify-content:space-between;padding-top:15px;padding-bottom:15px;padding-left:15px;padding-right:12px}.widget-loading .left-panel .channel-profile .channel-profile-left-panel[data-v-37ad8f01]{display:flex;align-items:center}.widget-loading .left-panel .channel-profile .channel-profile-left-panel .channel-profile-image[data-v-37ad8f01]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:10px}.widget-loading .left-panel .channel-profile .channel-profile-left-panel .channel-profile-info[data-v-37ad8f01]{display:flex;flex-direction:column}.widget-loading .left-panel .channel-profile .channel-profile-left-panel .channel-profile-info .channel-profile-name[data-v-37ad8f01]{color:#fff;font-size:18px;font-weight:600}@media screen and (max-width:600px){.widget-loading .left-panel .channel-profile .channel-profile-left-panel .channel-profile-info .channel-profile-name[data-v-37ad8f01]{font-size:15px}}.widget-loading .left-panel .channel-profile .channel-profile-left-panel .channel-profile-info .channel-profile-subscribers[data-v-37ad8f01]{color:#969696;font-size:14px}@media screen and (max-width:600px){.widget-loading .left-panel .channel-profile .channel-profile-left-panel .channel-profile-info .channel-profile-subscribers[data-v-37ad8f01]{font-size:12px}}.widget-loading .left-panel .video-description[data-v-37ad8f01]{color:#fff;font-size:14px;padding-top:15px;padding-bottom:15px;padding-left:15px;padding-right:12px}.widget-loading .right-panel[data-v-37ad8f01]{width:400px;height:100%;border-left:1px solid var(--wecodefy-bd-color,#06383b);background-color:#111}@media screen and (max-width:800px){.widget-loading .right-panel[data-v-37ad8f01]{display:none}}.widget-loading .right-panel .right-panel-header[data-v-37ad8f01]{height:60px;display:flex;align-items:center;color:#fff;padding:0 15px;border-bottom:1px solid var(--wecodefy-bd-color,#06383b)}.widget-loading .right-panel .right-panel-body[data-v-37ad8f01]{height:calc(100% - 180px);overflow:hidden}.widget-loading .right-panel .right-panel-body .chat-list[data-v-37ad8f01]{padding-right:10px}.widget-loading .right-panel .right-panel-body .chat-list .chat-item[data-v-37ad8f01]{display:flex;padding:2px 10px;margin-bottom:10px}.widget-loading .right-panel .right-panel-body .chat-list .chat-item .chat-user-profile[data-v-37ad8f01]{display:flex;padding-top:10px;width:30px;height:30px}.widget-loading .right-panel .right-panel-body .chat-list .chat-item .chat-user-profile .chat-user-image[data-v-37ad8f01]{width:100%;height:100%;border-radius:50%;overflow:hidden;margin-right:10px}.widget-loading .right-panel .right-panel-body .chat-list .chat-item .chat-message[data-v-37ad8f01]{width:calc(100% - 30px);color:#fff;font-size:13px;font-weight:400;margin-top:5px}.widget-loading .right-panel .right-panel-body .chat-list .chat-item .chat-message .chat-user-name[data-v-37ad8f01]{color:#fff;font-size:14px;font-weight:800}.widget-loading .right-panel .right-panel-footer[data-v-37ad8f01]{height:120px;display:flex;color:#fff;padding:10px 15px;border-top:1px solid var(--wecodefy-bd-color,#06383b);flex-direction:column}.widget-loading .right-panel .right-panel-footer .right-panel-footer-top-panel[data-v-37ad8f01]{display:flex;width:100%}.widget-loading .right-panel .right-panel-footer .right-panel-footer-top-panel .right-panel-footer-left-panel-image[data-v-37ad8f01]{margin-right:10px}.widget-loading .right-panel .right-panel-footer .right-panel-footer-top-panel .right-panel-footer-left-panel-image img[data-v-37ad8f01]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.widget-loading .right-panel .right-panel-footer .right-panel-footer-top-panel .right-panel-footer-left-panel-input[data-v-37ad8f01]{width:calc(100% - 50px)}.widget-loading .right-panel .right-panel-footer .right-panel-footer-top-panel .right-panel-footer-left-panel-input .user-name[data-v-37ad8f01]{color:#fff;font-size:14px;font-weight:600}.widget-loading .right-panel .right-panel-footer .right-panel-footer-top-panel .right-panel-footer-left-panel-input textarea[data-v-37ad8f01]{width:100%;color:#d2d2d2;resize:none;background-color:transparent;border:none;padding:0}.widget-loading .right-panel .right-panel-footer .right-panel-footer-bottom-panel[data-v-37ad8f01]{display:flex;justify-content:space-between;align-items:center}.widget-loading .right-panel .right-panel-footer .right-panel-footer-bottom-panel .right-panel-footer-bottom-left-panel[data-v-37ad8f01]{display:flex;font-size:13px;color:#858585}.widget-loading .right-panel .right-panel-footer .right-panel-footer-bottom-panel .right-panel-footer-bottom-right-panel .btn-send[data-v-37ad8f01]{background-color:transparent;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.widget-loading .right-panel .right-panel-footer .right-panel-footer-bottom-panel .right-panel-footer-bottom-right-panel .btn-send img[data-v-37ad8f01]{width:20px}.page-container[data-v-3ac12227]{height:100%;width:100%;display:flex}.page-container .left-panel[data-v-3ac12227]{width:calc(100% - 320px);display:flex;flex-direction:column}@media screen and (max-width:800px){.page-container .left-panel[data-v-3ac12227]{width:100%}}.page-container .left-panel .player-wrapper[data-v-3ac12227]{padding-left:0;padding-right:0;padding-top:0;display:flex;flex-direction:column;width:100%;height:500px}@media screen and (max-width:600px){.page-container .left-panel .player-wrapper[data-v-3ac12227]{height:220px}}.page-container .left-panel .player-wrapper .player-container[data-v-3ac12227]{width:100%;height:100%;display:flex;flex-direction:column;background-color:#000;border-radius:0;overflow:hidden}.page-container .left-panel .player-wrapper .primier-widget[data-v-3ac12227]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000;border-radius:0}.page-container .left-panel .player-wrapper .primier-widget .primier-widget-text[data-v-3ac12227]{color:#fff;font-size:20px;font-weight:600;background-color:#4f4f4f;padding:10px;border-radius:10px}@media screen and (max-width:600px){.page-container .left-panel .player-wrapper .primier-widget .primier-widget-text[data-v-3ac12227]{font-size:15px;padding:10px 30px}}.page-container .left-panel .video-title[data-v-3ac12227]{font-size:1.3rem;color:#fff;padding:10px 15px}.page-container .left-panel .video-options[data-v-3ac12227]{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;font-size:.8rem}@media screen and (max-width:600px){.page-container .left-panel .video-options[data-v-3ac12227]{flex-direction:column;align-items:flex-start}}.page-container .left-panel .video-options .video-option-left-panel[data-v-3ac12227]{display:flex;align-items:center}@media screen and (max-width:600px){.page-container .left-panel .video-options .video-option-left-panel[data-v-3ac12227]{margin-bottom:20px}}.page-container .left-panel .video-options .video-option-left-panel .video-views[data-v-3ac12227]{color:#969696}.page-container .left-panel .video-options .video-option-left-panel .divider[data-v-3ac12227]{width:5px;height:2px;background-color:#969696;margin:0 10px}.page-container .left-panel .video-options .video-option-left-panel .video-added-date[data-v-3ac12227]{color:#969696}@media screen and (max-width:600px){.page-container .left-panel .video-options .video-option-left-panel .video-added-date[data-v-3ac12227]{font-size:13px}}.page-container .left-panel .video-options .video-option-right-panel[data-v-3ac12227]{display:flex;align-items:center}.page-container .left-panel .video-options .video-option-right-panel .video-like[data-v-3ac12227]{color:#fff;font-size:.75rem;margin-right:30px;cursor:pointer;display:flex;align-items:center}.page-container .left-panel .video-options .video-option-right-panel .video-like img[data-v-3ac12227]{margin-right:10px;width:20px}.page-container .left-panel .video-options .video-option-right-panel .video-like.active[data-v-3ac12227]{color:var(--wecodefy-secondary-color,#9fc953)}.page-container .left-panel .video-options .video-option-right-panel .video-dislike[data-v-3ac12227]{color:#fff;font-size:.75rem;margin-right:30px;cursor:pointer;display:flex;align-items:center}.page-container .left-panel .video-options .video-option-right-panel .video-dislike img[data-v-3ac12227]{margin-right:10px;width:20px}.page-container .left-panel .video-options .video-option-right-panel .video-dislike.active[data-v-3ac12227]{color:var(--wecodefy-secondary-color,#9fc953)}.page-container .left-panel .video-options .video-option-right-panel .video-share[data-v-3ac12227]{color:#fff;font-size:.75rem;margin-right:30px;cursor:pointer;display:flex;align-items:center}.page-container .left-panel .video-options .video-option-right-panel .video-share img[data-v-3ac12227]{margin-right:10px;width:20px}.page-container .left-panel .channel-profile[data-v-3ac12227]{display:flex;align-items:center;justify-content:space-between;padding:10px 15px}.page-container .left-panel .channel-profile .channel-profile-left-panel[data-v-3ac12227]{display:flex;align-items:center}.page-container .left-panel .channel-profile .channel-profile-left-panel .channel-profile-image[data-v-3ac12227]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:15px}.page-container .left-panel .channel-profile .channel-profile-left-panel .channel-profile-image img[data-v-3ac12227]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-container .left-panel .channel-profile .channel-profile-left-panel .channel-profile-info[data-v-3ac12227]{display:flex;flex-direction:column}.page-container .left-panel .channel-profile .channel-profile-left-panel .channel-profile-info .channel-profile-name[data-v-3ac12227]{color:#fff;font-size:1rem;font-weight:600;margin:0 0 5px 0}.page-container .left-panel .channel-profile .channel-profile-left-panel .channel-profile-info .channel-profile-subscribers[data-v-3ac12227]{color:#969696;font-size:.9rem}.page-container .left-panel .video-description[data-v-3ac12227]{color:#969696;font-size:.9rem;padding:10px 15px;line-height:1.7rem}