.ds-slider{position:relative}.ds-slider input[type=range]{--slider-color-dark: var(--blue);--slider-color-light: var(--blue-030);--slider-track-height: 8px;--slider-position: 0%;--slider-track-background: linear-gradient( to right, var(--slider-color-dark) 0%, var(--slider-color-dark) var(--slider-position), var(--slider-color-light) var(--slider-position), var(--slider-color-light) 100% );--slider-thumb-size: 20px;-webkit-appearance:none;width:100%}.ds-slider input[type=range]:focus{outline:none}.ds-slider input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--slider-track-height);border-radius:var(--rounded-full);background:var(--slider-track-background);cursor:pointer}.ds-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin-top:calc(var(--slider-track-height) / 2 - var(--slider-thumb-size) / 2);border:solid 2px white;border-radius:var(--rounded-full);background:var(--slider-color-dark);box-shadow:var(--shadow-md);cursor:pointer}.ds-slider input[type=range].focus-visible::-webkit-slider-thumb{outline:solid 2px}.ds-slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:solid 2px}.ds-slider input[type=range]::-moz-range-track{width:100%;height:var(--slider-track-height);border-radius:var(--rounded-full);background:var(--slider-track-background);cursor:pointer}.ds-slider input[type=range]::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin-top:calc(var(--slider-track-height) / 2 - var(--slider-thumb-size) / 2);border:solid 2px white;border-radius:var(--rounded-full);background:var(--slider-color-dark);box-shadow:var(--shadow-md);cursor:pointer}.ds-slider input[type=range].focus-visible::-moz-range-thumb{outline:solid 2px}.ds-slider input[type=range]:focus-visible::-moz-range-thumb{outline:solid 2px}.ds-slider input[type=range]::-ms-track{width:100%;height:var(--slider-track-height);border-radius:var(--rounded-full);background:var(--slider-track-background);cursor:pointer}.ds-slider input[type=range]::-ms-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin-top:calc(var(--slider-track-height) / 2 - var(--slider-thumb-size) / 2);border:solid 2px white;border-radius:var(--rounded-full);background:var(--slider-color-dark);box-shadow:var(--shadow-md);cursor:pointer}.ds-slider input[type=range].focus-visible::-ms-thumb{outline:solid 2px}.ds-slider input[type=range]:focus-visible::-ms-thumb{outline:solid 2px}.ds-slider .ds-slider__value{display:block;position:absolute;top:-24px;left:0;height:21px;transform-origin:left;font-weight:700;font-size:14px}.ds-slider .ds-slider__value+input[type=range]{padding-top:32px}.ds-slider.ds-slider--gray input[type=range]{--slider-color-dark: var(--gray-110);--slider-color-light: var(--gray-070)}