range-slider.min.css

.range-slider{position:relative;box-sizing:border-box;padding:10px 0;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider *{box-sizing:border-box}.range-slider .rs-hidden{opacity:0!important}.range-slider .rs-bar{position:relative;width:100%;height:3px;background:#d3d3d3;cursor:pointer}.range-slider .rs-progress{width:0;height:100%}.range-slider .rs-progress::before{content:"";display:block;position:relative;left:-7px;width:8px;min-height:100%}.range-slider .rs-wrap{position:absolute;left:7px;right:7px}.range-slider>.rs-bar>.rs-wrap{top:0;bottom:0;z-index:9}.range-slider .rs-handle{position:absolute;width:14px;height:14px;margin-left:-7px;margin-top:-7px;left:0;top:50%}.range-slider.rs-design-3d .rs-bar{height:14px;border-radius:40px;border:1px solid #ddd;background:#eee}.range-slider.rs-design-3d .rs-bar::after{content:"";position:absolute;left:-3px;right:-3px;top:-3px;bottom:-3px;border-radius:40px;z-index:-1;background:-moz-linear-gradient(top,#ececec 0,#fefefe 100%)!important;background:-webkit-linear-gradient(top,#ececec 0,#fefefe 100%)!important;background:-o-linear-gradient(top,#ececec 0,#fefefe 100%)!important;background:-ms-linear-gradient(top,#ececec 0,#fefefe 100%)!important;background:linear-gradient(to bottom,#ececec 0,#fefefe 100%)!important}.range-slider.rs-design-3d .rs-progress{border-radius:0 40px 40px 0}.range-slider.rs-design-3d .rs-progress::before{left:-11px;width:12px;border-radius:40px 0 0 40px}.range-slider.rs-design-3d .rs-handle{width:22px;height:22px;margin-left:-11px;margin-top:-11px;border-radius:5px;background:-moz-linear-gradient(bottom,#e2e2e2 0,#fefefe 100%)!important;background:-webkit-linear-gradient(bottom,#e2e2e2 0,#fefefe 100%)!important;background:-o-linear-gradient(bottom,#e2e2e2 0,#fefefe 100%)!important;background:-ms-linear-gradient(bottom,#e2e2e2 0,#fefefe 100%)!important;background:linear-gradient(to top,#e2e2e2 0,#fefefe 100%)!important;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.4);-moz-box-shadow:0 2px 6px rgba(0,0,0,.4);box-shadow:0 2px 6px rgba(0,0,0,.4)}.range-slider.rs-design-3d.rs-active .rs-handle{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.range-slider.rs-design-3d .rs-handle::after{content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px;border-radius:3px;background:-moz-linear-gradient(top,#e2e2e2 0,#fefefe 100%)!important;background:-webkit-linear-gradient(top,#e2e2e2 0,#fefefe 100%)!important;background:-o-linear-gradient(top,#e2e2e2 0,#fefefe 100%)!important;background:-ms-linear-gradient(top,#e2e2e2 0,#fefefe 100%)!important;background:linear-gradient(to bottom,#e2e2e2 0,#fefefe 100%)!important}.range-slider.rs-design-3d .rs-wrap{left:11px;right:11px}.range-slider.rs-size-medium{font-size:12px}.range-slider.rs-size-small{font-size:11px}.range-slider.rs-size-large{font-size:14px}.range-slider.rs-size-small .rs-bar{height:2px}.range-slider.rs-size-small .rs-wrap{left:5px;right:5px}.range-slider.rs-size-small .rs-handle{width:10px;height:10px;margin-left:-5px;margin-top:-5px}.range-slider.rs-size-large .rs-bar{height:4px}.range-slider.rs-size-large .rs-wrap{left:10px;right:10px}.range-slider.rs-size-large .rs-handle{width:20px;height:20px;margin-left:-10px;margin-top:-10px}.range-slider.rs-design-2d.rs-size-small .rs-progress::before{left:-5px;width:6px}.range-slider.rs-design-3d.rs-size-small .rs-bar{height:9px}.range-slider.rs-design-3d.rs-size-small .rs-progress::before{left:-8px;width:9px}.range-slider.rs-design-3d.rs-size-small .rs-handle{width:16px;height:16px;margin-left:-8px;margin-top:-8px;border-radius:3px}.range-slider.rs-design-3d.rs-size-small .rs-handle::after{top:2px;bottom:2px;left:2px;right:2px;border-radius:2px}.range-slider.rs-design-3d.rs-size-small .rs-wrap{left:8px;right:8px}.range-slider.rs-design-2d.rs-size-large .rs-progress::before{left:-10px;width:11px}.range-slider.rs-design-3d.rs-size-large .rs-bar{height:21px}.range-slider.rs-design-3d.rs-size-large .rs-progress::before{left:-16px;width:17px}.range-slider.rs-design-3d.rs-size-large .rs-bar::after{left:-4px;right:-4px;top:-4px;bottom:-4px}.range-slider.rs-design-3d.rs-size-large .rs-handle{width:32px;height:32px;margin-left:-16px;margin-top:-16px;border-radius:6px}.range-slider.rs-design-3d.rs-size-large .rs-wrap{left:16px;right:16px}.rs-handle{background:#d3d3d3}.rs-theme-default .rs-progress,.rs-theme-default.rs-design-2d .rs-progress::before{background:#add8e6}.rs-theme-default .rs-handle,.rs-theme-default.rs-design-3d .rs-progress,.rs-theme-default.rs-design-3d .rs-progress::before{background:#00bfff}.rs-theme-positive .rs-progress,.rs-theme-positive.rs-design-2d .rs-progress::before{background:#90ee90}.rs-theme-positive .rs-handle,.rs-theme-positive.rs-design-3d .rs-progress,.rs-theme-positive.rs-design-3d .rs-progress::before{background:#32cd32}.rs-theme-attention .rs-progress,.rs-theme-attention.rs-design-2d .rs-progress::before{background:#fb9}.rs-theme-attention .rs-handle,.rs-theme-attention.rs-design-3d .rs-progress,.rs-theme-attention.rs-design-3d .rs-progress::before{background:orange}.range-slider.rs-handle-round .rs-handle{border-radius:50px!important}.range-slider.rs-handle-round .rs-handle::after{border-radius:50px!important}.range-slider.rs-handle-rect.rs-design-2d .rs-progress::before{left:-3px;width:4px}.range-slider.rs-handle-rect.rs-design-2d .rs-handle{width:6px;margin-left:-3px}.range-slider.rs-handle-rect.rs-design-2d .rs-wrap{left:3px;right:3px}.range-slider.rs-handle-rect.rs-size-small.rs-design-2d .rs-progress::before{left:-2px;width:3px}.range-slider.rs-handle-rect.rs-size-small.rs-design-2d .rs-handle{width:4px;margin-left:-2px}.range-slider.rs-handle-rect.rs-size-small.rs-design-2d .rs-wrap{left:2px;right:2px}.range-slider.rs-handle-rect.rs-size-large.rs-design-2d .rs-progress::before{left:-3px;width:4px}.range-slider.rs-handle-rect.rs-size-large.rs-design-2d .rs-handle{width:6px;margin-left:-3px}.range-slider.rs-handle-rect.rs-size-large.rs-design-2d .rs-wrap{left:3px;right:3px}.range-slider.rs-handle-rect.rs-design-3d .rs-progress::before{left:-6px;width:7px}.range-slider.rs-handle-rect.rs-design-3d .rs-handle{width:12px;margin-left:-6px;border-radius:3px}.range-slider.rs-handle-rect.rs-design-3d .rs-handle::after{top:2px;bottom:2px;left:2px;right:2px;border-radius:2px}.range-slider.rs-handle-rect.rs-design-3d .rs-wrap{left:6px;right:6px}.range-slider.rs-handle-rect.rs-size-small.rs-design-3d .rs-progress::before{left:-5px;width:6px}.range-slider.rs-handle-rect.rs-size-small.rs-design-3d .rs-handle{width:10px;margin-left:-5px}.range-slider.rs-handle-rect.rs-size-small.rs-design-3d .rs-wrap{left:5px;right:5px}.range-slider.rs-handle-rect.rs-size-large.rs-design-3d .rs-progress::before{left:-8px;width:9px}.range-slider.rs-handle-rect.rs-size-large.rs-design-3d .rs-handle{width:16px;margin-left:-8px;border-radius:4px}.range-slider.rs-handle-rect.rs-size-large.rs-design-3d .rs-handle::after{top:3px;bottom:3px;left:3px;right:3px;border-radius:3px}.range-slider.rs-handle-rect.rs-size-large.rs-design-3d .rs-wrap{left:8px;right:8px}.range-slider.rs-size-medium.rs-labels-top{padding-top:19px}.range-slider.rs-size-medium.rs-labels-bottom{padding-bottom:19px}.range-slider.rs-size-small.rs-labels-top{padding-top:16px}.range-slider.rs-size-small.rs-labels-bottom{padding-bottom:16px}.range-slider.rs-size-large.rs-labels-top{padding-top:22px}.range-slider.rs-size-large.rs-labels-bottom{padding-bottom:22px}.rs-labels{position:absolute;left:0;right:0;color:#cce}.rs-labels div{-moz-transition:opacity .15s;-ms-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s}.range-slider.rs-labels-top .rs-labels,.range-slider.rs-labels-top .rs-labels div{top:0}.range-slider.rs-labels-bottom .rs-labels,.range-slider.rs-labels-bottom .rs-labels div{bottom:0}.rs-labels .rs-label-left,.rs-labels .rs-label-middle,.rs-labels .rs-label-right{position:absolute;overflow:hidden;white-space:nowrap;text-overflow:clip}.rs-labels>.rs-label-left,.rs-labels>.rs-label-right{max-width:45%;padding:0 2%;opacity:.7}.rs-labels>.rs-label-left{left:0}.rs-labels>.rs-label-right{right:0}.rs-labels .rs-label-middle{-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.range-slider .rs-popup{position:absolute;left:50%;padding:8px 14px;text-align:center;background:#d3d3d3;color:grey;white-space:nowrap;opacity:.9;visibility:visible;z-index:1000;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-moz-transition:visibility .25s,opacity .25s;-ms-transition:visibility .25s,opacity .25s;-o-transition:visibility .25s,opacity .25s;transition:visibility .25s,opacity .25s}.range-slider .rs-popup.rs-hidden{visibility:hidden}.range-slider .rs-popup::after{content:"";position:absolute;left:50%;border-left:7px solid transparent;border-right:7px solid transparent}.range-slider .rs-popup-top::after{top:100%;border-top:7px solid #d3d3d3}.range-slider .rs-popup-bottom::after{bottom:100%;border-bottom:7px solid #d3d3d3}.range-slider.rs-size-small .rs-popup-top{bottom:180%}.range-slider.rs-size-small .rs-popup-bottom{top:180%}.range-slider.rs-size-medium .rs-popup-top{bottom:165%}.range-slider.rs-size-medium .rs-popup-bottom{top:165%}.range-slider.rs-size-large .rs-popup-top{bottom:150%}.range-slider.rs-size-large .rs-popup-bottom{top:150%}.range-slider.rs-size-small .rs-popup{font-size:9px}.range-slider.rs-size-small .rs-popup::after{margin-left:-6px;border-width:6px}.range-slider.rs-size-medium .rs-popup{font-size:10px}.range-slider.rs-size-medium .rs-popup::after{margin-left:-7px;border-width:7px}.range-slider.rs-size-large .rs-popup{font-size:11px}.range-slider.rs-size-large .rs-popup::after{margin-left:-8px;border-width:8px}