.gestures-menu[data-v-efa86454]{background:#a1a1aa80;border-radius:50px;flex-direction:column;gap:12px;display:flex}.gestures-menu .color-picker[data-v-efa86454]{width:40px;height:40px}.gestures-menu .color-picker[data-v-efa86454],.gestures-menu .color-picker .container[data-v-efa86454]{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.gestures-menu .color-picker .container[data-v-efa86454]{background:#fff;width:24px;height:24px}.gestures-menu .color-picker .container label[data-v-efa86454]{cursor:pointer;background:#3b82f6;border-radius:50%;width:20px;height:20px;display:flex}.gestures-menu .color-picker .container label input[data-v-efa86454]{cursor:pointer;color:#0000;appearance:none;background:0 0;border:none;width:0;height:0}.gestures-menu .color-picker .container label input[data-v-efa86454]::-webkit-color-swatch{border:none}.gestures-menu figure[data-v-efa86454]{background:unset;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.gestures-menu figure[data-v-efa86454]:after{content:"";background:#fff;width:40%;height:40%;transition:all .2s;display:flex}.gestures-menu figure.active[data-v-efa86454]{background:#3b82f6}.gestures-menu figure.draw[data-v-efa86454]:after{-webkit-mask:url(../icons/video/menu/draw.svg) 50%/contain no-repeat;mask:url(../icons/video/menu/draw.svg) 50%/contain no-repeat}.gestures-menu figure.undo[data-v-efa86454]{transition:all .5s}.gestures-menu figure.undo[data-v-efa86454]:active{background:#a1a1aa80}.gestures-menu figure.undo[data-v-efa86454]:after{-webkit-mask:url(../icons/video/menu/undo.svg) 50%/contain no-repeat;mask:url(../icons/video/menu/undo.svg) 50%/contain no-repeat}aside[data-v-6e026af3]{z-index:20;flex-direction:column;gap:12px;display:flex;position:absolute;top:20px;left:20px}aside figure[data-v-6e026af3]{cursor:pointer;background:#e4e4e780;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}aside figure.hide[data-v-6e026af3]{opacity:0;height:0;margin-top:-12px;overflow:hidden}aside figure.active[data-v-6e026af3]{background:#3b82f6}aside figure[data-v-6e026af3]:after{content:"";background:#fff;width:50%;height:50%;transition:all .2s;display:flex}aside figure.ar[data-v-6e026af3]:after{-webkit-mask:url(../icons/video/menu/ar.svg) 50%/contain no-repeat;mask:url(../icons/video/menu/ar.svg) 50%/contain no-repeat}aside figure.print[data-v-6e026af3]:after{-webkit-mask:url(../icons/video/menu/printscreen.svg) 50%/contain no-repeat;mask:url(../icons/video/menu/printscreen.svg) 50%/contain no-repeat}aside figure.gestures[data-v-6e026af3]:after{-webkit-mask:url(../icons/video/menu/gestures.svg) 50%/contain no-repeat;mask:url(../icons/video/menu/gestures.svg) 50%/contain no-repeat}article[data-v-faafd5af]{background:#fafafa80;border-radius:6px;flex-direction:column;align-items:center;gap:4px;width:fit-content;padding:8px;display:flex}article h4[data-v-faafd5af]{color:#18181b;font-size:12px;font-weight:500}article .actions[data-v-faafd5af]{gap:4px;display:flex}article .actions button[data-v-faafd5af]{color:#fff;border:unset;cursor:pointer;background:#3b82f6;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:500;transition:all .2s}article .actions button[data-v-faafd5af]:hover{background:#060551}article .actions button.reject[data-v-faafd5af]{background:#ef4444}article .actions button.reject[data-v-faafd5af]:hover{background:#991b1b}video[data-v-1ad93141]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}video.mirrored[data-v-1ad93141]{transform:scaleX(-1)}.video{-webkit-user-select:none;user-select:none;border:none;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.video,.video .extras{width:100%;height:100%}.video .extras{z-index:1;color:#fff;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;left:0}.video .extras.no-video{background:#27272a}.video .name{z-index:20;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18181bb3;border-radius:4px;max-width:calc(100% - 24px);padding:4px 8px;font-size:14px;font-weight:500;position:absolute;bottom:12px;left:12px}.video .name .bg{display:none}.video .name span:not(.bg){text-overflow:ellipsis;white-space:nowrap;bottom:unset;text-align:left;width:auto;margin:0;display:block;position:relative;overflow:hidden}.video .no-audio{z-index:2;background:#ef4444cc;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:12px;right:12px;overflow:hidden}.video .no-audio:after{content:"";background:#fff;width:50%;height:50%;transition:all .2s;display:flex;-webkit-mask:url(../icons/video/mic.svg) 50%/contain no-repeat;mask:url(../icons/video/mic.svg) 50%/contain no-repeat}.video .no-audio span{background:#fff6;width:120%;height:1px;position:absolute;transform:rotate(30deg)}.video vertical-multiple{width:unset}.video :deep(video){-o-object-fit:contain;object-fit:contain;background:#1f1f1f;width:100%;height:100%}.drawing-canvas[data-v-60f7244e]{pointer-events:none;touch-action:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.drawing-canvas.drawing[data-v-60f7244e]{pointer-events:all;cursor:crosshair}.freeze-toolbar[data-v-f1a20827]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#000000bf;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.toolbar-section[data-v-f1a20827]{align-items:center;gap:6px;display:flex}.toolbar-section button[data-v-f1a20827]{cursor:pointer;background:0 0;border:none;margin:0;padding:0}.toolbar-divider[data-v-f1a20827]{background:#fff3;flex-shrink:0;width:1px;height:24px}.color-swatch[data-v-f1a20827]{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:transform .15s,border-color .15s}.color-swatch.active[data-v-f1a20827],.color-swatch[data-v-f1a20827]:hover{transform:scale(1.15)}.color-swatch.active[data-v-f1a20827]{border-color:#fff}.color-swatch.custom[data-v-f1a20827]{color:#fff;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);justify-content:center;align-items:center;display:flex}.color-swatch.custom input[type=color][data-v-f1a20827]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.width-btn[data-v-f1a20827]{cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,border-color .15s;display:flex}.width-btn[data-v-f1a20827]:hover{background:#ffffff1a}.width-btn.active[data-v-f1a20827]{background:#fff3;border-color:#fff}.width-btn .stroke-preview[data-v-f1a20827]{background:#fff;border-radius:4px;width:16px;display:block}.action-btn[data-v-f1a20827]{cursor:pointer;color:#fff;background:0 0;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.action-btn[data-v-f1a20827]:hover{background:#ffffff1a}section[data-v-73645191]{flex-direction:column;gap:12px;height:calc(100% - 40px);padding-inline:12px;display:flex}section .input[data-v-73645191]{align-items:center;display:flex;position:relative}section .input figure[data-v-73645191]{width:14px;height:14px;position:absolute;left:12px}section .input figure[data-v-73645191]:after{content:"";background:#71717a;width:100%;height:100%;transition:all .2s;display:flex;-webkit-mask:url(../icons/search.svg) 50%/contain no-repeat;mask:url(../icons/search.svg) 50%/contain no-repeat}section .input input[data-v-73645191]{padding:12px 12px 12px 36px}section .content[data-v-73645191]{flex-direction:column;justify-content:space-between;gap:12px;height:100%;padding-bottom:16px;display:flex}section .content h6[data-v-73645191]{color:#71717a;font-size:12px;font-weight:500}section .content .participants-block[data-v-73645191]{flex-direction:column;gap:12px;display:flex}section .content .participants-block[data-v-73645191]:first-of-type{flex-grow:1;overflow:auto}section .content .participants-block[data-v-73645191]:last-of-type{flex-shrink:0}section .content .participants-block button[data-v-73645191]{border-radius:8px;padding:8px 16px}section .content .participants[data-v-73645191]{-webkit-user-select:none;user-select:none;border:1px solid #e4e4e7;border-radius:4px;flex-direction:column;min-height:40px;display:flex;overflow:auto}section .content .participants .participant[data-v-73645191]{justify-content:space-between;align-items:center;padding:12px;display:flex}section .content .participants .participant .user[data-v-73645191]{align-items:center;gap:8px;display:flex}section .content .participants .participant .user figure[data-v-73645191]{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}section .content .participants .participant .user span[data-v-73645191]{font-size:12px;font-weight:500}section .content .participants .participant .actions[data-v-73645191]{display:flex}section .content .participants .participant .actions figure[data-v-73645191]{cursor:pointer;width:32px;height:32px}section .content .participants .participant .actions figure.pin.pinned[data-v-73645191]:after{background:var(--primary)}section .content .participants .participant .actions figure.pin[data-v-73645191]:after{-webkit-mask:url(../icons/video/pin1.svg) 40%/contain no-repeat;mask:url(../icons/video/pin1.svg) 40%/contain no-repeat}section .content .participants .participant .actions figure.accept[data-v-73645191]:after{width:20px;-webkit-mask:url(../icons/done.svg) 40%/contain no-repeat;mask:url(../icons/done.svg) 40%/contain no-repeat}section .content .participants .participant .actions figure.deny[data-v-73645191]:after{width:20px;-webkit-mask:url(../icons/cross.svg) 40%/contain no-repeat;mask:url(../icons/cross.svg) 40%/contain no-repeat}section .content .participants .participant .actions figure[data-v-73645191]:after{content:"";background:#a1a1aa;width:100%;height:100%;transition:all .2s;display:flex}section[data-v-a3a36b76]{flex-direction:column;height:calc(100% - 40px);display:flex;position:relative;overflow:hidden}aside[data-v-1bd4f3ea]{z-index:1;background:#fff;border-radius:4px;width:360px;height:calc(100% - 80px);transition:all .2s;position:absolute;top:8px;right:8px}aside main[data-v-1bd4f3ea]{flex-direction:column;gap:12px;height:100%;display:flex}aside main header[data-v-1bd4f3ea]{border-bottom:1px solid #f5f5f5;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:40px;padding-inline:12px;display:flex}aside main header h4[data-v-1bd4f3ea]{color:var(--primary);font-size:14px;font-weight:600}aside main header .close[data-v-1bd4f3ea]{cursor:pointer;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}aside main header .close[data-v-1bd4f3ea]:after,aside main header .close[data-v-1bd4f3ea]:before{content:"";background:#18181b;width:12px;height:1px;position:absolute}aside main header .close[data-v-1bd4f3ea]:before{transform:rotate(45deg)}aside main header .close[data-v-1bd4f3ea]:after{transform:rotate(-45deg)}section[data-v-50e724c9]{background:#18181b;width:100%;height:100%;position:relative}section[data-v-50e724c9],section .requests[data-v-50e724c9]{flex-direction:column;display:flex}section .requests[data-v-50e724c9]{z-index:999;gap:4px;max-height:80%;position:absolute;top:20px;left:50%;overflow:auto;transform:translate(-50%)}section .drawing-indicator[data-v-50e724c9]{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f6e6;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;animation:2s ease-in-out infinite pulse-50e724c9;display:flex;box-shadow:0 4px 12px #0000004d}section .drawing-indicator .drawing-icon[data-v-50e724c9]{background:#fff;width:18px;height:18px;-webkit-mask:url(../icons/video/menu/draw.svg) 50%/contain no-repeat;mask:url(../icons/video/menu/draw.svg) 50%/contain no-repeat}section .drawing-indicator .drawing-text[data-v-50e724c9]{white-space:nowrap}@keyframes pulse-50e724c9{0%,to{opacity:1}50%{opacity:.7}}section .users[data-v-50e724c9]{width:100%;height:calc(100% - 60px);padding:8px;transition:all .3s ease-in-out;display:flex;position:relative}section .users.inset[data-v-50e724c9]{width:calc(100% - 368px)}section .users .streams[data-v-50e724c9]{gap:8px;width:100%;height:100%;padding:8px;transition:all .2s;display:grid;position:relative;overflow:hidden}section .users .streams.freeze-active[data-v-50e724c9]{flex-flow:wrap;align-content:flex-start;display:flex;overflow:auto hidden}section .users .streams.freeze-active .frozen-main[data-v-50e724c9]{flex:0 0 100%;height:calc(100% - 116px);min-height:0}section .users .streams.freeze-active .participant-item[data-v-50e724c9]:not(.frozen-main){flex:0 0 160px;align-self:flex-start;height:108px;min-height:0}section .users .streams[data-participants="1"][data-v-50e724c9]{grid-template-rows:1fr;grid-template-columns:1fr}section .users .streams[data-participants="2"][data-v-50e724c9]{grid-template-rows:1fr;grid-template-columns:1fr 1fr}section .users .streams[data-participants="3"][data-v-50e724c9]{grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr}section .users .streams[data-participants="4"][data-v-50e724c9]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}section .users .streams[data-participants="5"][data-v-50e724c9],section .users .streams[data-participants="6"][data-v-50e724c9]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr}section .users .streams[data-participants="7"][data-v-50e724c9],section .users .streams[data-participants="8"][data-v-50e724c9],section .users .streams[data-participants="9"][data-v-50e724c9]{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}section .users .streams[data-v-50e724c9]:not([data-participants="1"]):not([data-participants="2"]):not([data-participants="3"]):not([data-participants="4"]):not([data-participants="5"]):not([data-participants="6"]):not([data-participants="7"]):not([data-participants="8"]):not([data-participants="9"]){grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr}section .participant-item[data-v-50e724c9]{background:#1f1f1f;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;transition:all .3s;display:flex;position:relative;overflow:hidden}section .participant-item.local[data-v-50e724c9]{border-color:#3b82f6}section .participant-item.local[data-v-50e724c9] video{transform:scaleX(-1)}section .participant-item.local.screen-share-tile[data-v-50e724c9]{border-color:#0000}section .participant-item.local.screen-share-tile[data-v-50e724c9] video{transform:none}section .participant-item[data-v-50e724c9]:hover{border-color:#ffffff4d}section .participant-item .tile-controls[data-v-50e724c9]{opacity:0;z-index:15;gap:6px;transition:opacity .2s;display:flex;position:absolute;bottom:8px;right:8px}section .participant-item .tile-freeze[data-v-50e724c9],section .participant-item .tile-fullscreen[data-v-50e724c9],section .participant-item .tile-screenshot[data-v-50e724c9]{color:#fff;cursor:pointer;background:#00000080;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .2s;display:flex}section .participant-item .tile-freeze[data-v-50e724c9]:hover,section .participant-item .tile-fullscreen[data-v-50e724c9]:hover,section .participant-item .tile-screenshot[data-v-50e724c9]:hover{background:#000c}section .participant-item .tile-freeze.active[data-v-50e724c9]{color:#fff;background:#3b82f6d9}section .participant-item:hover .tile-controls[data-v-50e724c9]{opacity:1}section .controls[data-v-50e724c9]{z-index:20;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:12px;width:100%;height:60px;display:flex;position:relative}section .controls.controls-disabled .ctrl-btn[data-v-50e724c9]:not(.end){opacity:.4;pointer-events:none}section .controls .side-controls[data-v-50e724c9]{gap:8px;display:flex;position:absolute;right:8px}section .controls .ctrl-btn[data-v-50e724c9]{cursor:pointer;color:#fff;background:0 0;border:1px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;transition:background .2s,border-color .2s;display:flex;position:relative}section .controls .ctrl-btn[data-v-50e724c9]:hover{background:#ffffff26}section .controls .ctrl-btn.small[data-v-50e724c9]{border:none;width:32px;min-width:32px;height:32px}section .controls .ctrl-btn.small[data-v-50e724c9]:hover{background:#ffffff26}section .controls .ctrl-btn.coming-soon[data-v-50e724c9]{opacity:.45;cursor:default}section .controls .ctrl-btn.coming-soon[data-v-50e724c9]:hover{background:0 0}section .controls .ctrl-btn.coming-soon[data-v-50e724c9]:after{content:"Coming soon";color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#000000bf;border-radius:4px;padding:3px 8px;font-size:11px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}section .controls .ctrl-btn.coming-soon[data-v-50e724c9]:hover:after{opacity:1}section .controls .ctrl-btn.on[data-v-50e724c9]{color:#18181b;background:#fff}section .controls .ctrl-btn.off[data-v-50e724c9]{color:#fff;background:#ef444480;border-color:#ef4444}section .controls .ctrl-btn.end[data-v-50e724c9]{color:#fff;background:#ef4444;border-color:#ef4444}section .controls .ctrl-btn.end[data-v-50e724c9]:hover{background:#eb1515}section .controls .ctrl-btn .badge[data-v-50e724c9]{color:#fff;z-index:10;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.call-settings[data-v-67e74713]{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.call-settings .container[data-v-67e74713]{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:500px;height:fit-content;max-height:400px;display:flex}.call-settings .container header[data-v-67e74713]{border-bottom:1px solid #e4e4e7;align-items:center;height:56px;padding-inline:20px;display:flex;position:relative}.call-settings .container header h4[data-v-67e74713]{text-transform:capitalize;font-weight:600}.call-settings .container header .close[data-v-67e74713]{cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.call-settings .container header .close[data-v-67e74713] svg{color:#27272a;background:#f5f5f5;border-radius:50%;width:32px;height:32px;padding:6px;transition:all .2s}.call-settings .container header .close[data-v-67e74713]:hover svg{background:#e4e4e7}.call-settings .container .settings[data-v-67e74713]{padding:20px}.call-settings .container footer[data-v-67e74713]{border-top:1px solid #e4e4e7;justify-content:space-between;align-items:center;height:56px;padding-inline:20px;display:flex;position:relative}.call-settings .container footer span[data-v-67e74713]{color:#71717a;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:56px;padding-inline:20px;font-size:12px;display:flex}.call-settings .container footer button[data-v-67e74713]{border-radius:4px;margin:0}
