.tn-colorHue
  position absolute
  top 0
  right 0
  bottom 0
  left 0
  border-radius 6px
  &--disabled.tn-colorHue
    background rgba(102,102,102,0.4)
    .tn-colorHue__picker
      background #DCDDE2
  &--horizontal
    background linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)
  &__container
    position relative
    height 100%
    cursor pointer
  &__pointer
    z-index 2
    position absolute
    width 1px
    height 23px
  &__picker
    box-sizing border-box
    position absolute
    top 0
    left 0
    width 23px
    height 23px
    transform translate(-50%, -50%)
    border-radius 50%
    background #ffffff
    box-shadow 0 2px 5px 0 rgba(98,107,119,0.30)