.sidebar{position:relative;background:#0c0c0c;width:250px;min-height:100vh;z-index:5}.sidebar.hidden{position:fixed;top:0;left:-250px;z-index:10;height:100vh;transition:left .5s linear}.sidebar.show{left:0;box-shadow:0 5px 15px #0000008c}.sidebar__header{display:none;flex-direction:column;height:210px}.sidebar__header.active{display:flex}.sidebar__header-logo a{display:flex;cursor:pointer;padding:20px 20px 0;padding:2rem 2rem 0rem}.sidebar__header-nickname{color:#fff;font-weight:700;font-size:15px;font-size:1.5rem;padding:0 20px;padding:0rem 2rem;height:47px;overflow:hidden;line-height:47px}.sidebar__header-user{display:flex;flex-direction:row;align-items:center;padding:0 20px;padding:0rem 2rem}.sidebar__header-user .amount{text-align:center;color:#fff;background:#fa6000;font-size:15px;font-size:1.5rem;font-weight:700;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:calc(35% - 10px);margin-right:10px;margin-right:1rem;padding:12px 0;padding:1.2rem 0rem}.sidebar__header-user .buy{text-align:center;color:#fff;background:#01bc3b;font-weight:700;font-size:15px;font-size:1.5rem;padding:12px 0;padding:1.2rem 0rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;width:65%;text-decoration:none}.sidebar__header-search{position:relative;margin:15px 20px;margin:1.5rem 2rem}.sidebar__header-search input{border:none;padding:11px;padding:1.1rem;width:calc(100% - 22px);background:#000;color:#636363;border-radius:0;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px}.sidebar__header-search input:focus{outline:none}.sidebar__header-search i{position:absolute;right:0;z-index:9;cursor:pointer;height:36px;width:36px;line-height:36px;font-size:23px;font-size:2.3rem;text-align:center;color:#636363}.sidebar__collapse{position:absolute;z-index:8;display:flex;align-content:center;bottom:20vh;right:-35px;background:#e75c00;background:-webkit-linear-gradient(left,#e75c00,#ff6600);background:linear-gradient(to right,#e75c00,#f60);width:35px;height:65px;border-bottom-right-radius:35px;border-top-right-radius:35px;text-align:center;cursor:pointer}.sidebar__collapse i{color:#fff;width:30px;line-height:65px;font-size:32px;font-size:3.2rem}.sidebar__tabs{display:flex;flex-direction:column;justify-content:center;height:100%}.sidebar__tabs.withHeader{height:calc(100vh - 210px)}.sidebar__tabs ul{display:flex;flex-direction:row;padding:0;padding:0rem;margin:0;height:50px}.sidebar__tabs ul li{list-style:none;font-size:13px;font-size:1.3rem;font-weight:600;background:#ffffff26;color:#fff;line-height:180%;cursor:pointer;width:33.3%;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(0,0,5,.15);letter-spacing:-.5px;text-align:center;padding:12px 0;padding:1.2rem 0rem}.sidebar__tabs ul li:first-child{border-left:none}.sidebar__tabs ul li:last-child{border-right:none}.sidebar__tabs ul li.active{background:#0c0c0c;color:#fff}.sidebar__tabs-nodata{padding:15px 12px;padding:1.5rem 1.2rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.sidebar__tabs-loader{padding:20px 0;padding:2rem 0rem}.sidebar__tabs-loader img{display:flex;width:100%;max-width:130px;margin:0 auto}.sidebar__tabs-tab{overflow-x:hidden;overflow-y:scroll;margin:0 0 20px;height:calc(100% - 50px)}.sidebar__tabs-tab::-webkit-scrollbar{display:none}.sidebar__tabs-tab .grid{margin:0 15px;width:calc(100% - 30px)}.player{position:relative;display:flex;width:100%;height:100%}.player__video{display:flex;width:100%;height:100%}.player__play{position:absolute;z-index:4;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.player__play i{display:flex;padding:15px 20px;padding:1.5rem 2rem;font-size:42px;font-size:4.2rem;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#fff;background-color:#000000b3}.player.scroll{display:flex;position:absolute;width:100%;height:100%;overflow-x:scroll;overflow-y:hidden;align-items:center;justify-content:space-between}.player.scroll .player__video{position:relative;width:100%;height:100%}.player.scroll .player__video video{height:100%;width:auto;object-fit:contain}.player.scroll .player__play{position:relative;width:100%;height:100%}.controls{display:flex;flex-direction:column;padding-top:63px;padding-top:6.3rem}.controls__close{position:absolute;top:0;left:190px;height:30px;width:30px;line-height:30px;text-align:center;color:#fff;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;font-size:20px;font-size:2rem;background:#0000008c;cursor:pointer}.controls__top{position:absolute;top:0;display:flex;flex-direction:row;width:180px;background:#0000008c;height:53px;margin-left:-2px;border-radius:45px}.controls__top-avatar{height:45px;width:45px;margin-left:-2px;border-radius:45px;-webkit-border-radius:45px;-moz-border-radius:45px;-ms-border-radius:45px;-o-border-radius:45px;border:4px solid #ff6600;background:#000;background-size:cover}.controls__top-customer{padding:8px 0 0 5px;width:calc(100% - 63px)}.controls__top-customer h2{overflow:hidden;height:20px;word-break:break-all;line-height:20px;margin:0;color:#fff;font-size:15px;font-size:1.5rem;width:100%}.controls__top-customer span{font-size:13px;font-size:1.3rem;color:#f60;font-weight:700}.controls__top-customer span.state{color:#fff;font-size:10px;font-size:1rem;font-weight:200}.controls__center{display:flex;flex-direction:row;z-index:1;margin-bottom:10px}.controls__bottom{display:flex;flex-direction:column}.controls__item{position:relative;display:flex;flex-direction:row;justify-content:center;align-content:center;height:44px;width:45px;text-align:center;line-height:44px;color:#fff;background:#0000008c;font-size:19px;font-size:1.9rem;cursor:pointer}.controls__item:first-child{border-top-left-radius:45px;border-top-right-radius:45px}.controls__item:last-child{border-bottom-left-radius:45px;border-bottom-right-radius:45px}.controls__item:hover{color:#fff}.controls__item.active,.controls__item:active,.controls__item:focus{color:#f60}.controls__item.close{font-size:24px;font-size:2.4rem}.controls__item.dialing:before{animation:wobble .8s ease infinite}.controls__item:before{position:absolute;left:0;width:100%;text-align:center}.controls__item--click{position:relative;z-index:2;width:100%}.controls__item--arrow{position:absolute;top:calc(50% - 10px);left:45px;z-index:2;background:#0000008c;height:20px;border-bottom-right-radius:45px;border-top-right-radius:45px;width:15px}.controls__item--arrow:before{display:flex;height:20px;width:15px;font-size:12px;font-family:"Font Awesome 6 Free";font-weight:700;line-height:220%;padding-left:2px;text-align:center;content:""}.controls__item--arrow.active:before{line-height:140%;content:""}.controls__item--timer{position:absolute;margin-top:15px;left:-20px;font-size:9px;font-size:.9rem;font-style:normal;background:#f60;color:#fff;height:20px;border-bottom-left-radius:20px;border-top-left-radius:20px;line-height:20px;text-align:center;width:20px;z-index:10}.controls__item--dropdown{position:absolute;z-index:6;left:60px;font-family:Noto Sans TC,Arial,Verdana,sans-serif;text-align:left;font-weight:400;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;width:240px;max-height:200px;background:#00000080;overflow-y:scroll;overflow-x:hidden;-webkit-user-select:none;user-select:none}.controls__item--dropdown h3{color:#fff;height:45px;line-height:45px;font-size:15px;font-size:1.5rem;padding:0 10px;padding:0rem 1rem;margin:0;margin:0rem;background:#000000b3}.controls__item--dropdown div{display:flex;flex-direction:row;align-items:center;width:calc(100% - 10px);color:#ccc;text-transform:lowercase;font-size:12px;font-size:1.2rem;padding:5px;padding:.5rem;line-height:180%}.controls__item--dropdown div:hover{color:#f60}.controls__item--dropdown div:hover i.fa-vibo:before{filter:invert(40%) sepia(73%) saturate(6000%) hue-rotate(1deg) brightness(102%) contrast(106%)}.controls__item--dropdown div i{width:20px;line-height:180%;padding:0;padding:0rem}.controls__item--dropdown div i.active{color:#f60}.controls__item--dropdown div:last-child{border-bottom:none}.controls__item--dropdown div span{font-style:italic;font-size:12px;font-size:1.2rem;width:calc(100% - 20px);line-height:140%}@keyframes wobble{0%,to{-webkit-transform:translateX(0%);transform:translate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-16px) rotate(-20deg);transform:translate(-16px) rotate(-20deg)}30%{-webkit-transform:translateX(8px) rotate(20deg);transform:translate(8px) rotate(20deg)}45%{-webkit-transform:translateX(-8px) rotate(-11.1111111111deg);transform:translate(-8px) rotate(-11.1111111111deg)}60%{-webkit-transform:translateX(4.8484848485px) rotate(6.6666666667deg);transform:translate(4.8484848485px) rotate(6.6666666667deg)}75%{-webkit-transform:translateX(-2.9090909091px) rotate(-4deg);transform:translate(-2.9090909091px) rotate(-4deg)}}.flag-form{position:absolute;top:-174px;z-index:6;left:60px;font-family:Noto Sans TC,Arial,Verdana,sans-serif;text-align:left;font-weight:400;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;width:240px;background:#00000080;overflow-x:hidden;-webkit-user-select:none;user-select:none}.flag-form__content{margin:1rem}.flag-form__title{line-height:110%;font-size:16px;font-size:1.6rem;padding:0 0 5px;padding:0rem 0rem .5rem}.flag-form__subtitle{color:#fff;line-height:130%;font-size:16px;font-size:1.6rem;font-style:italic}.flag-form__formgroup{position:relative;display:flex;flex-direction:column;padding:5px 0;padding:.5rem 0rem}.flag-form__formgroup label{font-size:13px;font-size:1.3rem;line-height:280%}.flag-form__desc{color:#ccc;line-height:120%;font-size:10px;font-size:1rem;padding:10px 0 0;padding:1rem 0rem 0rem}.flag-form__textarea,.flag-form__select{padding:10px 5px;padding:1rem .5rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-size:12px;font-size:1.2rem;background:#000;color:#fff;font-family:Noto Sans TC,Arial,Verdana,sans-serif;font-style:italic}.flag-form__textarea{height:100px;height:10rem;font-style:italic;resize:none}.flag-form__textarea::placeholder{color:#fff;font-family:Noto Sans TC,Arial,Verdana,sans-serif;font-style:italic}.flag-form .disabled{opacity:.6;color:#fff!important;background:#000}.flag-form__count{color:#fff;line-height:normal;text-align:right;font-size:8px;font-size:.8rem}