.root{--rs-slider-overflow-gap:var(--rs-unit-x1);--rs-slider-thumb-size:var(--rs-unit-x4);position:relative;display:flex;align-items:center;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.root:has(.thumb:hover,.thumb--active,.input:focus-visible){overflow:visible}.bar{border-radius:var(--rs-radius-small);background:var(--rs-color-background-neutral);position:relative}.bar,.input{overflow:hidden}.input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.selection{position:absolute;background:var(--rs-color-background-primary)}.tooltip{--rs-slider-tooltip-translate:calc(-50% + var(--rs-slider-tooltip-offset, 0px));min-width:var(--rs-line-height-caption-1);box-sizing:initial;text-align:center;opacity:0;user-select:none;transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:opacity,transform;color:var(--rs-color-foreground-neutral);background:var(--rs-color-background-elevation-overlay);box-shadow:var(--rs-shadow-overlay);border-radius:var(--rs-radius-small);padding:calc(var(--rs-unit-x1) / 2) var(--rs-unit-x1);white-space:nowrap;will-change:transform;pointer-events:none;font-variant-numeric:tabular-nums}.thumb,.thumbs,.tooltip{position:absolute}.thumb:before{width:var(--rs-slider-thumb-size);height:var(--rs-slider-thumb-size);border-radius:var(--rs-radius-circular);background:var(--rs-color-background-primary);box-shadow:0 0 0 2px var(--rs-color-background-elevation-base);box-sizing:border-box;transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:box-shadow}.thumb:after,.thumb:before{content:"";position:absolute}.thumb:after{width:var(--rs-unit-x7);height:var(--rs-unit-x7);cursor:grab}.thumb:hover .tooltip{opacity:1}.thumb--active:after,[data-rs-keyboard] .input:focus+.thumb:after{cursor:grabbing}.thumb--active:before,[data-rs-keyboard] .input:focus+.thumb:before{box-shadow:0 0 0 1px var(--rs-color-background-elevation-base)}.thumb--active .tooltip,[data-rs-keyboard] .input:focus+.thumb .tooltip{opacity:1}[data-rs-keyboard] .input:focus+.thumb:before{box-shadow:var(--rs-outline-shadow)}.--orientation-horizontal{height:var(--rs-slider-thumb-size);overflow-x:clip;margin-inline:calc(var(--rs-slider-overflow-gap) * -1);padding-inline:var(--rs-slider-overflow-gap)}.--orientation-horizontal .bar{height:var(--rs-unit-x1);width:100%}.--orientation-horizontal .selection{height:100%;inset-inline-start:var(--rs-slider-selection-start);width:var(--rs-slider-selection-size)}.--orientation-horizontal .tooltip{bottom:100%;left:50%;transform:translate(var(--rs-slider-tooltip-translate))}.--orientation-horizontal .thumbs{inset-inline:calc(var(--rs-slider-thumb-size) / 2 + var(--rs-slider-overflow-gap));height:100%}.--orientation-horizontal .thumb{width:0;height:100%;inset-inline-start:var(--ts-slider-thumb-position)}.--orientation-horizontal .thumb:after,.--orientation-horizontal .thumb:before{left:0;top:50%;transform:translate(-50%,-50%)}.--orientation-horizontal .input:focus+.thumb .tooltip,.--orientation-horizontal .thumb--active .tooltip,.--orientation-horizontal .thumb:hover .tooltip{transform:translate(var(--rs-slider-tooltip-translate),calc(var(--rs-unit-x1) * -1.5))}.--orientation-vertical{height:100%;width:var(--rs-slider-thumb-size);flex-direction:column;overflow-y:clip;margin-block:calc(var(--rs-slider-overflow-gap) * -1);padding-block:var(--rs-slider-overflow-gap)}.--orientation-vertical .bar{width:var(--rs-unit-x1);height:100%}.--orientation-vertical .selection{width:100%;inset-inline-start:auto;inset-block-end:var(--rs-slider-selection-start);height:var(--rs-slider-selection-size)}.--orientation-vertical .tooltip{top:50%;inset-inline-start:100%;transform:translateY(var(--rs-slider-tooltip-translate))}.--orientation-vertical .thumbs{inset-block:calc(var(--rs-slider-thumb-size) / 2 + var(--rs-slider-overflow-gap));width:100%}.--orientation-vertical .thumb{height:0;width:100%;inset-block-end:var(--ts-slider-thumb-position)}.--orientation-vertical .thumb:after,.--orientation-vertical .thumb:before{top:0;left:50%;transform:translate(-50%,-50%)}.--orientation-vertical .input:focus+.thumb .tooltip,.--orientation-vertical .thumb--active .tooltip,.--orientation-vertical .thumb:hover .tooltip{transform:translate(calc(var(--rs-unit-x1) * 1.5),-50%)}.--disabled{cursor:not-allowed}.--disabled .bar{background-color:var(--rs-color-background-disabled)}.--disabled .selection,.--disabled .thumb:before{background-color:var(--rs-color-foreground-disabled)}.--disabled .thumb:after{cursor:not-allowed}.--disabled .thumb:hover .tooltip{opacity:0}