.v-navigation-drawer .v-navigation-drawer__content{display:flex;flex-direction:column}.v-navigation-drawer .user-profile{align-items:center;display:flex;padding:12px;text-decoration:none}.v-navigation-drawer .user-profile .up-img{background:#eee 50% no-repeat;background-size:cover;border-radius:100%;flex-shrink:0;height:46px;width:46px}.v-navigation-drawer .user-profile .up-img.avatar{background-image:url(../img/no-profile-image.png)}.v-navigation-drawer .user-profile .up-info{flex-grow:1;line-height:1.5em;padding-left:15px}.v-navigation-drawer .user-profile .up-info .upi-name{color:#333;font-size:16px;font-weight:700}.v-navigation-drawer .user-profile .up-info .upi-username{color:#777;font-size:14px}.v-navigation-drawer .nav-links{padding-top:5px}.v-navigation-drawer .nav-links .nl-item{align-items:center;color:#666;display:flex;padding:15px;position:relative;text-decoration:none;transition:all .2s ease-out}.v-navigation-drawer .nav-links .nl-item>*{position:relative;z-index:2}.v-navigation-drawer .nav-links .nl-item>i{font-size:24px}.v-navigation-drawer .nav-links .nl-item>span{display:block;flex-grow:1;font-size:16px;padding-left:15px}.v-navigation-drawer .nav-links .nl-item:after{background-color:transparent;border-radius:5px;bottom:5px;content:"";display:block;left:8px;position:absolute;right:8px;top:5px;transition:all .3s ease-out;z-index:1}.v-navigation-drawer .nav-links .nl-item:hover{color:#000}.v-navigation-drawer .nav-links .nl-item:hover:after{background-color:#f0f0f0}.v-navigation-drawer .nav-links .nl-item.router-link-active{color:#000}.v-navigation-drawer .nav-links .nl-item.router-link-active:after{background-color:#eee}.v-navigation-drawer.v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering) .v-list .v-avatar{--v-avatar-height:40px!important}.v-navigation-drawer.v-navigation-drawer--rail .user-profile{flex-direction:column;padding:15px 0}.v-navigation-drawer.v-navigation-drawer--rail .user-profile .up-img{height:40px;width:40px}.v-navigation-drawer.v-navigation-drawer--rail .user-profile .up-info{display:none}.v-navigation-drawer.v-navigation-drawer--rail .nav-links .nl-item{color:#ccc;justify-content:center;margin-bottom:5px;padding:12px 0}.v-navigation-drawer.v-navigation-drawer--rail .nav-links .nl-item>i{font-size:28px}.v-navigation-drawer.v-navigation-drawer--rail .nav-links .nl-item>span{display:none}.v-navigation-drawer.v-navigation-drawer--rail .nav-links .nl-item:after{left:10px;right:10px}.v-navigation-drawer.v-navigation-drawer--rail .nav-links .nl-item:last-child{margin-bottom:0}.v-navigation-drawer.v-navigation-drawer--rail .nav-links .nl-item:hover:after{background-color:#ffffff26}.v-navigation-drawer.v-navigation-drawer--rail .nav-links .nl-item.router-link-active{color:#fff}.v-navigation-drawer.v-navigation-drawer--rail .nav-links .nl-item.router-link-active:after{background-color:#ffffff40}