.message-wrapper[data-v-244865be]{position:fixed;top:75%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;align-items:center;justify-content:center}.message-box[data-v-244865be]{padding:12px 24px;border-radius:10px;font-size:14px;transition:all .3s ease}.theme-light .message-box[data-v-244865be]{background:rgba(0,0,0,0);color:#191b28}.theme-dark .message-box[data-v-244865be]{background:rgba(255,255,255,0);color:#fff}.fade-enter-active[data-v-244865be],.fade-leave-active[data-v-244865be]{transition:opacity .3s}.fade-enter-from[data-v-244865be],.fade-leave-to[data-v-244865be]{opacity:0}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,Microsoft YaHei,PingFang SC,sans-serif}body{margin:0;padding:0;width:100%;height:100%}a{color:#0d6efd;text-decoration:none}.main_container[data-v-23b198b4]{width:100vw;height:100vh;display:flex;position:relative;border-radius:inherit;background-color:#191b28}.loading-spinner[data-v-23b198b4]{width:30px;height:30px;margin:20px 0;border:3px solid #FFFFFF00;border-top-color:#8388a8;border-radius:50%;animation:spin-23b198b4 1.5s linear infinite,fadein-23b198b4 .3s ease-out}@keyframes spin-23b198b4{to{transform:rotate(360deg)}}@keyframes fadein-23b198b4{0%{opacity:0}to{opacity:1}}.tui-call-kit[data-v-23b198b4]{width:100%;height:100%;position:relative;border-radius:inherit}.calling-wrapper[data-v-23b198b4]{position:relative;width:100%;height:100%;border-radius:inherit;background:rgba(0,24,60,.7);backdrop-filter:blur(34px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:12}.calling-wrapper[data-v-23b198b4]:hover{z-index:inherit;transition:all .5s ease-in-out}.dialing-wrapper-light[data-v-23b198b4]{background:#F7F7F7;color:#333}.dialing-wrapper-dark[data-v-23b198b4]{background:#191B28;color:#fff}.dialing-wrapper[data-v-23b198b4]{opacity:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-radius:inherit;top:0;left:0;z-index:10;overflow:hidden}.video-wrapper[data-v-23b198b4]{color:#fff;opacity:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;border-radius:inherit;top:0;left:0;z-index:10;overflow:hidden}.floating-video-container[data-v-23b198b4]{width:130px;height:180px;display:flex;position:absolute;align-items:center;justify-content:center;border-radius:8px;top:100px;left:100px;z-index:1000;overflow:hidden}.dialing-local[data-v-23b198b4]{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.dialing-content[data-v-23b198b4]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;padding:10px}#local-dialing[data-v-23b198b4],#local-group[data-v-23b198b4]{background:black;background-image:url(./icons/loading.svg);background-repeat:no-repeat;background-size:auto;background-position-x:center;background-position-y:calc(50% + 10px)}.dialing-user-id[data-v-23b198b4]{font-style:normal;font-weight:600;font-size:40px;width:100%;line-height:56px;display:flex;align-items:center;justify-content:center}.dialing-info[data-v-23b198b4]{font-style:normal;font-weight:400;font-size:14px;line-height:20px}.control-wrapper[data-v-23b198b4]{transform:translate(-50%);position:absolute;bottom:0;padding-bottom:40px;padding-top:20px;left:50%;width:100%;color:#fff;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;z-index:11;user-select:none}.panel-button-area[data-v-23b198b4]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:30px 0}.panel-dialing-info[data-v-23b198b4]{text-align:center}.control-wrapper[data-v-23b198b4]:hover{z-index:13}.control-item[data-v-23b198b4]{display:flex;flex-direction:column;width:100px;margin:0 20px}.control-item-h5[data-v-23b198b4]{display:flex;flex-direction:column;width:100px;margin:0}.control-item-text[data-v-23b198b4]{margin-top:5px;white-space:normal;font-weight:400;font-size:12px;line-height:20px;text-align:center}.control-item-icon-img[data-v-23b198b4]{border-radius:56px;width:56px;height:56px}.control-item-icon[data-v-23b198b4]{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.control-item-icon-container-small[data-v-23b198b4]{background:rgba(0,0,0,0);border-radius:40px;width:40px;height:40px;margin:8px;cursor:pointer}.control-item-icon-container-medium[data-v-23b198b4]{background:rgba(0,0,0,0);border-radius:56px;width:56px;height:56px;margin:8px;cursor:pointer}.control-item-icon-container-large[data-v-23b198b4]{background:rgba(0,0,0,0);border-radius:68px;width:68px;height:68px;margin:8px;cursor:pointer}.control-item-summary[data-v-23b198b4]{height:40px;width:12px;right:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.control-item-summary[data-v-23b198b4]:hover{background:rgba(0,0,0,.4)}.control-item-detail[data-v-23b198b4]{width:300px;border-radius:4px;background:#FEFEFF;box-shadow:#0000003d 0 3px 8px;color:#000;padding:20px;position:absolute;transform:translate(28px);bottom:110%}.control-item-detail-row[data-v-23b198b4]{margin-bottom:6px;font-size:16px}.device-select[data-v-23b198b4]{height:32px;width:100%;border:1px solid #DEE0E3;padding-left:6px;padding-top:6px;padding-bottom:6px;margin-top:10px;margin-bottom:10px;font-size:14px;color:#596174}.control-item-detail[data-v-23b198b4]:before{content:"";width:0;height:0;border-width:10px;border-style:solid;border-color:#FEFEFF transparent transparent;bottom:-3px;margin-left:-9px;position:absolute;left:50%;border-color:#fff;border-radius:4px;transform:rotate(60deg) skew(30deg)}.tag[data-v-23b198b4]{color:#fff;z-index:inherit;background:rgba(0,0,0,.6);padding:2px 10px;border-top-right-radius:inherit;border-bottom-left-radius:inherit;font-size:14px;position:absolute;left:0;bottom:0;z-index:11;display:flex;align-items:center}.tag .microphone-icon-container[data-v-23b198b4]{margin-left:0;margin-right:2px;width:20px;background-color:transparent}.switch-large-small[data-v-23b198b4]{position:absolute;right:12px;top:12px;width:16px;height:16px;z-index:inherit;cursor:pointer}.small-h5[data-v-23b198b4]{position:absolute;width:94px;height:160px;min-height:100px;max-height:60%;top:30px;right:10px;z-index:2;overflow:hidden;background:#000;border-radius:4px}.small[data-v-23b198b4]{position:absolute;width:260px;height:170px;min-height:100px;max-height:60%;top:30px;left:30px;z-index:2;overflow:hidden;resize:both;background:#000;border-radius:4px}.large[data-v-23b198b4]{min-height:100px;width:100%;height:100%;z-index:1;border-radius:inherit;overflow:hidden}.large .switch-large-small[data-v-23b198b4]{display:none}.group-calling-container[data-v-23b198b4]{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center}.group-user-view[data-v-23b198b4]{width:33.333%;height:33.333%;position:relative;background:rgba(32,32,32,.45);backdrop-filter:blur(34px);color:#fff;overflow:hidden}.user-view-text-container[data-v-23b198b4]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:11;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-20px)}.user-view-user-id[data-v-23b198b4]{font-family:PingFang SC;font-style:normal;font-weight:600;font-size:24px;line-height:34px}.user-view-info[data-v-23b198b4]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:12px;line-height:17px}.page-turn[data-v-23b198b4]{width:40px;height:86px;border-radius:4.21px;background:rgba(0,0,0,.2);position:absolute;top:50%;transform:translateY(-50%);z-index:11;display:flex;justify-content:center;align-items:center;cursor:pointer}.turn-icon-container[data-v-23b198b4]{width:14px;height:23px}.right[data-v-23b198b4]{right:0}.microphone-icon-container[data-v-23b198b4]{width:24px;height:24px;background:rgba(0,0,0,.4);border-radius:12px;display:flex;justify-content:center;align-items:center;margin-left:8px}.group-user-view-1[data-v-23b198b4]{width:100%;height:100%}.group-calling-container-1[data-v-23b198b4]{height:100%}.group-user-view-2[data-v-23b198b4]{width:50%;height:100%}.group-calling-container-2[data-v-23b198b4]{height:50%}.group-user-view-3[data-v-23b198b4],.group-user-view-4[data-v-23b198b4]{width:50%;height:50%}.group-calling-container-3[data-v-23b198b4],.group-calling-container-4[data-v-23b198b4]{height:100%}.group-user-view-5[data-v-23b198b4],.group-user-view-6[data-v-23b198b4]{width:33.333%;height:50%}.group-calling-container-5[data-v-23b198b4],.group-calling-container-6[data-v-23b198b4]{height:66%}.user-view-user-id-1[data-v-23b198b4]{font-size:24px}.user-view-user-id-2[data-v-23b198b4],.user-view-user-id-3[data-v-23b198b4],.user-view-user-id-4[data-v-23b198b4]{font-size:22px}.user-view-user-id-5[data-v-23b198b4],.user-view-user-id-6[data-v-23b198b4],.user-view-user-id-7[data-v-23b198b4],.user-view-user-id-8[data-v-23b198b4],.user-view-user-id-9[data-v-23b198b4]{font-size:18px}.float-control-panel[data-v-23b198b4]{width:168px;height:56px;background:white;z-index:13;position:fixed;top:20px;right:20px;display:flex;flex-wrap:nowrap;justify-content:center;border-radius:40px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.function-buttons[data-v-23b198b4]{position:absolute;right:12px;top:12px;z-index:13;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start}.minimize[data-v-23b198b4]{margin-left:10px}.float-control-item-icon[data-v-23b198b4]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:56px;height:56px;position:relative}.float-control-item-icon-container[data-v-23b198b4]{border-radius:40px;width:40px;height:40px;margin:.5rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}.float-control-item-icon-container[data-v-23b198b4]:hover{background:rgba(218,218,218,.3)}.list-wrapper[data-v-23b198b4]{flex:1;overflow:auto;display:flex;flex-direction:column;padding:10px 0 0;margin:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.list-item[data-v-23b198b4]{display:inline-block;padding:8px 16px;margin:10px 15px 0;max-width:100%;font-size:16px}.left-item[data-v-23b198b4]{align-self:flex-start;background-color:#fff;border-radius:12px 12px 12px 0;color:#06b7c1}.right-item[data-v-23b198b4]{align-self:flex-end;background-color:#333;border-radius:12px 12px 0;color:#06b7c1}.sub-text[data-v-23b198b4]{font-size:12px;color:#06b7c1;margin-top:4px}.invite{&[data-v-23b198b4]{position:relative;display:flex;padding-top:6px;padding-left:20px;padding-right:20px;justify-content:center;align-items:center;width:100vw}.invite-text[data-v-23b198b4] {font-size: 16px; text-align: center; white-space: normal; overflow-wrap: break-word; word-break: break-word;} .clip[data-v-23b198b4]{position: absolute; right: 20px; width: 28px; height: 28px; padding: 6px; align-self: flex-end;} .floating-img[data-v-23b198b4]{position: absolute; left: 100px; top: 100px; width: 200px; height: 200px; padding: 6px; align-self: flex-start;} .floating-window[data-v-23b198b4] {border-radius: inherit; color: #fff; opacity: 1; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; border-radius: inherit; top: 0; left: 0; z-index: 10; overflow: hidden;} .header[data-v-23b198b4] {background: #409eff; color: white; padding: 8px; font-weight: bold; border-radius: 8px 8px 0 0;} .content[data-v-23b198b4] {padding: 10px;}}.main_container[data-v-2c7befde]{width:100vw;height:100vh;display:flex;position:relative;border-radius:inherit;background-color:#191b28}.loading-spinner[data-v-2c7befde]{width:30px;height:30px;margin:20px 0;border:3px solid #FFFFFF00;border-top-color:#8388a8;border-radius:50%;animation:spin-2c7befde 1.5s linear infinite,fadein-2c7befde .3s ease-out}@keyframes spin-2c7befde{to{transform:rotate(360deg)}}@keyframes fadein-2c7befde{0%{opacity:0}to{opacity:1}}.tui-call-kit[data-v-2c7befde]{width:100%;height:100%;position:relative;border-radius:inherit}.calling-wrapper[data-v-2c7befde]{position:relative;width:100%;height:100%;border-radius:inherit;background:rgba(0,24,60,.7);backdrop-filter:blur(34px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:12}.calling-wrapper[data-v-2c7befde]:hover{z-index:inherit;transition:all .5s ease-in-out}.dialing-wrapper-light[data-v-2c7befde]{background:#F7F7F7;color:#333}.dialing-wrapper-dark[data-v-2c7befde]{background:#191B28;color:#fff}.dialing-wrapper[data-v-2c7befde]{opacity:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-radius:inherit;top:0;left:0;z-index:10;overflow:hidden}.video-wrapper[data-v-2c7befde]{color:#fff;opacity:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;border-radius:inherit;top:0;left:0;z-index:10;overflow:hidden}.floating-video-container[data-v-2c7befde]{width:130px;height:180px;display:flex;position:absolute;align-items:center;justify-content:center;border-radius:8px;top:100px;left:100px;z-index:1000;overflow:hidden}.dialing-local[data-v-2c7befde]{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.dialing-content[data-v-2c7befde]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;padding:10px}#local-dialing[data-v-2c7befde],#local-group[data-v-2c7befde]{background:black;background-image:url(./icons/loading.svg);background-repeat:no-repeat;background-size:auto;background-position-x:center;background-position-y:calc(50% + 10px)}.dialing-user-id[data-v-2c7befde]{font-style:normal;font-weight:600;font-size:40px;width:100%;line-height:56px;display:flex;align-items:center;justify-content:center}.dialing-info[data-v-2c7befde]{font-style:normal;font-weight:400;font-size:14px;line-height:20px}.control-wrapper[data-v-2c7befde]{transform:translate(-50%);position:absolute;bottom:0;padding-bottom:40px;padding-top:20px;left:50%;width:100%;color:#fff;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;z-index:11;user-select:none}.panel-button-area[data-v-2c7befde]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:30px 0}.panel-dialing-info[data-v-2c7befde]{text-align:center}.control-wrapper[data-v-2c7befde]:hover{z-index:13}.control-item[data-v-2c7befde]{display:flex;flex-direction:column;width:100px;margin:0 20px}.control-item-h5[data-v-2c7befde]{display:flex;flex-direction:column;width:100px;margin:0}.control-item-text[data-v-2c7befde]{margin-top:5px;white-space:normal;font-weight:400;font-size:12px;line-height:20px;text-align:center}.control-item-icon-img[data-v-2c7befde]{border-radius:56px;width:56px;height:56px}.control-item-icon[data-v-2c7befde]{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.control-item-icon-container-small[data-v-2c7befde]{background:rgba(0,0,0,0);border-radius:40px;width:40px;height:40px;margin:8px;cursor:pointer}.control-item-icon-container-medium[data-v-2c7befde]{background:rgba(0,0,0,0);border-radius:56px;width:56px;height:56px;margin:8px;cursor:pointer}.control-item-icon-container-large[data-v-2c7befde]{background:rgba(0,0,0,0);border-radius:68px;width:68px;height:68px;margin:8px;cursor:pointer}.control-item-summary[data-v-2c7befde]{height:40px;width:12px;right:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.control-item-summary[data-v-2c7befde]:hover{background:rgba(0,0,0,.4)}.control-item-detail[data-v-2c7befde]{width:300px;border-radius:4px;background:#FEFEFF;box-shadow:#0000003d 0 3px 8px;color:#000;padding:20px;position:absolute;transform:translate(28px);bottom:110%}.control-item-detail-row[data-v-2c7befde]{margin-bottom:6px;font-size:16px}.device-select[data-v-2c7befde]{height:32px;width:100%;border:1px solid #DEE0E3;padding-left:6px;padding-top:6px;padding-bottom:6px;margin-top:10px;margin-bottom:10px;font-size:14px;color:#596174}.control-item-detail[data-v-2c7befde]:before{content:"";width:0;height:0;border-width:10px;border-style:solid;border-color:#FEFEFF transparent transparent;bottom:-3px;margin-left:-9px;position:absolute;left:50%;border-color:#fff;border-radius:4px;transform:rotate(60deg) skew(30deg)}.tag[data-v-2c7befde]{color:#fff;z-index:inherit;background:rgba(0,0,0,.6);padding:2px 10px;border-top-right-radius:inherit;border-bottom-left-radius:inherit;font-size:14px;position:absolute;left:0;bottom:0;z-index:11;display:flex;align-items:center}.tag .microphone-icon-container[data-v-2c7befde]{margin-left:0;margin-right:2px;width:20px;background-color:transparent}.switch-large-small[data-v-2c7befde]{position:absolute;right:12px;top:12px;width:16px;height:16px;z-index:inherit;cursor:pointer}.small-h5[data-v-2c7befde]{position:absolute;width:94px;height:160px;min-height:100px;max-height:60%;top:30px;right:10px;z-index:2;overflow:hidden;background:#000;border-radius:4px}.small[data-v-2c7befde]{position:absolute;width:260px;height:170px;min-height:100px;max-height:60%;top:30px;left:30px;z-index:2;overflow:hidden;resize:both;background:#000;border-radius:4px}.large[data-v-2c7befde]{min-height:100px;width:100%;height:100%;z-index:1;border-radius:inherit;overflow:hidden}.large .switch-large-small[data-v-2c7befde]{display:none}.group-calling-container[data-v-2c7befde]{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center}.group-user-view[data-v-2c7befde]{width:33.333%;height:33.333%;position:relative;background:rgba(32,32,32,.45);backdrop-filter:blur(34px);color:#fff;overflow:hidden}.user-view-text-container[data-v-2c7befde]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:11;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-20px)}.user-view-user-id[data-v-2c7befde]{font-family:PingFang SC;font-style:normal;font-weight:600;font-size:24px;line-height:34px}.user-view-info[data-v-2c7befde]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:12px;line-height:17px}.page-turn[data-v-2c7befde]{width:40px;height:86px;border-radius:4.21px;background:rgba(0,0,0,.2);position:absolute;top:50%;transform:translateY(-50%);z-index:11;display:flex;justify-content:center;align-items:center;cursor:pointer}.turn-icon-container[data-v-2c7befde]{width:14px;height:23px}.right[data-v-2c7befde]{right:0}.microphone-icon-container[data-v-2c7befde]{width:24px;height:24px;background:rgba(0,0,0,.4);border-radius:12px;display:flex;justify-content:center;align-items:center;margin-left:8px}.group-user-view-1[data-v-2c7befde]{width:100%;height:100%}.group-calling-container-1[data-v-2c7befde]{height:100%}.group-user-view-2[data-v-2c7befde]{width:50%;height:100%}.group-calling-container-2[data-v-2c7befde]{height:50%}.group-user-view-3[data-v-2c7befde],.group-user-view-4[data-v-2c7befde]{width:50%;height:50%}.group-calling-container-3[data-v-2c7befde],.group-calling-container-4[data-v-2c7befde]{height:100%}.group-user-view-5[data-v-2c7befde],.group-user-view-6[data-v-2c7befde]{width:33.333%;height:50%}.group-calling-container-5[data-v-2c7befde],.group-calling-container-6[data-v-2c7befde]{height:66%}.user-view-user-id-1[data-v-2c7befde]{font-size:24px}.user-view-user-id-2[data-v-2c7befde],.user-view-user-id-3[data-v-2c7befde],.user-view-user-id-4[data-v-2c7befde]{font-size:22px}.user-view-user-id-5[data-v-2c7befde],.user-view-user-id-6[data-v-2c7befde],.user-view-user-id-7[data-v-2c7befde],.user-view-user-id-8[data-v-2c7befde],.user-view-user-id-9[data-v-2c7befde]{font-size:18px}.float-control-panel[data-v-2c7befde]{width:168px;height:56px;background:white;z-index:13;position:fixed;top:20px;right:20px;display:flex;flex-wrap:nowrap;justify-content:center;border-radius:40px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.function-buttons[data-v-2c7befde]{position:absolute;right:12px;top:12px;z-index:13;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start}.minimize[data-v-2c7befde]{margin-left:10px}.float-control-item-icon[data-v-2c7befde]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:56px;height:56px;position:relative}.float-control-item-icon-container[data-v-2c7befde]{border-radius:40px;width:40px;height:40px;margin:.5rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}.float-control-item-icon-container[data-v-2c7befde]:hover{background:rgba(218,218,218,.3)}.list-wrapper[data-v-2c7befde]{flex:1;overflow:auto;display:flex;flex-direction:column;padding:10px 0 0;margin:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.list-item[data-v-2c7befde]{display:inline-block;padding:8px 16px;margin:10px 15px 0;max-width:100%;font-size:16px}.left-item[data-v-2c7befde]{align-self:flex-start;background-color:#fff;border-radius:12px 12px 12px 0;color:#06b7c1}.right-item[data-v-2c7befde]{align-self:flex-end;background-color:#333;border-radius:12px 12px 0;color:#06b7c1}.sub-text[data-v-2c7befde]{font-size:12px;color:#06b7c1;margin-top:4px}.invite{&[data-v-2c7befde]{position:relative;display:flex;padding-top:6px;padding-left:20px;padding-right:20px;justify-content:center;align-items:center;width:100vw}.invite-text[data-v-2c7befde] {font-size: 16px; text-align: center; white-space: normal; overflow-wrap: break-word; word-break: break-word;} .clip[data-v-2c7befde]{position: absolute; right: 20px; width: 28px; height: 28px; padding: 6px; align-self: flex-end;} .floating-img[data-v-2c7befde]{position: absolute; left: 100px; top: 100px; width: 200px; height: 200px; padding: 6px; align-self: flex-start;} .floating-window[data-v-2c7befde] {border-radius: inherit; color: #fff; opacity: 1; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; border-radius: inherit; top: 0; left: 0; z-index: 10; overflow: hidden;} .header[data-v-2c7befde] {background: #409eff; color: white; padding: 8px; font-weight: bold; border-radius: 8px 8px 0 0;} .content[data-v-2c7befde] {padding: 10px;}}.main_container[data-v-4a59cf48]{width:100vw;height:100vh;display:flex;position:relative;border-radius:inherit;background-color:#191b28}.loading-spinner[data-v-4a59cf48]{width:30px;height:30px;margin:20px 0;border:3px solid #FFFFFF00;border-top-color:#8388a8;border-radius:50%;animation:spin-4a59cf48 1.5s linear infinite,fadein-4a59cf48 .3s ease-out}@keyframes spin-4a59cf48{to{transform:rotate(360deg)}}@keyframes fadein-4a59cf48{0%{opacity:0}to{opacity:1}}.tui-call-kit[data-v-4a59cf48]{width:100%;height:100%;position:relative;border-radius:inherit}.calling-wrapper[data-v-4a59cf48]{position:relative;width:100%;height:100%;border-radius:inherit;background:rgba(0,24,60,.7);backdrop-filter:blur(34px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:12}.calling-wrapper[data-v-4a59cf48]:hover{z-index:inherit;transition:all .5s ease-in-out}.dialing-wrapper-light[data-v-4a59cf48]{background:#F7F7F7;color:#333}.dialing-wrapper-dark[data-v-4a59cf48]{background:#191B28;color:#fff}.dialing-wrapper[data-v-4a59cf48]{opacity:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-radius:inherit;top:0;left:0;z-index:10;overflow:hidden}.video-wrapper[data-v-4a59cf48]{color:#fff;opacity:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;border-radius:inherit;top:0;left:0;z-index:10;overflow:hidden}.floating-video-container[data-v-4a59cf48]{width:130px;height:180px;display:flex;position:absolute;align-items:center;justify-content:center;border-radius:8px;top:100px;left:100px;z-index:1000;overflow:hidden}.dialing-local[data-v-4a59cf48]{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.dialing-content[data-v-4a59cf48]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;padding:10px}#local-dialing[data-v-4a59cf48],#local-group[data-v-4a59cf48]{background:black;background-image:url(./icons/loading.svg);background-repeat:no-repeat;background-size:auto;background-position-x:center;background-position-y:calc(50% + 10px)}.dialing-user-id[data-v-4a59cf48]{font-style:normal;font-weight:600;font-size:40px;width:100%;line-height:56px;display:flex;align-items:center;justify-content:center}.dialing-info[data-v-4a59cf48]{font-style:normal;font-weight:400;font-size:14px;line-height:20px}.control-wrapper[data-v-4a59cf48]{transform:translate(-50%);position:absolute;bottom:0;padding-bottom:40px;padding-top:20px;left:50%;width:100%;color:#fff;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;z-index:11;user-select:none}.panel-button-area[data-v-4a59cf48]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:30px 0}.panel-dialing-info[data-v-4a59cf48]{text-align:center}.control-wrapper[data-v-4a59cf48]:hover{z-index:13}.control-item[data-v-4a59cf48]{display:flex;flex-direction:column;width:100px;margin:0 20px}.control-item-h5[data-v-4a59cf48]{display:flex;flex-direction:column;width:100px;margin:0}.control-item-text[data-v-4a59cf48]{margin-top:5px;white-space:normal;font-weight:400;font-size:12px;line-height:20px;text-align:center}.control-item-icon-img[data-v-4a59cf48]{border-radius:56px;width:56px;height:56px}.control-item-icon[data-v-4a59cf48]{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.control-item-icon-container-small[data-v-4a59cf48]{background:rgba(0,0,0,0);border-radius:40px;width:40px;height:40px;margin:8px;cursor:pointer}.control-item-icon-container-medium[data-v-4a59cf48]{background:rgba(0,0,0,0);border-radius:56px;width:56px;height:56px;margin:8px;cursor:pointer}.control-item-icon-container-large[data-v-4a59cf48]{background:rgba(0,0,0,0);border-radius:68px;width:68px;height:68px;margin:8px;cursor:pointer}.control-item-summary[data-v-4a59cf48]{height:40px;width:12px;right:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.control-item-summary[data-v-4a59cf48]:hover{background:rgba(0,0,0,.4)}.control-item-detail[data-v-4a59cf48]{width:300px;border-radius:4px;background:#FEFEFF;box-shadow:#0000003d 0 3px 8px;color:#000;padding:20px;position:absolute;transform:translate(28px);bottom:110%}.control-item-detail-row[data-v-4a59cf48]{margin-bottom:6px;font-size:16px}.device-select[data-v-4a59cf48]{height:32px;width:100%;border:1px solid #DEE0E3;padding-left:6px;padding-top:6px;padding-bottom:6px;margin-top:10px;margin-bottom:10px;font-size:14px;color:#596174}.control-item-detail[data-v-4a59cf48]:before{content:"";width:0;height:0;border-width:10px;border-style:solid;border-color:#FEFEFF transparent transparent;bottom:-3px;margin-left:-9px;position:absolute;left:50%;border-color:#fff;border-radius:4px;transform:rotate(60deg) skew(30deg)}.tag[data-v-4a59cf48]{color:#fff;z-index:inherit;background:rgba(0,0,0,.6);padding:2px 10px;border-top-right-radius:inherit;border-bottom-left-radius:inherit;font-size:14px;position:absolute;left:0;bottom:0;z-index:11;display:flex;align-items:center}.tag .microphone-icon-container[data-v-4a59cf48]{margin-left:0;margin-right:2px;width:20px;background-color:transparent}.switch-large-small[data-v-4a59cf48]{position:absolute;right:12px;top:12px;width:16px;height:16px;z-index:inherit;cursor:pointer}.small-h5[data-v-4a59cf48]{position:absolute;width:94px;height:160px;min-height:100px;max-height:60%;top:30px;right:10px;z-index:2;overflow:hidden;background:#000;border-radius:4px}.small[data-v-4a59cf48]{position:absolute;width:260px;height:170px;min-height:100px;max-height:60%;top:30px;left:30px;z-index:2;overflow:hidden;resize:both;background:#000;border-radius:4px}.large[data-v-4a59cf48]{min-height:100px;width:100%;height:100%;z-index:1;border-radius:inherit;overflow:hidden}.large .switch-large-small[data-v-4a59cf48]{display:none}.group-calling-container[data-v-4a59cf48]{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center}.group-user-view[data-v-4a59cf48]{width:33.333%;height:33.333%;position:relative;background:rgba(32,32,32,.45);backdrop-filter:blur(34px);color:#fff;overflow:hidden}.user-view-text-container[data-v-4a59cf48]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:11;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-20px)}.user-view-user-id[data-v-4a59cf48]{font-family:PingFang SC;font-style:normal;font-weight:600;font-size:24px;line-height:34px}.user-view-info[data-v-4a59cf48]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:12px;line-height:17px}.page-turn[data-v-4a59cf48]{width:40px;height:86px;border-radius:4.21px;background:rgba(0,0,0,.2);position:absolute;top:50%;transform:translateY(-50%);z-index:11;display:flex;justify-content:center;align-items:center;cursor:pointer}.turn-icon-container[data-v-4a59cf48]{width:14px;height:23px}.right[data-v-4a59cf48]{right:0}.microphone-icon-container[data-v-4a59cf48]{width:24px;height:24px;background:rgba(0,0,0,.4);border-radius:12px;display:flex;justify-content:center;align-items:center;margin-left:8px}.group-user-view-1[data-v-4a59cf48]{width:100%;height:100%}.group-calling-container-1[data-v-4a59cf48]{height:100%}.group-user-view-2[data-v-4a59cf48]{width:50%;height:100%}.group-calling-container-2[data-v-4a59cf48]{height:50%}.group-user-view-3[data-v-4a59cf48],.group-user-view-4[data-v-4a59cf48]{width:50%;height:50%}.group-calling-container-3[data-v-4a59cf48],.group-calling-container-4[data-v-4a59cf48]{height:100%}.group-user-view-5[data-v-4a59cf48],.group-user-view-6[data-v-4a59cf48]{width:33.333%;height:50%}.group-calling-container-5[data-v-4a59cf48],.group-calling-container-6[data-v-4a59cf48]{height:66%}.user-view-user-id-1[data-v-4a59cf48]{font-size:24px}.user-view-user-id-2[data-v-4a59cf48],.user-view-user-id-3[data-v-4a59cf48],.user-view-user-id-4[data-v-4a59cf48]{font-size:22px}.user-view-user-id-5[data-v-4a59cf48],.user-view-user-id-6[data-v-4a59cf48],.user-view-user-id-7[data-v-4a59cf48],.user-view-user-id-8[data-v-4a59cf48],.user-view-user-id-9[data-v-4a59cf48]{font-size:18px}.float-control-panel[data-v-4a59cf48]{width:168px;height:56px;background:white;z-index:13;position:fixed;top:20px;right:20px;display:flex;flex-wrap:nowrap;justify-content:center;border-radius:40px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.function-buttons[data-v-4a59cf48]{position:absolute;right:12px;top:12px;z-index:13;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start}.minimize[data-v-4a59cf48]{margin-left:10px}.float-control-item-icon[data-v-4a59cf48]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:56px;height:56px;position:relative}.float-control-item-icon-container[data-v-4a59cf48]{border-radius:40px;width:40px;height:40px;margin:.5rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}.float-control-item-icon-container[data-v-4a59cf48]:hover{background:rgba(218,218,218,.3)}.list-wrapper[data-v-4a59cf48]{flex:1;overflow:auto;display:flex;flex-direction:column;padding:10px 0 0;margin:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.list-item[data-v-4a59cf48]{display:inline-block;padding:8px 16px;margin:10px 15px 0;max-width:100%;font-size:16px}.left-item[data-v-4a59cf48]{align-self:flex-start;background-color:#fff;border-radius:12px 12px 12px 0;color:#06b7c1}.right-item[data-v-4a59cf48]{align-self:flex-end;background-color:#333;border-radius:12px 12px 0;color:#06b7c1}.sub-text[data-v-4a59cf48]{font-size:12px;color:#06b7c1;margin-top:4px}.invite{&[data-v-4a59cf48]{position:relative;display:flex;padding-top:6px;padding-left:20px;padding-right:20px;justify-content:center;align-items:center;width:100vw}.invite-text[data-v-4a59cf48] {font-size: 16px; text-align: center; white-space: normal; overflow-wrap: break-word; word-break: break-word;} .clip[data-v-4a59cf48]{position: absolute; right: 20px; width: 28px; height: 28px; padding: 6px; align-self: flex-end;} .floating-img[data-v-4a59cf48]{position: absolute; left: 100px; top: 100px; width: 200px; height: 200px; padding: 6px; align-self: flex-start;} .floating-window[data-v-4a59cf48] {border-radius: inherit; color: #fff; opacity: 1; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; border-radius: inherit; top: 0; left: 0; z-index: 10; overflow: hidden;} .header[data-v-4a59cf48] {background: #409eff; color: white; padding: 8px; font-weight: bold; border-radius: 8px 8px 0 0;} .content[data-v-4a59cf48] {padding: 10px;}}.main_container[data-v-2601b2b5]{width:100vw;height:100vh;display:flex;position:relative;border-radius:inherit;background-color:#191b28}.loading-spinner[data-v-2601b2b5]{width:30px;height:30px;margin:20px 0;border:3px solid #FFFFFF00;border-top-color:#8388a8;border-radius:50%;animation:spin-2601b2b5 1.5s linear infinite,fadein-2601b2b5 .3s ease-out}@keyframes spin-2601b2b5{to{transform:rotate(360deg)}}@keyframes fadein-2601b2b5{0%{opacity:0}to{opacity:1}}.tui-call-kit[data-v-2601b2b5]{width:100%;height:100%;position:relative;border-radius:inherit}.calling-wrapper[data-v-2601b2b5]{position:relative;width:100%;height:100%;border-radius:inherit;background:rgba(0,24,60,.7);backdrop-filter:blur(34px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:12}.calling-wrapper[data-v-2601b2b5]:hover{z-index:inherit;transition:all .5s ease-in-out}.dialing-wrapper-light[data-v-2601b2b5]{background:#F7F7F7;color:#333}.dialing-wrapper-dark[data-v-2601b2b5]{background:#191B28;color:#fff}.dialing-wrapper[data-v-2601b2b5]{opacity:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-radius:inherit;top:0;left:0;z-index:10;overflow:hidden}.video-wrapper[data-v-2601b2b5]{color:#fff;opacity:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;border-radius:inherit;top:0;left:0;z-index:10;overflow:hidden}.floating-video-container[data-v-2601b2b5]{width:130px;height:180px;display:flex;position:absolute;align-items:center;justify-content:center;border-radius:8px;top:100px;left:100px;z-index:1000;overflow:hidden}.dialing-local[data-v-2601b2b5]{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.dialing-content[data-v-2601b2b5]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;padding:10px}#local-dialing[data-v-2601b2b5],#local-group[data-v-2601b2b5]{background:black;background-image:url(./icons/loading.svg);background-repeat:no-repeat;background-size:auto;background-position-x:center;background-position-y:calc(50% + 10px)}.dialing-user-id[data-v-2601b2b5]{font-style:normal;font-weight:600;font-size:40px;width:100%;line-height:56px;display:flex;align-items:center;justify-content:center}.dialing-info[data-v-2601b2b5]{font-style:normal;font-weight:400;font-size:14px;line-height:20px}.control-wrapper[data-v-2601b2b5]{transform:translate(-50%);position:absolute;bottom:0;padding-bottom:40px;padding-top:20px;left:50%;width:100%;color:#fff;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;z-index:11;user-select:none}.panel-button-area[data-v-2601b2b5]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:30px 0}.panel-dialing-info[data-v-2601b2b5]{text-align:center}.control-wrapper[data-v-2601b2b5]:hover{z-index:13}.control-item[data-v-2601b2b5]{display:flex;flex-direction:column;width:100px;margin:0 20px}.control-item-h5[data-v-2601b2b5]{display:flex;flex-direction:column;width:100px;margin:0}.control-item-text[data-v-2601b2b5]{margin-top:5px;white-space:normal;font-weight:400;font-size:12px;line-height:20px;text-align:center}.control-item-icon-img[data-v-2601b2b5]{border-radius:56px;width:56px;height:56px}.control-item-icon[data-v-2601b2b5]{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.control-item-icon-container-small[data-v-2601b2b5]{background:rgba(0,0,0,0);border-radius:40px;width:40px;height:40px;margin:8px;cursor:pointer}.control-item-icon-container-medium[data-v-2601b2b5]{background:rgba(0,0,0,0);border-radius:56px;width:56px;height:56px;margin:8px;cursor:pointer}.control-item-icon-container-large[data-v-2601b2b5]{background:rgba(0,0,0,0);border-radius:68px;width:68px;height:68px;margin:8px;cursor:pointer}.control-item-summary[data-v-2601b2b5]{height:40px;width:12px;right:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.control-item-summary[data-v-2601b2b5]:hover{background:rgba(0,0,0,.4)}.control-item-detail[data-v-2601b2b5]{width:300px;border-radius:4px;background:#FEFEFF;box-shadow:#0000003d 0 3px 8px;color:#000;padding:20px;position:absolute;transform:translate(28px);bottom:110%}.control-item-detail-row[data-v-2601b2b5]{margin-bottom:6px;font-size:16px}.device-select[data-v-2601b2b5]{height:32px;width:100%;border:1px solid #DEE0E3;padding-left:6px;padding-top:6px;padding-bottom:6px;margin-top:10px;margin-bottom:10px;font-size:14px;color:#596174}.control-item-detail[data-v-2601b2b5]:before{content:"";width:0;height:0;border-width:10px;border-style:solid;border-color:#FEFEFF transparent transparent;bottom:-3px;margin-left:-9px;position:absolute;left:50%;border-color:#fff;border-radius:4px;transform:rotate(60deg) skew(30deg)}.tag[data-v-2601b2b5]{color:#fff;z-index:inherit;background:rgba(0,0,0,.6);padding:2px 10px;border-top-right-radius:inherit;border-bottom-left-radius:inherit;font-size:14px;position:absolute;left:0;bottom:0;z-index:11;display:flex;align-items:center}.tag .microphone-icon-container[data-v-2601b2b5]{margin-left:0;margin-right:2px;width:20px;background-color:transparent}.switch-large-small[data-v-2601b2b5]{position:absolute;right:12px;top:12px;width:16px;height:16px;z-index:inherit;cursor:pointer}.small-h5[data-v-2601b2b5]{position:absolute;width:94px;height:160px;min-height:100px;max-height:60%;top:30px;right:10px;z-index:2;overflow:hidden;background:#000;border-radius:4px}.small[data-v-2601b2b5]{position:absolute;width:260px;height:170px;min-height:100px;max-height:60%;top:30px;left:30px;z-index:2;overflow:hidden;resize:both;background:#000;border-radius:4px}.large[data-v-2601b2b5]{min-height:100px;width:100%;height:100%;z-index:1;border-radius:inherit;overflow:hidden}.large .switch-large-small[data-v-2601b2b5]{display:none}.group-calling-container[data-v-2601b2b5]{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center}.group-user-view[data-v-2601b2b5]{width:33.333%;height:33.333%;position:relative;background:rgba(32,32,32,.45);backdrop-filter:blur(34px);color:#fff;overflow:hidden}.user-view-text-container[data-v-2601b2b5]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:11;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-20px)}.user-view-user-id[data-v-2601b2b5]{font-family:PingFang SC;font-style:normal;font-weight:600;font-size:24px;line-height:34px}.user-view-info[data-v-2601b2b5]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:12px;line-height:17px}.page-turn[data-v-2601b2b5]{width:40px;height:86px;border-radius:4.21px;background:rgba(0,0,0,.2);position:absolute;top:50%;transform:translateY(-50%);z-index:11;display:flex;justify-content:center;align-items:center;cursor:pointer}.turn-icon-container[data-v-2601b2b5]{width:14px;height:23px}.right[data-v-2601b2b5]{right:0}.microphone-icon-container[data-v-2601b2b5]{width:24px;height:24px;background:rgba(0,0,0,.4);border-radius:12px;display:flex;justify-content:center;align-items:center;margin-left:8px}.group-user-view-1[data-v-2601b2b5]{width:100%;height:100%}.group-calling-container-1[data-v-2601b2b5]{height:100%}.group-user-view-2[data-v-2601b2b5]{width:50%;height:100%}.group-calling-container-2[data-v-2601b2b5]{height:50%}.group-user-view-3[data-v-2601b2b5],.group-user-view-4[data-v-2601b2b5]{width:50%;height:50%}.group-calling-container-3[data-v-2601b2b5],.group-calling-container-4[data-v-2601b2b5]{height:100%}.group-user-view-5[data-v-2601b2b5],.group-user-view-6[data-v-2601b2b5]{width:33.333%;height:50%}.group-calling-container-5[data-v-2601b2b5],.group-calling-container-6[data-v-2601b2b5]{height:66%}.user-view-user-id-1[data-v-2601b2b5]{font-size:24px}.user-view-user-id-2[data-v-2601b2b5],.user-view-user-id-3[data-v-2601b2b5],.user-view-user-id-4[data-v-2601b2b5]{font-size:22px}.user-view-user-id-5[data-v-2601b2b5],.user-view-user-id-6[data-v-2601b2b5],.user-view-user-id-7[data-v-2601b2b5],.user-view-user-id-8[data-v-2601b2b5],.user-view-user-id-9[data-v-2601b2b5]{font-size:18px}.float-control-panel[data-v-2601b2b5]{width:168px;height:56px;background:white;z-index:13;position:fixed;top:20px;right:20px;display:flex;flex-wrap:nowrap;justify-content:center;border-radius:40px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.function-buttons[data-v-2601b2b5]{position:absolute;right:12px;top:12px;z-index:13;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start}.minimize[data-v-2601b2b5]{margin-left:10px}.float-control-item-icon[data-v-2601b2b5]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:56px;height:56px;position:relative}.float-control-item-icon-container[data-v-2601b2b5]{border-radius:40px;width:40px;height:40px;margin:.5rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}.float-control-item-icon-container[data-v-2601b2b5]:hover{background:rgba(218,218,218,.3)}.list-wrapper[data-v-2601b2b5]{flex:1;overflow:auto;display:flex;flex-direction:column;padding:10px 0 0;margin:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.list-item[data-v-2601b2b5]{display:inline-block;padding:8px 16px;margin:10px 15px 0;max-width:100%;font-size:16px}.left-item[data-v-2601b2b5]{align-self:flex-start;background-color:#fff;border-radius:12px 12px 12px 0;color:#06b7c1}.right-item[data-v-2601b2b5]{align-self:flex-end;background-color:#333;border-radius:12px 12px 0;color:#06b7c1}.sub-text[data-v-2601b2b5]{font-size:12px;color:#06b7c1;margin-top:4px}.invite{&[data-v-2601b2b5]{position:relative;display:flex;padding-top:6px;padding-left:20px;padding-right:20px;justify-content:center;align-items:center;width:100vw}.invite-text[data-v-2601b2b5] {font-size: 16px; text-align: center; white-space: normal; overflow-wrap: break-word; word-break: break-word;} .clip[data-v-2601b2b5]{position: absolute; right: 20px; width: 28px; height: 28px; padding: 6px; align-self: flex-end;} .floating-img[data-v-2601b2b5]{position: absolute; left: 100px; top: 100px; width: 200px; height: 200px; padding: 6px; align-self: flex-start;} .floating-window[data-v-2601b2b5] {border-radius: inherit; color: #fff; opacity: 1; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; border-radius: inherit; top: 0; left: 0; z-index: 10; overflow: hidden;} .header[data-v-2601b2b5] {background: #409eff; color: white; padding: 8px; font-weight: bold; border-radius: 8px 8px 0 0;} .content[data-v-2601b2b5] {padding: 10px;}}.main_container[data-v-62fe5ba9]{width:100vw;height:100vh;display:flex;position:relative;border-radius:inherit;background-color:#191b28}.loading-spinner[data-v-62fe5ba9]{width:30px;height:30px;margin:20px 0;border:3px solid #FFFFFF00;border-top-color:#8388a8;border-radius:50%;animation:spin-62fe5ba9 1.5s linear infinite,fadein-62fe5ba9 .3s ease-out}@keyframes spin-62fe5ba9{to{transform:rotate(360deg)}}@keyframes fadein-62fe5ba9{0%{opacity:0}to{opacity:1}}.tui-call-kit[data-v-62fe5ba9]{width:100%;height:100%;position:relative;border-radius:inherit}.calling-wrapper[data-v-62fe5ba9]{position:relative;width:100%;height:100%;border-radius:inherit;background:rgba(0,24,60,.7);backdrop-filter:blur(34px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:12}.calling-wrapper[data-v-62fe5ba9]:hover{z-index:inherit;transition:all .5s ease-in-out}.dialing-wrapper-light[data-v-62fe5ba9]{background:#F7F7F7;color:#333}.dialing-wrapper-dark[data-v-62fe5ba9]{background:#191B28;color:#fff}.dialing-wrapper[data-v-62fe5ba9]{opacity:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-radius:inherit;top:0;left:0;z-index:10;overflow:hidden}.video-wrapper[data-v-62fe5ba9]{color:#fff;opacity:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;border-radius:inherit;top:0;left:0;z-index:10;overflow:hidden}.floating-video-container[data-v-62fe5ba9]{width:130px;height:180px;display:flex;position:absolute;align-items:center;justify-content:center;border-radius:8px;top:100px;left:100px;z-index:1000;overflow:hidden}.dialing-local[data-v-62fe5ba9]{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.dialing-content[data-v-62fe5ba9]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;padding:10px}#local-dialing[data-v-62fe5ba9],#local-group[data-v-62fe5ba9]{background:black;background-image:url(./icons/loading.svg);background-repeat:no-repeat;background-size:auto;background-position-x:center;background-position-y:calc(50% + 10px)}.dialing-user-id[data-v-62fe5ba9]{font-style:normal;font-weight:600;font-size:40px;width:100%;line-height:56px;display:flex;align-items:center;justify-content:center}.dialing-info[data-v-62fe5ba9]{font-style:normal;font-weight:400;font-size:14px;line-height:20px}.control-wrapper[data-v-62fe5ba9]{transform:translate(-50%);position:absolute;bottom:0;padding-bottom:40px;padding-top:20px;left:50%;width:100%;color:#fff;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;z-index:11;user-select:none}.panel-button-area[data-v-62fe5ba9]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:30px 0}.panel-dialing-info[data-v-62fe5ba9]{text-align:center}.control-wrapper[data-v-62fe5ba9]:hover{z-index:13}.control-item[data-v-62fe5ba9]{display:flex;flex-direction:column;width:100px;margin:0 20px}.control-item-h5[data-v-62fe5ba9]{display:flex;flex-direction:column;width:100px;margin:0}.control-item-text[data-v-62fe5ba9]{margin-top:5px;white-space:normal;font-weight:400;font-size:12px;line-height:20px;text-align:center}.control-item-icon-img[data-v-62fe5ba9]{border-radius:56px;width:56px;height:56px}.control-item-icon[data-v-62fe5ba9]{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.control-item-icon-container-small[data-v-62fe5ba9]{background:rgba(0,0,0,0);border-radius:40px;width:40px;height:40px;margin:8px;cursor:pointer}.control-item-icon-container-medium[data-v-62fe5ba9]{background:rgba(0,0,0,0);border-radius:56px;width:56px;height:56px;margin:8px;cursor:pointer}.control-item-icon-container-large[data-v-62fe5ba9]{background:rgba(0,0,0,0);border-radius:68px;width:68px;height:68px;margin:8px;cursor:pointer}.control-item-summary[data-v-62fe5ba9]{height:40px;width:12px;right:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.control-item-summary[data-v-62fe5ba9]:hover{background:rgba(0,0,0,.4)}.control-item-detail[data-v-62fe5ba9]{width:300px;border-radius:4px;background:#FEFEFF;box-shadow:#0000003d 0 3px 8px;color:#000;padding:20px;position:absolute;transform:translate(28px);bottom:110%}.control-item-detail-row[data-v-62fe5ba9]{margin-bottom:6px;font-size:16px}.device-select[data-v-62fe5ba9]{height:32px;width:100%;border:1px solid #DEE0E3;padding-left:6px;padding-top:6px;padding-bottom:6px;margin-top:10px;margin-bottom:10px;font-size:14px;color:#596174}.control-item-detail[data-v-62fe5ba9]:before{content:"";width:0;height:0;border-width:10px;border-style:solid;border-color:#FEFEFF transparent transparent;bottom:-3px;margin-left:-9px;position:absolute;left:50%;border-color:#fff;border-radius:4px;transform:rotate(60deg) skew(30deg)}.tag[data-v-62fe5ba9]{color:#fff;z-index:inherit;background:rgba(0,0,0,.6);padding:2px 10px;border-top-right-radius:inherit;border-bottom-left-radius:inherit;font-size:14px;position:absolute;left:0;bottom:0;z-index:11;display:flex;align-items:center}.tag .microphone-icon-container[data-v-62fe5ba9]{margin-left:0;margin-right:2px;width:20px;background-color:transparent}.switch-large-small[data-v-62fe5ba9]{position:absolute;right:12px;top:12px;width:16px;height:16px;z-index:inherit;cursor:pointer}.small-h5[data-v-62fe5ba9]{position:absolute;width:94px;height:160px;min-height:100px;max-height:60%;top:30px;right:10px;z-index:2;overflow:hidden;background:#000;border-radius:4px}.small[data-v-62fe5ba9]{position:absolute;width:260px;height:170px;min-height:100px;max-height:60%;top:30px;left:30px;z-index:2;overflow:hidden;resize:both;background:#000;border-radius:4px}.large[data-v-62fe5ba9]{min-height:100px;width:100%;height:100%;z-index:1;border-radius:inherit;overflow:hidden}.large .switch-large-small[data-v-62fe5ba9]{display:none}.group-calling-container[data-v-62fe5ba9]{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center}.group-user-view[data-v-62fe5ba9]{width:33.333%;height:33.333%;position:relative;background:rgba(32,32,32,.45);backdrop-filter:blur(34px);color:#fff;overflow:hidden}.user-view-text-container[data-v-62fe5ba9]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:11;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-20px)}.user-view-user-id[data-v-62fe5ba9]{font-family:PingFang SC;font-style:normal;font-weight:600;font-size:24px;line-height:34px}.user-view-info[data-v-62fe5ba9]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:12px;line-height:17px}.page-turn[data-v-62fe5ba9]{width:40px;height:86px;border-radius:4.21px;background:rgba(0,0,0,.2);position:absolute;top:50%;transform:translateY(-50%);z-index:11;display:flex;justify-content:center;align-items:center;cursor:pointer}.turn-icon-container[data-v-62fe5ba9]{width:14px;height:23px}.right[data-v-62fe5ba9]{right:0}.microphone-icon-container[data-v-62fe5ba9]{width:24px;height:24px;background:rgba(0,0,0,.4);border-radius:12px;display:flex;justify-content:center;align-items:center;margin-left:8px}.group-user-view-1[data-v-62fe5ba9]{width:100%;height:100%}.group-calling-container-1[data-v-62fe5ba9]{height:100%}.group-user-view-2[data-v-62fe5ba9]{width:50%;height:100%}.group-calling-container-2[data-v-62fe5ba9]{height:50%}.group-user-view-3[data-v-62fe5ba9],.group-user-view-4[data-v-62fe5ba9]{width:50%;height:50%}.group-calling-container-3[data-v-62fe5ba9],.group-calling-container-4[data-v-62fe5ba9]{height:100%}.group-user-view-5[data-v-62fe5ba9],.group-user-view-6[data-v-62fe5ba9]{width:33.333%;height:50%}.group-calling-container-5[data-v-62fe5ba9],.group-calling-container-6[data-v-62fe5ba9]{height:66%}.user-view-user-id-1[data-v-62fe5ba9]{font-size:24px}.user-view-user-id-2[data-v-62fe5ba9],.user-view-user-id-3[data-v-62fe5ba9],.user-view-user-id-4[data-v-62fe5ba9]{font-size:22px}.user-view-user-id-5[data-v-62fe5ba9],.user-view-user-id-6[data-v-62fe5ba9],.user-view-user-id-7[data-v-62fe5ba9],.user-view-user-id-8[data-v-62fe5ba9],.user-view-user-id-9[data-v-62fe5ba9]{font-size:18px}.float-control-panel[data-v-62fe5ba9]{width:168px;height:56px;background:white;z-index:13;position:fixed;top:20px;right:20px;display:flex;flex-wrap:nowrap;justify-content:center;border-radius:40px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.function-buttons[data-v-62fe5ba9]{position:absolute;right:12px;top:12px;z-index:13;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start}.minimize[data-v-62fe5ba9]{margin-left:10px}.float-control-item-icon[data-v-62fe5ba9]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:56px;height:56px;position:relative}.float-control-item-icon-container[data-v-62fe5ba9]{border-radius:40px;width:40px;height:40px;margin:.5rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}.float-control-item-icon-container[data-v-62fe5ba9]:hover{background:rgba(218,218,218,.3)}.list-wrapper[data-v-62fe5ba9]{flex:1;overflow:auto;display:flex;flex-direction:column;padding:10px 0 0;margin:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.list-item[data-v-62fe5ba9]{display:inline-block;padding:8px 16px;margin:10px 15px 0;max-width:100%;font-size:16px}.left-item[data-v-62fe5ba9]{align-self:flex-start;background-color:#fff;border-radius:12px 12px 12px 0;color:#06b7c1}.right-item[data-v-62fe5ba9]{align-self:flex-end;background-color:#333;border-radius:12px 12px 0;color:#06b7c1}.sub-text[data-v-62fe5ba9]{font-size:12px;color:#06b7c1;margin-top:4px}.invite{&[data-v-62fe5ba9]{position:relative;display:flex;padding-top:6px;padding-left:20px;padding-right:20px;justify-content:center;align-items:center;width:100vw}.invite-text[data-v-62fe5ba9] {font-size: 16px; text-align: center; white-space: normal; overflow-wrap: break-word; word-break: break-word;} .clip[data-v-62fe5ba9]{position: absolute; right: 20px; width: 28px; height: 28px; padding: 6px; align-self: flex-end;} .floating-img[data-v-62fe5ba9]{position: absolute; left: 100px; top: 100px; width: 200px; height: 200px; padding: 6px; align-self: flex-start;} .floating-window[data-v-62fe5ba9] {border-radius: inherit; color: #fff; opacity: 1; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; border-radius: inherit; top: 0; left: 0; z-index: 10; overflow: hidden;} .header[data-v-62fe5ba9] {background: #409eff; color: white; padding: 8px; font-weight: bold; border-radius: 8px 8px 0 0;} .content[data-v-62fe5ba9] {padding: 10px;}}