.left-app[data-v-c177202a]{width:72px;background-color:#1e1f22;padding-top:.75rem;display:flex;flex-direction:column;align-items:center;transition:width .2s}.block-box[data-v-c177202a]{width:100%;margin:0 0 12px}.app-item-box[data-v-c177202a],.app-item[data-v-c177202a]{display:flex;justify-content:center;position:relative}.app-item[data-v-c177202a]{width:48px;height:48px;background-color:#313338;align-items:center;color:#fff;cursor:pointer;border-radius:50%;transition:all .1s}.app-item.active[data-v-c177202a],.app-item[data-v-c177202a]:hover{color:#fff;background-color:#5865f2;border-radius:16px;transition:all .1s}.app-item.active[data-v-c177202a]:not(.has-image),.app-item[data-v-c177202a]:hover:not(.has-image){background-color:#5865f2}.app-item .app-item__icon[data-v-c177202a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit}.app-item .app-item__icon i[data-v-c177202a]{font-size:27px}.app-item .app-item__icon img[data-v-c177202a]{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.app-item .pill-wrapper[data-v-c177202a]{position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:8px;height:100%;display:flex;align-items:center;justify-content:center}.app-item .pill-wrapper .pill-item[data-v-c177202a]{width:4px;height:0;background:#fff;border-radius:0 4px 4px 0;transition:all .15s ease-out}.app-item:hover .app-item__icon[data-v-c177202a],.app-item[data-v-c177202a]:hover{border-radius:16px}.app-item:hover:not(.active) .pill-wrapper .pill-item[data-v-c177202a]{height:20px;opacity:1}.app-item.active .app-item__icon[data-v-c177202a],.app-item.active[data-v-c177202a]{border-radius:16px}.app-item.active .pill-wrapper .pill-item[data-v-c177202a]{height:40px;opacity:1}.app-item .server-tooltip[data-v-c177202a]{position:absolute;left:60px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.85);color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease-out;z-index:1000}.app-item .server-tooltip[data-v-c177202a]:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);border-style:solid;border-width:4px 4px 4px 0;border-color:transparent rgba(0,0,0,.85) transparent transparent}.app-item:hover .server-tooltip[data-v-c177202a]{opacity:1}.divider-box .divider[data-v-c177202a]{margin:0 0 14px;border-bottom:2px solid #35363c}.channel-footer[data-v-7964634a]{height:52px;padding:0 8px;background:var(--background-secondary-alt);display:flex;align-items:center;justify-content:space-between}.channel-footer .footer-left[data-v-7964634a]{display:flex;align-items:center}.channel-footer .footer-left .footer-avatar[data-v-7964634a]{width:32px;height:32px;position:relative;margin-right:8px}.channel-footer .footer-left .footer-avatar .avatar-box[data-v-7964634a]{width:100%;height:100%;border-radius:50%;background:var(--background-primary);display:flex;align-items:center;justify-content:center;font-size:20px}.channel-footer .footer-left .footer-avatar .badge[data-v-7964634a]{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;background:var(--background-secondary-alt);display:flex;align-items:center;justify-content:center}.channel-footer .footer-left .footer-avatar .badge .online[data-v-7964634a]{width:10px;height:10px;border-radius:50%;background:#3ba55d}.channel-footer .footer-left .footer-left-username-box[data-v-7964634a]{display:flex;flex-direction:column;font-size:12px}.channel-footer .footer-left .footer-left-username-box .footer-left-username[data-v-7964634a]{color:var(--text-normal);font-weight:600}.channel-footer .footer-left .footer-left-username-box .footer-left-status[data-v-7964634a]{color:var(--text-muted)}.channel-footer .footer-right[data-v-7964634a]{cursor:pointer;color:var(--text-muted)}.channel-footer .footer-right[data-v-7964634a]:hover{color:var(--text-normal)}.channel-footer .footer-right i[data-v-7964634a]{font-size:20px}[data-v-7964634a] .el-dialog{border-radius:8px;background:var(--background-primary)}[data-v-7964634a] .el-dialog .el-dialog__header{margin:0;padding:16px 24px;border-bottom:1px solid var(--border-color)}[data-v-7964634a] .el-dialog .el-dialog__header .el-dialog__title{color:var(--text-normal);font-size:16px;font-weight:500}[data-v-7964634a] .el-dialog .el-dialog__body{color:var(--text-normal);padding:24px}[data-v-7964634a] .el-dialog .el-dialog__footer{padding:16px 24px;border-top:1px solid var(--border-color)}[data-v-7964634a] .el-dialog .el-dialog__footer .dialog-footer{display:flex;justify-content:flex-end;gap:12px}.channel-box[data-v-ffb2557e]{width:240px;height:100vh;background-color:#2b2d31;font-weight:600;flex-shrink:0;display:flex;flex-direction:column;position:relative}.left-channel-list[data-v-ffb2557e]{height:100%;display:flex;flex-direction:column}.left-channel-list .channel-title[data-v-ffb2557e]{height:48px;min-height:48px;display:flex;justify-content:space-between;font-size:16px;align-items:center;padding:0 16px;box-shadow:0 1px 0 rgba(2,2,2,.2),0 1.5px 0 rgba(6,6,7,.05),0 2px 0 rgba(2,2,2,.05);color:#fff}.channels[data-v-ffb2557e]{flex:1;display:flex;flex-direction:column;padding:8px 8px 2px 8px;margin:16px 0 0;color:#8e95a2;font-size:14px;overflow:hidden}.channels .channels-title-bar[data-v-ffb2557e]{display:flex;justify-content:space-between;padding:0 10px 0 12px}.channels .channels-item[data-v-ffb2557e]{flex:1;width:100%;margin-top:8px;display:flex;flex-direction:column;align-items:flex-start;line-height:24px;overflow-y:auto;overflow-x:hidden}.channels .channels-item .channels-item-channel[data-v-ffb2557e]{width:100%;padding:4px 4px 4px 12px;cursor:pointer;border-radius:6px;transition:background-color .2s;display:flex;flex-direction:row;align-items:center;margin:1px 0}.channels .channels-item .channels-item-channel.channel-current[data-v-ffb2557e]{background-color:#40444b}.channels .channels-item .channels-item-channel .left[data-v-ffb2557e]{width:90%;display:flex;flex-direction:row;align-items:center}.channels .channels-item .channels-item-channel .left svg[data-v-ffb2557e]{width:20px;margin-right:5px;color:#80848e!important}.channels .channels-item .channels-item-channel .left svg path[data-v-ffb2557e]{fill:currentColor}.channels .channels-item .channels-item-channel.channel-current .left svg[data-v-ffb2557e]{color:#80848e!important}.channels .channels-item .channels-item-channel.channel-current span[data-v-ffb2557e]{color:#fff}.channels .channels-item .channels-item-channel .right[data-v-ffb2557e]{width:10%}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}:root{--background-primary:#36393f;--background-secondary:#2f3136;--background-secondary-alt:#292b2f;--background-tertiary:#202225;--background-floating:#18191c;--background-modifier-hover:rgba(79,84,92,.16);--background-modifier-selected:rgba(79,84,92,.32);--text-normal:#dcddde;--text-muted:#72767d;--border-color:rgba(79,84,92,.48);--white:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;color:var(--text-normal)}ul{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--background-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--background-floating)}.message-box{background-color:#2b2d31;border-radius:4px;margin:5px 0;padding:12px 8px 16px 16px;text-align:left;position:relative;min-width:min(280px,70vw);max-width:min(700px,70vw)}.message-box .message-title{font-size:16px;margin-bottom:8px}.message-box .message-description{font-size:14px;color:#dbdee1;font-weight:200}.message-error:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:#ff4d4f;border-top-left-radius:8px;border-bottom-left-radius:8px}