.root
  absolute top left
  bottom 24px
  width 200px
  border-right solid 1px $nav-border-color
  background-color $nav-background-color
  user-select none
  color $nav-text-color

.top
  height 60px
  border-bottom solid 1px $nav-border-color

.top-menu
  navButtonColor()
  height 59px
  padding 0 10px
  font-size 14px
  width 100%
  text-align left

.top-menu-label
  margin-left 5px

.menu
  margin-top 15px

.menu-button
  navButtonColor()
  height 44px
  padding 0 10px
  font-size 14px
  width 100%
  text-align left

.menu-button--active
  @extend .menu-button
  background-color $nav-active-background
  color $nav-text-color
  &:hover
    background-color $nav-active-background

.menu-button-label
  margin-left 5px

.repositoryList
  absolute left right bottom
  top 178px
  overflow-y auto

.repositoryList-empty
  padding 0 10px
  margin-top 15px
  line-height 24px
  color $nav-inactive-color

.navToggle
  display block
  position absolute
  right 5px
  bottom 5px
  border-radius 16.5px
  height 33px
  width 33px
  color $nav-inactive-text-color
  border none
  background-color transparent
  transition color background-color 0.15s
  &:hover
    background-color $nav-hover-background
    color $nav-inactive-text-color
  &:active
    background-color $nav-active-background
    color $nav-text-color

.root-folded
  @extend .root
  width 44px
  .repositoryList-empty
    white-space nowrap
    transform rotate(90deg)
  .top-menu
    width 44px
    text-align center
    &:hover .top-menu-label
      width 100px
  .top-menu-label
    position fixed
    display inline-block
    height 34px
    left 44px
    width 0
    margin-top -5px
    margin-left 0
    overflow hidden
    background-color $nav-tooltip-background-color
    color white
    line-height 34px
    border-top-right-radius 5px
    border-bottom-right-radius 5px
    transition width 0.15s
    pointer-events none
  .menu-button, .menu-button--active
    width 44px
    text-align center
    &:hover .menu-button-label
      width 100px
  .menu-button-label
    position fixed
    display inline-block
    height 34px
    left 44px
    width 0
    padding-left 0
    margin-top -9px
    margin-left 0
    overflow ellipsis
    background-color $nav-tooltip-background-color
    color white
    line-height 34px
    border-top-right-radius 5px
    border-bottom-right-radius 5px
    transition width 0.15s
    pointer-events none