.slider-container{width:100%;max-width:400px;margin:20px auto;padding:20px 0;position:relative}.slider-tooltip{color:#fff;white-space:nowrap;pointer-events:none;background-color:#4f46e5;border-radius:6px;padding:4px 10px;font-size:14px;font-weight:600;transition:opacity .15s;position:absolute;top:-20px;transform:translate(-50%)}.slider-tooltip:after{content:"";border:5px solid #0000;border-top-color:#4f46e5;border-bottom-width:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.range-input{appearance:none;cursor:pointer;border-radius:4px;outline:none;width:100%;height:8px}.range-input::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #4f46e5;border-radius:50%;width:24px;height:24px;transition:transform .1s;box-shadow:0 2px 4px #0000001a}.range-input::-webkit-slider-thumb:active{transform:scale(1.15)}.range-input::-moz-range-thumb{background:#fff;border:2px solid #4f46e5;border-radius:50%;width:24px;height:24px;transition:transform .1s;box-shadow:0 2px 4px #0000001a}.range-input::-moz-range-thumb:active{transform:scale(1.15)}