.slider{max-width:100%;padding:25px;margin:25px}.slider .slider-wrapper{position:relative;display:flex;align-items:center;margin:40px calc(22px/2);padding-top:1.6rem;height:calc(22px + 1.6rem);z-index:1}.slider .slider-wrapper [id*=-values]{visibility:hidden}.slider .slider-wrapper .show{visibility:visible}.slider .slider-wrapper .post-inputs input{border:none;background:0 0;display:none}.slider .input-wrapper{width:calc(100% + 22px);margin:0 calc(22px/-2);position:absolute;height:22px}.slider .control-wrapper{width:100%;position:absolute;height:22px}.slider .control-wrapper [class*=control-min]{position:absolute;top:25px;color:#0a58ca;border-style:dotted;padding:2px;font-weight:500;font-size:10pt}.slider .control-wrapper [class*=control-max]{position:absolute;top:-25px;color:#0a58ca;border-style:dotted;padding:2px;font-weight:500;font-size:10pt}.slider .control-wrapper .has-focus{border:1px solid #00f}.slider .input{position:absolute;width:100%;pointer-events:none;appearance:none;height:100%;opacity:0;z-index:3;padding:0}.slider .input::-ms-track{appearance:none;background:rgba(0,0,0,0);border:transparent}.slider .input::-moz-range-track{appearance:none;background:rgba(0,0,0,0);border:transparent}.slider .input:focus::-webkit-slider-runnable-track{appearance:none;background:rgba(0,0,0,0);border:transparent}.slider .input::-ms-thumb{appearance:none;pointer-events:all;width:22px;height:22px;border-radius:0;border:0 none;cursor:grab;background-color:red}.slider .input::-ms-thumb:active{cursor:grabbing}.slider .input::-moz-range-thumb{appearance:none;pointer-events:all;width:22px;height:22px;border-radius:0;border:0 none;cursor:grab;background-color:red}.slider .input::-moz-range-thumb:active{cursor:grabbing}.slider .input::-webkit-slider-thumb{appearance:none;pointer-events:all;width:22px;height:22px;border-radius:0;border:0 none;cursor:grab;background-color:red}.slider .input::-webkit-slider-thumb:active{cursor:grabbing}.slider .rail{position:absolute;width:100%;top:50%;transform:translateY(-50%);height:6px;border-radius:3px;background:#c6daed}.slider .inner-rail{position:absolute;height:100%;background:#00f;opacity:.5}.slider .control{width:22px;height:22px;border-radius:50%;position:absolute;background:#e52a99;top:50%;margin-left:calc(22px/-2);transform:translate3d(0,-50%,0);z-index:2}