.noUi-horizontal .noUi-handle {
  right: -17px; }

.noUi-base {
  margin-left: 3px;
  width: calc(100% - 19px); }

.noUi-connect {
  background: #222; }

.noUi-connects {
  height: 4px;
  position: relative;
  top: -1px;
  margin-left: 6px;
  border-radius: 0; }

.noUi-handle {
  border: none;
  border-radius: 50%;
  cursor: default;
  background: #fff;
  background-size: 7px 11px;
  box-shadow: none; }
  .noUi-handle:focus {
    outline: none; }
  .noUi-handle:after, .noUi-handle:before {
    content: none; }

.noUi-horizontal {
  position: relative;
  height: 2px; }
  .noUi-horizontal:after, .noUi-horizontal:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #c4c4c4;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto; }
  .noUi-horizontal:after {
    left: auto;
    right: 0; }

.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  top: -9px;
  background: #ffbf33; }

.noUi-target {
  background: rgba(34, 34, 34, .1);
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 28px 0 18px; }