/* some style */
input[type=range] {
    margin: 1rem;
    width: 80%;
    -webkit-appearance: none !important;
    height: 20px;
    border-radius: 8px;
    background: -webkit-gradient(linear,center top, center bottom, from(#CFDCDD),to(#DFE9EA),color-stop(50%,#DFE9EA));
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background:#108A93;
    height:30px;
    width:30px;
    border-radius: 15px;
}