.sidebar[data-v-00fe67ba]{width:180px;background:#161823;border-right:1px solid #2f2f37;padding:20px 0;-ms-flex-negative:0;flex-shrink:0}.sidebar .nav-menu .nav-item[data-v-00fe67ba]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 24px;height:36px;margin-bottom:4px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;color:#8a919e;font-size:16px;line-height:1}.sidebar .nav-menu .nav-item[data-v-00fe67ba]:hover{background:#4a5568;color:#fff;border-radius:20px;margin:0 12px}.sidebar .nav-menu .nav-item.active[data-v-00fe67ba]{background:#4a5568;color:#fe2c55;border-radius:20px;margin:0 12px}.sidebar .nav-menu .nav-item .icon[data-v-00fe67ba]{margin-right:-48px;font-size:18px;line-height:2;-ms-flex-negative:0;flex-shrink:0}.sidebar .nav-menu .nav-item span[data-v-00fe67ba]:not(.icon){font-size:16px;font-weight:500;line-height:1}@media (max-width:768px){.sidebar[data-v-00fe67ba]{width:150px}}@media (max-width:480px){.sidebar[data-v-00fe67ba]{width:60px}.sidebar .nav-item span[data-v-00fe67ba]:not(.icon){display:none}}