/* customize slider */
.noUi-target {
  background: var(--color-border);
  border-radius: 9999px;
  border: none;
  box-shadow: none;
  height: 4px;
}

.noUi-connect {
  background: var(--color-main-blue);
}

.noUi-handle {
  background: var(--color-white);
  border: 2px solid var(--color-main-blue);
  border-radius: 9999px;
  box-shadow: none;
  width: 16px !important;
  height: 16px !important;
  top: -6px !important;
  right: -8px !important;
  cursor: pointer;
}

.noUi-handle::before,
.noUi-handle::after {
  display: none;
}