input[type=range]{--value:50%;--track-height:.5rem;--thumb-size:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#60a5fa var(--value),#e5e7eb var(--value));border-radius:.25rem;cursor:pointer;height:var(--track-height)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:2px solid #60a5fa;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:var(--thumb-size);width:var(--thumb-size)}input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #60a5fa;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:var(--thumb-size);width:var(--thumb-size)}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #60a5fa4d}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 3px #60a5fa4d}.group:hover{z-index:100}.group:focus-within{z-index:100}.group{margin:-2px;padding:2px}.group-hover\:visible:hover,.group:hover .group-hover\:visible{visibility:visible}