.brushSlider{
  display:flex;
  flex-direction: column;
  align-items: center;
}

svg.radialSlider {
    width: 100px;
    height: 100px;
    touch-action: none;
  }
svg.radialSlider #base{
    cursor: grab;
  }
svg.radialSlider #dial{
    pointer-events: none;
    user-select: none;
  }
  svg.radialSlider:active {
    cursor: grabbing;
    pointer-events: all;
  }
  svg.radialSlider text {
    font-size: 18px;
    /* font-weight: bold; */
    text-anchor: middle;
    dominant-baseline: middle;
    alignment-baseline: middle;
    pointer-events: none;
    user-select: none;
  }
  .radialColor{
      /* position:absolute; */
      /* bottom:4px; right:4px; */
      width:50px; height:50px;
      border:none;
      border-radius:50% !important;
      z-index: +1;
      box-shadow: inset 0 0 3px #8888;
      /* top:50%; */
      /* left:50%; */
      /* opacity: 0; */
      /* transform: translate(-50%,-50%); */
  }
  .brushSlider button{
    transition: background 0s;
}
.brushSlider button:hover{
  background: inherit;
}