.slider-field{display:grid;gap:8px;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:var(--field-height);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:not(:disabled){accent-color:var(--accent-hover)}.slider-field input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{background:var(--accent-hover)}.slider-field input[type=range]:hover:not(:disabled)::-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}}.slider-range-track{position:relative;min-inline-size:0}.slider-field[data-range-ready] .slider-range-track{display:grid;grid-template-columns:1fr}.slider-field[data-range-ready] .slider-range-track:before{content:"";position:absolute;inset-inline:10px;top:calc(50% - 2px);height:4px;border-radius:var(--control-radius,var(--radius));background:linear-gradient(to right,var(--line) 0 var(--range-start),var(--accent) var(--range-start) var(--range-end),var(--line) var(--range-end) 100%)}.slider-field[data-range-ready]:dir(rtl) .slider-range-track:before{transform:scaleX(-1)}.slider-field[data-range-ready] .slider-range-track input{grid-area:1/1;pointer-events:none;position:relative}.slider-field[data-range-ready] .slider-range-track input:focus-visible{z-index:2}.slider-field[data-range-ready] .slider-range-track input::-webkit-slider-runnable-track{background:transparent}.slider-field[data-range-ready] .slider-range-track input::-moz-range-track{background:transparent}.slider-field[data-range-ready] .slider-range-track input::-webkit-slider-thumb{pointer-events:auto}.slider-field[data-range-ready] .slider-range-track input::-moz-range-thumb{pointer-events:auto}@media(forced-colors:active){.slider-field[data-range-ready] .slider-range-track{display:block}.slider-field[data-range-ready] .slider-range-track:before{display:none}.slider-field[data-range-ready] .slider-range-track input{pointer-events:auto}}.slider-field[data-range-at-end] .slider-range-track input:first-child{z-index:3}