input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:var(--gray);border-radius:.5rem;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:var(--accent);border-radius:.5rem;height:1rem;width:1rem}input[type=range]:focus::-webkit-slider-thumb{outline:3px solid var(--accent);outline-offset:.125rem}input[type=range]::-moz-range-track{background-color:var(--gray);border-radius:.5rem;height:.5rem}input[type=range]::-moz-range-thumb{background-color:var(--accent);border:none;border-radius:.5rem;height:1rem;width:1rem}input[type=range]:focus::-moz-range-thumb{outline:3px solid var(--accent);outline-offset:.125rem}ul{list-style:none}