/********************************************/
/* NoUI */

/* rail */
.noUi-target {
  background: #777;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

/* connector between handles */
.noUi-connect {
  background: #9ad09a;
  border-radius: 4px;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-vertical {
  width: 9px;
}

.noUi-vertical .noUi-handle {
  width: 18px;
  height: 10px;
  left: -5px;
  top: -5px;
}

/* handle sytle */
.noUi-handle {
  border: 1px solid var(--neutral5);
  border-radius: 1px;
  background: var(--neutral1);
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #eee, 0 3px 6px -3px #BBB;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 9px;
  height: 1px;
  left: 4px;
  top: 4px;
}
.noUi-vertical .noUi-handle:after {
  top: 4px;
}

/* end NoUI */
/*************************************************/