.root
  width 100%
  height 100%
  font-size 30px
  display flex
  flex-wrap wrap
  .slider
    absolute top bottom
    top -2px
    width 0
    z-index 0
    border-left 1px solid $ui-borderColor
  .slider-hitbox
    absolute top bottom left right
    width 7px
    left -3px
    z-index 10
    cursor col-resize
  .slider-hoz
    absolute left right
    .slider-hitbox
      absolute left right
      width: 100%
      height 7px
      cursor row-resize


body[data-theme="dark"]
  .root
    .slider
      border-left 1px solid $ui-dark-borderColor

body[data-theme="solarized-dark"]
  .root
    .slider
      border-left 1px solid $ui-solarized-dark-borderColor

body[data-theme="monokai"]
  .root
    .slider
      border-left 1px solid $ui-monokai-borderColor

body[data-theme="dracula"]
  .root
    .slider
      border-left 1px solid $ui-dracula-borderColor