.demo-slider{margin:0 auto;max-width:600px;text-align:center;width:100%}.slider{-webkit-appearance:none;background:#fff;border:1px solid #ccc;border-radius:5px;height:8px;outline:none;position:relative;transition:opacity .2s,background .2s;width:100%}.slider::-webkit-slider-runnable-track{background:transparent;border-radius:5px;height:8px;position:relative}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#112b38;border-radius:50%;cursor:pointer;height:30px;margin-top:-10px;position:relative;transition:background .2s;width:30px;z-index:1}.slider::-moz-range-track{background:transparent;border-radius:5px;height:8px;position:relative}.slider::-moz-range-thumb{background:#112b38;border-radius:50%;cursor:pointer;height:30px;margin-top:-10px;transition:background .2s;width:30px}.slider::-ms-track{background:transparent;border-color:transparent;color:transparent;height:8px}.slider::-ms-fill-lower{background:#333;border-radius:5px}.slider::-ms-fill-upper{background:grey;border-radius:5px}.slider.active::-webkit-slider-thumb{background:#3ed9cc}.slider.active::-moz-range-thumb{background:#3ed9cc}.slider.active::-ms-thumb{background:#3ed9cc}.slider-filled-track{background:#112b38;border-radius:5px;height:8px;left:0;position:absolute;top:0;z-index:0}.slider-value{font-size:4rem;font-weight:166;letter-spacing:-.035em;line-height:50px;margin:40px 0}@media only screen and (max-width:600px){.slider-value{margin:20px 0}}