@import "../../../../../node_modules/nouislider/distribute/nouislider.css";
// sliders
// create transparent sliders:
.noUi-background {
    background-color: transparent;
}
.noUi-target {
    border: none;
    box-shadow: none;
    //    box-shadow
}
.noUi-horizontal {
    height: 9px;
    .noUi-handle {
        width: 8px;
        height: 18px;
        left: -4px;
        top: -6px;
        &::before {
            top: 2px;
            left: 2px;
        }
        &::after {
            top: 2px;
            left: 4px;
        }
    }
}

/* For this slider, disable the 'origin' size. */
#connect .noUi-origin {
    right: auto;
    width: 0;
}

/* Position the bar and color it. */
#connect .connect {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #80c9f5;
    // box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
}

/* When the slider is moved by tap,
   transition the connect bar like the handle. */
#connect.noUi-state-tap .connect {
    -webkit-transition: left 300ms, right 300ms;
    transition: left 300ms, right 300ms;
}
