#library
  background: white
  position: absolute
  top: 100%
  height: 100%
  width: 100%
  z-index: 2
  @include transition(top 0.35s ease-in-out)
  header
    top: 100%
    z-index: 1
    @extend .header
    @include transition(top 0.35s ease-in-out)
    a.close
      position: absolute
      right: 10px
      top: 8px
      @include button
  &.show
    top: 0
    header
      top: 0
  .browser
    position: absolute
    height: 100%
    @include transition(left 0.25s ease-in-out)
    &[data-pane="2"]
      left: -$interface-width
    &[data-pane="3"]
      left: -$interface-width * 2
    &[data-pane="4"]
      left: -$interface-width * 3
    ol, ul
      @extend .list
    div
      position: absolute
      width: $interface-width
      height: 100%
      padding: 2.5em 0 0
      overflow: auto
      &:first-child
        left: 0
      &:nth-child(2)
        left: $interface-width
      &:nth-child(3)
        left: $interface-width * 2
      &:nth-child(4)
        left: $interface-width * 3