@layer range-slider-element{range-slider{--track-size:.2rem;--thumb-size:1.2rem;box-sizing:border-box;block-size:var(--thumb-size);-webkit-user-select:none;user-select:none;touch-action:none;outline:none;align-items:center;inline-size:130px;display:inline-flex;position:relative}range-slider[orientation=vertical]{inline-size:var(--thumb-size);flex-direction:column;block-size:130px}range-slider [data-track]{pointer-events:none;block-size:var(--track-size);border-radius:inherit;box-sizing:inherit;flex:1}range-slider[orientation=vertical] [data-track]{inline-size:var(--track-size);block-size:100%}range-slider [data-track-fill]{pointer-events:none;block-size:var(--track-size);box-sizing:inherit;border-start-start-radius:inherit;border-end-start-radius:inherit;position:absolute}range-slider[orientation=vertical] [data-track-fill]{inline-size:var(--track-size);border-start-start-radius:unset;border-end-end-radius:inherit;block-size:auto}range-slider [data-runnable-track]{pointer-events:none;inset:0 calc(var(--thumb-size) / 2);box-sizing:inherit;position:absolute}range-slider[orientation=vertical] [data-runnable-track]{inset:calc(var(--thumb-size) / 2) 0}range-slider [data-thumb]{pointer-events:auto;touch-action:none;inline-size:var(--thumb-size);block-size:var(--thumb-size);box-sizing:inherit;margin-inline-start:calc(var(--thumb-size) / 2 * -1);position:absolute}range-slider[orientation=vertical] [data-thumb]{margin-inline-start:unset;margin-block:calc(var(--thumb-size) / 2 * -1)}range-slider{border-radius:var(--track-size);margin:2px}range-slider:active{opacity:.8}range-slider:disabled{filter:grayscale();opacity:.4}range-slider [data-track]{background-color:buttonface}range-slider [data-track-fill]{background-color:#0075ff}range-slider [data-thumb]{background-color:#0075ff;border-radius:100%}}