:root{--s-slider-vertical-height:150px;--s-slider-padding:calc(var(--s-slider-thumb-size)/2);--s-slider-padding-x-show-scale:34px;--s-slider-padding-y-show-scale:26px;--s-slider-track-main-axis-size:100%;--s-slider-track-cross-axis-size:4px;--s-slider-track-bg:var(--s-fill-color-secondary);--s-slider-fill-bg:var(--s-color-primary);--s-slider-thumb-size:24px;--s-slider-thumb-bg:var(--s-white);--s-slider-thumb-box-shadow:var(--s-box-shadow-tertiary);--s-slider-value-padding:4px;--s-slider-value-min-width:20px;--s-slider-value-min-width-horizontal:28px;--s-slider-value-font-size:var(--s-font-size-sm);--s-slider-value-color:var(--s-white);--s-slider-value-bg:var(--s-gray-800);--s-slider-value-box-shadow:var(--s-box-shadow-tertiary);--s-slider-value-arrow-size:6px;--s-slider-scale-size:8px;--s-slider-scale-text-font-size:var(--s-font-size-sm);--s-slider-scale-text-offset:20px}.dark{--s-slider-thumb-bg:var(--s-gray-200);--s-slider-value-bg:var(--s-gray-700)}.s-slider{display:flex;padding:var(--s-slider-padding);cursor:pointer;-webkit-user-select:none;user-select:none}.s-slider--vertical{width:auto;height:var(--s-slider-vertical-height)}.s-slider__track{position:relative;width:var(--s-slider-track-main-axis-size);height:var(--s-slider-track-cross-axis-size);border-radius:var(--s-border-radius-full);background:var(--s-slider-track-bg)}.s-slider--vertical .s-slider__track{width:var(--s-slider-track-cross-axis-size);height:var(--s-slider-track-main-axis-size)}.s-slider__fill{position:absolute;width:auto;height:100%;border-radius:var(--s-border-radius-full);background:var(--s-slider-fill-bg)}.s-slider--vertical .s-slider__fill{width:100%;height:auto}.s-slider__thumb-container{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;touch-action:none;transform:translate(-50%, -50%)}:root[dir=rtl] .s-slider__thumb-container{transform:translate(50%, -50%)}.s-slider__thumb-container--start{top:50%;inset-inline-start:0}.s-slider__thumb-container--end{top:50%;inset-inline-start:100%}.s-slider__thumb{flex:none;width:var(--s-slider-thumb-size);height:var(--s-slider-thumb-size);border-radius:var(--s-border-radius-full);background:var(--s-slider-thumb-bg);box-shadow:var(--s-slider-thumb-box-shadow)}.s-slider--vertical .s-slider__thumb-container{touch-action:auto}.s-slider--vertical .s-slider__thumb-container--start{top:0;inset-inline-start:50%}.s-slider--vertical .s-slider__thumb-container--end{top:100%;inset-inline-start:50%}.s-slider__value{position:absolute;display:flex;justify-content:center;align-items:center;padding:var(--s-slider-value-padding);font-size:var(--s-slider-value-font-size);line-height:var(--s-line-height-none);color:var(--s-slider-value-color);border-radius:var(--s-border-radius-sm);background:var(--s-slider-value-bg);box-shadow:var(--s-slider-value-box-shadow)}.s-slider__value::after{content:"";position:absolute;display:block;width:var(--s-slider-value-arrow-size);height:var(--s-slider-value-arrow-size);background-color:inherit}.s-slider__value--top{bottom:calc(100% + var(--s-slider-value-arrow-size))}.s-slider__value--top::after{top:100%;left:50%;transform:translate(-50%, -50%) rotate(45deg)}.s-slider__value--bottom{top:calc(100% + var(--s-slider-value-arrow-size))}.s-slider__value--bottom::after{bottom:100%;left:50%;transform:translate(-50%, 50%) rotate(45deg)}.s-slider__value--left{inset-inline-end:calc(100% + var(--s-slider-value-arrow-size))}.s-slider__value--left::after{top:50%;inset-inline-start:100%;transform:translate(-50%, -50%) rotate(45deg)}:root[dir=rtl] .s-slider__value--left::after{transform:translate(50%, -50%) rotate(45deg)}.s-slider__value--right{inset-inline-start:calc(100% + var(--s-slider-value-arrow-size))}.s-slider__value--right::after{top:50%;inset-inline-end:100%;transform:translate(50%, -50%) rotate(45deg)}:root[dir=rtl] .s-slider__value--right::after{transform:translate(-50%, -50%) rotate(45deg)}.s-slider__value--top,.s-slider__value--bottom{min-width:var(--s-slider-value-min-width)}.s-slider__value--left,.s-slider__value--right{min-width:var(--s-slider-value-min-width-horizontal)}.s-slider__scale{position:absolute;width:var(--s-slider-scale-size);height:var(--s-slider-scale-size);border-radius:50%;background:var(--s-slider-track-bg)}.s-slider__scale--active{background:var(--s-slider-fill-bg)}.s-slider--horizontal .s-slider__scale{top:50%;transform:translate(-50%, -50%)}:root[dir=rtl] .s-slider--horizontal .s-slider__scale{transform:translate(50%, -50%)}.s-slider--vertical .s-slider__scale{left:50%;transform:translate(-50%, -50%)}.s-slider__scale-text{position:absolute;font-size:var(--s-slider-scale-text-font-size);line-height:var(--s-line-height-none)}.s-slider--horizontal .s-slider__scale-text{left:50%;transform:translateX(-50%)}.s-slider--vertical .s-slider__scale-text{top:50%;transform:translateY(-50%)}.s-slider--scale-top{padding-top:var(--s-slider-padding-y-show-scale)}.s-slider--scale-top .s-slider__scale-text{bottom:var(--s-slider-scale-text-offset)}.s-slider--scale-bottom{padding-bottom:var(--s-slider-padding-y-show-scale)}.s-slider--scale-bottom .s-slider__scale-text{top:var(--s-slider-scale-text-offset)}.s-slider--scale-left{padding-inline-start:var(--s-slider-padding-x-show-scale)}.s-slider--scale-left .s-slider__scale-text{inset-inline-end:var(--s-slider-scale-text-offset)}.s-slider--scale-right{padding-inline-end:var(--s-slider-padding-x-show-scale)}.s-slider--scale-right .s-slider__scale-text{inset-inline-start:var(--s-slider-scale-text-offset)}.s-slider--readonly{cursor:unset}.s-slider--disabled{cursor:not-allowed}.s-slider--disabled .s-slider__fill{background:var(--s-text-color-disabled)}.s-slider--readonly .s-slider__thumb-container,.s-slider--disabled .s-slider__thumb-container{touch-action:auto}