.range-slider-container{width:100%;margin:1.5rem 0;position:relative}.range-track-bg{background-color:#e5e7eb;border-radius:4px;height:4px;position:absolute;top:0;bottom:0;left:0;right:0}.range-bar{background-color:#f59e0b;border-radius:4px;height:4px;position:absolute}.range-bar-min-0{left:0%}.range-bar-min-10{left:10%}.range-bar-min-20{left:20%}.range-bar-min-30{left:30%}.range-bar-min-40{left:40%}.range-bar-min-50{left:50%}.range-bar-min-60{left:60%}.range-bar-min-70{left:70%}.range-bar-min-80{left:80%}.range-bar-min-90{left:90%}.range-bar-min-100{left:100%}.range-bar-max-0{right:100%}.range-bar-max-10{right:90%}.range-bar-max-20{right:80%}.range-bar-max-30{right:70%}.range-bar-max-40{right:60%}.range-bar-max-50{right:50%}.range-bar-max-60{right:40%}.range-bar-max-70{right:30%}.range-bar-max-80{right:20%}.range-bar-max-90{right:10%}.range-bar-max-100{right:0%}.range-handle{z-index:30;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:50%;width:16px;height:16px;position:absolute;top:-6px;transform:translate(-50%);box-shadow:0 1px 3px rgba(0,0,0,.1)}.handle-pos-0{left:0%}.handle-pos-10{left:10%}.handle-pos-20{left:20%}.handle-pos-30{left:30%}.handle-pos-40{left:40%}.handle-pos-50{left:50%}.handle-pos-60{left:60%}.handle-pos-70{left:70%}.handle-pos-80{left:80%}.handle-pos-90{left:90%}.handle-pos-100{left:100%}.range-handle:hover{box-shadow:0 1px 4px rgba(0,0,0,.2)}input[type=range]::-moz-range-track{background-color:transparent}input[type=range]::-webkit-slider-runnable-track{background-color:transparent}input[type=range]::-webkit-slider-thumb{pointer-events:auto}input[type=range]::-moz-range-thumb{pointer-events:auto}.range-value{color:#374151;background-color:#f3f4f6;border-radius:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}