.uif-split
  width 100%
  height 100%
  display flex
  align-items stretch
  &-mode-vertical
    flex-direction column
  &-left
    flex-shrink 0
    flex-grow 0
    overflow auto
  &-trigger
    flex none
  &-right
    flex auto
    overflow auto

.uif-trigger
  display flex
  align-items center
  justify-content center
  background-color #CFD1D9
  transition background-color 0.1s ease, box-shadow 0.2s ease
  .dot
    width 4px
    height @width
    background-color #FFF
    border-radius 50%
    margin 1px
    transition background-color 0.2s ease
  &-vertical
    height 8px
    width 100%
    cursor s-resize
  &-horizontal
    width 8px
    height 100%
    flex-direction column
    cursor e-resize
  &-moving .dot
    background-color #006ce1