.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);cursor:pointer;background:var(--slider-track-background);border-radius:var(--rounded-full)}.ds-slider input[type=range]::-webkit-slider-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:var(--rounded-full);background:var(--slider-color-dark);border:solid 2px white;box-shadow:var(--shadow-lg);cursor:pointer;-webkit-appearance:none;margin-top:calc(var(--slider-track-height) / 2 - var(--slider-thumb-size) / 2)}.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);cursor:pointer;background:var(--slider-track-background);border-radius:var(--rounded-full)}.ds-slider input[type=range]::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:var(--rounded-full);background:var(--slider-color-dark);border:solid 2px white;box-shadow:var(--shadow-lg);cursor:pointer;margin-top:calc(var(--slider-track-height) / 2 - var(--slider-thumb-size) / 2)}.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);cursor:pointer;background:var(--slider-track-background);border-radius:var(--rounded-full)}.ds-slider input[type=range]::-ms-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:var(--rounded-full);background:var(--slider-color-dark);border:solid 2px white;box-shadow:var(--shadow-lg);cursor:pointer;margin-top:calc(var(--slider-track-height) / 2 - var(--slider-thumb-size) / 2)}.ds-slider input[type=range]:focus-visible::-ms-thumb{outline:solid 2px}.ds-slider .ds-slider__value{position:absolute;top:-24px;left:0;height:21px;display:block;font-weight:700;font-size:14px;-webkit-transform-origin:left;transform-origin:left}.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)}