@tencentcloud/call-uikit-react/tuicall-uikit-react.es.js

An Open-source Voice & Video Calling UI Component Based on Tencent Cloud Service.

(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode("._message-c2c-container_14m8l_1{display:flex;flex-direction:row;align-items:center;word-break:break-all}._message-c2c-container_14m8l_1 ._call-content_14m8l_7{padding-left:8px}._message-c2c-container_14m8l_1._c2c_14m8l_10{cursor:pointer}._message-c2c-container_14m8l_1 ._icon_14m8l_13{width:20px;height:20px}._message-group-container_hjjzg_1._group_hjjzg_1{cursor:default}.tk-time{font-family:PingFang SC;font-size:16px;font-weight:500;line-height:20px;letter-spacing:0px;text-align:center}[data-uikit-theme=light] .tk-time,[data-uikit-theme=dark] .tk-time{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}.tk-row-container{width:100%;box-sizing:border-box;margin:0;padding:0;list-style:none;display:flex;flex-flow:row wrap;flex-direction:row;flex-wrap:nowrap}.tk-row-container.tk-row-justify-left{justify-content:flex-start}.tk-row-container.tk-row-justify-center{justify-content:center}.tk-row-container.tk-row-justify-right{justify-content:flex-end}.tk-col-container{display:flex;box-sizing:border-box;overflow:hidden;align-items:center}.tk-col-container.tk-col-justify-content-start{justify-content:flex-start}.tk-col-container.tk-col-justify-content-center{justify-content:center}.tk-col-container.tk-col-justify-content-end{justify-content:flex-end}.tk-col-container.tk-col-align-items-start{align-items:flex-start}.tk-col-container.tk-col-align-items-center{align-items:center}.tk-col-container.tk-col-align-items-end{align-items:flex-end}.tk-col-12{flex:0 0 100%;max-width:100%}.tk-col-push-12{left:100%}.tk-col-pull-12{right:100%}.tk-col-offset-12{margin-left:100%}.tk-col-order-12{order:12}.tk-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.tk-col-push-11{left:91.6666666667%}.tk-col-pull-11{right:91.6666666667%}.tk-col-offset-11{margin-left:91.6666666667%}.tk-col-order-11{order:11}.tk-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.tk-col-push-10{left:83.3333333333%}.tk-col-pull-10{right:83.3333333333%}.tk-col-offset-10{margin-left:83.3333333333%}.tk-col-order-10{order:10}.tk-col-9{flex:0 0 75%;max-width:75%}.tk-col-push-9{left:75%}.tk-col-pull-9{right:75%}.tk-col-offset-9{margin-left:75%}.tk-col-order-9{order:9}.tk-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.tk-col-push-8{left:66.6666666667%}.tk-col-pull-8{right:66.6666666667%}.tk-col-offset-8{margin-left:66.6666666667%}.tk-col-order-8{order:8}.tk-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.tk-col-push-7{left:58.3333333333%}.tk-col-pull-7{right:58.3333333333%}.tk-col-offset-7{margin-left:58.3333333333%}.tk-col-order-7{order:7}.tk-col-6{flex:0 0 50%;max-width:50%}.tk-col-push-6{left:50%}.tk-col-pull-6{right:50%}.tk-col-offset-6{margin-left:50%}.tk-col-order-6{order:6}.tk-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.tk-col-push-5{left:41.6666666667%}.tk-col-pull-5{right:41.6666666667%}.tk-col-offset-5{margin-left:41.6666666667%}.tk-col-order-5{order:5}.tk-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.tk-col-push-4{left:33.3333333333%}.tk-col-pull-4{right:33.3333333333%}.tk-col-offset-4{margin-left:33.3333333333%}.tk-col-order-4{order:4}.tk-col-3{flex:0 0 25%;max-width:25%}.tk-col-push-3{left:25%}.tk-col-pull-3{right:25%}.tk-col-offset-3{margin-left:25%}.tk-col-order-3{order:3}.tk-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.tk-col-push-2{left:16.6666666667%}.tk-col-pull-2{right:16.6666666667%}.tk-col-offset-2{margin-left:16.6666666667%}.tk-col-order-2{order:2}.tk-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.tk-col-push-1{left:8.3333333333%}.tk-col-pull-1{right:8.3333333333%}.tk-col-offset-1{margin-left:8.3333333333%}.tk-col-order-1{order:1}.tk-col-0{display:none}.tk-col-push-0{left:auto}.tk-col-pull-0{right:auto}.tk-col-offset-0{margin-left:0}.tk-col-order-0{order:0}.tk-circle-container{width:30px;height:30px;margin:0 auto;position:absolute;z-index:1}.tk-circle-container .tk-circle-loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tk-circle-container svg{height:100%;width:100%}.tk-dot-container{position:absolute;display:flex;justify-content:space-between;align-items:center;width:50px;height:50px;margin:0 auto;z-index:1}.tk-dot-container .dot:nth-child(1){opacity:0;animation-duration:.8s;animation-delay:0s;animation-play-state:running}.tk-dot-container .dot:nth-child(2){opacity:.083;animation-duration:.8s;animation-delay:.2666666667s;animation-play-state:running}.tk-dot-container .dot:nth-child(3){opacity:.1667;animation-duration:.8s;animation-delay:.5333333333s;animation-play-state:running}.tk-dot-container .dot{width:20%;height:20%;border-radius:50%;background-color:currentColor;animation-duration:1.8s;animation-name:dotting;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}[data-uikit-theme=light] .tk-dot-container .dot,[data-uikit-theme=dark] .tk-dot-container .dot{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}@keyframes dotting{0%{opacity:.15}1%{opacity:.8}33%{opacity:.8}34%{opacity:.15}to{opacity:.15}}.tk-overlayer-container,.tk-overlayer-container .overlay{position:absolute;width:100%;height:100%}[data-uikit-theme=light] .tk-overlayer-container .overlay,[data-uikit-theme=dark] .tk-overlayer-container .overlay{background-color:var(--uikit-basic-color-black-4);transition:background-color .3s ease-out,border-color .3s ease-out}.tk-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;height:100%;background:none}.tk-loading-container.tk-loading-overlayer{position:absolute;width:100%;height:100%}[data-uikit-theme=light] .tk-loading-container.tk-loading-overlayer,[data-uikit-theme=dark] .tk-loading-container.tk-loading-overlayer{background-color:var(--uikit-basic-color-black-4);transition:background-color .3s ease-out,border-color .3s ease-out}.tk-btn-container{display:flex;transition-property:width,height,left,top;transition-duration:.3s;transition-timing-function:ease-in}[data-uikit-theme=light] .tk-btn-container,[data-uikit-theme=dark] .tk-btn-container{color:var(--uikit-basic-color-white-2);transition:background-color .3s ease-out,border-color .3s ease-out}.tk-btn-container.pc{cursor:pointer}.tk-btn-container.tk-flex-vertical{flex-direction:column;align-items:center}.tk-btn-container.tk-flex-vertical.tk-size-s.pc{height:auto;width:20px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container.tk-flex-vertical.tk-size-s.pc .tk-icon{width:20px;height:20px}.tk-btn-container.tk-flex-vertical.tk-size-s.pc .tk-icon .img{width:100%;height:100%}.tk-btn-container.tk-flex-vertical.tk-size-s.pc .tk-loading{font-size:20px}.tk-btn-container.tk-flex-vertical.tk-size-s.mobile{height:auto;width:40px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container.tk-flex-vertical.tk-size-s.mobile .tk-icon{width:40px;height:40px}.tk-btn-container.tk-flex-vertical.tk-size-s.mobile .tk-icon .img{width:100%;height:100%}.tk-btn-container.tk-flex-vertical.tk-size-s.mobile .tk-loading{font-size:40px}.tk-btn-container.tk-flex-vertical.tk-size-m.pc{height:auto;width:60px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container.tk-flex-vertical.tk-size-m.pc .tk-icon{width:60px;height:60px}.tk-btn-container.tk-flex-vertical.tk-size-m.pc .tk-icon .img{width:100%;height:100%}.tk-btn-container.tk-flex-vertical.tk-size-m.pc .tk-loading{font-size:60px}.tk-btn-container.tk-flex-vertical.tk-size-m.pc .tk-icon{width:40px;height:40px}.tk-btn-container.tk-flex-vertical.tk-size-m.mobile{height:auto;width:60px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container.tk-flex-vertical.tk-size-m.mobile .tk-icon .img{width:100%;height:100%}.tk-btn-container.tk-flex-vertical.tk-size-m.mobile .tk-loading{font-size:60px}.tk-btn-container.tk-flex-vertical.tk-size-m.mobile .tk-icon{width:60px;height:60px}.tk-btn-container.tk-flex-vertical.tk-size-l.pc{height:auto;width:60px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container.tk-flex-vertical.tk-size-l.pc .tk-icon{width:60px;height:60px}.tk-btn-container.tk-flex-vertical.tk-size-l.pc .tk-icon .img{width:100%;height:100%}.tk-btn-container.tk-flex-vertical.tk-size-l.pc .tk-loading{font-size:60px}.tk-btn-container.tk-flex-vertical.tk-size-l.mobile{height:auto;width:80px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container.tk-flex-vertical.tk-size-l.mobile .tk-icon{width:80px;height:80px}.tk-btn-container.tk-flex-vertical.tk-size-l.mobile .tk-icon .img{width:100%;height:100%}.tk-btn-container.tk-flex-vertical.tk-size-l.mobile .tk-loading{font-size:80px}.tk-btn-container.tk-flex-horizontal{flex-direction:row;align-items:center}.tk-btn-container.tk-flex-horizontal.tk-size-s{height:36px;width:12px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container.tk-flex-horizontal.tk-size-s .tk-icon{width:12px;height:12px}.tk-btn-container.tk-flex-horizontal.tk-size-s .tk-icon .img{width:100%;height:100%}.tk-btn-container.tk-flex-horizontal.tk-size-s .tk-loading{font-size:12px}.tk-btn-container.tk-flex-horizontal.tk-size-m{height:40px;width:16px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container.tk-flex-horizontal.tk-size-m .tk-icon{width:16px;height:16px}.tk-btn-container.tk-flex-horizontal.tk-size-m .tk-icon .img{width:100%;height:100%}.tk-btn-container.tk-flex-horizontal.tk-size-m .tk-loading{font-size:16px}.tk-btn-container.tk-flex-horizontal.tk-size-l{height:60px;width:18px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container.tk-flex-horizontal.tk-size-l .tk-icon{width:18px;height:18px}.tk-btn-container.tk-flex-horizontal.tk-size-l .tk-icon .img{width:100%;height:100%}.tk-btn-container.tk-flex-horizontal.tk-size-l .tk-loading{font-size:18px}.tk-btn-container.tk-ghost{background:none}.tk-btn-container .tk-content{margin-top:8px;text-align:center;line-height:15px;font-style:normal;font-weight:400;max-height:30px;overflow:hidden;-webkit-user-select:none;user-select:none}.tk-btn-container .tk-icon{transition-property:width,height,left,top;transition-duration:.3s;transition-timing-function:ease-in}.tk-btn-container .tk-icon.tk-size-s{height:36px;width:12px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container .tk-icon.tk-size-s .tk-icon{width:12px;height:12px}.tk-btn-container .tk-icon.tk-size-s .tk-icon .img{width:100%;height:100%}.tk-btn-container .tk-icon.tk-size-s .tk-loading{font-size:12px}.tk-btn-container .tk-icon.tk-size-m{height:40px;width:16px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container .tk-icon.tk-size-m .tk-icon{width:16px;height:16px}.tk-btn-container .tk-icon.tk-size-m .tk-icon .img{width:100%;height:100%}.tk-btn-container .tk-icon.tk-size-m .tk-loading{font-size:16px}.tk-btn-container .tk-icon.tk-size-l{height:60px;width:18px;font-size:12px;padding-left:0;padding-right:0}.tk-btn-container .tk-icon.tk-size-l .tk-icon{width:18px;height:18px}.tk-btn-container .tk-icon.tk-size-l .tk-icon .img{width:100%;height:100%}.tk-btn-container .tk-icon.tk-size-l .tk-loading{font-size:18px}._minimize-desk-container_gxy8f_1{margin-right:10px;width:20px!important;height:20px!important}._minimize-desk-container_gxy8f_1 .tk-icon{width:20px!important;height:20px!important}._minimize-mobile-container_gxy8f_11{margin-left:10px;width:24px!important;height:24px!important}._minimize-mobile-container_gxy8f_11 .tk-icon{width:24px!important;height:24px!important}.tk-message-container{display:flex;flex-direction:row;align-items:center;width:fit-content;margin-bottom:10px;border-radius:6px;padding:10px}[data-uikit-theme=light] .tk-message-container,[data-uikit-theme=dark] .tk-message-container{box-shadow:0 1px 5px var(--uikit-basic-color-black-8),0 8px 12px var(--uikit-basic-color-black-8),0 12px 26px var(--uikit-basic-color-black-8);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=light] .tk-message-container{background-color:var(--uikit-theme-light-toast-color-default);color:var(--uikit-theme-light-text-color-primary);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] .tk-message-container{background-color:var(--uikit-theme-dark-toast-color-default);color:var(--uikit-theme-dark-text-color-primary);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=light] .tk-message-container svg{margin-right:4px;fill:var(--uikit-theme-light-text-color-primary);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] .tk-message-container svg{margin-right:4px;fill:var(--uikit-theme-dark-text-color-primary);transition:background-color .3s ease-out,border-color .3s ease-out}.tk-message-container.tk-message-plaintext{background:none;border:0;box-shadow:none;margin:0;padding:0}[data-uikit-theme=light] .tk-message-container.tk-message-plaintext,[data-uikit-theme=dark] .tk-message-container.tk-message-plaintext{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}.tk-message-container .tk-message-icon{width:1em!important;height:1em!important}.tk-message-container .tk-message-icon.tip-icon{margin-right:8px}.tk-message-container .tk-message-icon.close-icon{margin-left:24px}.message-list-container{top:0;position:fixed;left:0;width:100%;display:flex;justify-content:center}._top-bar-container_1m8fv_1{width:100%;height:5.8%;position:absolute;display:flex;align-items:center;z-index:5}._top-bar-container_1m8fv_1 ._top-bar_1m8fv_1{height:24px}._full-screen-container_16bjq_1{width:20px!important;height:20px!important;margin-right:10px}._full-screen-container_16bjq_1 .tk-icon{line-height:20px;width:20px!important;height:20px!important}._single-top-bar_15cxx_1{position:absolute;width:100%;height:20px;line-height:20px;margin-top:20px;z-index:2}._btn-icon_oeiwp_1{width:50%!important;height:50%!important}._btn-icon-container_oeiwp_6{display:flex;align-items:center;justify-content:center;border-radius:50%;border:0px}[data-uikit-theme=light] ._btn-icon-container_oeiwp_6,[data-uikit-theme=dark] ._btn-icon-container_oeiwp_6{background-color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=light] ._btn-icon-container_oeiwp_6.close,[data-uikit-theme=dark] ._btn-icon-container_oeiwp_6.close,[data-uikit-theme=light] ._btn-icon-container_oeiwp_6.disabled,[data-uikit-theme=dark] ._btn-icon-container_oeiwp_6.disabled{background-color:var(--uikit-basic-color-black-5);transition:background-color .3s ease-out,border-color .3s ease-out}._arrow-btn_oeiwp_38{padding:4px;width:12px!important;height:12px!important;margin:20px 0 0;transform:translateY(-50%)}._arrow-btn_oeiwp_38 .tk-icon{width:12px!important;height:12px!important}._tk-btn_oeiwp_50{transition-property:width,height,left,top;transition-duration:.3s;transition-timing-function:ease-in;width:70px!important}[data-uikit-theme=light] ._accept-icon-container_171af_1{background-color:var(--uikit-theme-light-button-color-accept);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._accept-icon-container_171af_1{background-color:var(--uikit-theme-dark-button-color-accept);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=light] ._reject-icon-container_mg9y1_1{background-color:var(--uikit-theme-light-button-color-hangup);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._reject-icon-container_mg9y1_1{background-color:var(--uikit-theme-dark-button-color-hangup);transition:background-color .3s ease-out,border-color .3s ease-out}.tk-popup__arrow{left:50%;width:10px;height:10px;z-index:-1;margin-top:-3px;position:absolute;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transform:rotate(45deg) translate(-50%);border-top-left-radius:100%}[data-uikit-theme=light] .tk-popup__arrow,[data-uikit-theme=dark] .tk-popup__arrow{background-color:var(--uikit-basic-color-black-4);border:.5px solid var(--uikit-basic-color-white-7);transition:background-color .3s ease-out,border-color .3s ease-out}.tk-popup__content{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:6px;padding:3px;font-size:14px}[data-uikit-theme=light] .tk-popup__content,[data-uikit-theme=dark] .tk-popup__content{background-color:var(--uikit-basic-color-black-4);border:.5px solid var(--uikit-basic-color-white-7);color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}._device-selector-container_1wi4a_1{width:180px;display:flex;flex-direction:column;align-items:center;padding:6px;font-weight:500}._device-selector-container_1wi4a_1 ._device-item_1wi4a_9{width:100%;overflow:hidden;padding:5px 3px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;text-align:left;line-height:20px;cursor:pointer}._device-selector-container_1wi4a_1 ._device-item_1wi4a_9._control-item_1wi4a_20{padding-left:6px}[data-uikit-theme=light] ._device-selector-container_1wi4a_1 ._device-item_1wi4a_9._control-item_1wi4a_20,[data-uikit-theme=dark] ._device-selector-container_1wi4a_1 ._device-item_1wi4a_9._control-item_1wi4a_20{border-top:1px solid var(--uikit-basic-color-white-7);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=light] ._device-selector-container_1wi4a_1 ._device-item_1wi4a_9._btn_1wi4a_31,[data-uikit-theme=dark] ._device-selector-container_1wi4a_1 ._device-item_1wi4a_9._btn_1wi4a_31{border-top:1px solid var(--uikit-basic-color-white-2);transition:background-color .3s ease-out,border-color .3s ease-out}._device-selector-container_1wi4a_1 ._device-item_1wi4a_9:hover{border-radius:5px}[data-uikit-theme=light] ._device-selector-container_1wi4a_1 ._device-item_1wi4a_9:hover,[data-uikit-theme=dark] ._device-selector-container_1wi4a_1 ._device-item_1wi4a_9:hover{background:var(--uikit-basic-color-white-7);transition:background-color .3s ease-out,border-color .3s ease-out}._device-selector-container_1wi4a_1 ._device-item_1wi4a_9._select_1wi4a_50{border-radius:3px}[data-uikit-theme=light] ._device-selector-container_1wi4a_1 ._device-item_1wi4a_9._select_1wi4a_50,[data-uikit-theme=dark] ._device-selector-container_1wi4a_1 ._device-item_1wi4a_9._select_1wi4a_50{background-color:var(--uikit-basic-color-white-6);transition:background-color .3s ease-out,border-color .3s ease-out}._scroll-container_1wi4a_62{width:100%;overflow:hidden;border-radius:3px}._scroll-container_1wi4a_62 ._scroll-content_1wi4a_67{max-height:60px;margin-right:-20px;overflow:hidden auto;padding-right:20px}[data-uikit-theme=light] ._hangup-icon-container_7aq1c_1{background-color:var(--uikit-theme-light-button-color-hangup);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._hangup-icon-container_7aq1c_1{background-color:var(--uikit-theme-dark-button-color-hangup);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=light] ._background-blur-icon-container_1g5wa_1,[data-uikit-theme=dark] ._background-blur-icon-container_1g5wa_1{background-color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=light] ._background-blur-icon-container_1g5wa_1._close_1g5wa_9,[data-uikit-theme=dark] ._background-blur-icon-container_1g5wa_1._close_1g5wa_9{background-color:var(--uikit-basic-color-black-5);transition:background-color .3s ease-out,border-color .3s ease-out}._button-panel-h5-container_f9br3_1{display:flex;flex-direction:column;align-items:center;position:absolute;box-sizing:border-box;bottom:0;width:100%;height:14%;border-radius:10px 10px 0 0;z-index:5;transition-property:width,height,left,top;transition-duration:.3s;transition-timing-function:ease-in}._button-panel-h5-container_f9br3_1._groupcall_f9br3_16{background:none}[data-uikit-theme=light] ._button-panel-h5-container_f9br3_1._groupcall_f9br3_16._show-panel-background_f9br3_19,[data-uikit-theme=dark] ._button-panel-h5-container_f9br3_1._groupcall_f9br3_16._show-panel-background_f9br3_19{background-color:var(--uikit-basic-color-gray-dark-3);transition:background-color .3s ease-out,border-color .3s ease-out}._button-panel-h5-container_f9br3_1._open_f9br3_27{height:27%}._button-panel-h5-container_f9br3_1 ._singlecall-panel_f9br3_30{width:72%;max-width:400px;position:absolute;bottom:6vh}._button-panel-h5-container_f9br3_1 ._groupcall-panel_f9br3_36{width:72%;position:absolute;top:6%}._button-panel-h5-container_f9br3_1 ._groupcall-panel_f9br3_36._close_f9br3_41{top:27%;margin-left:9.3vw}._button-panel-h5-container_f9br3_1 ._toggle-panel-btn_f9br3_45{position:absolute;left:8.2vw;bottom:6vh;z-index:1}._button-panel-h5-container_f9br3_1 ._toggle-panel-btn_f9br3_45._close_f9br3_41{width:8vw!important;height:8vw!important;top:32%}._button-panel-h5-container_f9br3_1 ._toggle-panel-btn_f9br3_45._close_f9br3_41 .prefix-icon{width:8vw!important;height:8vw!important}._button-panel-pc-container_x4npp_1{position:absolute;width:55%;margin:0 auto;bottom:6%;left:50%;z-index:2;transform:translate(-50%)}.tk-avatar-container{display:flex;align-items:center;justify-content:center;border:0px;padding:0;overflow:hidden}[data-uikit-theme=light] .tk-avatar-container,[data-uikit-theme=dark] .tk-avatar-container{background-color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}.tk-avatar-container.tk-avatar-shape-round{border-radius:6px}.tk-avatar-container.tk-avatar-shape-circle{border-radius:50%}.tk-avatar-container img{width:100%;height:100%;object-fit:fill}._microphone-container_nczz7_1{height:20px;width:20px;flex-shrink:0}._microphone-container_nczz7_1 svg{width:100%;height:100%}._overlay-stream-container_1ygv7_1{width:100%;height:100%;position:absolute;top:0}._overlay-stream-container_1ygv7_1 ._blur_1ygv7_7{width:100%;height:100%;left:0;top:0;position:absolute}[data-uikit-theme=light] ._overlay-stream-container_1ygv7_1 ._blur_1ygv7_7{transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=light] ._overlay-stream-container_1ygv7_1 ._blur_1ygv7_7 .overlay{background-color:var(--uikit-basic-color-black-3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-uikit-theme=dark] ._overlay-stream-container_1ygv7_1 ._blur_1ygv7_7{transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._overlay-stream-container_1ygv7_1 ._blur_1ygv7_7 .overlay{background-color:var(--uikit-basic-color-black-3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30{position:absolute;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}[data-uikit-theme=light] ._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30,[data-uikit-theme=dark] ._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30 ._avatar_1ygv7_49{width:100px;height:100px}._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30 ._avatar_1ygv7_49._float_1ygv7_53,._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30 ._avatar_1ygv7_49._small_1ygv7_57{width:40px;height:40px}._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30 ._avatar_1ygv7_49._small_1ygv7_57._float_1ygv7_53{width:20px;height:20px}._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30 ._username_1ygv7_65{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30 ._username_1ygv7_65 ._nick_1ygv7_72{text-align:center;font-family:PingFang SC;font-size:40px;font-style:normal;font-weight:500;line-height:normal;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30 ._username_1ygv7_65 ._nick_1ygv7_72._float_1ygv7_53,._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30 ._username_1ygv7_65 ._nick_1ygv7_72._small_1ygv7_57{font-size:20px}._overlay-stream-container_1ygv7_1._pc_1ygv7_30 ._user-info-container_1ygv7_30 ._username_1ygv7_65 ._nick_1ygv7_72._small_1ygv7_57._float_1ygv7_53{font-size:12px}._overlay-stream-container_1ygv7_1._mobile_1ygv7_96 ._user-info-container_1ygv7_30{position:absolute;display:flex;flex-direction:column;align-content:center;align-items:center;top:26%;width:100%;z-index:1}[data-uikit-theme=light] ._overlay-stream-container_1ygv7_1._mobile_1ygv7_96 ._user-info-container_1ygv7_30,[data-uikit-theme=dark] ._overlay-stream-container_1ygv7_1._mobile_1ygv7_96 ._user-info-container_1ygv7_30{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}._overlay-stream-container_1ygv7_1._mobile_1ygv7_96 ._user-info-container_1ygv7_30 ._avatar_1ygv7_49{width:100px;height:100px}._overlay-stream-container_1ygv7_1._mobile_1ygv7_96 ._user-info-container_1ygv7_30 ._avatar_1ygv7_49._float_1ygv7_53,._overlay-stream-container_1ygv7_1._mobile_1ygv7_96 ._user-info-container_1ygv7_30 ._avatar_1ygv7_49._small_1ygv7_57{width:40px;height:40px}._overlay-stream-container_1ygv7_1._mobile_1ygv7_96 ._user-info-container_1ygv7_30 ._avatar_1ygv7_49._small_1ygv7_57._float_1ygv7_53{width:20px;height:20px}._overlay-stream-container_1ygv7_1._mobile_1ygv7_96 ._user-info-container_1ygv7_30 ._username_1ygv7_65{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}._overlay-stream-container_1ygv7_1._mobile_1ygv7_96 ._user-info-container_1ygv7_30 ._username_1ygv7_65 ._nick_1ygv7_72{text-align:center;margin-top:12px;font-family:PingFang SC;font-size:18px;font-style:normal;font-weight:500;line-height:normal;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._overlay-stream-container_1ygv7_1._mobile_1ygv7_96 ._user-info-container_1ygv7_30 ._username_1ygv7_65 ._nick_1ygv7_72._small_1ygv7_57{font-size:15px}._overlay-stream-container_1ygv7_1._mobile_1ygv7_96 ._user-info-container_1ygv7_30 ._tip_1ygv7_153{margin-top:12px}._singlecall-waiting-container_pmvxi_1{z-index:1}.tk-togglewindow-container{position:relative;width:100%;height:100%;border-radius:6px}.tk-togglewindowitem-container{position:absolute;border-radius:12px;overflow:hidden}.tk-togglewindowitem-container.mobile{border-radius:0}.tk-togglewindowitem-container.tk-togglewindowitem-big{top:0;left:0;right:0;bottom:0;width:100%;height:100%}[data-uikit-theme=light] .tk-togglewindowitem-container.tk-togglewindowitem-big,[data-uikit-theme=dark] .tk-togglewindowitem-container.tk-togglewindowitem-big{background-color:var(--uikit-basic-color-black-2);transition:background-color .3s ease-out,border-color .3s ease-out}.tk-togglewindowitem-container.tk-togglewindowitem-small{top:2%;left:2%;width:22%;height:21%;z-index:2;border-radius:12px}[data-uikit-theme=light] .tk-togglewindowitem-container.tk-togglewindowitem-small,[data-uikit-theme=dark] .tk-togglewindowitem-container.tk-togglewindowitem-small{background-color:var(--uikit-basic-color-black-2);transition:background-color .3s ease-out,border-color .3s ease-out}.tk-togglewindowitem-container.tk-togglewindowitem-small.mobile{width:24.3%;height:19.7%;border-radius:5px;left:98%;position:absolute;top:8%;transform:translate(-100%)}.tk-text{display:inline-block;overflow:hidden;text-align:center;line-height:normal;white-space:nowrap}.tk-text.tk-text--line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;white-space:normal}._stream-info-container-h5_182j9_1{width:calc(100% - 16px);display:flex;z-index:1;position:absolute;left:0;bottom:0;text-wrap:nowrap;margin:8px;background:none}[data-uikit-theme=light] ._stream-info-container-h5_182j9_1,[data-uikit-theme=dark] ._stream-info-container-h5_182j9_1{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}._stream-info-container-h5_182j9_1._single_182j9_20{height:20px}._stream-info-container-pc_19fal_1{width:100%;height:25px;display:flex;z-index:1;position:absolute;left:0;bottom:0;text-wrap:nowrap;background:none;justify-content:space-between}[data-uikit-theme=light] ._stream-info-container-pc_19fal_1,[data-uikit-theme=dark] ._stream-info-container-pc_19fal_1{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}._stream-info-container-pc_19fal_1 ._stream-info-content_19fal_21{display:flex;max-width:60%;flex-direction:row;align-content:center;align-items:center;padding:2px 10px}[data-uikit-theme=light] ._stream-info-container-pc_19fal_1 ._stream-info-content_19fal_21,[data-uikit-theme=dark] ._stream-info-container-pc_19fal_1 ._stream-info-content_19fal_21{background-color:var(--uikit-basic-color-black-5);transition:background-color .3s ease-out,border-color .3s ease-out}._stream-info-container-pc_19fal_1 ._stream-info-content_19fal_21 ._nick_19fal_37{overflow:hidden;text-overflow:ellipsis}._stream-info-container-pc_19fal_1 ._stream-info-netWork_19fal_41{width:20px;height:20px}._player-container_dhuca_1{width:100%;height:100%;position:relative}[data-uikit-theme=light] ._player-container_dhuca_1,[data-uikit-theme=dark] ._player-container_dhuca_1{background-color:var(--uikit-basic-color-white-6);transition:background-color .3s ease-out,border-color .3s ease-out}._pusher-container_1ncng_1{width:100%;height:100%;position:relative}[data-uikit-theme=light] ._pusher-container_1ncng_1,[data-uikit-theme=dark] ._pusher-container_1ncng_1{background-color:var(--uikit-basic-color-white-6);transition:background-color .3s ease-out,border-color .3s ease-out}._single-stream-container_17nk5_1{width:100%;height:100%;position:absolute;z-index:0}._single-stream-container_17nk5_1._pc_17nk5_7{border-radius:12px;overflow:hidden}[data-uikit-theme=light] ._single-stream-container_17nk5_1._pc_17nk5_7,[data-uikit-theme=dark] ._single-stream-container_17nk5_1._pc_17nk5_7{background-color:var(--uikit-basic-color-black-2);transition:background-color .3s ease-out,border-color .3s ease-out}._single-stream-container_17nk5_1._pc_17nk5_7 ._single-call-audio-stream_17nk5_19 .overlay{border-radius:12px;overflow:hidden}._single-stream-container_17nk5_1._float_17nk5_23{position:absolute;visibility:hidden}._single-container_1l7n2_1{width:100%;height:100%}._single-container_1l7n2_1 ._singlecall-tip_1l7n2_5{position:absolute;top:56%;left:50%;transform:translate(-50%);z-index:5}._single-container_1l7n2_1._mobile_1l7n2_12{animation:_pulldown_1l7n2_1 .5s linear}._single-container_1l7n2_1._mobile_1l7n2_12 ._singlecall-tip_1l7n2_5{position:absolute;max-width:80%;top:53.6vh;left:50%;transform:translate(-50%);z-index:5}@keyframes _pulldown_1l7n2_1{0%{transform:translateY(-100%)}to{transform:translateY(0)}}._groupcall-waiting-container_1ew1v_1,._waiting-mobile_1ew1v_5 ._tip_1ew1v_5{z-index:1}[data-uikit-theme=light] ._waiting-mobile_1ew1v_5 ._tip_1ew1v_5,[data-uikit-theme=dark] ._waiting-mobile_1ew1v_5 ._tip_1ew1v_5{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}._waiting-mobile_1ew1v_5 ._groupcall-info_1ew1v_16{display:flex;flex-direction:column;align-items:center;margin-top:24px;z-index:1;width:100%}[data-uikit-theme=light] ._waiting-mobile_1ew1v_5 ._groupcall-info_1ew1v_16,[data-uikit-theme=dark] ._waiting-mobile_1ew1v_5 ._groupcall-info_1ew1v_16{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}._waiting-mobile_1ew1v_5 ._groupcall-info_1ew1v_16 ._tip_1ew1v_5{text-align:center}._waiting-mobile_1ew1v_5 ._groupcall-info_1ew1v_16 ._avatar-group_1ew1v_35{display:flex;flex-wrap:wrap;margin-top:12px;align-items:center;justify-content:center;max-width:70%}._waiting-mobile_1ew1v_5 ._groupcall-info_1ew1v_16 ._avatar-group_1ew1v_35 ._avatar-item_1ew1v_43{width:10vw;height:10vw;margin-left:10px;margin-top:10px}.tk-gridplus-item-container{transition-property:width,height,left,top;transition-duration:.3s;transition-timing-function:ease-in}.tk-gridplus-item-container.center{transform:translate(50%)}._stream-container_d9ykp_1{width:100%;height:100%;position:absolute;z-index:1}._stream-container_d9ykp_1._mobile_d9ykp_7{top:5.5vh}._stream-container_d9ykp_1._pc_d9ykp_10{border-radius:12px;overflow:hidden}._stream-container_d9ykp_1._float_d9ykp_14{position:absolute;visibility:hidden}._groupcall-gridplus-container_d9ykp_19{width:100%;height:100%}._groupcall-gridplus-container_d9ykp_19._mobile_d9ykp_7._center_d9ykp_23{margin-top:24vh}._groupcall-gridplus-container_d9ykp_19._mobile_d9ykp_7._two-layout_d9ykp_26{margin-top:15vh}._groupcall-gridplus-container_d9ykp_19._pc_d9ykp_10._two-layout_d9ykp_26{margin-top:20%}._groupcall-gridplus-container_d9ykp_19._float_d9ykp_14{margin:0;position:absolute;top:0;right:0;left:0;bottom:0;border:0}._groupcall-gridplus-container_d9ykp_19._float_d9ykp_14 .tk-gridplus-item-container{width:100%!important;height:100%!important}._groupcall-gridplus-container_d9ykp_19._float_d9ykp_14 .tk-gridplus-item-container ._hidden_d9ykp_45{visibility:hidden}._groupcall-gridplus-container_d9ykp_19 ._userinfo_d9ykp_48{z-index:1;text-align:right;font-family:PingFang SC;font-size:20px;font-style:normal;font-weight:500;line-height:normal}[data-uikit-theme=light] ._groupcall-gridplus-container_d9ykp_19 ._userinfo_d9ykp_48,[data-uikit-theme=dark] ._groupcall-gridplus-container_d9ykp_19 ._userinfo_d9ykp_48{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}._group-container_bky89_1{width:100%;height:100%}._group-container_bky89_1._mobile_bky89_5{animation:_pulldown_bky89_1 .3s linear}@keyframes _pulldown_bky89_1{0%{transform:translateY(-100%)}to{transform:translateY(0)}}._floating-window-pc-groupcall-container_1es4b_1{width:80px;height:100px;top:100px;right:10px;display:flex;z-index:99;flex-direction:column;align-items:center;border-radius:12px;box-sizing:border-box;overflow:hidden}[data-uikit-theme=light] ._floating-window-pc-groupcall-container_1es4b_1{background-color:var(--uikit-theme-light-floating-color-default);box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-pc-groupcall-container_1es4b_1{background-color:var(--uikit-theme-dark-floating-color-default);box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-pc-groupcall-container_1es4b_1 ._click-overlay_1es4b_1{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:11}._floating-window-pc-groupcall-container_1es4b_1 ._call-status_1es4b_1{display:flex;flex-direction:column;align-content:center;align-items:center;width:100%;height:100%}._floating-window-pc-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._video-stream_1es4b_1{position:absolute;width:100%;height:100%;top:0;left:0;box-sizing:border-box}._floating-window-pc-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._video-stream_1es4b_1._hidden_1es4b_1{visibility:hidden!important;opacity:0}._floating-window-pc-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._audio-stream_1es4b_1{display:flex;align-items:center;flex-direction:column;position:absolute;width:100%;height:100%;top:0;left:0}._floating-window-pc-groupcall-container_1es4b_1 ._call-status_1es4b_1{height:80px;width:100%;position:relative;padding:8px 18px;box-sizing:border-box}._floating-window-pc-groupcall-container_1es4b_1 ._call-status_1es4b_1._video_1es4b_1{padding:8px}._floating-window-pc-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._earphone_1es4b_1{height:36px;width:36px;top:8px;position:absolute}._floating-window-pc-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._info_1es4b_1{text-align:center;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:500;line-height:16px;position:absolute;bottom:8px}[data-uikit-theme=light] ._floating-window-pc-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._info_1es4b_1{color:var(--uikit-theme-light-text-color-success);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-pc-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._info_1es4b_1{color:var(--uikit-theme-dark-text-color-success);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-pc-groupcall-container_1es4b_1 ._device-status_1es4b_1{display:flex;flex-direction:row;align-items:center;height:20px;width:100%;position:relative;justify-content:space-evenly}[data-uikit-theme=light] ._floating-window-pc-groupcall-container_1es4b_1 ._device-status_1es4b_1{background-color:var(--uikit-theme-light-floating-color-operate);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-pc-groupcall-container_1es4b_1 ._device-status_1es4b_1{background-color:var(--uikit-theme-dark-floating-color-operate);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-pc-groupcall-container_1es4b_1 ._device-status_1es4b_1 ._icon_1es4b_1{display:flex;width:16px;height:16px;position:absolute}._floating-window-pc-groupcall-container_1es4b_1 ._device-status_1es4b_1 ._camera_1es4b_1{left:14px}._floating-window-pc-groupcall-container_1es4b_1 ._device-status_1es4b_1 ._micphone_1es4b_1{right:14px}._floating-window-h5-groupcall-container_1es4b_1{width:72px;height:90px;top:100px;right:0;display:flex;z-index:99;flex-direction:column;align-items:center;border-radius:12px;box-sizing:border-box;overflow:hidden}[data-uikit-theme=light] ._floating-window-h5-groupcall-container_1es4b_1{background-color:var(--uikit-theme-light-floating-color-default);box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-h5-groupcall-container_1es4b_1{background-color:var(--uikit-theme-dark-floating-color-default);box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-h5-groupcall-container_1es4b_1 ._click-overlay_1es4b_1{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:11}._floating-window-h5-groupcall-container_1es4b_1 ._call-status_1es4b_1{display:flex;flex-direction:column;align-content:center;align-items:center;width:100%;height:100%}._floating-window-h5-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._video-stream_1es4b_1{position:absolute;width:100%;height:100%;top:0;left:0;box-sizing:border-box}._floating-window-h5-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._video-stream_1es4b_1._hidden_1es4b_1{visibility:hidden!important;opacity:0}._floating-window-h5-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._audio-stream_1es4b_1{display:flex;align-items:center;flex-direction:column;position:absolute;width:100%;height:100%;top:0;left:0}._floating-window-h5-groupcall-container_1es4b_1 ._call-status_1es4b_1{height:70px;width:100%;position:relative;padding:8px 18px;box-sizing:border-box}._floating-window-h5-groupcall-container_1es4b_1 ._call-status_1es4b_1._video_1es4b_1{padding:8px}._floating-window-h5-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._earphone_1es4b_1{height:36px;width:36px;top:8px;position:absolute}._floating-window-h5-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._info_1es4b_1{text-align:center;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:500;line-height:16px;position:absolute;bottom:8px}[data-uikit-theme=light] ._floating-window-h5-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._info_1es4b_1{color:var(--uikit-theme-light-text-color-success);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-h5-groupcall-container_1es4b_1 ._call-status_1es4b_1 ._info_1es4b_1{color:var(--uikit-theme-dark-text-color-success);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-h5-groupcall-container_1es4b_1 ._device-status_1es4b_1{display:flex;flex-direction:row;align-items:center;height:20px;width:100%;position:relative;justify-content:space-evenly}[data-uikit-theme=light] ._floating-window-h5-groupcall-container_1es4b_1 ._device-status_1es4b_1{background-color:var(--uikit-theme-light-floating-color-operate);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-h5-groupcall-container_1es4b_1 ._device-status_1es4b_1{background-color:var(--uikit-theme-dark-floating-color-operate);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-h5-groupcall-container_1es4b_1 ._device-status_1es4b_1 ._icon_1es4b_1{display:flex;width:16px;height:16px;position:absolute}._floating-window-h5-groupcall-container_1es4b_1 ._device-status_1es4b_1 ._camera_1es4b_1{left:14px}._floating-window-h5-groupcall-container_1es4b_1 ._device-status_1es4b_1 ._micphone_1es4b_1{right:14px}._floating-window-h5-singlecall-container_1wchz_1{width:110px;height:196px;top:100px;right:0;display:flex;z-index:99;flex-direction:column;align-items:center;border-radius:12px;overflow:hidden}[data-uikit-theme=light] ._floating-window-h5-singlecall-container_1wchz_1{background-color:var(--uikit-theme-light-floating-color-default);border:1px solid var(--uikit-theme-light-floating-color-default);box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-h5-singlecall-container_1wchz_1{background-color:var(--uikit-theme-dark-floating-color-default);border:1px solid var(--uikit-theme-dark-floating-color-default);box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-h5-singlecall-container_1wchz_1._audio-call_1wchz_1{width:72px;height:72px;border-radius:12px;box-sizing:border-box}[data-uikit-theme=light] ._floating-window-h5-singlecall-container_1wchz_1._audio-call_1wchz_1{background-color:var(--uikit-theme-light-floating-color-default);box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-h5-singlecall-container_1wchz_1._audio-call_1wchz_1{background-color:var(--uikit-theme-dark-floating-color-default);box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-h5-singlecall-container_1wchz_1 ._click-overlay_1wchz_1{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:11}._floating-window-h5-singlecall-container_1wchz_1 ._call-status_1wchz_1{display:flex;flex-direction:column;align-content:center;align-items:center;padding:8px 18px;width:100%;height:100%;z-index:0;position:relative;box-sizing:border-box}._floating-window-h5-singlecall-container_1wchz_1 ._call-status_1wchz_1._video_1wchz_1{padding:8px}._floating-window-h5-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._info_1wchz_1{text-align:center;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:500;line-height:16px;position:absolute;bottom:8px}[data-uikit-theme=light] ._floating-window-h5-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._info_1wchz_1,[data-uikit-theme=dark] ._floating-window-h5-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._info_1wchz_1{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-h5-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._video-stream_1wchz_1{position:absolute;width:100%;height:100%;top:0;left:0;box-sizing:border-box;z-index:0}._floating-window-h5-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._video-stream_1wchz_1._hidden_1wchz_1{visibility:hidden}._floating-window-h5-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._audio-stream_1wchz_1{display:flex;align-items:center;flex-direction:column;position:absolute;width:100%;height:100%;left:0;top:0}[data-uikit-theme=light] ._floating-window-h5-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._audio-stream_1wchz_1 ._info_1wchz_1{color:var(--uikit-theme-light-text-color-success);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-h5-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._audio-stream_1wchz_1 ._info_1wchz_1{color:var(--uikit-theme-dark-text-color-success);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-h5-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._earphone_1wchz_1{height:36px;width:36px;position:absolute;top:8px}._floating-window-h5-singlecall-container_1wchz_1 ._tip_1wchz_1{position:absolute;bottom:0}._floating-window-pc-singlecall-container_1wchz_1{width:196px;height:110px;top:100px;right:10px;display:flex;z-index:99;flex-direction:column;align-items:center;border-radius:12px;overflow:hidden}[data-uikit-theme=light] ._floating-window-pc-singlecall-container_1wchz_1{box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);background-color:var(--uikit-theme-light-floating-color-default);border:1px solid var(--uikit-theme-light-floating-color-default);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-pc-singlecall-container_1wchz_1{box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);background-color:var(--uikit-theme-dark-floating-color-default);border:1px solid var(--uikit-theme-dark-floating-color-default);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-pc-singlecall-container_1wchz_1._audio-call_1wchz_1{width:72px;height:72px;border-radius:12px;box-sizing:border-box}[data-uikit-theme=light] ._floating-window-pc-singlecall-container_1wchz_1._audio-call_1wchz_1{box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);background-color:var(--uikit-theme-light-floating-color-default);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-pc-singlecall-container_1wchz_1._audio-call_1wchz_1{box-shadow:0 0 10px 0 var(--uikit-basic-color-black-8);background-color:var(--uikit-theme-dark-floating-color-default);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-pc-singlecall-container_1wchz_1 ._click-overlay_1wchz_1{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:11}._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1{display:flex;flex-direction:column;align-content:center;align-items:center;padding:8px 18px;width:100%;height:100%;z-index:0;position:relative;box-sizing:border-box}._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1._video_1wchz_1{padding:8px}._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._info_1wchz_1{text-align:center;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:500;line-height:16px;position:absolute;bottom:8px}[data-uikit-theme=light] ._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._info_1wchz_1,[data-uikit-theme=dark] ._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._info_1wchz_1{color:var(--uikit-basic-color-white-1);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._video-stream_1wchz_1{position:absolute;width:100%;height:100%;top:0;left:0;box-sizing:border-box;z-index:0}._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._video-stream_1wchz_1._hidden_1wchz_1{visibility:hidden}._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._video-stream_1wchz_1 .tk-togglewindowitem-small{border-radius:3px;width:32%;height:31%}._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._audio-stream_1wchz_1{display:flex;align-items:center;flex-direction:column;position:absolute;width:100%;height:100%;left:0;top:0}[data-uikit-theme=light] ._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._audio-stream_1wchz_1 ._info_1wchz_1{color:var(--uikit-theme-light-text-color-success);transition:background-color .3s ease-out,border-color .3s ease-out}[data-uikit-theme=dark] ._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._audio-stream_1wchz_1 ._info_1wchz_1{color:var(--uikit-theme-dark-text-color-success);transition:background-color .3s ease-out,border-color .3s ease-out}._floating-window-pc-singlecall-container_1wchz_1 ._call-status_1wchz_1 ._earphone_1wchz_1{height:36px;width:36px;position:absolute;top:8px}._floating-window-pc-singlecall-container_1wchz_1 ._tip_1wchz_1{position:absolute;bottom:0}:root{--uikit-theme-light-bg-color-topbar: #f9fafc;--uikit-theme-light-bg-color-operate: #fff;--uikit-theme-light-bg-color-input: #f0f2f7;--uikit-theme-light-bg-color-bubble-reciprocal: #f0f2f7;--uikit-theme-light-bg-color-bubble-own: #cce2ff;--uikit-theme-light-bg-color-default: #f0f2f7;--uikit-theme-light-bg-color-tag-mask: rgba(255, 255, 255, .55);--uikit-theme-light-bg-color-mask: rgba(0, 0, 0, .55);--uikit-theme-light-text-color-primary: rgba(0, 0, 0, .93);--uikit-theme-light-text-color-secondary: rgba(0, 0, 0, .66);--uikit-theme-light-text-color-tertiary: rgba(0, 0, 0, .4);--uikit-theme-light-text-color-disable: rgba(0, 0, 0, .28);--uikit-theme-light-text-color-link: #1c66e5;--uikit-theme-light-