.double-range-slider{position:relative;height:6px;margin:20px 0}.slider-track{position:absolute;width:100%;height:6px;background:#e5e7eb;border-radius:3px;cursor:pointer}.slider-range{position:absolute;height:6px;background:#00c896;border-radius:3px;pointer-events:none}.slider-thumb{position:absolute;width:20px;height:20px;background:#fff;border:3px solid #00C896;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;transition:transform .1s,box-shadow .1s;z-index:10}.slider-thumb:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 2px 8px #00c8964d}.slider-thumb.active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 4px 12px #00c89666;z-index:11}.slider-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;background:#1f2937;color:#fff;font-size:12px;font-weight:500;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}.slider-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1f2937}.slider-thumb:hover .slider-tooltip,.slider-thumb.active .slider-tooltip{opacity:1}