@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);.button[data-v-3060dfc8]{display:flex;padding:0 20px;line-height:40px;border-radius:8px;outline:0;cursor:pointer;font-weight:600}.button_primary[data-v-3060dfc8]{background-color:var(--main-4);border:1px var(--main-4) solid;color:var(--light-color)}.button_primary[data-v-3060dfc8]:focus,.button_primary[data-v-3060dfc8]:hover{background-color:var(--main-3);border-color:var(--main-3)}.button_primary[data-v-3060dfc8]:active{background-color:var(--main-5);border-color:var(--main-5)}.button_primary[data-v-3060dfc8]:disabled{background-color:var(--grey-1);border-color:var(--grey-1);color:var(--grey-5);cursor:unset}.button_secondary[data-v-3060dfc8]{background-color:var(--light-color);border:1px var(--grey-5) solid;color:var(--grey-5)}.button_secondary[data-v-3060dfc8]:focus,.button_secondary[data-v-3060dfc8]:hover{border:1px var(--main-3) solid;color:var(--main-3)}.button_secondary[data-v-3060dfc8]:active{border:1px var(--main-5) solid;color:var(--main-5)}.button_secondary[data-v-3060dfc8]:disabled{background-color:var(--light-color);border-color:var(--grey-1);color:var(--grey-1);cursor:unset}.dropdown[data-v-3fa0558e]{width:fit-content}.trigger[data-v-3fa0558e]{width:fit-content}.popper-enter-active[data-v-3fa0558e],.popper-leave-active[data-v-3fa0558e]{transition:opacity .15s ease,margin-top .15s ease}.popper-enter-from[data-v-3fa0558e],.popper-leave-to[data-v-3fa0558e]{opacity:0;margin-top:-10px}.dropdown__popper{background-color:var(--grey-1);border:2px var(--grey-2) solid;box-shadow:0 5px 20px rgba(100,100,100,.2);border-radius:var(--border-radius)}.form[data-v-020f6a4a]{display:flex;flex-direction:column;border:1px #d1d1d1 solid;margin:0 auto;width:500px;padding:50px;box-shadow:0 4px 5px rgba(50,50,50,.2)}.form .form-field:not(:last-child){margin-bottom:24px}.form-field[data-v-35971c3a]{display:flex;flex:1;flex-direction:column}.form-field__label[data-v-35971c3a]{color:var(--grey-5);margin-bottom:8px}.form-field__error[data-v-35971c3a]{color:var(--error-color);margin-top:8px;font-size:14px}.form-field__content[data-v-35971c3a]{display:flex}.header[data-v-4800a78c]{display:flex;align-items:center;height:42px;padding:0 12px;border-bottom:1px var(--main-4) solid}.header__title[data-v-4800a78c]{flex:1}.button[data-v-dfe169c6]{display:flex;padding:0;outline:0;cursor:pointer;background-color:transparent;border:1px transparent solid;color:var(--grey-5)}.button[data-v-dfe169c6]:focus,.button[data-v-dfe169c6]:hover{color:var(--main-3)}.button[data-v-dfe169c6]:active{color:var(--main-5)}.input[data-v-778b232f]{flex:1;border:none;border-radius:8px;outline:0;padding:8px 16px;line-height:24px;width:100%}.border[data-v-06c47a7e]{flex:1;display:flex;border:1px var(--main-4) solid;border-radius:8px;transition:box-shadow .1s cubic-bezier(.25,.1,.25,1)}.border_focused[data-v-06c47a7e]{box-shadow:0 0 0 4px var(--main-2)}.border_error[data-v-06c47a7e]{border-color:var(--error-color)}.border_error.border_focused[data-v-06c47a7e]{box-shadow:0 0 0 4px var(--error-light-color)}.button[data-v-440b5642]{display:flex;padding:0 20px;line-height:40px;border-radius:8px;outline:0;cursor:pointer;font-weight:600;border:1px transparent solid;color:var(--grey-5)}.button[data-v-440b5642]:focus,.button[data-v-440b5642]:hover{color:var(--main-3)}.button[data-v-440b5642]:active{color:var(--main-5)}.switch-wrapper[data-v-5e8eae4e]{position:relative;width:fit-content}.switch-wrapper .checkbox[data-v-5e8eae4e]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;z-index:1}.switch[data-v-5e8eae4e]{height:24px;width:44px;border-radius:12px;background-color:#d1d1d1;box-shadow:0 1px 1px inset rgba(0,0,0,.5);transition:all .15s ease-in-out}.switch_on[data-v-5e8eae4e]{background-color:var(--main-2)}.switch_on .handle[data-v-5e8eae4e]{transform:translateX(23px) translateY(3px);width:18px;height:18px;border-radius:9px;background-color:#fff}.switch_off .handle[data-v-5e8eae4e]{transform:translateX(3px) translateY(3px);width:18px;height:18px;border-radius:9px;background-color:#fff}.switch_undefined[data-v-5e8eae4e]{background-color:#d1d1d1}.switch_undefined .handle[data-v-5e8eae4e]{transform:translateX(11px) translateY(5px);width:22px;height:14px;border-radius:8px;background-color:#fff}.switch .handle[data-v-5e8eae4e]{box-shadow:0 0 0 0 inset var(--main-3);transition:all .15s ease-in-out,box-shadow 40ms ease-in-out}:disabled+.switch[data-v-5e8eae4e]{background-color:#f1f1f1}:disabled+.switch .handle[data-v-5e8eae4e]{background-color:#d1d1d1}:focus-visible+.switch .handle[data-v-5e8eae4e],:hover:not(:disabled)+.switch .handle[data-v-5e8eae4e]{box-shadow:0 0 0 3px inset var(--main-3)}.button[data-v-2e7613d5]{display:flex;padding:0 20px;line-height:40px;border-radius:8px;outline:0;cursor:pointer;font-weight:600;background-color:transparent;border:1px transparent solid;color:var(--grey-5)}.button[data-v-2e7613d5]:focus,.button[data-v-2e7613d5]:hover{color:var(--main-3)}.button[data-v-2e7613d5]:active{color:var(--main-5)}.app[data-v-36147f39]{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--main-bg-color)}.main[data-v-36147f39]{flex:1;display:flex;min-height:0}.content[data-v-36147f39]{flex:1;overflow:auto}.page[data-v-30a253de]{padding:16px}.sidebar[data-v-7b4280ec]{width:300px;border-right:1px #f1f1f1 solid;background-color:var(--grey-1)}.topbar[data-v-72675dfb]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:60px;border-bottom:1px #f1f1f1 solid;position:relative;background-color:var(--grey-2)}.topbar .title[data-v-72675dfb]{margin:10px 20px}.topbar .content[data-v-72675dfb]{margin:10px 20px;display:flex;align-items:center}.snackbar[data-v-3730f75c]{display:flex;border-radius:8px;margin:4px;color:#fff;padding:10px 20px;min-width:300px;background-color:var(--grey-5);box-shadow:0 4px 10px rgba(0,0,0,.5)}.snackbar__dot[data-v-3730f75c]{height:10px;width:10px;margin:7px 16px 7px 0;border-radius:8px}.snackbar__dot_success[data-v-3730f75c]{background-color:var(--success-color)}.snackbar__dot_warning[data-v-3730f75c]{background-color:var(--warning-color)}.snackbar__dot_error[data-v-3730f75c]{background-color:var(--error-color)}.snackbar__message[data-v-3730f75c]{flex:1;line-height:24px}.snackbar__action-button[data-v-3730f75c]{text-transform:capitalize}#app{position:relative}.snackbar-container{position:absolute;z-index:100;top:10px;right:10px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.table[data-v-9c5cb2a4]{display:grid;column-gap:2px}.table .row[data-v-9c5cb2a4]{display:contents}.table .row:nth-child(2n+1) .cell[data-v-9c5cb2a4]{background-color:#f2f0fa}.table .row--clickable[data-v-9c5cb2a4]{cursor:pointer}.table .row--clickable:hover .cell[data-v-9c5cb2a4]{background-color:#e8e6f0}.table .cell[data-v-9c5cb2a4],.table .header[data-v-9c5cb2a4]{align-items:center;display:flex;height:42px;padding:5px 8px}.table .header[data-v-9c5cb2a4]{font-weight:700;border-bottom:1px var(--grey-5) solid}.confirmation[data-v-a8c18050]{display:flex;align-items:center}.color[data-v-deb44758]{display:flex;align-items:center;width:400px;margin-bottom:16px}.color__dot[data-v-deb44758]{width:40px;height:40px;border-radius:20px;border:1px #000 solid}.color__name[data-v-deb44758]{margin-left:10px;font-weight:200}.grid[data-v-40bb2af2]{display:flex;justify-content:space-between}.table .action-cell,.table .action-header{align-items:flex-end}.icons-list{display:flex;flex-wrap:wrap}.icons-list .icon-item{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5px;height:160px;width:160px;border:1px solid #f1f1f1;border-radius:8px}.icons-list .icon-item:hover{background-color:#fff;cursor:pointer}.icons-list .icon-item .icon{width:24px;height:24px}.content[data-v-21f613e5]{margin:20px}.content .title[data-v-21f613e5]{margin-bottom:20px}.message-input[data-v-386daa82]{background-color:var(--main-1);border-radius:8px;padding:8px 12px}.input[data-v-386daa82]{flex:1;border:none;background:0 0;outline:0;line-height:24px;width:100%}.avatar[data-v-c00862d8]{display:flex;flex-shrink:0;align-items:center;justify-content:center;height:48px;width:48px;border-radius:32px;background-color:#3a3a3a;color:#f1f1f1;font-weight:700;font-size:30px}.message[data-v-41a368df]{display:flex;gap:12px;padding:2px 12px;text-align:left}.message .spacing[data-v-41a368df]{width:48px;display:flex;flex-shrink:0;align-items:center;justify-content:center;visibility:hidden;font-size:12px;color:#868686}.message[data-v-41a368df]:hover{background-color:#f1f1f1}.message:hover .spacing[data-v-41a368df]{visibility:visible}.message_status-error[data-v-41a368df]{opacity:.5}.message_status-pending[data-v-41a368df]{opacity:.5}.message .body[data-v-41a368df]{display:flex;flex-direction:column;padding:0 12px;cursor:default;overflow-wrap:break-word;max-width:80%}.message .body__header .author[data-v-41a368df]{font-weight:700}.message .body__header .date[data-v-41a368df]{font-size:12px;color:#868686}.messages[data-v-09f06d51]{flex:1 1 0;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:8px}.conversation[data-v-dd43aac0]{height:100%;flex:1;display:flex;flex-direction:column}.conversation .search-input[data-v-dd43aac0]{bottom:0;left:0;right:0}.conversation__footer[data-v-dd43aac0]{margin:12px}.section[data-v-41c84603]{display:flex;flex-direction:column;justify-content:center;border-bottom:1px var(--main-4) solid;min-height:42px;padding:0 12px}.section-header[data-v-41c84603]{display:flex;align-items:center}.section-header__title[data-v-41c84603]{flex:1}.new-contact-form[data-v-41c84603]{margin-bottom:16px;display:flex;align-items:flex-start;gap:16px}.new-contact-form__input[data-v-41c84603]{flex:1}.conversation-item[data-v-046aa0ae]{display:flex;align-items:center;height:42px;padding:8px;cursor:pointer;list-style:none}.conversation-item__name[data-v-046aa0ae]{flex:1}.conversation-item[data-v-046aa0ae]:hover{background-color:var(--main-1);border-radius:var(--border-radius)}.conversations-list[data-v-e88f231a]{padding:0;margin:4px;display:flex;flex-direction:column;gap:4px}.sidebar[data-v-52eaf8a2]{padding:0}.sidebar__separator[data-v-52eaf8a2]{height:1px;background-color:var(--main-3);border:none;margin:0;width:100%}.container[data-v-28e64717]{height:100%;display:flex;flex-direction:column;justify-content:stretch}.no-conversation[data-v-3f09b0d2]{display:flex;align-items:center;justify-content:center;height:100%;color:#d1d1d1}.login[data-v-4b5d281e]{width:100%;display:flex;flex-direction:column;align-items:center}.login__input[data-v-4b5d281e]{flex:1}h1[data-v-4b5d281e]{margin:2rem}.logout[data-v-b8b28db0]{width:100%;display:flex;flex-direction:column;align-items:center}.logout__input[data-v-b8b28db0]{flex:1}.signup[data-v-8f404446]{width:100%;display:flex;flex-direction:column;align-items:center}.signup__input[data-v-8f404446]{flex:1}h1[data-v-8f404446]{margin:2rem}.connection-status[data-v-63fd44e4]{display:inline-block;border-radius:50px;margin:10px;height:14px;width:14px;transition:background-color .3s ease-in-out}.connection-status__connected[data-v-63fd44e4]{background-color:#5fc04c}.connection-status__connecting[data-v-63fd44e4]{background-color:#fcb023}.connection-status__disconnected[data-v-63fd44e4]{background-color:#e24040}*,::after,::before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}:root{--main-bg-color:#fff;--light-color:#fff;--dark-color:#000;--main-1:#e3ddf3;--main-2:#bbabe2;--main-3:#937ad1;--main-4:#7d5fc9;--main-5:#5638a3;--grey-1:#f1f1f1;--grey-2:#d1d1d1;--grey-3:#868686;--grey-4:#5d5d5d;--grey-5:#3a3a3a;--error-color:#f30000;--error-light-color:rgba(243, 0, 0, 0.44);--warning-color:#d77d1b;--success-color:#499637;--info-color:#1d77cb;--border-radius:8px}body.dark :root{--main-bg-color:pink}body{font-family:"Open Sans",sans-serif;font-size:16px}#app{height:100%}.h1{color:#7d5fc9;font-size:21px;font-weight:700}.h2{color:#7d5fc9;font-size:18px;font-weight:700}.h3{color:#7d5fc9;font-size:16px;font-weight:700}.h4{color:#7d5fc9;font-size:14px;font-weight:700}.h5{color:#7d5fc9;font-size:12px;font-weight:700}.h6{color:#7d5fc9;font-size:10px;font-weight:700}