.nav-actived{background-color:#36373a;color:#fff;font-weight:700}.nav-not-actived{color:#727277}.nav-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:8px;padding:16px;border-radius:12px;display:flex;align-items:center}.nav-bar{background-color:#212121;display:flex;padding:20px;flex-direction:column;justify-content:space-between}.nav-bar-min{width:54px}.nav-bar-max{width:220px}