.range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer;position:relative;height:.8rem;transition:all .3s ease-in-out;margin-top:.8rem;padding:0}.range input[type=range]:focus{background-color:var(--h-color-primary-lighter);outline:none}.range input[type=range]:focus::-webkit-slider-thumb{border:.1rem solid var(--h-color-primary-base);outline:.2rem solid var(--h-color-primary-base);outline-offset:.125rem;opacity:1}.range input[type=range]:focus::-moz-range-thumb{border:.1rem solid var(--h-color-primary-base);outline:.2rem solid var(--h-color-primary-base);outline-offset:.125rem;opacity:1}.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2rem;background-color:var(--h-color-primary-base);height:2.4rem;width:2.4rem;top:50%;margin-top:.3rem;transform:translateY(-50%);opacity:.8;transition:opacity .3s ease-in-out}.range input[type=range]::-moz-range-thumb{border:none;border-radius:2rem;background-color:var(--h-color-primary-base);height:2.4rem;width:2.4rem}.range input[type=range]:hover{background-color:var(--h-color-primary-lighter)}