react-simple-slider-component/dist/index.css

A simple slider library in react

._1Lxpd {
  height: 7vh;
  width: inherit
  /* margin: 25px; */
}

._1M2Y0 {
  position: relative;
  width: inherit
}

._CLquq,
._19G8v {
  border-radius: 3px;
  height: 7px;
  width: inherit;
  position: absolute;
}

._CLquq {
  /* background-color: #ced4da; */
  width: inherit;
  /* margin-left: 5px; */
  z-index: 1;
}

._19G8v {
  /* background-color: #9fe5e1; */
  z-index: 2;
}

/* Removing the default appearance */
._16baj,
._16baj::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

._16baj {
  pointer-events: none;
  position: absolute;
  height: 0;
  width: inherit;
  outline: none;
}

._2vGUP {
  z-index: 5;
}
._2RF0Y,
._1e3-r {
  font-size: 14px;
  margin-top: 20px;
  position: absolute;
}

._2RF0Y {
  left: 6px;
}

._1e3-r {
  right: -4px;
}

._36Ju- {
  z-index: 3;
}

._2hF18 {
  z-index: 4;
}

/* For Chrome browsers */
._16baj::-webkit-slider-thumb {
  background-color: #f1f5f7;
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 1px 1px #ced4da;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  left: -2px;
  pointer-events: all;
  position: relative;
}

/* For Firefox browsers */
._16baj::-moz-range-thumb {
  background-color: #f1f5f7;
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 1px 1px #ced4da;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  pointer-events: all;
  position: relative;
}