.root
  absolute top left bottom right

.body
  absolute right top bottom
  left $sideNav-width

.body--expanded
  @extend .body
  left $sideNav--folded-width

.slider
  absolute top bottom
  width 1px
  background-color $ui-borderColor
  border-width 0
  border-style solid
  border-color $ui-borderColor

.slider--active
  @extend .slider
  background-color $ui-button--active-backgroundColor

.slider-hitbox
  absolute top bottom left right
  width 7px
  left -3px
  z-index 10
  cursor col-resize


body[data-theme="dark"]
  .root
    absolute top left bottom right

  .slider
    background-color $ui-dark-borderColor
    border-color $ui-dark-borderColor

  .slider--active
    background-color $ui-button--active-backgroundColor