.controls{display:flex;flex-direction:column;padding-top:6.3rem}.controls__close{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;color:#fff;cursor:pointer;font-size:20px;font-size:2rem;height:30px;left:190px;line-height:30px;text-align:center;width:30px}.controls__close,.controls__top{background:#0000008c;position:absolute;top:0}.controls__top{border-radius:45px;display:flex;flex-direction:row;height:53px;margin-left:-2px;width:180px}.controls__top-avatar{background:#000;background-size:cover;border:4px solid #f60;border-radius:45px;-webkit-border-radius:45px;-moz-border-radius:45px;-ms-border-radius:45px;-o-border-radius:45px;height:45px;margin-left:-2px;width:45px}.controls__top-customer{padding:8px 0 0 5px;width:calc(100% - 63px)}.controls__top-customer h2{color:#fff;font-size:15px;font-size:1.5rem;height:20px;line-height:20px;margin:0;overflow:hidden;width:100%;word-break:break-all}.controls__top-customer span{color:#f60;font-size:13px;font-size:1.3rem;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;margin-bottom:10px;z-index:1}.controls__bottom{display:flex;flex-direction:column}.controls__item{align-content:center;background:#0000008c;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:19px;font-size:1.9rem;height:44px;justify-content:center;line-height:44px;position:relative;text-align:center;width:45px}.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{left:0;position:absolute;text-align:center;width:100%}.controls__item--click{position:relative;width:100%;z-index:2}.controls__item--arrow{background:#0000008c;border-bottom-right-radius:45px;border-top-right-radius:45px;height:20px;left:45px;position:absolute;top:calc(50% - 10px);width:15px;z-index:2}.controls__item--arrow:before{content:"";display:flex;font-family:Font Awesome\ 7 Free;font-size:12px;font-weight:700;height:20px;line-height:220%;padding-left:2px;text-align:center;width:15px}.controls__item--arrow.active:before{content:"";line-height:140%}.controls__item--timer{background:#f60;border-bottom-left-radius:20px;border-top-left-radius:20px;color:#fff;font-size:9px;font-size:.9rem;font-style:normal;height:20px;left:-20px;line-height:20px;margin-top:15px;position:absolute;text-align:center;width:20px;z-index:10}.controls__item--dropdown{background:#00000080;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;font-family:Noto Sans TC,Arial,Verdana,sans-serif;font-weight:400;left:60px;max-height:200px;overflow-x:hidden;overflow-y:scroll;position:absolute;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:240px;z-index:6}.controls__item--dropdown h3{background:#000000b3;color:#fff;font-size:15px;font-size:1.5rem;height:45px;line-height:45px;margin:0;padding:0 1rem}.controls__item--dropdown div{align-items:center;color:#ccc;display:flex;flex-direction:row;font-size:12px;font-size:1.2rem;line-height:180%;padding:.5rem;text-transform:lowercase;width:calc(100% - 10px)}.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{line-height:180%;padding:0;width:20px}.controls__item--dropdown div i.active{color:#f60}.controls__item--dropdown div:last-child{border-bottom:none}.controls__item--dropdown div span{font-size:12px;font-size:1.2rem;font-style:italic;line-height:140%;width:calc(100% - 20px)}@keyframes wobble{0%,to{transform:translate(0);transform-origin:50% 50%}15%{transform:translate(-16px) rotate(-20deg)}30%{transform:translate(8px) rotate(20deg)}45%{transform:translate(-8px) rotate(-11.1111111111deg)}60%{transform:translate(4.8484848485px) rotate(6.6666666667deg)}75%{transform:translate(-2.9090909091px) rotate(-4deg)}}