.base-slider{position:relative;height:28px;display:flex;align-items:center;touch-action:none}.base-slider__track{position:relative;width:100%;height:6px;border-radius:3px;cursor:pointer}.base-slider__track:before{content:"";position:absolute;inset:0;border-radius:inherit}.base-slider__bar{position:absolute;height:100%;border-radius:inherit}.base-slider__thumb{position:absolute;top:50%;transform:translate(-50%,-50%);cursor:grab;z-index:1}.base-slider__thumb:active{cursor:grabbing}.base-slider__label{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none}.base-slider__mark{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.base-slider__mark-label{position:absolute;top:calc(50% + 12px);transform:translate(-50%);font-size:12px;white-space:nowrap;pointer-events:none}.base-slider__input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;top:0;left:0}