.devui-slider{display:block;position:relative;width:100%}.devui-slider.disabled{background-color:var(--devui-disabled-line,#dfe1e6);border-color:var(--devui-disabled-line,#dfe1e6);cursor:not-allowed}.devui-slider__runway{align-items:center;background-color:var(--devui-area,#f5f5f5);border-radius:var(--devui-border-radius-full,100px);box-sizing:border-box;cursor:pointer;display:flex;height:5px;margin:4px 0;padding:4px 0;position:relative;width:100%}.devui-slider__runway.disabled{background-color:var(--devui-disabled-bg,#f5f5f5);cursor:not-allowed}.devui-slider__runway:hover .devui-slider__bar:not(.disabled){background-color:var(--devui-brand-hover,#7693f5)}.devui-slider__runway .devui-slider__bar{background-color:var(--devui-brand,#5e7ce0);border-bottom-left-radius:var(--devui-border-radius-full,100px);border-top-left-radius:var(--devui-border-radius-full,100px);height:6px;position:absolute}.devui-slider__runway .devui-slider__bar.disabled{background-color:var(--devui-disabled-line,#dfe1e6);border-color:var(--devui-disabled-line,#dfe1e6)}.devui-slider__runway .devui-slider__bar.disabled:hover{cursor:not-allowed}.devui-slider__runway .devui-slider__button{background-color:var(--devui-base-bg,#fff);border:2px solid var(--devui-brand,#5e7ce0);border-radius:50%;height:14px;margin-left:-7px;position:absolute;transition:transform .2s ease-in-out;width:14px}.devui-slider__runway .devui-slider__button:hover:not(.disabled){border-color:var(--devui-brand-hover,#7693f5);transform:scale(1.3)}.devui-slider__runway .devui-slider__button.disabled{border-color:var(--devui-disabled-line,#dfe1e6);cursor:not-allowed}.devui-slider__runway .devui-slider__popover{border-radius:var(--devui-border-radius-feedback,4px);bottom:26px;color:var(--devui-feedback-overlay-text,#dfe1e6);font-size:var(--devui-font-size-sm,12px);position:relative;transform:translate(-50%)}.devui-slider__runway .devui-slider__popover .devui-slider__popover-arrow{background-color:var(--devui-feedback-overlay-bg,#464d6e);bottom:-4px;display:block;height:8px;left:50%;margin-left:-4px;position:absolute;transform:rotate(45deg);width:8px;z-index:-1}.devui-slider__runway .devui-slider__popover .devui-slider__popover-content{background-color:var(--devui-feedback-overlay-bg,#464d6e);border-radius:var(--devui-border-radius-feedback,4px);padding:5px 14px;text-align:center}