.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


apply-theme(theme)
  body[data-theme={theme}]
    .root
      .slider
        border-left 1px solid get-theme-var(theme, 'borderColor')

for theme in 'dark' 'dracula' 'solarized-dark'
  apply-theme(theme)

for theme in $themes
  apply-theme(theme)