/* Two range inputs on one track. The inputs keep their own keyboard and
   screen-reader behaviour; only the paint is ours. */
.ps{position:relative;height:52px;margin:2px 2px 8px;padding-top:14px}
.ps-track{position:absolute;left:0;right:0;top:20px;height:5px;border-radius:4px;background:#e6dfea}
.ps-fill{position:absolute;top:0;bottom:0;border-radius:4px;background:var(--jac,#71448b)}
.ps-thumb{position:absolute;left:0;top:8px;width:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;height:30px}
.ps-thumb:focus{outline:none}
.ps-thumb::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:22px;height:22px;border-radius:50%;
  border:3px solid #fff;background:var(--jac,#71448b);box-shadow:0 2px 6px rgba(69,43,91,.4);cursor:grab}
.ps-thumb::-moz-range-thumb{pointer-events:auto;width:22px;height:22px;border-radius:50%;
  border:3px solid #fff;background:var(--jac,#71448b);box-shadow:0 2px 6px rgba(69,43,91,.4);cursor:grab}
.ps-thumb:focus-visible::-webkit-slider-thumb{outline:3px solid #b179cb;outline-offset:2px}
.ps-thumb:focus-visible::-moz-range-thumb{outline:3px solid #b179cb;outline-offset:2px}
.ps-thumb::-webkit-slider-runnable-track{background:none;height:30px}
.ps-thumb::-moz-range-track{background:none;height:30px}
/* The higher handle sits on top so the two can be separated when they meet
   at the same point. */
.ps-hi{z-index:2}
.ps-out{position:absolute;left:0;right:0;top:34px;margin:0;font-size:13px;font-weight:600;color:#302735;
  font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.ps-fill{transition:none}}