.sidebar
  position: fixed
  width: 4.5ch
  height: 100%
  background-color: black
  display: flex
  flex-direction: column

  transition: 250ms

  &:hover
    width: 20ch;

    .sidebarItem
      color: #777

      .sidebarItemText
        opacity: 1
        width: 16ch

div.sidebarItem
  color: white
  padding-top: 0.333em
  transition: 75ms
  color: #333
  white-space: nowrap

  svg
    margin-left: 0.5ch
    height: 1.5em

  &:hover
    background-color: #222
    color: #fc1 !important

  .sidebarItemIcon
    display: inline-block
    height: 2em
    width: 3.5ch
    text-align: center
    transition: 75ms
  .sidebarItemText
    display: inline-block
    vertical-align: top
    opacity: 0
    height: 2em
    margin-left: 1ch
    width: 0px
    transition: 75ms

div.sidebarItemSkip
  margin: auto 0 0 0