:root{--content:"|"}.range-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;position:relative}input[type=range]{-webkit-appearance:none;background:#e8e8e8;background-image:linear-gradient(#ff4500,#ff4500);background-repeat:no-repeat;background-size:50% 100%;border-radius:20px;height:17px;width:100%}input[type=range]:before{bottom:0;color:#c4c4c4;font-size:1em;left:0;letter-spacing:1.35em;padding-left:8px;position:absolute;right:0;text-shadow:.5px .5px .9px rgba(0,0,0,.4);top:0;z-index:-1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#ff4500;border-radius:50%;box-shadow:0 0 3px 0 #fff,0 0 0 3px #fff;cursor:pointer;height:25px;position:relative;transition:background .3s ease-in-out;width:25px;z-index:99999}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;background:#ff4500;border-radius:50%;box-shadow:0 0 3px 0 #fff,0 0 0 3px #fff;cursor:pointer;height:25px;pointer-events:auto;transition:background .3s ease-in-out;width:25px;z-index:99999}input[type=range]::-ms-thumb{-webkit-appearance:none;background:#ff4500;border-radius:50%;box-shadow:0 0 3px 0 #fff,0 0 0 3px #fff;cursor:pointer;height:25px;position:relative;transition:background .3s ease-in-out;width:25px;z-index:99999}input[type=range]::-webkit-slider-thumb:hover{background:#ff0200}input[type=range]::-moz-range-thumb:hover{background:#ff0200}input[type=range]::-ms-thumb:hover{background:#ff0200}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background:transparent;border:none;box-shadow:none;z-index:10}input[type=range]::-moz-range-track{-moz-appearance:none;appearance:none;background:transparent;border:none;box-shadow:none;z-index:10}input[type=range]::-ms-track{-ms-appearance:none;appearance:none;background:transparent;border:none;box-shadow:none;z-index:10}input[type=range]+div{display:flex;flex:1 auto;padding:0 12px}input[type=range]+div>div{flex:1;flex-basis:0;position:relative;top:-17px}input[type=range]+div>div:after{content:attr(data-content);position:absolute;top:25px}input[type=range]+div>div:before{content:"";height:17px;pointer-events:none;position:absolute;top:0;width:100%}input[type=range]+div>div:not(:last-child):before{border-right:3px solid #cd4d28}input[type=range]+div>div.current:before,input[type=range]+div>div.current~div:before{border-right-color:#c5c5c5}input[type=range]+div>div.previous:before{border-right-color:transparent}@media screen and (min-width:991px){input[type=range]+div>div:after{white-space:nowrap}}