/**** RANGE ****/
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-connect {
  height: 100%;
  width: 100%;
}
.noUi-origin {
  height: 10%;
  width: 10%;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
/**** RANGE STYLES ****/
.noUi-target {
  width: 300px;
  margin: 10px 20px;
  height: 9px;
  border: 1px solid #1e90ff;
  background-color: #eee;
  border-radius: 3px;
  position: relative;
}
.noUi-handle {
  background-color: #3498db;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: -9px;
}
.noUi-connect {
  background: #1e90ff;
  border-radius: 3px;
}
.noUi-handle-lower {
  left: 20px;
}
.noUi-handle-upper {
  right: -20px;
}