/* Shared native slider skin; each controller publishes its normalized progress. */
input.sf-range[type=range]{--sf-range-color:var(--primary,#286ad9);--sf-range-rail:color-mix(in srgb,var(--text-secondary,#63656d) 25%,transparent);appearance:none;-webkit-appearance:none;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;cursor:pointer;direction:ltr}
input.sf-range[type=range]:focus-visible{outline:2px solid var(--sf-range-color);outline-offset:4px}
input.sf-range[type=range]::-webkit-slider-runnable-track{height:4px;border:0;border-radius:2px;box-shadow:none;background:linear-gradient(to right,var(--sf-range-color) 0 var(--sf-range-progress,0%),var(--sf-range-rail) var(--sf-range-progress,0%) 100%)}
input.sf-range[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;box-shadow:none;background:var(--sf-range-color)}
input.sf-range[type=range]::-moz-range-track{height:4px;border:0;border-radius:2px;box-shadow:none;background:var(--sf-range-rail)}
input.sf-range[type=range]::-moz-range-progress{height:4px;border:0;border-radius:2px;background:var(--sf-range-color)}
input.sf-range[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;box-shadow:none;background:var(--sf-range-color)}