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