.nav-bar[data-v-7d42752e]{display:flex;flex-direction:column;width:60px;align-items:center;flex-shrink:0;padding-bottom:3px}.gap[data-v-7d42752e]{flex:1}.item[data-v-7d42752e]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;height:50px;margin-top:3px;width:50px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.6;z-index:1111111;transition:.2s;border-radius:0;position:relative}.item .title[data-v-7d42752e]{font-size:9px;text-align:center;margin-top:3px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item[data-v-7d42752e]:hover{opacity:1}.item.selected[data-v-7d42752e]{border-radius:4px;opacity:1;background-color:var(--primary-color)}.item.update[data-v-7d42752e]{border-radius:4px;background:var(--success-color)}.item.me[data-v-7d42752e]{height:auto}.item.me.selected[data-v-7d42752e]{background-color:transparent;transform:scale(1.3)}.item.notification[data-v-7d42752e]:before{content:"";color:#fff;position:absolute;bottom:18px;right:13px;background-color:var(--alert-color);border-radius:50%;height:10px;width:10px}.item.notification.mentioned[data-v-7d42752e]:before{content:"@";display:flex;color:#fff;align-items:center;align-content:center;justify-content:center;right:13px;bottom:17px;font-size:10px;height:15px;width:15px}.user-area-button[data-v-7d42752e]{opacity:1;transition:.2s;cursor:pointer}.user-area-button[data-v-7d42752e]:hover{transform:scale(1.1)}.user-area[data-v-7d42752e]{position:absolute;left:60px;bottom:53px;z-index:11111112111}@media(max-width:950px){.nav-bar[data-v-7d42752e]{position:fixed;bottom:-56px;left:0;right:0;height:50px;width:100%;flex-direction:row;padding-top:0;overflow:hidden;padding-bottom:0;padding-top:3px;padding-bottom:3px;transition:.2s}.nav-bar.pin-bottom[data-v-7d42752e]{position:static;background:rgba(0,0,0,.2)}.nav-bar.show[data-v-7d42752e]{bottom:0}.item[data-v-7d42752e]{height:100%;padding-left:3px;padding-right:3px;width:auto;min-width:50px;margin:0;margin-right:3px}.item.notification[data-v-7d42752e]:before{bottom:20px;right:15px}.user-area[data-v-7d42752e]{bottom:60px;right:5px;left:auto}.item[data-v-7d42752e]:first-child{margin-left:3px}.item.last[data-v-7d42752e]{margin:3px;flex-shrink:0}}.status-dot[data-v-7d42752e]{border-radius:50%;height:10px;width:10px;position:absolute;margin-left:17px;margin-top:10px;z-index:1}