.ref-range{--range-color:var(--color-blue-base);--range-surface:white;--range-line:#07031f1a;--range-track:linear-gradient(to right,var(--range-color) 0 var(--range-fill),var(--range-line) var(--range-fill) 100%)}.ref-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:var(--range-track)}.ref-range::-moz-range-track{height:4px;border-radius:4px;background:var(--range-track)}.ref-range::-webkit-slider-thumb{appearance:none;width:22px;height:22px;margin-top:-9px;border:5px solid var(--range-color);border-radius:50%;background:var(--range-surface);box-shadow:0 0 0 4px var(--range-surface)}.ref-range::-moz-range-thumb{box-sizing:border-box;width:22px;height:22px;border:5px solid var(--range-color);border-radius:50%;background:var(--range-surface);box-shadow:0 0 0 4px var(--range-surface)}.dark .ref-range{--range-color:var(--color-purple-light);--range-surface:var(--color-blue-field);--range-line:#ffffff26}