.segment-picker {
  position:relative;
}
.segment-suggestions {
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 4px);
  z-index:20;
  background:#fff;
  border:1px solid #e7eae6;
  border-radius:13px;
  box-shadow:var(--shadow-soft);
  max-height:220px;
  overflow:auto;
  overflow-x:hidden;
  overflow-wrap:anywhere;
}
.segment-suggestions .segment-option,
.segment-suggestions .city-option {
  display:block;
  width:100%;
  text-align:left;
  border:0;
  background:transparent;
  padding:10px 13px;
  font-size:10px;
  cursor:pointer;
}
.segment-suggestions .segment-option:hover,
.segment-suggestions .segment-option.is-highlighted,
.segment-suggestions .city-option:hover,
.segment-suggestions .city-option.is-highlighted,
.segment-suggestions .city-option[aria-selected="true"] {
  background:#f4f6f3;
}
.suggestion-empty {
  padding:10px 13px;
  color:var(--muted);
  font-size:10px;
}

.segment-suggestions { font-size:11px; }
.segment-suggestions .city-option { font-size:11px; }
input[type=range].field-input {
  -webkit-appearance:none;
  appearance:none;
  height:6px;
  padding:0;
  border:0;
  border-radius:99px;
  background:var(--line);
  accent-color:var(--green);
  margin:12px 0 4px;
}
input[type=range].field-input::-webkit-slider-runnable-track {
  height:6px;
  border-radius:99px;
  background:var(--line);
}
input[type=range].field-input::-webkit-slider-thumb {
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  margin-top:-6px;
  border-radius:50%;
  background:var(--green);
  border:3px solid #fff;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
}
input[type=range].field-input::-moz-range-track { height:6px; border-radius:99px; background:var(--line); }
input[type=range].field-input::-moz-range-thumb {
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--green);
  border:3px solid #fff;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
}