.range{position:relative;width:100%;margin-bottom:1rem}.range__label{font-weight:300;padding:0 .75rem;font-size:24px;font-size:1.5rem;line-height:24px;line-height:1.5rem;margin:.75rem 0}.range__value{font-weight:700}@supports (background-clip:text){.range__value{color:#0000;background-color:#fff;background-image:linear-gradient(-45deg,#ff999980,#f4e88a80,#c0c0c080,#9dff9480,#79ffed80,#799fff80,#c779ff80,#ff999980);background-clip:text}}.range__input{-webkit-appearance:none;width:100%;max-width:384px;max-width:24rem;background:#f0f0f0;border-radius:.5rem;border:none;padding:0;height:4px;height:.25rem;margin:.75rem 0;outline:none}.range__input::-webkit-slider-thumb{appearance:none;width:32px;width:2rem;height:32px;height:2rem;background-color:#fff;background-image:url(../../img/spinball.gif);background-size:2.25rem 2.25rem;background-position:50%;cursor:pointer;border:none;outline:none;border-radius:1rem}.range__input::-moz-range-thumb{width:32px;width:2rem;height:32px;height:2rem;background-color:#fff;background-image:conic-gradient(#ff999980,#f4e88a80,#c0c0c080,#9dff9480,#79ffed80,#799fff80,#c779ff80,#ff999980);cursor:pointer;border-radius:1rem;border:none;outline:none}.range__input::-ms-thumb{width:32px;width:2rem;height:32px;height:2rem;background-color:#fff;background-image:conic-gradient(#ff999980,#f4e88a80,#c0c0c080,#9dff9480,#79ffed80,#799fff80,#c779ff80,#ff999980);cursor:pointer;border-radius:1rem;margin-top:0;border:none;outline:none}@media only print and (min-width:24em),only screen and (min-width:40em){.range{display:flex;align-items:center}.range__label{flex:0 0 18rem}}