.rangeSlider{--pip:var(--range-pip,#789);--pip-text:var(--range-pip-text,var(--pip));--pip-active:var(--range-pip-active,#2f4f4f);--pip-active-text:var(--range-pip-active-text,var(--pip-active));--pip-hover:var(--range-pip-hover,#2f4f4f);--pip-hover-text:var(--range-pip-hover-text,var(--pip-hover));--pip-in-range:var(--range-pip-in-range,var(--pip-active));--pip-in-range-text:var(--range-pip-in-range-text,var(--pip-active-text))}.rangePips{bottom:-1em;height:1em;left:0;position:absolute;right:0}.rangePips.vertical{bottom:0;height:auto;left:100%;right:auto;top:0;width:1em}.rangePips .pip{height:.4em;position:absolute;top:.25em;white-space:nowrap;width:1px}.rangePips.vertical .pip{bottom:auto;height:1px;left:.25em;top:auto;width:.4em}.rangePips .pipVal{position:absolute;top:.4em;transform:translate(-50%,25%)}.rangePips.vertical .pipVal{left:.4em;position:absolute;top:0;transform:translate(25%,-50%)}.rangePips .pip{transition:all .15s ease}.rangePips .pipVal{transition:all .15s ease,font-weight 0s linear}.rangePips .pip{background-color:#789;background-color:var(--pip);color:#789;color:var(--pip-text)}.rangePips .pip.selected{background-color:#2f4f4f;background-color:var(--pip-active);color:#2f4f4f;color:var(--pip-active-text)}.rangePips.hoverable:not(.disabled) .pip:hover{background-color:#2f4f4f;background-color:var(--pip-hover);color:#2f4f4f;color:var(--pip-hover-text)}.rangePips .pip.in-range{background-color:#2f4f4f;background-color:var(--pip-in-range);color:#2f4f4f;color:var(--pip-in-range-text)}.rangePips .pip.selected{height:.75em}.rangePips.vertical .pip.selected{height:1px;width:.75em}.rangePips .pip.selected .pipVal{font-weight:700;top:.75em}.rangePips.vertical .pip.selected .pipVal{left:.75em;top:0}.rangePips.hoverable:not(.disabled) .pip:not(.selected):hover{transition:none}.rangePips.hoverable:not(.disabled) .pip:not(.selected):hover .pipVal{font-weight:700;transition:none}.rangeSlider{--slider:var(--range-slider,#d7dada);--handle-inactive:var(--range-handle-inactive,#99a2a2);--handle:var(--range-handle,#838de7);--handle-focus:var(--range-handle-focus,#4a40d4);--handle-border:var(--range-handle-border,var(--handle));--range-inactive:var(--range-range-inactive,var(--handle-inactive));--range:var(--range-range,var(--handle-focus));--float-inactive:var(--range-float-inactive,var(--handle-inactive));--float:var(--range-float,var(--handle-focus));--float-text:var(--range-float-text,#fff);border-radius:100px;height:.5em;margin:1em;position:relative;transition:opacity .2s ease}.rangeSlider,.rangeSlider *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rangeSlider.pips{margin-bottom:1.8em}.rangeSlider.pip-labels{margin-bottom:2.8em}.rangeSlider.vertical{border-radius:100px;display:inline-block;min-height:200px;width:.5em}.rangeSlider.vertical.pips{margin-bottom:1em;margin-right:1.8em}.rangeSlider.vertical.pip-labels{margin-bottom:1em;margin-right:2.8em}.rangeSlider .rangeHandle{bottom:auto;display:block;height:1.4em;position:absolute;top:.25em;transform:translateY(-50%) translate(-50%);width:1.4em;z-index:2}.rangeSlider.reversed .rangeHandle{transform:translateY(-50%) translate(50%)}.rangeSlider.vertical .rangeHandle{left:.25em;top:auto;transform:translateY(50%) translate(-50%)}.rangeSlider.vertical.reversed .rangeHandle{transform:translateY(-50%) translate(-50%)}.rangeSlider .rangeHandle:before,.rangeSlider .rangeNub{border-radius:10em;display:block;height:100%;left:0;position:absolute;top:0;transition:box-shadow .2s ease;width:100%}.rangeSlider .rangeHandle:before{bottom:1px;box-shadow:0 0 0 0 var(--handle-border);content:"";height:auto;left:1px;opacity:0;right:1px;top:1px;width:auto}.rangeSlider.hoverable:not(.disabled) .rangeHandle:hover:before{box-shadow:0 0 0 8px var(--handle-border);opacity:.2}.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:before,.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:hover:before{box-shadow:0 0 0 12px var(--handle-border);opacity:.4}.rangeSlider.range:not(.min):not(.max) .rangeNub{border-radius:10em 10em 10em 1.6em}.rangeSlider.range .rangeHandle:first-of-type .rangeNub{transform:rotate(-135deg)}.rangeSlider.range .rangeHandle:nth-of-type(2) .rangeNub,.rangeSlider.range.reversed .rangeHandle:first-of-type .rangeNub{transform:rotate(45deg)}.rangeSlider.range.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-135deg)}.rangeSlider.range.vertical .rangeHandle:first-of-type .rangeNub{transform:rotate(135deg)}.rangeSlider.range.vertical .rangeHandle:nth-of-type(2) .rangeNub,.rangeSlider.range.vertical.reversed .rangeHandle:first-of-type .rangeNub{transform:rotate(-45deg)}.rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(135deg)}.rangeSlider .rangeFloat{border-radius:.2em;display:block;font-size:.9em;left:50%;opacity:0;padding:.2em .4em;pointer-events:none;position:absolute;text-align:center;top:-.5em;transform:translate(-50%,-100%);transition:all .2s ease;white-space:nowrap}.rangeSlider .rangeHandle.active .rangeFloat,.rangeSlider.hoverable .rangeHandle:hover .rangeFloat{opacity:1;top:-.2em;transform:translate(-50%,-100%)}.rangeSlider .rangeBar{border-radius:1em;display:block;height:.5em;position:absolute;top:0;transition:background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.rangeSlider.vertical .rangeBar{height:auto;width:.5em}.rangeSlider{background-color:#d7dada;background-color:var(--slider)}.rangeSlider .rangeBar{background-color:#99a2a2;background-color:var(--range-inactive)}.rangeSlider.focus .rangeBar{background-color:#838de7;background-color:var(--range)}.rangeSlider .rangeNub{background-color:#99a2a2;background-color:var(--handle-inactive)}.rangeSlider.focus .rangeNub{background-color:#838de7;background-color:var(--handle)}.rangeSlider .rangeHandle.active .rangeNub{background-color:#4a40d4;background-color:var(--handle-focus)}.rangeSlider .rangeFloat{background-color:#99a2a2;background-color:var(--float-inactive);color:#fff;color:var(--float-text)}.rangeSlider.focus .rangeFloat{background-color:#4a40d4;background-color:var(--float)}.rangeSlider.disabled{opacity:.5}.rangeSlider.disabled .rangeNub{background-color:#d7dada;background-color:var(--slider)}