.input-range-wrapper{height:50px;display:flex;align-content:center;align-items:center}.input-range-wrapper .wrapper{position:relative;width:100%;background-color:transparent}.input-range-wrapper .range-container{position:relative;width:100%;display:flex;height:100px;align-content:center;align-items:center}.input-range-wrapper input[type=range]{-webkit-appearence:none;-moz-appearence:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;outline:none;position:absolute;margin:-10px auto auto;background-color:transparent;pointer-events:none}.input-range-wrapper .slider-track{width:100%;height:5px;position:absolute;border-radius:5px}.input-range-wrapper input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:5px}.input-range-wrapper input[type=range]::-moz-range-track{-moz-appearance:none;height:5px}.input-range-wrapper input[type=range]::-ms-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px}.input-range-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:1em;width:1em;background-color:var(--app-color);cursor:pointer;pointer-events:auto;border-radius:100%}.input-range-wrapper input[type=range]::-moz-range-thumb{-webkit-appearance:none;height:1em;width:1em;cursor:pointer;border-radius:50%;background-color:var(--app-color);pointer-events:auto}.input-range-wrapper input[type=range]::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1em;width:1em;cursor:pointer;border-radius:50%;background-color:var(--app-color);pointer-events:auto}.input-range-wrapper input[type=range]:active::-webkit-slider-thumb{background-color:#fff;border:3px solid var(--app-color)}@media screen and (max-width:768px){.input-range-wrapper input[type=range]::-ms-thumb{margin-top:-4px;height:1.5em;width:1.5em}.input-range-wrapper input[type=range]::-moz-range-thumb{margin-top:-4px;height:1.5em;width:1.5em}.input-range-wrapper input[type=range]::-webkit-slider-thumb{margin-top:-4px;height:1.5em;width:1.5em}}