article[data-v-d27c5d6e]{align-items:center;background:#f7f8f880;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:8px;width:-moz-fit-content;width:fit-content}article h4[data-v-d27c5d6e]{color:#12202e;font-size:12px;font-weight:500}article .actions[data-v-d27c5d6e]{display:flex;gap:4px}article .actions button[data-v-d27c5d6e]{background:#0072ff;border:unset;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;font-weight:500;padding:4px 8px;transition:.2s}article .actions button[data-v-d27c5d6e]:hover{background:#060551}article .actions button.reject[data-v-d27c5d6e]{background:#ff686b}article .actions button.reject[data-v-d27c5d6e]:hover{background:#903334}.gestures-menu[data-v-261f9499]{background:#b5b9ba80;border-radius:50px;display:flex;flex-direction:column;gap:12px}.gestures-menu .color-picker[data-v-261f9499]{height:40px;width:40px}.gestures-menu .color-picker[data-v-261f9499],.gestures-menu .color-picker .container[data-v-261f9499]{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center}.gestures-menu .color-picker .container[data-v-261f9499]{background:#fff;height:24px;width:24px}.gestures-menu .color-picker .container label[data-v-261f9499]{background:#0072ff;border-radius:50%;cursor:pointer;display:flex;height:20px;width:20px}.gestures-menu .color-picker .container label input[data-v-261f9499]{-webkit-appearance:none;background:transparent;border:none;color:transparent;cursor:pointer;height:0;width:0}.gestures-menu .color-picker .container label input[data-v-261f9499]::-webkit-color-swatch{border:none}.gestures-menu figure[data-v-261f9499]{align-items:center;background:unset;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:.2s;width:40px}.gestures-menu figure[data-v-261f9499]:after{background:#fff;content:"";display:flex;height:40%;transition:.2s;width:40%}.gestures-menu figure.active[data-v-261f9499]{background:#0072ff}.gestures-menu figure.draw[data-v-261f9499]:after{-webkit-mask:url(../icons/video/menu/draw.svg) no-repeat 50% 50%;mask:url(../icons/video/menu/draw.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}.gestures-menu figure.undo[data-v-261f9499]{transition:.5s}.gestures-menu figure.undo[data-v-261f9499]:active{background:#b5b9ba80}.gestures-menu figure.undo[data-v-261f9499]:after{-webkit-mask:url(../icons/video/menu/undo.svg) no-repeat 50% 50%;mask:url(../icons/video/menu/undo.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}aside[data-v-88f0a6ba]{display:flex;flex-direction:column;gap:12px;left:20px;position:absolute;top:20px;z-index:20}aside figure[data-v-88f0a6ba]{align-items:center;background:#ecedee80;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:.2s;width:40px}aside figure.hide[data-v-88f0a6ba]{height:0;margin-top:-12px;opacity:0;overflow:hidden}aside figure.active[data-v-88f0a6ba]{background:#0072ff}aside figure[data-v-88f0a6ba]:after{background:#fff;content:"";display:flex;height:50%;transition:.2s;width:50%}aside figure.ar[data-v-88f0a6ba]:after{-webkit-mask:url(../icons/video/menu/ar.svg) no-repeat 50% 50%;mask:url(../icons/video/menu/ar.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}aside figure.print[data-v-88f0a6ba]:after{-webkit-mask:url(../icons/video/menu/printscreen.svg) no-repeat 50% 50%;mask:url(../icons/video/menu/printscreen.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}aside figure.gestures[data-v-88f0a6ba]:after{-webkit-mask:url(../icons/video/menu/gestures.svg) no-repeat 50% 50%;mask:url(../icons/video/menu/gestures.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}aside[data-v-757c3de8]{align-items:center;display:flex;flex-direction:column;gap:4px;left:0;padding:0 20px;position:absolute;top:20px;width:100%;z-index:10}aside span[data-v-757c3de8]{background:#ecedeebf;border-radius:8px;box-shadow:0 3px 3px #00000034;font-size:12px;padding:12px 20px}video[data-v-99e73586]{border-radius:4px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}video.contain[data-v-99e73586],video.main[data-v-99e73586]{-o-object-fit:contain;object-fit:contain}.video{aspect-ratio:640/480;border:1px solid transparent;overflow:hidden;transition:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video .extras{align-items:center;border-radius:4px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:1}.video .extras.no-video{background:#2b2c2d}.video .extras figure{border:unset;height:60px;width:60px}.video .name{align-items:center;color:#fff;display:flex;font-weight:500;height:20%;justify-content:center;left:0;z-index:20}.video .name,.video .name .bg{bottom:0;position:absolute;width:100%}.video .name .bg{background:#2b2c2d;background:linear-gradient(0deg,#2b2c2d80,#2b2c2d80 50%,#2b2c2d00);height:80%}.video .name span{bottom:20%;font-size:16px;margin:0 auto;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:80%}.video .no-audio{align-items:center;background:#ff686bcc;border-radius:50%;display:flex;height:24px;justify-content:center;overflow:hidden;position:absolute;right:12px;top:12px;width:24px;z-index:2}.video .no-audio:after{background:#fff;content:"";display:flex;height:50%;-webkit-mask:url(../icons/video/mic.svg) no-repeat 50% 50%;mask:url(../icons/video/mic.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;transition:.2s;width:50%}.video .no-audio span{background:#fff6;height:1px;position:absolute;transform:rotate(30deg);width:120%}.video vertical-multiple{width:unset}.user[data-v-228d5937]{aspect-ratio:640/480;background:#2b2c2d;border:2px solid transparent;border-radius:4px;display:flex;justify-content:center;overflow:hidden;position:relative;transition:.2s;width:20%}.user.is-speaking[data-v-228d5937]{border-color:#0072ff}.user.has-main-stream[data-v-228d5937]{position:absolute}.user.main-video-frame[data-v-228d5937]{aspect-ratio:640/480;border-radius:4px;height:-webkit-fill-available;left:0;width:calc(80% - 4px)}.user.side-video-frame[data-v-228d5937]{border-radius:4px;height:unset;right:0;top:0;width:calc(20% - 4px)}.user.solo[data-v-228d5937]{width:100%}.user.side-by-side[data-v-228d5937]{height:-moz-fit-content;height:fit-content;width:20%}.extra[data-v-228d5937]{align-items:center;background:#12202e;color:#fff;display:flex;flex-direction:column;font-size:12px;gap:12px;height:100%;justify-content:center;width:100%}.extra span[data-v-228d5937]{text-transform:capitalize}.extra .number[data-v-228d5937]{align-items:center;background:#b6b9ba;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}section[data-v-583c9e6b]{display:flex;flex-direction:column;gap:12px;height:calc(100% - 40px);padding-inline:12px}section .input[data-v-583c9e6b]{align-items:center;display:flex;position:relative}section .input figure[data-v-583c9e6b]{height:14px;left:12px;position:absolute;width:14px}section .input figure[data-v-583c9e6b]:after{background:#707070;content:"";display:flex;height:100%;-webkit-mask:url(../icons/search.svg) no-repeat 50% 50%;mask:url(../icons/search.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;transition:.2s;width:100%}section .input input[data-v-583c9e6b]{padding:12px 12px 12px 36px}section .content[data-v-583c9e6b]{display:flex;flex-direction:column;gap:12px;height:100%;justify-content:space-between;padding-bottom:16px}section .content h6[data-v-583c9e6b]{color:#707070;font-size:12px;font-weight:500}section .content .participants-block[data-v-583c9e6b]{display:flex;flex-direction:column;gap:12px}section .content .participants-block[data-v-583c9e6b]:first-of-type{flex-grow:1;overflow:auto}section .content .participants-block[data-v-583c9e6b]:last-of-type{flex-shrink:0}section .content .participants-block button[data-v-583c9e6b]{border-radius:8px;padding:8px 16px}section .content .participants[data-v-583c9e6b]{border:1px solid #ebeced;border-radius:4px;display:flex;flex-direction:column;min-height:40px;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}section .content .participants .participant[data-v-583c9e6b]{align-items:center;display:flex;justify-content:space-between;padding:12px}section .content .participants .participant .user[data-v-583c9e6b]{align-items:center;display:flex;gap:8px}section .content .participants .participant .user figure[data-v-583c9e6b]{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}section .content .participants .participant .user span[data-v-583c9e6b]{font-size:12px;font-weight:500}section .content .participants .participant .actions[data-v-583c9e6b]{display:flex}section .content .participants .participant .actions figure[data-v-583c9e6b]{cursor:pointer;height:32px;width:32px}section .content .participants .participant .actions figure.pin.pinned[data-v-583c9e6b]:after{background:var(--primary)}section .content .participants .participant .actions figure.pin[data-v-583c9e6b]:after{-webkit-mask:url(../icons/video/pin1.svg) no-repeat 40% 50%;mask:url(../icons/video/pin1.svg) no-repeat 40% 50%;mask-size:contain;-webkit-mask-size:contain}section .content .participants .participant .actions figure.accept[data-v-583c9e6b]:after{-webkit-mask:url(../icons/done.svg) no-repeat 40% 50%;mask:url(../icons/done.svg) no-repeat 40% 50%;mask-size:contain;-webkit-mask-size:contain;width:20px}section .content .participants .participant .actions figure.deny[data-v-583c9e6b]:after{-webkit-mask:url(../icons/cross.svg) no-repeat 40% 50%;mask:url(../icons/cross.svg) no-repeat 40% 50%;mask-size:contain;-webkit-mask-size:contain;width:20px}section .content .participants .participant .actions figure[data-v-583c9e6b]:after{background:#b6b9ba;content:"";display:flex;height:100%;transition:.2s;width:100%}section[data-v-d81b6eb2]{display:flex;flex-direction:column;height:calc(100% - 40px);overflow:hidden;position:relative}aside[data-v-dc3c7801]{background:#fff;border-radius:4px;height:calc(100% - 80px);position:absolute;right:8px;top:8px;transition:.2s;width:360px;z-index:1}aside main[data-v-dc3c7801]{display:flex;flex-direction:column;gap:12px;height:100%}aside main header[data-v-dc3c7801]{align-items:center;border-bottom:1px solid #f2f5f8;border-radius:4px;display:flex;height:40px;justify-content:space-between;padding-inline:12px;width:100%}aside main header h4[data-v-dc3c7801]{color:var(--primary);font-size:14px;font-weight:600}aside main header .close[data-v-dc3c7801]{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:relative;width:20px}aside main header .close[data-v-dc3c7801]:after,aside main header .close[data-v-dc3c7801]:before{background:#12202e;content:"";height:1px;position:absolute;width:12px}aside main header .close[data-v-dc3c7801]:before{transform:rotate(45deg)}aside main header .close[data-v-dc3c7801]:after{transform:rotate(-45deg)}section[data-v-1a5965d8]{background:#12202e;height:100%;position:relative;width:100%}section[data-v-1a5965d8],section .requests[data-v-1a5965d8]{display:flex;flex-direction:column}section .requests[data-v-1a5965d8]{gap:4px;left:50%;max-height:80%;overflow:auto;position:absolute;top:20px;transform:translate(-50%);z-index:999}section .users[data-v-1a5965d8]{display:flex;height:calc(100% - 60px);padding:8px;position:relative;transition:.3s ease-in-out;width:100%}section .users.inset[data-v-1a5965d8]{width:calc(100% - 368px)}section .users .main[data-v-1a5965d8]{transition:.2s;width:80%}section .users .main.solo[data-v-1a5965d8]{width:100%}section .users .main.no-main[data-v-1a5965d8]{width:0}section .users .streams[data-v-1a5965d8]{gap:8px;overflow:hidden;transition:.2s}section .controls[data-v-1a5965d8],section .users .streams[data-v-1a5965d8]{align-items:center;display:flex;justify-content:center;position:relative;width:100%}section .controls[data-v-1a5965d8]{gap:20px;height:60px;z-index:20}section .controls .side-controls[data-v-1a5965d8]{display:flex;gap:8px;position:absolute;right:8px}section .controls .side-controls figure[data-v-1a5965d8]{border:none;height:32px;width:32px}section .controls .side-controls figure .badge[data-v-1a5965d8]{background:#ff686b;color:#fff;font-size:10px;font-weight:700;height:16px;position:absolute;right:-5px;top:-5px;width:16px;z-index:10}section .controls .side-controls figure .badge[data-v-1a5965d8],section .controls figure[data-v-1a5965d8]{align-items:center;border-radius:50%;display:flex;justify-content:center}section .controls figure[data-v-1a5965d8]{border:1px solid #fff;cursor:pointer;height:40px;overflow:visible;position:relative;width:40px}section .controls figure[data-v-1a5965d8]:after{background:#fff;content:"";display:flex;height:40%;transition:.2s;width:40%}section .controls figure.mic[data-v-1a5965d8]:after{-webkit-mask:url(../icons/video/mic.svg) no-repeat 50% 50%;mask:url(../icons/video/mic.svg) no-repeat 50% 50%;mask-size:contain;-webkit-mask-size:contain}section .controls figure.mic.off[data-v-1a5965d8]:after{background:#fff}section .controls figure.camera[data-v-1a5965d8]:after{-webkit-mask:url(../icons/video/camera.svg) no-repeat 50% 50%;mask:url(../icons/video/camera.svg) no-repeat 50% 50%;mask-size:contain;-webkit-mask-size:contain}section .controls figure.camera.off[data-v-1a5965d8]:after{background:#fff}section .controls figure.screen-share[data-v-1a5965d8]:after{-webkit-mask:url(../icons/video/screen-share.svg) no-repeat 50% 50%;mask:url(../icons/video/screen-share.svg) no-repeat 50% 50%;mask-size:contain;-webkit-mask-size:contain}section .controls figure.screen-share.on[data-v-1a5965d8]{background:#fff}section .controls figure.screen-share.on[data-v-1a5965d8]:after{background:#12202e;-webkit-mask:url(../icons/video/screen-share.svg) no-repeat 50% 50%;mask:url(../icons/video/screen-share.svg) no-repeat 50% 50%;mask-size:contain;-webkit-mask-size:contain}section .controls figure.full-screen[data-v-1a5965d8]:after{background:#fff;-webkit-mask:url(../icons/video/fullscreen.svg) no-repeat 50% 50%;mask:url(../icons/video/fullscreen.svg) no-repeat 50% 50%;mask-size:contain;-webkit-mask-size:contain}section .controls figure.full-screen.on[data-v-1a5965d8]:after{-webkit-mask:url(../icons/video/fullscreen-exit.svg) no-repeat 50% 50%;mask:url(../icons/video/fullscreen-exit.svg) no-repeat 50% 50%;mask-size:contain;-webkit-mask-size:contain}section .controls figure.chat.on[data-v-1a5965d8]{background:#fff}section .controls figure.chat.on[data-v-1a5965d8]:after{background:#12202e}section .controls figure.chat[data-v-1a5965d8]:after{height:50%;-webkit-mask:url(../icons/chat1.svg) no-repeat 40% 50%;mask:url(../icons/chat1.svg) no-repeat 40% 50%;mask-size:contain;-webkit-mask-size:contain;width:50%}section .controls figure.participants.on[data-v-1a5965d8]{background:#fff}section .controls figure.participants.on[data-v-1a5965d8]:after{background:#12202e}section .controls figure.participants[data-v-1a5965d8]:after{height:60%;-webkit-mask:url(../icons/video/participants.svg) no-repeat 40% 50%;mask:url(../icons/video/participants.svg) no-repeat 40% 50%;mask-size:contain;-webkit-mask-size:contain;width:60%}section .controls figure.settings[data-v-1a5965d8]:after{height:60%;-webkit-mask:url(../icons/video/settings.svg) no-repeat 40% 50%;mask:url(../icons/video/settings.svg) no-repeat 40% 50%;mask-size:contain;-webkit-mask-size:contain;width:60%}section .controls figure.end[data-v-1a5965d8]{background:#ff686b;border-color:#ff686b}section .controls figure.end[data-v-1a5965d8]:after{background:#fff;height:60%;-webkit-mask:url(../icons/video/phone.svg) no-repeat 50% 50%;mask:url(../icons/video/phone.svg) no-repeat 50% 50%;mask-size:contain;-webkit-mask-size:contain;width:60%}section .controls figure.off[data-v-1a5965d8]{background:#ff686b80;border-color:#ff686b;z-index:2}section .controls figure.off[data-v-1a5965d8]:before{background:#ecedee80;content:"";height:1px;position:absolute;transform:rotate(-35deg);width:120%}.call-settings[data-v-bc473cfa]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.call-settings .container[data-v-bc473cfa]{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;max-height:400px;max-width:500px;width:100%}.call-settings .container header[data-v-bc473cfa]{align-items:center;border-bottom:1px solid #ebeced;display:flex;height:56px;padding-inline:20px;position:relative}.call-settings .container header h4[data-v-bc473cfa]{font-weight:600;text-transform:capitalize}.call-settings .container header .close[data-v-bc473cfa]{align-items:center;background:#f2f5f8;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;width:32px}.call-settings .container header .close[data-v-bc473cfa]:after,.call-settings .container header .close[data-v-bc473cfa]:before{background:#2b2c2d;content:"";height:1px;position:absolute;width:12px}.call-settings .container header .close[data-v-bc473cfa]:before{transform:rotate(-45deg)}.call-settings .container header .close[data-v-bc473cfa]:after{transform:rotate(45deg)}.call-settings .container .settings[data-v-bc473cfa]{padding:20px}.call-settings .container footer[data-v-bc473cfa]{align-items:center;border-top:1px solid #ebeced;display:flex;height:56px;justify-content:space-between;padding-inline:20px;position:relative}.call-settings .container footer span[data-v-bc473cfa]{align-items:center;color:#707070;cursor:pointer;display:flex;font-size:12px;height:56px;justify-content:center;padding-inline:20px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.call-settings .container footer button[data-v-bc473cfa]{border-radius:4px;margin:0}