.b-slider{--b-slider-main-bg-color:var(--b-color-primary);--b-slider-runway-bg-color:var(--b-color-neutral-3);--b-slider-stop-bg-color:var(--b-color-white);--b-slider-disabled-color:var(--b-color-neutral-5);--b-slider-border-radius:4px;--b-slider-height:4px;--b-slider-button-size:16px;--b-slider-button-wrapper-size:24px;--b-slider-button-wrapper-offset:-12px}.b-slider{width:100%;height:20px;display:flex;align-items:center}.b-slider__runway{flex:1;height:4px;background-color:var(--b-slider-runway-bg-color);border-radius:var(--b-slider-border-radius);position:relative;cursor:pointer}.b-slider__runway.show-input{margin-right:16px;width:auto}.b-slider__runway.is-disabled{cursor:default;opacity:.5}.b-slider__runway.is-disabled .b-slider__bar{background-color:var(--b-slider-disabled-color)}.b-slider__runway.is-disabled .b-slider__button{background-color:var(--b-slider-disabled-color)}.b-slider__runway.is-disabled .b-slider__button-wrapper.hover,.b-slider__runway.is-disabled .b-slider__button-wrapper:hover{cursor:not-allowed}.b-slider__runway.is-disabled .b-slider__button-wrapper.dragging{cursor:not-allowed}.b-slider__runway.is-disabled .b-slider__button.dragging,.b-slider__runway.is-disabled .b-slider__button.hover,.b-slider__runway.is-disabled .b-slider__button:hover{transform:scale(1)}.b-slider__runway.is-disabled .b-slider__button.hover,.b-slider__runway.is-disabled .b-slider__button:hover{cursor:not-allowed}.b-slider__runway.is-disabled .b-slider__button.dragging{cursor:not-allowed}.b-slider__input{flex-shrink:0;width:128px}.b-slider__bar{height:4px;background-color:var(--b-slider-main-bg-color);border-top-left-radius:var(--b-slider-border-radius);border-bottom-left-radius:var(--b-slider-border-radius);position:absolute}.b-slider__button-wrapper{height:20px;width:20px;position:absolute;z-index:1;top:-8px;transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;outline:0}.b-slider__button-wrapper::after{display:inline-block;content:"";height:100%;vertical-align:middle}.b-slider__button-wrapper.hover,.b-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.b-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.b-slider__button{display:block;width:20px;height:20px;vertical-align:middle;background-color:var(--b-color-primary);border-radius:50%;box-sizing:border-box;transition:var(--b-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.b-slider__button.dragging,.b-slider__button.hover,.b-slider__button:hover{transform:scale(1.2)}.b-slider__button.hover,.b-slider__button:hover{cursor:-webkit-grab;cursor:grab}.b-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.b-slider__stop{position:absolute;height:4px;width:4px;border-radius:var(--b-border-radius-sm);background-color:var(--b-slider-stop-bg-color);transform:translateX(-50%)}.b-slider__marks{top:0;left:12px;width:18px;height:100%}.b-slider__marks-text{position:absolute;transform:translateX(-50%);font-size:14px;color:var(--b-color-neutral-7);margin-top:15px}.b-slider.is-vertical{flex-direction:column;width:4px}.b-slider.is-vertical .b-slider__runway{width:4px;height:100%;margin:0 16px}.b-slider.is-vertical .b-slider__bar{width:4px;height:auto;border-radius:0 0 4px 4px}.b-slider.is-vertical .b-slider__button-wrapper{top:auto;left:-8px;transform:translateY(50%)}.b-slider.is-vertical .b-slider__stop{transform:translateY(50%)}.b-slider.is-vertical .b-slider__marks-text{margin-top:0;left:16px;transform:translateY(50%)}.b-slider.is-vertical--large .b-slider__button-wrapper{left:-10px}.b-slider.is-vertical--small .b-slider__button-wrapper{left:-6px}.b-slider--large{height:24px}.b-slider--large .b-slider__button-wrapper{height:24px;width:24px;top:-10px}.b-slider--large .b-slider__button{width:24px;height:24px}.b-slider--small{height:16px}.b-slider--small .b-slider__button-wrapper{height:16px;width:16px;top:-6px}.b-slider--small .b-slider__button{width:16px;height:16px}.b-slider--with-input{height:auto}