.price-bar {
  position: absolute;
  left: 0; right: 0; top: 50%;
  height: 4px;
  transform: translateY(-50%);
  background: #e5e7eb;
  border-radius: 999px;
}
.price-fill {
  position: absolute;
  top: 50%;
  height: 4px;
  transform: translateY(-50%);
  background: #1670FF;
  border-radius: 999px;
}
.range-thumb::-webkit-slider-thumb,
.range-thumb::-moz-range-thumb {
  width: 16px; height: 16px;
  border-radius: 50%;
  background: #1670FF;
  border: none;
  box-shadow: 0 0 0 3px rgba(22,112,255,.2);
  cursor: pointer;
}
.histogram {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='40' viewBox='0 0 260 40'><path d='M0 34h8v-6h8v-8h10v-9h10v-7h12v12h12v6h12v8h14v-4h12v-10h12v-5h12v8h14v13H0z' fill='%23e5e7eb'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center bottom;
}