/* /home/dbad/app/app/static/css/decency-slider.css */
.dp-field { margin: 1.0rem 0 1.5rem; }
.dp-label { display:block; font-weight:600; margin-bottom:.35rem; }
.dp-help  { font-size:.9rem; color: var(--muted, #888); margin-top:.25rem; }

.dp-slider-wrap { position: relative; padding-right: 3.5rem; }

.dp-slider {
  width: 100%;
  appearance: none;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, #6ea8fe, #a5d8ff);
  outline: none;
}
.dp-slider:focus { box-shadow: 0 0 0 3px rgba(100,150,250,.25); }

/* WebKit thumb */
.dp-slider::-webkit-slider-thumb {
  appearance: none;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #0d6efd;
  border: 2px solid white;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15);
  cursor: pointer;
}
/* Firefox thumb */
.dp-slider::-moz-range-thumb {
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #0d6efd;
  border: 2px solid white;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15);
  cursor: pointer;
}

.dp-output {
  position: absolute;
  right: 0;
  top: -6px;
  min-width: 2.6rem;
  text-align: center;
  font-variant-numeric: tabular-nums;
  background: #111;
  color: #fff;
  padding: .25rem .5rem;
  border-radius: .5rem;
}

/* ticks hint line */
.dp-scale {
  display:flex; justify-content: space-between;
  font-size:.85rem; color: var(--muted, #8693a5);
  margin-top:.35rem;
}