theme01.colors.primary: #2196f3

  // slider
  theme01.slider.height: 100%
  theme01.slider.overflow-x: hidden

  // slider line
  theme01.slider.rail.height: 50%
  theme01.slider.rail.border-bottom: 1px solid primary

  // slider knob
  theme01.slider.knob.background-color: primary
  theme01.slider.knob.color : white
  theme01.slider.knob.height: 1.4em'
  theme01.slider.knob.width:  1.4em
  theme01.slider.knob.min-width: 12px
  theme01.slider.knob.min-height: 12px
  theme01.slider.knob.position: relative
  theme01.slider.knob.left: 0%
  theme01.slider.knob.top:  -0.7em
  theme01.slider.knob.font-size: 0.7em
  theme01.slider.knob.border-radius: 50%
  theme01.slider.knob.userSelect: none
  theme01.slider.knob.cursor: move
  theme01.slider.knob.align-items: center
  theme01.slider.knob.justify-content: center
  theme01.slider.knob.display: flex
  theme01.slider.knob.function01: onmousedown = function (e) { var saveX; saveX = e.clientX; Self.handle.onmousemove = function (e$1) {...