.range-slider{font-size:var(--fs-2xs);display:block}.range-slider .head{align-items:center;gap:var(--space-4);margin-bottom:2px;display:flex}.range-slider label{color:var(--text-muted);font-family:var(--font-tech);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;width:3rem}.range-slider .nums{gap:var(--space-2);margin-left:auto;display:flex}.range-slider .nums input{box-sizing:border-box;background:var(--surface-inset);border:var(--border-w-hair) solid var(--border-subtle);width:3.2rem;color:inherit;border-radius:var(--radius-control);padding:2px var(--space-2);font-family:var(--font-mono);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;text-align:center}.range-slider .nums input:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.range-slider .slider{height:1.3rem;position:relative}.range-slider .track{background:var(--border-subtle);border-radius:var(--radius-pill);height:.3rem;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.range-slider .fill{background:var(--accent);border-radius:var(--radius-pill);position:absolute;top:0;bottom:0}.range-slider input[type=range]{appearance:none;pointer-events:none;background:0 0;width:100%;height:1.3rem;margin:0;position:absolute;top:0;left:0}.range-slider input[type=range]::-webkit-slider-thumb{appearance:none;pointer-events:auto;background:var(--accent);border:2px solid var(--surface-page);cursor:pointer;border-radius:50%;width:1rem;height:1rem}.range-slider input[type=range]::-moz-range-thumb{pointer-events:auto;border:2px solid var(--surface-page);background:var(--accent);cursor:pointer;border-radius:50%;width:1rem;height:1rem}