.item[data-v-cc6858ea]{padding:8px;width:100%;border-radius:4px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:.2s}.item[data-v-cc6858ea]:hover{background:#e4e4e766}.item.branch[data-v-cc6858ea]{width:100%;flex-direction:row;gap:12px}.item.branch figure[data-v-cc6858ea]{width:32px;height:32px}.item.branch .info h4[data-v-cc6858ea]{font-size:12px}.item.active[data-v-cc6858ea]{background:var(--primary)}.item.active .roles[data-v-cc6858ea],.item.active h4[data-v-cc6858ea]{color:#fff}.item.active figure span[data-v-cc6858ea]{background:#fff;color:var(--primary)}.item figure[data-v-cc6858ea]{width:48px;height:48px;border-radius:50%;overflow:hidden;transition:.2s}.item figure img[data-v-cc6858ea]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.item figure span[data-v-cc6858ea]{width:100%;height:100%;background:var(--primary);color:#fff;justify-content:center;font-weight:500;font-size:16px;transition:.2s}.item .info[data-v-cc6858ea],.item figure span[data-v-cc6858ea]{display:flex;align-items:center}.item .info[data-v-cc6858ea]{justify-content:space-between;width:calc(100% - 64px)}.item .info h4[data-v-cc6858ea]{margin-top:4px;font-size:14px;font-weight:500}.item .info .roles[data-v-cc6858ea]{font-size:10px}main[data-v-343d83e5]{position:fixed;top:0;left:0;background:#a1a1aa33;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;padding:20px;display:flex;justify-content:center;align-items:center}main[data-v-343d83e5],main .container[data-v-343d83e5]{width:100%;height:100%}main .container[data-v-343d83e5]{max-width:500px;max-height:700px;background:#fff;border-radius:2y4px}main .container header[data-v-343d83e5]{height:60px;width:100%;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(240,5%,65%,.2);position:relative}main .container header h4[data-v-343d83e5]{font-size:14px;font-weight:500;text-transform:capitalize}main .container header .close[data-v-343d83e5]{position:absolute;right:0;top:0;width:60px;height:60px;display:flex;justify-content:center;align-items:center;cursor:pointer}main .container header .close[data-v-343d83e5]:after,main .container header .close[data-v-343d83e5]:before{content:"";position:absolute;width:16px;height:2px;background:#18181b;border-radius:px}main .container header .close[data-v-343d83e5]:before{transform:rotate(-45deg)}main .container header .close[data-v-343d83e5]:after{transform:rotate(45deg)}main .container section[data-v-343d83e5]{height:calc(100% - 140px);padding:20px;display:flex;flex-direction:column;gap:12px;overflow:auto}main .container section h6[data-v-343d83e5]{font-weight:400;font-size:12px;color:#71717a}main .container section .wrapper[data-v-343d83e5]{width:100%;display:flex;flex-direction:column}main .container section .wrapper.branches[data-v-343d83e5]{flex-direction:column;flex-wrap:nowrap}main .container footer[data-v-343d83e5]{height:80px;width:100%;display:flex;justify-content:center;align-items:center}section[data-v-0f1199ee]{max-width:240px}section[data-v-0f1199ee],section .content[data-v-0f1199ee]{display:flex;align-items:center;position:relative}section .content[data-v-0f1199ee]{gap:12px;width:100%;text-decoration:none;cursor:pointer;transition:.2s;border-radius:999px;padding-right:20px}@media(min-width:850px){section .content[data-v-0f1199ee]{padding-right:20px}section .content[data-v-0f1199ee]:hover{background:#e4e4e7}}section .content figure[data-v-0f1199ee]{width:32px;height:32px;border-radius:999px;overflow:hidden;background:var(--primary);border:1px solid #e4e4e7;display:flex;justify-content:center;align-items:center}@media(min-width:850px){section .content figure[data-v-0f1199ee]{width:56px;height:56px}}section .content figure img[data-v-0f1199ee]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}section .content figure span[data-v-0f1199ee]{width:100%;height:100%;justify-content:center;color:#fff;background:var(--primary);font-weight:600}section .content .info[data-v-0f1199ee],section .content figure span[data-v-0f1199ee]{display:flex;align-items:center;text-decoration:none}section .content .info[data-v-0f1199ee]{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#18181b;width:calc(100% - 68px)}section .content .info .data[data-v-0f1199ee]{display:flex;flex-direction:column;justify-content:center;font-size:16px;width:100%}section .content .info h2[data-v-0f1199ee]{font-size:14px;font-weight:600;width:100%}section .content .info .branch[data-v-0f1199ee]{font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:90%}section .content .info .arrow[data-v-0f1199ee]{margin-left:8px;width:4px;height:4px;position:inherit;transform:rotate(45deg) translateY(-2px)}section .content .info .arrow[data-v-0f1199ee]:after{content:"";position:absolute;width:4px;height:4px;border-color:transparent #fff #fff transparent;border-style:solid;border-width:1px}nav[data-v-8ea5bd30]{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;padding-inline:8px;border-radius:0 0 24px 24px;display:none;gap:12px;height:40px;z-index:0;transition:.2s ease-in-out}@media(min-width:850px){nav[data-v-8ea5bd30]{display:flex}}nav[data-v-8ea5bd30]:after,nav[data-v-8ea5bd30]:before{content:"";position:absolute;background-color:transparent;top:0;height:50px;width:12px;box-shadow:0 -12px #fff}nav[data-v-8ea5bd30]:before{left:-12px;border-top-right-radius:12px}nav[data-v-8ea5bd30]:after{right:-12px;border-top-left-radius:12px}nav a[data-v-8ea5bd30]{text-decoration:none;padding-inline:24px;border:1px solid #e4e4e7;border-radius:999px;height:32px;display:flex;justify-content:center;align-items:center;font-size:12px;text-transform:capitalize;font-weight:500;color:#18181b;transition:.2s ease-in-out}nav a.active[data-v-8ea5bd30]{background:var(--primary);color:#fff}section[data-v-a98aea70]{position:fixed;align-items:center;z-index:1;isolation:isolate;bottom:20px;left:50%;transform:translate(-50%)}@media(min-width:850px){section[data-v-a98aea70]{display:flex;position:static;left:unset;transform:unset}}section .icon-wrapper[data-v-a98aea70]{width:20px;height:20px;justify-content:center;color:#71717a}section .icon-wrapper[data-v-a98aea70],section nav.main-menu[data-v-a98aea70]{display:flex;align-items:center;position:relative}section nav.main-menu[data-v-a98aea70]{gap:12px;background:#fff;border-radius:999px;z-index:1;height:64px;box-shadow:0 2px 4px #0003;padding:6px}@media(min-width:850px){section nav.main-menu[data-v-a98aea70]{background:#f4f4f5;height:unset;box-shadow:unset}}section nav.main-menu span.active-pill[data-v-a98aea70]{position:absolute;height:100%;background:var(--primary);border-radius:999px;transition:.2s ease-in-out}@media(max-width:850px){section nav.main-menu span.active-pill[data-v-a98aea70]{width:52px!important;height:52px}}section nav.main-menu a[data-v-a98aea70]{display:flex;justify-content:center;align-items:center;height:52px;width:52px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.2s;cursor:pointer;gap:12px;position:relative;background:transparent;border:none;text-decoration:none}@media(min-width:850px){section nav.main-menu a[data-v-a98aea70]{width:unset;height:40px;padding-inline:16px 20px}}section nav.main-menu a.active .icon-wrapper[data-v-a98aea70],section nav.main-menu a.active>span[data-v-a98aea70]:not(.notifications){color:#fff}section nav.main-menu a .icon-wrapper span.notifications[data-v-a98aea70]{background:#ef4444;font-size:10px;width:6px;height:6px;display:flex;position:absolute;top:0;right:0;border-radius:50%;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}section nav.main-menu a>span[data-v-a98aea70]:not(.notifications){font-size:14px;font-weight:500;color:#27272a;letter-spacing:.25px;display:none}@media(min-width:1440px){section nav.main-menu a>span[data-v-a98aea70]:not(.notifications){display:block}}section .upgrade[data-v-a98aea70]{margin-left:12px;display:flex;align-items:center;height:28px;padding-inline:8px 12px;gap:6px;border-radius:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;background:#18181b1a;transition:all .2s ease}section .upgrade[data-v-a98aea70]:hover{background:#18181b}section .upgrade:hover span[data-v-a98aea70]{color:#fff}section .upgrade p[data-v-a98aea70],section .upgrade span[data-v-a98aea70]{color:#18181b;transition:color .2s ease}section .upgrade p[data-v-a98aea70]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}section .upgrade:hover p[data-v-a98aea70]{color:#fff}.active-timers[data-v-adb7170a]{display:flex;align-items:center;justify-content:center;position:relative;width:32px;height:32px;transition:.2s}.active-timers.closed[data-v-adb7170a]{width:0}.active-timers .timer-icon[data-v-adb7170a]{display:flex;background:#ef4444;animation:breathe-adb7170a 2s ease-in-out infinite;align-items:center;padding:8px;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:.2s}.active-timers .timer-icon.open[data-v-adb7170a]{border-radius:8px 8px 0 0}.active-timers .timer-icon figure[data-v-adb7170a]{width:16px;height:16px}.active-timers .timer-icon figure img[data-v-adb7170a]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.active-timers .timer-icon span[data-v-adb7170a]{margin-left:8px;font-size:12px;color:#fff}.active-timers .timers[data-v-adb7170a]{display:flex;flex-direction:column;position:absolute;top:100%;background:#fafafa;border-radius:4px;width:5rem}.active-timers .timers .timer[data-v-adb7170a]{display:flex;justify-content:center;align-items:center;width:100%;color:#18181b;padding:8px;font-size:12px;font-weight:500;text-align:center;border-top:1px solid #e4e4e7;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.active-timers .timers .timer[data-v-adb7170a]:first-of-type{border-top:0}.active-timers .timers .timer .name[data-v-adb7170a]{width:calc(100% - 12px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.active-timers .timers .timer .icon[data-v-adb7170a]{width:8px;height:8px;border-radius:50%;background:#ef4444;margin-left:4px}@keyframes breathe-adb7170a{0%{background:#ef4444}50%{background:#ef4444e6}to{background:#ef4444}}article[data-v-ab43eac2]{height:90px;padding-inline:12px;gap:12px;position:relative}article[data-v-ab43eac2],article figure[data-v-ab43eac2]{display:flex;align-items:center}article figure[data-v-ab43eac2]{width:28px;height:28px;justify-content:center;border-radius:50%;background:#060551;opacity:.2;background:linear-gradient(90deg,#a1a1aa,#a1a1aa33 50%,#a1a1aa);background-size:300%;animation:flow 1s ease infinite}article .notification-data[data-v-ab43eac2]{width:calc(100% - 80px);display:flex;flex-direction:column;gap:4px}article .notification-data .title[data-v-ab43eac2]{width:60%;height:14px}article .notification-data .title[data-v-ab43eac2],article .notification-data span[data-v-ab43eac2]{background:#060551;opacity:.2;background:linear-gradient(90deg,#a1a1aa,#a1a1aa33 50%,#a1a1aa);background-size:300%;animation:flow 1s ease infinite;border-radius:4px}article .notification-data span[data-v-ab43eac2]{width:95%;height:12px}article .notification-data .date[data-v-ab43eac2]{width:40%;height:10px;background:#060551;opacity:.2;background:linear-gradient(90deg,#a1a1aa,#a1a1aa33 50%,#a1a1aa);background-size:300%;animation:flow 1s ease infinite;border-radius:4px}.no-notifications[data-v-0ef8fd51]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.no-notifications figure[data-v-0ef8fd51]{width:120px;height:120px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:4px solid var(--primary);opacity:.5;position:relative}.no-notifications figure[data-v-0ef8fd51]:after{position:absolute;content:"x";color:#fff;width:16px;height:16px;border-radius:50%;background:var(--primary);transform:translate(14px,-14px);display:flex;justify-content:center;align-items:center;font-size:10px}.no-notifications figure img[data-v-0ef8fd51]{width:50%;transform:rotate(15deg)}.no-notifications span[data-v-0ef8fd51]{margin-top:24px;font-size:12px;color:#71717a}article[data-v-a7bfeab2]{padding:20px 12px;display:flex;gap:12px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:.2s ease-in-out}article[data-v-a7bfeab2]:hover{background:#e4e4e780}article.unread[data-v-a7bfeab2]{background:#dbeafe66}article.unread[data-v-a7bfeab2]:hover{background:#dbeafe99}article.unread .notification-data[data-v-a7bfeab2]{color:#18181b}article.unread .notification-data .date[data-v-a7bfeab2]{color:#71717a}article .read_tag[data-v-a7bfeab2]{position:absolute;top:20px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--primary)}article[data-v-a7bfeab2]:after{content:"";position:absolute;bottom:0;background:#e4e4e7;width:calc(100% - 24px);height:1px}article figure[data-v-a7bfeab2]{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;flex-shrink:0}article figure.tickets[data-v-a7bfeab2]{background:#3b82f626;color:#3b82f6}article figure.talk[data-v-a7bfeab2]{background:#10b98126;color:#10b981}article figure.auth[data-v-a7bfeab2]{background:#f59e0b26;color:#f59e0b}article figure.info[data-v-a7bfeab2]{background:rgba(var(--primary-rgb),.15);color:var(--primary)}article .notification-data[data-v-a7bfeab2]{width:calc(100% - 80px);display:flex;flex-direction:column;color:#71717a;font-size:12px;gap:4px;transition:.2s ease-in-out}article .notification-data .title[data-v-a7bfeab2]{font-weight:500}article .notification-data .date[data-v-a7bfeab2]{font-size:10px;color:#a1a1aa;transition:.2s ease-in-out}.container[data-v-566f9bea]{position:absolute;background:#fff;width:calc(100vw - 24px);min-height:400px;height:600px;max-height:calc(100vh - 100px);top:calc(100% + 24px);right:-48px;box-shadow:0 0 4px #0000002d;border-radius:6px;overflow:hidden;display:flex;z-index:2}@media(min-width:768px){.container[data-v-566f9bea]{right:0;width:450px}}.container aside[data-v-566f9bea]{width:40px;border-right:1px solid #e4e4e7;display:flex;flex-direction:column;position:relative}.container aside figure[data-v-566f9bea]{width:40px;height:40px;display:flex;justify-content:center;align-items:center;z-index:1;cursor:pointer}.container aside figure.active span[data-v-566f9bea]{background:#fff;color:var(--primary)}.container aside figure img[data-v-566f9bea]{width:28px;height:28px;-o-object-fit:cover;object-fit:cover;border-radius:50%;-webkit-user-drag:none}.container aside figure span[data-v-566f9bea]{width:28px;height:28px;background:var(--primary);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:.2s ease-in-out}.container aside .active-back[data-v-566f9bea]{width:40px;height:40px;background:var(--primary);position:absolute;left:0;transition:.2s ease-in-out}.container .content[data-v-566f9bea]{width:calc(100% - 40px)}.container .content header[data-v-566f9bea]{height:40px;padding:0 12px;width:100%;display:flex;align-items:center;justify-content:space-between}.container .content header h4[data-v-566f9bea]{font-size:14px;text-transform:capitalize;font-weight:600}.container .content header .mark-as-read[data-v-566f9bea]{font-size:12px;display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--primary)}.container .content header .mark-as-read span[data-v-566f9bea]{color:inherit}.container .content nav[data-v-566f9bea]{height:20px;width:100%;border-bottom:1px solid #e4e4e7;display:flex;align-items:center;position:relative}.container .content nav span[data-v-566f9bea]{font-weight:500;font-size:12px;text-transform:capitalize;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:72px;display:flex;justify-content:center;transition:.2s;color:#a1a1aa}.container .content nav span.active[data-v-566f9bea]{transform:translateY(-2px);color:var(--primary)}.container .content nav .border[data-v-566f9bea]{position:absolute;bottom:0;width:52px;height:2px;background:var(--primary)}.container .content section[data-v-566f9bea]{display:flex;flex-direction:column;overflow:auto;height:calc(100% - 60px)}.workspace[data-v-8b6a7bae]{height:40px;padding-inline:6px;display:flex;align-items:center;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;border:1px solid transparent;border-radius:6px;position:relative}.workspace.active[data-v-8b6a7bae]{border-color:var(--primary)}.workspace .logo[data-v-8b6a7bae]{width:28px;height:28px;border-radius:50%;overflow:hidden;border:1px solid #e4e4e7}.workspace .logo img[data-v-8b6a7bae]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.workspace .logo span[data-v-8b6a7bae]{width:100%;height:100%;background:var(--primary);color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:500}.workspace .info[data-v-8b6a7bae]{display:flex;flex-direction:column}.workspace .info h2[data-v-8b6a7bae]{font-size:12px;font-weight:500}.workspace .info h2 span[data-v-8b6a7bae]{color:#27272a}.workspace .info span[data-v-8b6a7bae]{font-size:10px;color:var(--primary)}.workspace .check[data-v-8b6a7bae]{position:absolute;right:8px;widows:20px;height:20px}.workspace .check img[data-v-8b6a7bae]{width:100%}.quick-switch[data-v-940ec841]{padding-inline:8px;display:flex;flex-direction:column;gap:6px}.quick-switch h6[data-v-940ec841]{color:#a1a1aa;font-weight:500;font-size:12px}.quick-switch .data[data-v-940ec841]{display:flex;flex-direction:column;gap:6px}.quick-switch .more[data-v-940ec841]{text-transform:uppercase;color:var(--primary);font-size:10px;font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.overlay[data-v-d9a9c516]{width:100%;height:100%;position:fixed;background:#0000001a;left:0;bottom:0;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center}.overlay section[data-v-d9a9c516]{width:95%;height:calc(95% - 103px);max-width:400px;max-height:400px;background:#fff;border-radius:8px;box-shadow:0 3px 5px #0000001a}.overlay section footer[data-v-d9a9c516],.overlay section header[data-v-d9a9c516]{height:5rem;padding:0 30px;display:flex;align-items:center}.overlay section header[data-v-d9a9c516]{border-bottom:1px solid #e4e4e7;position:relative}.overlay section header h4[data-v-d9a9c516]{text-transform:capitalize}.overlay section header .close[data-v-d9a9c516]{height:5rem;aspect-ratio:1;position:absolute;right:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.overlay section header .close[data-v-d9a9c516]:after,.overlay section header .close[data-v-d9a9c516]:before{content:"";position:absolute;width:16px;height:2px;background:#18181b}.overlay section header .close[data-v-d9a9c516]:before{transform:rotate(45deg)}.overlay section header .close[data-v-d9a9c516]:after{transform:rotate(-45deg)}.overlay .qr[data-v-d9a9c516]{padding:20px 30px;height:calc(100% - 5rem);width:100%}.overlay .qr[data-v-d9a9c516],.overlay .qr span[data-v-d9a9c516]{display:flex;justify-content:center;align-items:center}.overlay .qr span img[data-v-d9a9c516]{-webkit-user-drag:none}.user[data-v-2325d03b]{display:flex;position:relative}.user .container[data-v-2325d03b]{display:flex;align-items:center;cursor:pointer;padding:6px;max-width:15rem}.user .container.configs[data-v-2325d03b]{box-shadow:0 -1px 5px #0000001a;border-radius:999px 999px 0 0;background:#fff}.user .container.configs .arrow[data-v-2325d03b]{transform:rotate(225deg) translate(-2px,-2px)}.user .container.configs .arrow[data-v-2325d03b]:after{border-color:transparent #18181b #18181b transparent}.user .container figure[data-v-2325d03b]{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 3px 5px #0000001a;display:flex;justify-content:center;align-items:center}@media(min-width:850px){.user .container figure[data-v-2325d03b]{width:48px;height:48px}}.user .container figure img[data-v-2325d03b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user .container figure span[data-v-2325d03b]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#18181b;background:#fff;font-weight:600}.user .container .info[data-v-2325d03b]{width:calc(100% - 60px);margin-left:12px;display:flex;flex-direction:column;justify-content:center;font-size:14px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#18181b}.user .container .info .name[data-v-2325d03b]{min-width:7rem;font-weight:600;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.user .container .info .client[data-v-2325d03b]{font-size:12px}.user .container .arrow[data-v-2325d03b]{width:4px;height:4px;transform:rotate(45deg) translate(-2px,-2px);position:relative;margin-left:8px}.user .container .arrow[data-v-2325d03b]:after{content:"";position:absolute;width:4px;height:4px;border-color:transparent #18181b #18181b transparent;border-style:solid;border-width:1px}.user .buttons[data-v-2325d03b]{position:absolute;top:100%;right:0;background:#fff;color:#18181b;width:-moz-max-content;width:max-content;border-radius:12px 0 12px 12px;box-shadow:0 2px 5px #0000001a;overflow:auto;max-height:400px;padding-top:6px}.user .buttons .action[data-v-2325d03b]{margin-top:6px;height:40px;width:100%;display:flex;align-items:center;gap:8px;padding-inline:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:.2s}.user .buttons .action[data-v-2325d03b]:hover{background:#e4e4e766}.user .buttons .action.logout figure[data-v-2325d03b]:after{background:#ef4444}.user .buttons .action.logout span[data-v-2325d03b]{color:#ef4444}.user .buttons .action figure[data-v-2325d03b]{width:16px;height:16px}.user .buttons .action figure.profile[data-v-2325d03b]:after{-webkit-mask:url(../icons/header/profile_icon.svg) no-repeat 50% 50%;mask:url(../icons/header/profile_icon.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}.user .buttons .action figure.settings[data-v-2325d03b]:after{-webkit-mask:url(../icons/header/settings_icon.svg) no-repeat 50% 50%;mask:url(../icons/header/settings_icon.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}.user .buttons .action figure.qr-code-login[data-v-2325d03b]:after{-webkit-mask:url(../icons/header/qrcodelogin_icon.svg) no-repeat 50% 50%;mask:url(../icons/header/qrcodelogin_icon.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}.user .buttons .action figure.logout[data-v-2325d03b]:after{-webkit-mask:url(../icons/header/logout_icon.svg) no-repeat 50% 50%;mask:url(../icons/header/logout_icon.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}.user .buttons .action figure[data-v-2325d03b]:after{content:"";width:100%;height:100%;display:flex;transition:.2s;background:#18181b}.user .buttons .action span[data-v-2325d03b]{text-transform:capitalize;font-size:12px;font-weight:500}section[data-v-5d8d7b96]{justify-content:flex-end;gap:8px;margin-left:auto}section[data-v-5d8d7b96],section .trial[data-v-5d8d7b96]{display:flex;align-items:center}section .trial[data-v-5d8d7b96]{border:1px solid #f97316;background:#fff;color:#f97316;padding:4px 8px;border-radius:0 4px 4px;font-size:10px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;transition:.2s;cursor:pointer;text-decoration:none}section .trial[data-v-5d8d7b96]:before,section .trial[data-v-5d8d7b96]:hover{background:#f97316;color:#fff}section .trial[data-v-5d8d7b96]:before{content:"Trial";position:absolute;top:-14px;left:-1px;border:1px solid #f97316;padding-inline:4px;font-size:10px;border-radius:4px 4px 0 0;transition:.2s}section .head-item[data-v-5d8d7b96]{border-radius:999px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s;position:relative;text-decoration:none;color:#71717a}@media(min-width:850px){section .head-item[data-v-5d8d7b96]{width:40px;height:40px;border:1px solid #e4e4e7}}section .head-item.active[data-v-5d8d7b96]{background:var(--primary);color:#fff}section .head-item .icon-trigger[data-v-5d8d7b96]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative}section .head-item .badge[data-v-5d8d7b96]{background:#ef4444;width:8px;height:8px;display:flex;position:absolute;top:4px;right:4px;border:1px solid #fff;border-radius:50%;z-index:2}nav[data-v-00a63c81]{position:absolute;right:0;top:50%;z-index:-1}.workspaces[data-v-e34603ed]{width:56px;height:100%;overflow:hidden auto;background:#f2f2f2;display:flex;flex-direction:column;padding:8px;gap:8px}.workspaces figure[data-v-e34603ed]{width:40px;height:40px;border-radius:999px;overflow:hidden;border:2px solid transparent}.workspaces figure.active[data-v-e34603ed]{border:2px solid var(--primary)}.workspaces figure.active span[data-v-e34603ed]{background:#fff;color:var(--primary)}.workspaces figure img[data-v-e34603ed]{width:100%;height:100%;border-radius:999px;-o-object-fit:cover;object-fit:cover}.workspaces figure span[data-v-e34603ed]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--primary);color:#fff;text-transform:uppercase;font-weight:600;font-size:12px}.menus[data-v-b870318a]{width:calc(100% - 56px);padding:8px 12px;gap:12px}.menus[data-v-b870318a],.menus .workspace[data-v-b870318a]{display:flex;flex-direction:column}.menus .workspace[data-v-b870318a]{height:40px;justify-content:center}.menus .workspace h2[data-v-b870318a]{font-size:14px;font-weight:600}.menus .workspace p[data-v-b870318a]{font-size:12px;font-weight:300;color:#a1a1aa}.menus nav[data-v-b870318a]{gap:12px}.menus nav[data-v-b870318a],.menus nav article[data-v-b870318a]{display:flex;flex-direction:column}.menus nav article[data-v-b870318a]{gap:4px}.menus nav article a[data-v-b870318a]{text-decoration:none;color:#71717a;font-weight:600;font-size:12px;height:32px;width:-moz-fit-content;width:fit-content;border-radius:999px;display:flex;align-items:center;text-transform:capitalize;transition:.2s}.menus nav article a.menu.active[data-v-b870318a]{padding-inline:12px;background:var(--primary);color:#fff}.menus nav article .submenu[data-v-b870318a]{padding-left:24px;display:flex;flex-direction:column}.menus nav article .submenu a.active[data-v-b870318a]{color:#27272a;padding-left:4px;font-size:14px}aside[data-v-efa81b09]{position:fixed;top:0;left:0;height:100dvh;width:100vw;z-index:100;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;animation:opacity-efa81b09 .2s ease-in-out forwards}aside .content[data-v-efa81b09]{width:80%;height:100%;background:#fff;display:flex;transform:translate(-100%);animation:slide-efa81b09 .2s ease-in-out .1s forwards}@keyframes opacity-efa81b09{0%{opacity:0}to{opacity:1}}@keyframes slide-efa81b09{0%{transform:translate(-100%)}to{transform:translate(0)}}header[data-v-ea86e5f7]{display:flex;position:sticky;top:0;z-index:99}@media(min-width:850px){header[data-v-ea86e5f7]{padding-inline:20px}}header .header-content[data-v-ea86e5f7]{background:#fff;width:100%;max-width:1650px;display:flex;align-items:center;position:sticky;z-index:60;height:72px;padding:8px;margin:0 auto;gap:64px;transition:.2s ease-in-out}@media(min-width:850px){header .header-content[data-v-ea86e5f7]{margin:16px auto;top:16px;border-radius:999px}}.gallery-editor[data-v-bdac6a05]{position:fixed;inset:0;z-index:501;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;flex-direction:column;gap:12px;padding:16px}.gallery-editor[data-v-bdac6a05],.top-bar[data-v-bdac6a05]{display:flex;align-items:center}.top-bar[data-v-bdac6a05]{position:absolute;top:16px;right:16px;z-index:10;gap:6px;background:#1e1e1ebf;border-radius:8px;padding:4px}.action-btn[data-v-bdac6a05]{width:34px;height:34px;padding:0;border-radius:6px;border:none;background:transparent;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .15s}.action-btn[data-v-bdac6a05]:hover{background:#ffffff26}.editor-toolbar[data-v-bdac6a05]{flex-shrink:0;display:flex;align-items:center;gap:6px;background:#1e1e1ee6;border-radius:12px;padding:8px 12px;flex-wrap:wrap}.editor-toolbar .color-group[data-v-bdac6a05],.editor-toolbar .size-group[data-v-bdac6a05],.editor-toolbar .tool-group[data-v-bdac6a05]{display:flex;align-items:center;gap:4px}.editor-toolbar .separator[data-v-bdac6a05]{width:1px;height:24px;background:#ffffff26;margin:0 4px}.editor-toolbar .tool-btn[data-v-bdac6a05]{width:34px;height:34px;padding:0;border:none;border-radius:6px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.editor-toolbar .tool-btn[data-v-bdac6a05]:hover:not(:disabled){background:#ffffff26}.editor-toolbar .tool-btn.active[data-v-bdac6a05]{background:#ffffff40}.editor-toolbar .tool-btn[data-v-bdac6a05]:disabled{opacity:.35;cursor:not-allowed}.editor-toolbar .color-swatch[data-v-bdac6a05]{width:20px;height:20px;min-width:20px;min-height:20px;flex-shrink:0;padding:0;box-sizing:border-box;aspect-ratio:1;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s;outline:none}.editor-toolbar .color-swatch[data-v-bdac6a05]:hover{transform:scale(1.15)}.editor-toolbar .color-swatch.active[data-v-bdac6a05]{border-color:#fff;transform:scale(1.15)}.editor-toolbar .color-custom[data-v-bdac6a05]{position:relative;width:28px;height:28px;border-radius:6px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.editor-toolbar .color-custom input[type=color][data-v-bdac6a05]{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;padding:0;border:none}.editor-toolbar .size-btn[data-v-bdac6a05]{width:30px;height:30px;padding:0;border:none;border-radius:6px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s}.editor-toolbar .size-btn[data-v-bdac6a05]:hover{background:#ffffff1a}.editor-toolbar .size-btn.active[data-v-bdac6a05]{background:#ffffff38}.editor-toolbar .size-btn span[data-v-bdac6a05]{background:#fff;border-radius:50%;display:block}.image-area[data-v-bdac6a05]{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-frame[data-v-bdac6a05]{position:relative;display:inline-block;line-height:0}.image-frame .editor-img[data-v-bdac6a05]{display:block;max-width:calc(100vw - 80px);max-height:calc(100vh - 200px);-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.image-frame .draw-canvas[data-v-bdac6a05]{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none}.image-frame .draw-canvas.cursor--arrow[data-v-bdac6a05],.image-frame .draw-canvas.cursor--highlighter[data-v-bdac6a05],.image-frame .draw-canvas.cursor--pencil[data-v-bdac6a05],.image-frame .draw-canvas.cursor--rect[data-v-bdac6a05]{cursor:crosshair}.image-frame .draw-canvas.cursor--text[data-v-bdac6a05]{cursor:text}.image-frame .draw-canvas.cursor--eraser[data-v-bdac6a05]{cursor:cell}.image-frame .text-input-overlay[data-v-bdac6a05]{position:absolute;background:transparent;border:1px dashed hsla(0,0%,100%,.5);outline:none;font-family:sans-serif;font-weight:700;min-width:120px;padding:2px 4px;resize:none;overflow:hidden;caret-color:currentColor;line-height:1.2;z-index:10;white-space:nowrap}.editor-actions[data-v-bdac6a05]{flex-shrink:0;display:flex;gap:12px}.editor-actions button[data-v-bdac6a05]{height:40px;padding:0 28px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .15s}.editor-actions button[data-v-bdac6a05]:disabled{opacity:.5;cursor:not-allowed}.editor-actions .btn-send[data-v-bdac6a05]{background:var(--primary);color:#fff}.editor-actions .btn-send[data-v-bdac6a05]:hover:not(:disabled){opacity:.88}.spin[data-v-bdac6a05]{animation:spin-bdac6a05 .8s linear infinite}@keyframes spin-bdac6a05{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.gallery-video[data-v-1ff7f3df]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.gallery-video video[data-v-1ff7f3df]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px;-webkit-user-drag:none}.gallery-video .flash-icon[data-v-1ff7f3df]{top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:#0000008c;color:#fff;justify-content:center}.gallery-video .controls[data-v-1ff7f3df],.gallery-video .flash-icon[data-v-1ff7f3df]{position:absolute;display:flex;align-items:center;pointer-events:none}.gallery-video .controls[data-v-1ff7f3df]{bottom:0;left:0;right:0;gap:8px;padding:10px 12px;background:linear-gradient(transparent,#000c);border-radius:0 0 4px 4px;opacity:0;transition:opacity .2s}.gallery-video .controls.visible[data-v-1ff7f3df]{opacity:1;pointer-events:all}.gallery-video .controls .ctrl-btn[data-v-1ff7f3df]{flex-shrink:0;width:30px;height:30px;padding:0;margin:0;border:none;background:transparent;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:4px;transition:background .12s}.gallery-video .controls .ctrl-btn[data-v-1ff7f3df]:hover{background:#ffffff26}.gallery-video .controls .time[data-v-1ff7f3df]{flex-shrink:0;font-size:12px;font-weight:600;color:#fff;min-width:32px}.gallery-video .controls .progress[data-v-1ff7f3df]{flex:1;height:16px;display:flex;align-items:center;cursor:pointer;position:relative}.gallery-video .controls .progress__tooltip[data-v-1ff7f3df]{position:absolute;bottom:calc(100% + 4px);transform:translate(-50%);background:#000000bf;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;white-space:nowrap;pointer-events:none}.gallery-video .controls .progress__track[data-v-1ff7f3df]{position:absolute;left:0;right:0;height:4px;background:#ffffff4d;border-radius:2px;transition:height .1s;pointer-events:none}.gallery-video .controls .progress__fill[data-v-1ff7f3df]{height:100%;background:#fff;border-radius:2px;pointer-events:none}.gallery-video .controls .progress:hover .progress__track[data-v-1ff7f3df]{height:6px}.gallery-video .controls .volume-group[data-v-1ff7f3df]{display:flex;align-items:center;gap:4px}.gallery-video .controls .volume-group .volume-slider[data-v-1ff7f3df]{width:0;opacity:0;transition:width .2s ease,opacity .2s ease;accent-color:#fff;cursor:pointer;padding:0;margin:0;height:4px}.gallery-video .controls .volume-group:hover .volume-slider[data-v-1ff7f3df]{width:72px;opacity:1}.flash-enter-active[data-v-1ff7f3df],.flash-leave-active[data-v-1ff7f3df]{transition:opacity .3s ease}.flash-enter-from[data-v-1ff7f3df],.flash-leave-to[data-v-1ff7f3df]{opacity:0}.image-gallery[data-v-a02d7b7e]{position:fixed;inset:0;z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;align-items:center;justify-content:center}.image-gallery .content[data-v-a02d7b7e]{width:100%;height:100%;max-width:1600px;margin:0 auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px;position:relative}.image-gallery .content .top-bar[data-v-a02d7b7e]{position:absolute;top:16px;right:16px;z-index:10;display:flex;align-items:center;gap:6px;background:#1e1e1ebf;border-radius:8px;padding:4px}.image-gallery .content .action-btn[data-v-a02d7b7e]{width:34px;height:34px;padding:0;border-radius:6px;border:none;background:transparent;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .15s}.image-gallery .content .action-btn[data-v-a02d7b7e]:hover{background:#ffffff26}.image-gallery .content .options-wrapper[data-v-a02d7b7e]{position:relative}.image-gallery .content .options-wrapper .options-menu[data-v-a02d7b7e]{position:absolute;top:calc(100% + 6px);right:0;background:#2b2d31;border-radius:8px;padding:4px;min-width:160px;box-shadow:0 4px 16px #0006;display:flex;flex-direction:column;gap:2px}.image-gallery .content .options-wrapper .options-menu button[data-v-a02d7b7e]{width:100%;padding:8px 10px;border-radius:4px;border:none;background:transparent;color:#fff;font-size:13px;font-weight:400;text-transform:none;text-align:left;display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;transition:background .12s}.image-gallery .content .options-wrapper .options-menu button[data-v-a02d7b7e]:hover{background:#ffffff1a}.image-gallery .content .media-wrapper[data-v-a02d7b7e]{flex:1;min-height:0;display:flex;align-items:center;gap:12px}.image-gallery .content .media-wrapper .nav[data-v-a02d7b7e]{flex-shrink:0;width:40px;height:40px;padding:0;border-radius:50%;border:none;background:#ffffff1a;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .15s}.image-gallery .content .media-wrapper .nav[data-v-a02d7b7e]:hover{background:#ffffff38}.image-gallery .content .media-wrapper .main[data-v-a02d7b7e]{flex:1;height:100%;min-width:0;display:flex;justify-content:center;align-items:center}.image-gallery .content .media-wrapper .main img[data-v-a02d7b7e],.image-gallery .content .media-wrapper .main video[data-v-a02d7b7e]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px;-webkit-user-drag:none;transition:transform .3s ease;cursor:zoom-in}.image-gallery .content .media-wrapper .main.zoomed[data-v-a02d7b7e]{overflow:hidden;cursor:zoom-out}.image-gallery .content .media-wrapper .main.zoomed img[data-v-a02d7b7e]{max-height:none;max-width:none;width:auto;height:auto;transform:scale(2);transform-origin:center center;cursor:grab}.image-gallery .content .media-wrapper .main.dragging img[data-v-a02d7b7e]{transition:none;cursor:grabbing!important}.image-gallery .content .media-wrapper .main .file[data-v-a02d7b7e]{display:flex;flex-direction:column;align-items:center;text-decoration:none}.image-gallery .content .media-wrapper .main .file figure[data-v-a02d7b7e]{width:120px;height:120px;background:#ffffff14;display:flex;justify-content:center;align-items:center;border-radius:8px}.image-gallery .content .media-wrapper .main .file figure img[data-v-a02d7b7e]{width:75%;-o-object-fit:contain;object-fit:contain;-webkit-user-drag:none}.image-gallery .content .media-wrapper .main .file span[data-v-a02d7b7e]{width:250px;margin-top:12px;color:#fff;font-weight:500;word-wrap:break-word;text-align:center}.image-gallery .content .thumbnails[data-v-a02d7b7e]{flex-shrink:0;height:4rem;display:flex;justify-content:center}.image-gallery .content .thumbnails figure[data-v-a02d7b7e]{height:100%;aspect-ratio:1;overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;transition:opacity .15s}.image-gallery .content .thumbnails figure[data-v-a02d7b7e]:first-child{border-radius:4px 0 0 4px}.image-gallery .content .thumbnails figure[data-v-a02d7b7e]:last-child{border-radius:0 4px 4px 0}.image-gallery .content .thumbnails figure[data-v-a02d7b7e]:not(.active):after{content:"";position:absolute;inset:0;background:#00000080;transition:background .15s}.image-gallery .content .thumbnails figure[data-v-a02d7b7e]:not(.active):hover:after{background:#00000040}.image-gallery .content .thumbnails figure.active[data-v-a02d7b7e]{outline:2px solid var(--primary);outline-offset:-2px}.image-gallery .content .thumbnails figure img[data-v-a02d7b7e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-drag:none}.image-gallery .content .thumbnails figure .file[data-v-a02d7b7e]{width:45px;height:45px;-o-object-fit:contain;object-fit:contain}.call-pop[data-v-c9d7e566]{height:68px;background:#fff;display:flex;align-items:flex-end;border-bottom-right-radius:16px;border-bottom-left-radius:16px}.call-pop .content[data-v-c9d7e566]{height:32px;padding-inline:4px;display:flex;align-items:center}.call-pop .content figure.icon[data-v-c9d7e566]{width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center}.call-pop .content figure.icon.call[data-v-c9d7e566]:after{width:12px;height:12px;background:#10b981}.call-pop .content .users[data-v-c9d7e566]{display:flex;align-items:center}.call-pop .content .users .avatar[data-v-c9d7e566]{width:24px;height:24px;border-radius:50%}.call-pop .content .users .avatar span[data-v-c9d7e566]{font-size:12px}.call-pop .content .actions[data-v-c9d7e566]{margin-left:8px;padding-left:8px;display:flex;align-items:center;gap:4px;border-left:1px solid #e4e4e7}.call-pop .content .actions figure.icon[data-v-c9d7e566]{background:#e4e4e7;position:relative}.call-pop .content .actions figure.icon[data-v-c9d7e566]:after{width:12px;height:12px}.call-pop .content .actions figure.icon.off[data-v-c9d7e566]{background:#ef444466}.call-pop .content .actions figure.icon.off[data-v-c9d7e566]:before{content:"";width:100%;transform:rotate(45deg);height:1px;background:#fff;position:absolute}.call-pop .content .actions figure.icon.off[data-v-c9d7e566]:after{background:#fff}.call-pop .content .actions figure.icon.go-to[data-v-c9d7e566]{background:unset;border:1px solid #e4e4e7}.call-pop .content .actions figure.icon.go-to[data-v-c9d7e566]:after{width:14px;height:14px}.call-pop .content .actions figure.icon.end[data-v-c9d7e566]{background:#ef4444}.call-pop .content .actions figure.icon.end[data-v-c9d7e566]:after{background:#fff;transform:rotate(135deg)}.join[data-v-8b98fad9]{position:fixed;width:100vw;left:0;bottom:0;height:calc(100vh - 80px);z-index:200;display:flex;justify-content:center;align-items:center;background:#e4e4e780;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.join .content[data-v-8b98fad9]{width:95%;max-width:750px;height:-moz-fit-content;height:fit-content;max-height:700px;background:#fff;border-radius:8px;padding:24px;display:flex;flex-direction:column}.join .content header[data-v-8b98fad9]{border-bottom:1px solid #e4e4e7;height:40px;display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}.join .content header h4[data-v-8b98fad9]{text-transform:capitalize}.join .content header .close[data-v-8b98fad9]{width:28px;height:28px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:6px;transition:background .2s ease;position:relative}.join .content header .close[data-v-8b98fad9]:hover{background:#e4e4e7}.join .content header .close[data-v-8b98fad9]:after,.join .content header .close[data-v-8b98fad9]:before{content:"";position:absolute;width:14px;height:1.5px;background:#71717a;transition:background .2s ease}.join .content header .close[data-v-8b98fad9]:hover:after,.join .content header .close[data-v-8b98fad9]:hover:before{background:#18181b}.join .content header .close[data-v-8b98fad9]:before{transform:rotate(45deg)}.join .content header .close[data-v-8b98fad9]:after{transform:rotate(-45deg)}.join .content .video[data-v-8b98fad9]{width:100%;height:calc(100% - 48px)}.join .content .video .preview[data-v-8b98fad9]{width:100%;aspect-ratio:16/9;border-radius:4px;position:relative;overflow:hidden;background:#18181b;display:flex;justify-content:center;align-items:center}.join .content .video .preview .avatar[data-v-8b98fad9]{width:75px;height:75px;z-index:1}.join .content .video .preview .avatar[data-v-8b98fad9]:before{content:"";position:absolute;width:125%;height:1px;background:#e4e4e780;z-index:-1;transform:rotate(-30deg)}.join .content .video .preview video[data-v-8b98fad9]{position:absolute;top:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1)}.join .content .video .preview .buttons[data-v-8b98fad9]{display:flex;gap:16px;position:absolute;bottom:30px}.join .content .video .preview .buttons figure[data-v-8b98fad9]{width:48px;height:48px;cursor:pointer;border:1px solid hsla(0,0%,100%,.3);border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:all .2s ease;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.join .content .video .preview .buttons figure[data-v-8b98fad9]:hover:not(.off){background:#ffffff40;border-color:#ffffff80}.join .content .video .preview .buttons figure[data-v-8b98fad9]:active{background-color:#ffffff4d}.join .content .video .preview .buttons figure.off[data-v-8b98fad9]{background:#ef4444d9;border-color:#ef4444;z-index:2}.join .content .video .preview .buttons figure.off[data-v-8b98fad9]:hover{background:#ef4444}.join .content .video .preview .buttons figure.off[data-v-8b98fad9]:before{content:"";position:absolute;width:110%;height:2px;background:#ffffffb3;transform:rotate(-45deg);border-radius:1px}.join .content .video .preview .buttons figure img[data-v-8b98fad9]{width:40%;height:40%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.join .content .error[data-v-8b98fad9]{color:#ef4444;width:100%;display:flex;justify-content:center;font-weight:500;margin-bottom:40px}.join .content .submit[data-v-8b98fad9]{margin:12px auto 0}.join .content .submit button[data-v-8b98fad9]:disabled{cursor:not-allowed;opacity:.7}.join .content .submit button:disabled .loader[data-v-8b98fad9]{border-color:#fff hsla(0,0%,100%,.2) hsla(0,0%,100%,.2);display:block;margin:0 auto}.join[data-v-1ffb54ce]{position:fixed;inset:0;z-index:200;justify-content:center;background:#e4e4e780;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.join[data-v-1ffb54ce],.join .content[data-v-1ffb54ce]{display:flex;align-items:center}.join .content[data-v-1ffb54ce]{width:95%;max-width:300px;background:#fff;border-radius:20px;flex-direction:column;padding:40px 24px}.join .content .hidden-audio[data-v-1ffb54ce]{display:none}.join .content .data figure.avatar[data-v-1ffb54ce]{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.join .content .data figure.avatar img[data-v-1ffb54ce]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.join .content .data figure.avatar span[data-v-1ffb54ce]{font-size:32px;font-weight:500;color:#fff;text-transform:uppercase}.join .content header[data-v-1ffb54ce]{margin-top:20px;text-align:center}.join .content header h4[data-v-1ffb54ce]{font-size:18px;font-weight:600;color:#27272a;margin:0}.join .content header .calling-label[data-v-1ffb54ce]{font-size:14px;color:#71717a;margin-top:4px}.join .content header .context[data-v-1ffb54ce]{font-size:13px;color:#a1a1aa;margin-top:8px;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.join .content .buttons[data-v-1ffb54ce]{margin-top:40px;display:flex;justify-content:center;gap:48px}.join .content .buttons button[data-v-1ffb54ce]{width:56px;height:56px;padding:0;margin:0;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:opacity .2s ease}.join .content .buttons button[data-v-1ffb54ce]:hover{opacity:.85}.join .content .buttons button[data-v-1ffb54ce]:active{opacity:.7}.join .content .buttons button.accept[data-v-1ffb54ce]{background:#10b981}.join .content .buttons button.decline[data-v-1ffb54ce]{background:#ef4444}.join .content .buttons button.decline .icon[data-v-1ffb54ce]:after{transform:rotate(135deg)}.join .content .buttons button .icon[data-v-1ffb54ce]{width:24px;height:24px}.join .content .buttons button .icon[data-v-1ffb54ce]:after{content:"";width:100%;height:100%;display:flex;-webkit-mask:url(../icons/call.svg) no-repeat 50% 50%;mask:url(../icons/call.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;background:#fff}footer[data-v-e8140253]{width:100%;background:#fff;flex-shrink:0;padding:8px 12px;color:#fff;font-size:12px;font-weight:500;display:none}@media(min-width:850px){footer[data-v-e8140253]{display:block}}footer .content[data-v-e8140253]{margin:0 auto;width:100%;max-width:1650px;display:flex;justify-content:center;align-items:center}footer .content .environment[data-v-e8140253]{padding:4px 0;border-radius:4px;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;text-decoration:none;gap:4px}footer .content .environment figure[data-v-e8140253]{height:10px;display:flex;align-items:center;justify-content:center}footer .content .environment figure img[data-v-e8140253]{height:100%}footer .content .environment span[data-v-e8140253]{color:var(--primary);font-weight:600;font-size:16px}footer .content hr[data-v-e8140253]{margin-left:12px;height:16px;width:1px;background:var(--primary);border:none}footer .content .terms[data-v-e8140253]{margin-left:12px;font-size:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:var(--primary);text-decoration:none}.warning[data-v-c776709e]{width:100%;height:100%;position:fixed;background:#0000001a;left:0;bottom:0;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;cursor:auto}.warning .container[data-v-c776709e]{margin-top:103px;width:95%;max-width:500px;max-height:350px;background:#fff;border-radius:4px;box-shadow:0 3px 5px #0000001a}.warning .container footer[data-v-c776709e],.warning .container header[data-v-c776709e]{height:5rem;padding:0 30px;display:flex;align-items:center}.warning .container header[data-v-c776709e]{border-bottom:1px solid #e4e4e7;position:relative}.warning .container header h4[data-v-c776709e]{text-transform:capitalize}.warning .container header .close[data-v-c776709e]{height:5rem;aspect-ratio:1;position:absolute;right:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.warning .container header .close[data-v-c776709e]:after,.warning .container header .close[data-v-c776709e]:before{content:"";position:absolute;width:16px;height:2px;background:#18181b}.warning .container header .close[data-v-c776709e]:before{transform:rotate(45deg)}.warning .container header .close[data-v-c776709e]:after{transform:rotate(-45deg)}.warning .container .content[data-v-c776709e]{height:calc(100% - 10rem);max-height:calc(350px - 10rem);padding:30px;display:flex;flex-direction:column}.warning .container .content span[data-v-c776709e]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:500;white-space:pre-wrap;text-align:center}.warning .container .content .browsers[data-v-c776709e]{margin-top:20px;display:flex;width:100%;justify-content:center;gap:12px}.warning .container .content .browsers a[data-v-c776709e]{text-decoration:underline;font-size:12px}.warning .container footer button[data-v-c776709e]{border:1px solid transparent}.warning .container footer button.cancel[data-v-c776709e]{background:#fff;border-color:var(--primary);color:var(--primary)}