input[type=range].grayscale-range{--range-paint: linear-gradient(to right, var(--accent-primary) 0%, var(--accent-primary) var(--range-progress), var(--slider-track) var(--range-progress), var(--slider-track) 100%);appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;max-width:100%;height:8px;margin:0;border-radius:4px;background:var(--range-paint);cursor:pointer}input[type=range].grayscale-range::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:var(--range-paint)}input[type=range].grayscale-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-6px;border:2px solid var(--bg-card);border-radius:50%;background:var(--accent-primary)}input[type=range].grayscale-range::-moz-range-track{height:8px;border-radius:4px;background:var(--slider-track)}input[type=range].grayscale-range::-moz-range-progress{height:8px;border-radius:4px;background:var(--accent-primary)}input[type=range].grayscale-range::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--bg-card);border-radius:50%;background:var(--accent-primary)}input[type=range].grayscale-range:focus-visible{outline:2px solid var(--border-focus);outline-offset:6px}input[type=range].grayscale-range:hover{filter:brightness(1.08)}input[type=range].grayscale-range:active{filter:brightness(.92)}input[type=range].grayscale-range:disabled{opacity:.5;cursor:not-allowed}