.server[data-v-03733bd0]{display:flex;position:relative;align-items:center;justify-content:center;width:70px;height:60px;content-visibility:auto;contain-intrinsic-size:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.server[data-v-03733bd0]:after{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;transition:.1s;border-radius:4px}.server[data-v-03733bd0]:hover:after{background:var(--primary-color);opacity:.7}.server.selected[data-v-03733bd0]:after{background:var(--primary-color);opacity:1}.server.notification[data-v-03733bd0]:after{background:var(--alert-color);opacity:1}.server.notification.mentioned[data-v-03733bd0]:before{content:"@";position:absolute;align-items:center;align-content:center;justify-content:center;color:#fff;display:flex;font-size:12px;z-index:1;bottom:2px;right:10px;transition:.1s;width:20px;height:20px;border-radius:50%;background:var(--alert-color)}.ghost[data-v-0e82f914]{opacity:0}.server-list[data-v-0e82f914]{overflow:auto;width:100%}.server-list[data-v-0e82f914]::-webkit-scrollbar{display:none}.server-list[data-v-0e82f914]{-ms-overflow-style:none;scrollbar-width:none}.side-bar[data-v-382c131c]{display:flex;flex-direction:column;width:70px;flex-shrink:0}.add-server-button[data-v-382c131c]{height:50px;width:50px;align-self:center;flex-shrink:0;border-radius:4px;font-size:30px;display:flex;align-content:center;justify-content:center;align-items:center;margin-bottom:3px;margin-top:3px;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.add-server-button[data-v-382c131c]:hover{background:var(--primary-color)}@media(max-width:950px){.side-bar[data-v-382c131c]{padding-bottom:56px}}.drawer[data-v-2e0b2dfc]{display:flex;height:100%;max-width:320px;flex-shrink:0}.container[data-v-2e0b2dfc]{display:flex;flex-direction:column;height:100%;width:100%;background:var(--drawer-bg-color);overflow:hidden}.header[data-v-2e0b2dfc]{display:flex;align-items:center;flex-shrink:0;height:40px;background-color:var(--side-header-bg-color)}.header .title[data-v-2e0b2dfc]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%}.header .verified[data-v-2e0b2dfc]{background:rgba(0,0,0,.4);padding:3px;font-size:14px;border-radius:50%;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0}.header.hasIcon .title[data-v-2e0b2dfc]{width:auto;text-align:start;margin:10px;margin-right:5px}.header .icon[data-v-2e0b2dfc]{flex-shrink:0;margin-left:auto;margin-right:10px;cursor:pointer;opacity:.8;transition:.2s}.header .icon[data-v-2e0b2dfc]:hover{opacity:1}@media(max-width:950px){.drawer[data-v-2e0b2dfc]{background:var(--background-color)}}