@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}*,button,input{outline:none;border:0}#app,body,html{height:100%}:root{--primary:#36393f;--secondary:#2f3136;--tertiary:#202225;--quaternary:#292b2f;--quinary:#393d42;--senary:#828386;--white:#fff;--grey:#8a8c90;--chat-input:#40444b;--symbol:#74777a;--notification:#f84a4b;--discord:#6e86d6;--mention-detail:#f9a839;--mention-message:#413f3f;--link:#5d80d6}.server-button[data-v-0a2dd310]{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:8px;border-radius:50%;background-color:var(--primary);cursor:pointer;position:relative;transition:.2s}.server-button.active[data-v-0a2dd310],.server-button[data-v-0a2dd310]:hover{border-radius:16px;background-color:var(--discord)}.server-button img[data-v-0a2dd310]{width:24px;height:24px;color:#fff}.server-button .mentions[data-v-0a2dd310]{background-color:var(--notification);width:auto;height:24px;padding:0 4px;bottom:-4px;right:-4px;position:absolute;border-radius:12px;border:solid 4px var(--tertiary);text-align:right;font-size:13px;font-weight:700;color:var(--white)}.serverButton-hasNotifications[data-v-0a2dd310]:before{content:"";display:block;width:9px;height:9px;background-color:var(--white);position:absolute;left:-17px;top:calc(50% - 4.5px);border-radius:50%;transition:.2s}.serverButton-hasNotifications.active[data-v-0a2dd310]:before,.serverButton-hasNotifications[data-v-0a2dd310]:hover:before{content:"";width:9px;height:30px;top:calc(20% - 4.5px);border-radius:15%}.serverButton-hasNotifications[data-v-0a2dd310]:hover:before{content:"";width:9px;height:40px;top:calc(20% - 4.5px);border-radius:15%}.serverButton-isHome[data-v-0a2dd310]{background-color:var(--tertiary)}.serverButton-isHome.active[data-v-0a2dd310],.serverButton-isHome[data-v-0a2dd310]:hover{background-color:var(--secondary)!important}.container[data-v-4fe8c774]{display:flex;flex-direction:column;align-items:center;grid-area:sl;background-color:var(--tertiary);padding:11px 0;max-height:100vh;overflow-y:scroll}.container[data-v-4fe8c774]::-webkit-scrollbar{display:none}.separator[data-v-4fe8c774]{width:32px;margin-bottom:8px;border-bottom:solid 2px var(--grey)}.container[data-v-26f013cb]{grid-area:sn;display:flex;align-items:center;justify-content:space-between;background-color:var(--quaternary);padding:0 11px 0 16px;box-shadow:0 1px 0 0 rgba(0,0,0,.9)}.title[data-v-26f013cb]{color:var(--white);font-weight:700;font-size:16px;letter-spacing:2px;white-space:nowrap;text-overflow:ellipsis}.icon[data-v-26f013cb]{color:var(--white);cursor:pointer}.container[data-v-42a359e6]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;border-radius:5px;margin-bottom:5px;padding:5px;background-color:transparent;transition:all .2s ease-out}.container div[data-v-42a359e6]{display:flex;justify-content:center}.container .channel-info div[data-v-42a359e6]{color:var(--senary);margin-left:5px}.container .channel-info .hashIcon[data-v-42a359e6]{color:var(--symbol)}.container .channel-actions[data-v-42a359e6]{display:none}.container .channel-actions .icon-actions[data-v-42a359e6]{color:var(--symbol);transition:all .2s ease-out;margin-left:4px}.container .channel-actions .icon-actions[data-v-42a359e6]:hover{color:var(--white)}.container.active[data-v-42a359e6],.container[data-v-42a359e6]:hover{background-color:var(--quinary)}.container.active .channel-info div[data-v-42a359e6],.container:hover .channel-info div[data-v-42a359e6]{color:var(--white)}.container.active .channel-actions[data-v-42a359e6],.container:hover .channel-actions[data-v-42a359e6]{display:flex}.list-container[data-v-35256360]{grid-area:cl;display:flex;flex-direction:column;padding:24px 10px 0 16px;background-color:var(--secondary);overflow-y:scroll}.list-container[data-v-35256360]::-webkit-scrollbar{width:8px}.list-container[data-v-35256360]::-webkit-scrollbar-thumb{background-color:var(--tertiary);border-radius:4px}.list-container[data-v-35256360]::-webkit-scrollbar-track{background-color:var(--secondary)}.category[data-v-35256360]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:var(--grey);font-size:12px;font-weight:500;text-transform:uppercase}.category .category-icon[data-v-35256360]{color:var(--symbol);cursor:pointer}.category .category-icon[data-v-35256360]:hover{color:var(--white);transition:all .2s}.container[data-v-5995d910]{grid-area:ui;flex-direction:row;justify-content:space-between;padding:10px;background-color:var(--quaternary);box-shadow:0 1px 0 0 rgba(0,0,0,.9)}.container[data-v-5995d910],.profile[data-v-5995d910]{display:flex;align-items:center}.avatar[data-v-5995d910]{width:32px;height:32px;border-radius:50%;background-color:var(--grey)}.user-data[data-v-5995d910]{display:flex;flex-direction:column;margin-left:8px;font-size:13px}.user-data strong[data-v-5995d910]{display:block;color:var(--white);letter-spacing:1px}.actions[data-v-5995d910],.user-data span[data-v-5995d910]{color:var(--grey)}.actions span[data-v-5995d910]{cursor:pointer;transition:.2s}.actions span[data-v-5995d910]:hover{color:var(--white)}.container[data-v-3d748ddf]{grid-area:ci;display:flex;align-items:center;background-color:var(--primary);padding:0 17px;z-index:2;box-shadow:0 1px 0 0 rgba(0,0,0,.2)}.container input[data-v-3d748ddf]{width:230px;height:24px;border-radius:5px;padding:0 7px;color:var(--white);background-color:var(--chat-input);position:absolute;right:10px}.container input[data-v-3d748ddf]::-moz-placeholder{color:var(--grey)}.container input[data-v-3d748ddf]:-ms-input-placeholder{color:var(--grey)}.container input[data-v-3d748ddf]::placeholder{color:var(--grey)}.title[data-v-3d748ddf]{color:var(--white);font-size:16px;letter-spacing:2px;margin-left:9px;font-weight:700}.description[data-v-3d748ddf]{color:var(--grey);font-size:15px}.separator[data-v-3d748ddf]{background-color:var(--grey);height:24px;width:1px;margin:0 13px}.icon[data-v-3d748ddf]{color:var(--grey)}.icon .iconElement[data-v-3d748ddf]{margin-right:5px;cursor:pointer;transition:.2s}.icon .iconElement[data-v-3d748ddf]:hover{color:var(--white)}.search[data-v-3d748ddf]{display:flex;align-items:center}.search input[data-v-3d748ddf]{width:160px;height:24px;padding:0 5px;border-radius:5px;color:var(--white);background-color:var(--chat-input);margin-right:10px}.search input[data-v-3d748ddf]::-moz-placeholder{color:var(--grey);font-size:16px}.search input[data-v-3d748ddf]:-ms-input-placeholder{color:var(--grey);font-size:16px}.search input[data-v-3d748ddf]::placeholder{color:var(--grey);font-size:16px}.channel-message[data-v-5dc8678d]{box-sizing:content-box;display:flex;padding:8px 16px;margin-right:4px;background-color:transparent;margin-top:5px}.channel-message.hasMention[data-v-5dc8678d]{background-color:var(--mention-message);border-left:solid 2px var(--mention-detail)}.channel-message[data-v-5dc8678d]:hover{background-color:var(--tertiary)}.channel-message:hover .avatar[data-v-5dc8678d]{transition:all .2s;background-color:var(--primary)}.avatar[data-v-5dc8678d]{top:5px;width:40px;height:40px;border-radius:50%;background-color:var(--secondary);flex-shrink:0}.avatar.botAvatar[data-v-5dc8678d]{background-color:var(--mention-detail);background-image:url(../img/tmchvd\ circle.59913966.png)}.message[data-v-5dc8678d]{display:flex;flex-direction:column;justify-content:space-between;margin-left:17px}.message strong[data-v-5dc8678d]{color:var(--white);font-size:16px;letter-spacing:1px}.message .date[data-v-5dc8678d]{margin-left:6px;color:var(--grey);font-size:13px}.message .body[data-v-5dc8678d]{color:var(--white);text-align:left;font-size:16px;margin-top:5px}.message .bot[data-v-5dc8678d]{margin-left:9px;background-color:var(--discord);padding:4px 5px;text-transform:uppercase;font-size:11px;font-weight:700;color:var(--white);border-radius:4px}.mention[data-v-b77d7f14]{color:var(--link);cursor:pointer;margin-right:6px}.mention[data-v-b77d7f14]:hover{text-decoration:underline}.container[data-v-fe272ad2]{grid-area:cd;display:flex;justify-content:space-between;flex-direction:column;flex-flow:column nowrap;background-color:var(--primary);flex:1}.input-wrapper[data-v-fe272ad2]{width:100%;padding:0 16px;height:68px}.input-wrapper input[data-v-fe272ad2]{margin-top:12px;width:100%;height:44px;padding:0 10px 0 57px;border-radius:5px;color:var(--white);background-color:var(--chat-input)}.input-wrapper input[data-v-fe272ad2]::-moz-placeholder{color:var(--grey);font-size:16px}.input-wrapper input[data-v-fe272ad2]:-ms-input-placeholder{color:var(--grey);font-size:16px}.input-wrapper input[data-v-fe272ad2]::placeholder{color:var(--grey);font-size:16px}.input-wrapper .icon[data-v-fe272ad2]{color:var(--grey);position:relative;top:-50%;left:14px;transition:.2s;width:24px}.messages[data-v-fe272ad2]{display:flex;flex-direction:column;height:calc(100vh - 114px);max-height:calc(100vh - 114px);overflow-y:scroll}.messages .channelmessage[data-v-fe272ad2]:first-child{margin-top:0}.messages[data-v-fe272ad2]::-webkit-scrollbar{width:8px}.messages[data-v-fe272ad2]::-webkit-scrollbar-thumb{background-color:var(--tertiary);border-radius:4px}.messages[data-v-fe272ad2]::-webkit-scrollbar-track{background-color:var(--primary)}.link[data-v-fe272ad2]{color:var(--grey);outline:none}.user-role[data-v-e3285fec]{margin-top:5px;padding:5px;display:flex;align-items:center;cursor:pointer;border-radius:5px;background:transparent;transition:all .2s ease-out}.user-role[data-v-e3285fec]:hover{background-color:hsla(0,0%,100%,.1)}.user-role strong[data-v-e3285fec]{margin-left:13px;font-weight:500;color:var(--white);opacity:.7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-role .bot[data-v-e3285fec]{margin-left:9px;background-color:var(--discord);color:var(--white);padding:4px 5px;border-radius:4px;text-transform:uppercase;font-size:11px;font-weight:700}.user-role .avatar[data-v-e3285fec]{width:32px;height:32px;flex-shrink:0;background-color:var(--primary);border-radius:50px}.user-role .botAvatar[data-v-e3285fec]{background-color:var(--mention-detail)}.user-list[data-v-4f73e542]{grid-area:ul;display:flex;flex-direction:column;padding:3px 6px 10px 16px;background-color:var(--secondary);max-height:calc(100vh - 46px);overflow-y:scroll}.user-list[data-v-4f73e542]::-webkit-scrollbar{width:8px}.user-list[data-v-4f73e542]::-webkit-scrollbar-thumb{background-color:var(--tertiary);border-radius:4px}.user-list[data-v-4f73e542]::-webkit-scrollbar-track{background-color:var(--primary)}.title-users[data-v-4f73e542]{margin-top:20px;color:var(--grey);font-weight:500;text-transform:uppercase}#grid[data-v-5c352a90]{display:grid;grid-template-columns:71px 240px auto 240px;grid-template-rows:46px auto 52px;grid-template-areas:"sl sn ci ci" "sl cl cd ul" "sl ui cd ul";height:100vh}