<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.input-slider{-webkit-appearance:none}.input-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;cursor:pointer;background-color:#fff;border:1px solid #e9ebed;border-radius:50%;box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.input-slider::-moz-range-thumb{width:24px;height:24px;cursor:pointer;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);background-color:#fff;border-radius:50%}.container{position:relative;width:100%}.input{position:absolute;top:0;cursor:pointer;opacity:0;pointer-events:none;width:100%;z-index:0}.input::-webkit-slider-thumb{pointer-events:all;transform:scale(1.3)}.input:hover~.cover .endThumb,.input:hover~.cover .startThumb{border:2px solid #2951a3}.backTrack,.frontTrack{height:5px;width:100%;background-color:#e7e8eb;position:absolute;top:7px;border-radius:5px}.frontTrack{background-color:#2951a3}.endThumb,.startThumb{position:absolute;height:20px;width:20px;border-radius:50%;background-color:#fff;border:2px solid #e7e8eb;transform:translateX(-2.5px)}.cover{z-index:1;position:relative;pointer-events:none;height:20px}.cover:hover{background-color:pink}.cover:hover .endThumb,.cover:hover .startThumb{border:2px solid #2951a3}.histogram{display:flex;gap:1px;height:116px;align-items:end;transform:scaleX(.96)}.histogram&gt;div{background-color:#c1d6ff;flex:1}.histogram&gt;div.outOfRange{background-color:#e7e8eb}.slider{position:relative;width:100%;top:-6px}</pre></body></html>