/* defaults */

    .rs-wrapper, .rs-wrapper * {
        box-sizing: border-box;
    }

    .rs-wrapper ul {
        list-style-type: none;
        padding: 0;
    }

/* end of defaults */

/* wrapper */

    .rs-wrapper {
        width: 100%;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
        font-size: 13px;
        position: relative;
        overflow: hidden;
        padding-top: 10px;
    }

/* end of wrapper */

/* range container */

    .rs-container {
        width: 100%;
        height: 9px;
        background-color: #f7f7f7;
        border-radius: 90px;
        position: relative;
    }

/* end of range container */

/* range progress */

    .rs-range-progress {
        width: 0%;
        height: 9px;
        background-color: #84AEF8;
        position: relative;
        border-radius: 90px;
    }

    .rs-wrapper.rs-disabled .rs-range-progress {
        background-color: #bbb;
    }

/* end of range progess */

/* range progress thumb */

    .rs-range-thumb {
        background-color: #84AEF8;
        content: "";
        position: absolute;
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        top: -6px;
        box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
        z-index: 2;
        right: unset;
        transition: right 0.3s ease, background-color .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
        transition: right 0.3s ease, background-color .3s ease, box-shadow 0.1s ease, transform .1s ease;
        transition: right 0.3s ease, background-color .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;        
        -webkit-transition: right 0.3s ease, background-color .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    }

    .rs-range-progress.rs-active .rs-range-thumb {
        background-color: #4484f4;
    }

    .rs-range-progress.rs-adjusted .rs-range-thumb {
        right: 0;
    }

    .rs-wrapper.rs-disabled .rs-range-thumb {
        background-color: #f1f1f1;
    }

/* end of range progress thumb */

/* range input */

    .rs-input {
        position: absolute;
        z-index: -99;
        top: -100%;
    }

/* end of range input */

/* range label */

    /* container */

        .rs-range-labels {
            width: 100%;
            display: flex;
            flex-direction: row;
            margin-top: 18px;
            position: relative;
        }

    /* end of container */

    .rs-range-label {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        cursor: pointer;
        flex-grow: 1;
        align-items: center;
        font-weight: 600;
        transition: color 0.6s;
        background-color: transparent !important;
        border: none;
        font-family: inherit;
        height: 19px;
        color: #000 !important;
        font-size: 13px;        
    }

    .rs-range-label:focus {
        outline: none;
        color: #84AEF8 !important;
    }

    .rs-range-label.rs-active {
        color: #4484f4 !important;
    }

    .rs-wrapper.rs-disabled .rs-range-label {
        color: #ccc !important;
        cursor: default;
    }

    .rs-range-label:before {
        position: absolute;
        top: -27px;
        right: 0;
        left: 0;
        content: "";
        margin: 0 auto;
        width: 9px;
        height: 9px;
        background-color: #b2b2b2;
        border-radius: 50%;
        transition: background-color 0.6s
    }
    
    .rs-wrapper.rs-disabled .rs-range-label:before {
        background-color: #e6e6e6;
    }

    .rs-range-label.rs-active:before {
        background-color: #4484f4;
    }
    /* #4484f4 */

    .rs-range-label:focus:before {
        background-color: #4484f4;
    }
    /* original value was #84AEF8 */

/* end of range label */