.input-range__slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #00727d;
    border: 1px solid #00727d;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 1rem;
    margin-left: -.5rem;
    margin-top: -.65rem;
    outline: none;
    position: absolute;
    top: 50%;
    width: 1rem
}
.input-range__slider:active {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.input-range__slider:focus {
    background: #C0DF5D;
}

.input-range--disabled .input-range__slider {
    background: #ccc;
    border: 1px solid #ccc;
    box-shadow: none;
    -webkit-transform: none;
    transform: none
}

.input-range__slider-container {
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out
}

.input-range__label {
    /* color: #aaa; */
    font-size: .8rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    white-space: nowrap
}

.input-range__label--max,.input-range__label--min {
    bottom: -1.4rem;
    position: absolute
}

.input-range__label--min {
    left: 0
}

.input-range__label--max {
    right: 0
}

.input-range__label--value {
    position: absolute;
    top: -1.8rem
}

.input-range__label-container {
    left: -50%;
    position: relative
}

.input-range__label--max .input-range__label-container {
    left: 50%
}

.input-range__track {
    background: #eee;
    border-radius: .3rem;
    cursor: pointer;
    display: block;
    height: .3rem;
    position: relative;
    -webkit-transition: left .3s ease-out,width .3s ease-out;
    transition: left .3s ease-out,width .3s ease-out
}

.input-range--disabled .input-range__track {
    background: #eee
}

.input-range__track--background {
    left: 0;
    margin-top: -.15rem;
    position: absolute;
    right: 0;
    top: 50%
}

.input-range__track--active {
    background: #00727d;
}

.input-range {
    margin-left: 4rem;
    height: 1rem;
    position: relative;
    width: 70%
}

@media (min-width: 414px) {
    .input-range {
    width: 85%
}
}

@media (min-width: 800px) {
    .input-range {
    width: 70%
}
}