.slider-field{display:grid;gap:4px;min-inline-size:0}.slider-heading{display:flex;justify-content:space-between;gap:16px}.slider-heading output{color:var(--muted);font-variant-numeric:tabular-nums}.slider-field input[type=range]{appearance:none;display:block;inline-size:100%;min-block-size:44px;margin:0;padding:0;border:0;border-radius:var(--control-radius,var(--radius));background:transparent;box-shadow:none;cursor:pointer;accent-color:var(--accent)}.slider-field input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--control-radius,var(--radius));background:var(--slider-track,var(--line))}.slider-field input[type=range]::-moz-range-track{height:4px;border-radius:var(--control-radius,var(--radius));background:var(--slider-track,var(--line))}.slider-field input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;margin-top:-8px;border:2px solid var(--bg);border-radius:50%;background:var(--accent)}.slider-field input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--bg);border-radius:50%;background:var(--accent)}.slider-field input[type=range]:hover{accent-color:var(--accent-hover)}.slider-field input[type=range]:hover::-webkit-slider-thumb{background:var(--accent-hover)}.slider-field input[type=range]:hover::-moz-range-thumb{background:var(--accent-hover)}.slider-field input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slider-field:has(:disabled){opacity:.55}.slider-field input:disabled{cursor:not-allowed}@media(forced-colors:active){.slider-field input[type=range]{appearance:auto}}