.range-slider{display:block;width:100%;position:relative;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-bar{position:absolute;left:0;top:50%;width:100%;overflow:hidden}.range-bar-active{position:absolute;left:0;top:0;height:100%}.range-knob-wrap{z-index:20;position:absolute;top:50%;left:0}.range-knob{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translateY(100%) scale(0);transform:translateY(100%) scale(0)}.range-knob-active-state .range-knob-label{-webkit-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1)}.ios .range-slider{height:28px}.ios .range-bar{background:#b7b8b7;border-radius:2px;height:1px}.ios .range-bar-active{background:#007aff}.ios .range-knob-wrap{height:28px;width:28px;margin-top:-14px;margin-left:-14px}.ios .range-knob{background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3)}.ios .range-knob-label{min-width:20px;height:20px;line-height:20px;background:#fff;border-radius:5px;color:#000;font-size:12px;margin-bottom:6px;-webkit-transform:translateX(-50%) translateY(100%) scale(0);transform:translateX(-50%) translateY(100%) scale(0)}.ios .range-knob-active-state .range-knob-label{-webkit-transform:translateX(-50%) translateY(0%) scale(1);transform:translateX(-50%) translateY(0%) scale(1)}.ios .color-theme-red .range-slider .range-bar-active{background-color:#ff3b30}.ios .color-theme-green .range-slider .range-bar-active{background-color:#4cd964}.ios .color-theme-blue .range-slider .range-bar-active{background-color:#007aff}.ios .color-theme-pink .range-slider .range-bar-active{background-color:#ff2d55}.ios .color-theme-yellow .range-slider .range-bar-active{background-color:#fc0}.ios .color-theme-orange .range-slider .range-bar-active{background-color:#ff9500}.ios .color-theme-gray .range-slider .range-bar-active{background-color:#8e8e93}.ios .color-theme-white .range-slider .range-bar-active{background-color:#fff}.ios .color-theme-black .range-slider .range-bar-active{background-color:#000}.ios .range-slider.color-red .range-bar-active{background-color:#ff3b30}.ios .range-slider.color-green .range-bar-active{background-color:#4cd964}.ios .range-slider.color-blue .range-bar-active{background-color:#007aff}.ios .range-slider.color-pink .range-bar-active{background-color:#ff2d55}.ios .range-slider.color-yellow .range-bar-active{background-color:#fc0}.ios .range-slider.color-orange .range-bar-active{background-color:#ff9500}.ios .range-slider.color-gray .range-bar-active{background-color:#8e8e93}.ios .range-slider.color-white .range-bar-active{background-color:#fff}.ios .range-slider.color-black .range-bar-active{background-color:#000}.md .range-slider{height:20px}.md .range-bar{background:#b9b9b9;height:2px;margin-top:-1px}.md .range-bar-active{background:#2196f3}.md .range-knob-wrap{height:12px;width:12px;margin-top:-6px;margin-left:-6px}.md .range-knob{background:#2196f3;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform}.md .range-knob-active-state .range-knob{-webkit-transform:scale(1.5);transform:scale(1.5)}.md .range-slider-min:not(.range-slider-dual) .range-knob{background:#fff!important;border:2px solid #b9b9b9}.md .range-knob-label{width:26px;height:26px;margin-left:-13px;margin-bottom:8px;background:#2196f3;color:#fff;font-size:10px;border-radius:50%;line-height:26px}.md .range-knob-label:before{content:'';left:50%;top:0px;margin-left:-13px;position:absolute;z-index:-1;width:26px;height:26px;background:#2196f3;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:50% 50% 50% 0}.md .range-knob-active-state .range-knob-label{-webkit-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1)}.md .range-slider-label .range-knob-active-state .range-knob{-webkit-transform:scale(0);transform:scale(0)}.md .color-theme-red .range-slider .range-bar-active,.md .color-theme-red .range-slider .range-knob,.md .color-theme-red .range-slider .range-knob-label,.md .color-theme-red .range-slider .range-knob-label:before{background-color:#f44336}.md .color-theme-green .range-slider .range-bar-active,.md .color-theme-green .range-slider .range-knob,.md .color-theme-green .range-slider .range-knob-label,.md .color-theme-green .range-slider .range-knob-label:before{background-color:#4caf50}.md .color-theme-blue .range-slider .range-bar-active,.md .color-theme-blue .range-slider .range-knob,.md .color-theme-blue .range-slider .range-knob-label,.md .color-theme-blue .range-slider .range-knob-label:before{background-color:#2196f3}.md .color-theme-pink .range-slider .range-bar-active,.md .color-theme-pink .range-slider .range-knob,.md .color-theme-pink .range-slider .range-knob-label,.md .color-theme-pink .range-slider .range-knob-label:before{background-color:#e91e63}.md .color-theme-yellow .range-slider .range-bar-active,.md .color-theme-yellow .range-slider .range-knob,.md .color-theme-yellow .range-slider .range-knob-label,.md .color-theme-yellow .range-slider .range-knob-label:before{background-color:#ffeb3b}.md .color-theme-orange .range-slider .range-bar-active,.md .color-theme-orange .range-slider .range-knob,.md .color-theme-orange .range-slider .range-knob-label,.md .color-theme-orange .range-slider .range-knob-label:before{background-color:#ff9800}.md .color-theme-gray .range-slider .range-bar-active,.md .color-theme-gray .range-slider .range-knob,.md .color-theme-gray .range-slider .range-knob-label,.md .color-theme-gray .range-slider .range-knob-label:before{background-color:#9e9e9e}.md .color-theme-white .range-slider .range-bar-active,.md .color-theme-white .range-slider .range-knob,.md .color-theme-white .range-slider .range-knob-label,.md .color-theme-white .range-slider .range-knob-label:before{background-color:#fff}.md .color-theme-black .range-slider .range-bar-active,.md .color-theme-black .range-slider .range-knob,.md .color-theme-black .range-slider .range-knob-label,.md .color-theme-black .range-slider .range-knob-label:before{background-color:#000}.md .range-slider.color-red .range-bar-active,.md .range-slider.color-red .range-knob,.md .range-slider.color-red .range-knob-label,.md .range-slider.color-red .range-knob-label:before{background-color:#f44336}.md .range-slider.color-green .range-bar-active,.md .range-slider.color-green .range-knob,.md .range-slider.color-green .range-knob-label,.md .range-slider.color-green .range-knob-label:before{background-color:#4caf50}.md .range-slider.color-blue .range-bar-active,.md .range-slider.color-blue .range-knob,.md .range-slider.color-blue .range-knob-label,.md .range-slider.color-blue .range-knob-label:before{background-color:#2196f3}.md .range-slider.color-pink .range-bar-active,.md .range-slider.color-pink .range-knob,.md .range-slider.color-pink .range-knob-label,.md .range-slider.color-pink .range-knob-label:before{background-color:#e91e63}.md .range-slider.color-yellow .range-bar-active,.md .range-slider.color-yellow .range-knob,.md .range-slider.color-yellow .range-knob-label,.md .range-slider.color-yellow .range-knob-label:before{background-color:#ffeb3b}.md .range-slider.color-orange .range-bar-active,.md .range-slider.color-orange .range-knob,.md .range-slider.color-orange .range-knob-label,.md .range-slider.color-orange .range-knob-label:before{background-color:#ff9800}.md .range-slider.color-gray .range-bar-active,.md .range-slider.color-gray .range-knob,.md .range-slider.color-gray .range-knob-label,.md .range-slider.color-gray .range-knob-label:before{background-color:#9e9e9e}.md .range-slider.color-white .range-bar-active,.md .range-slider.color-white .range-knob,.md .range-slider.color-white .range-knob-label,.md .range-slider.color-white .range-knob-label:before{background-color:#fff}.md .range-slider.color-black .range-bar-active,.md .range-slider.color-black .range-knob,.md .range-slider.color-black .range-knob-label,.md .range-slider.color-black .range-knob-label:before{background-color:#000}