.rangePips{--pip:var(--range-pip,lightslategray);--pip-text:var(--range-pip-text,var(--pip));--pip-active:var(--range-pip-active,darkslategrey);--pip-active-text:var(--range-pip-active-text,var(--pip-active));--pip-hover:var(--range-pip-hover,darkslategrey);--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));--pip-out-of-limit:var(--range-pip-out-of-limit,#aebecf);--pip-out-of-limit-text:var(--range-pip-out-of-limit-text,var(--pip-out-of-limit));font-variant-numeric:tabular-nums;height:1em;position:absolute;bottom:-1em;left:0;right:0}.rangePips.vertical{width:1em;height:auto;inset:0 auto 0 100%}.rangePips .pip{white-space:nowrap;width:1px;height:.4em;position:absolute;top:.25em}.rangePips.vertical .pip{width:.4em;height:1px;top:auto;bottom:auto;left:.25em}.rangePips .pipVal{display:inline-flex;position:absolute;top:.4em;transform:translate(-50%,25%)}.rangePips.vertical .pipVal{position:absolute;top:0;left:.4em;transform:translate(25%,-50%)}.rangePips .pip{transition:all .15s}.rangePips .pipVal{transition:all .15s,font-weight linear}.rangePips .pip{color:var(--pip-text);background-color:#789;background-color:var(--pip)}.rangePips .pip.selected{color:var(--pip-active-text);background-color:#2f4f4f;background-color:var(--pip-active)}.rangePips.hoverable:not(.disabled) .pip:not(.out-of-limit):hover{color:var(--pip-hover-text);background-color:#2f4f4f;background-color:var(--pip-hover)}.rangePips .pip.in-range{color:var(--pip-in-range-text);background-color:#2f4f4f;background-color:var(--pip-in-range)}.rangePips .pip.out-of-limit{color:var(--pip-out-of-limit-text);background-color:#aebecf;background-color:var(--pip-out-of-limit)}.rangePips .pip.selected{height:.75em}.rangePips.vertical .pip.selected{width:.75em;height:1px}.rangePips .pip.selected .pipVal{font-weight:700;top:.75em}.rangePips.vertical .pip.selected .pipVal{top:0;left:.75em}.rangePips.hoverable:not(.disabled) .pip:not(.selected):not(.out-of-limit):hover{transition:none}.rangePips.hoverable:not(.disabled) .pip:not(.selected):not(.out-of-limit):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));--range-limit:var(--range-range-limit,#b9c2c2);--float-inactive:var(--range-float-inactive,var(--handle-inactive));--float:var(--range-float,var(--handle-focus));--float-text:var(--range-float-text,white);user-select:none;border-radius:100px;height:.5em;margin:1em;transition:opacity .2s;position:relative}.rangeSlider *{user-select:none}.rangeSlider.pips{margin-bottom:1.8em}.rangeSlider.pip-labels{margin-bottom:2.8em}.rangeSlider.vertical{border-radius:100px;width:.5em;min-height:200px;display:inline-block}.rangeSlider.vertical.pips{margin-bottom:1em;margin-right:1.8em}.rangeSlider.vertical.pip-labels{margin-bottom:1em;margin-right:2.8em}.rangeSlider .rangeHandle{z-index:2;width:1.4em;height:1.4em;display:block;position:absolute;top:.25em;bottom:auto;transform:translateY(-50%)translate(-50%)}.rangeSlider.reversed .rangeHandle{transform:translateY(-50%)translate(50%)}.rangeSlider.vertical .rangeHandle{top:auto;left:.25em;transform:translateY(50%)translate(-50%)}.rangeSlider.vertical.reversed .rangeHandle{transform:translateY(-50%)translate(-50%)}.rangeSlider .rangeNub,.rangeSlider .rangeHandle:before{border-radius:10em;width:100%;height:100%;transition:box-shadow .2s;display:block;position:absolute;top:0;left:0}.rangeSlider .rangeHandle:before{content:"";width:auto;height:auto;box-shadow:0 0 0 0px var(--handle-border);opacity:0;inset:1px}.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{text-align:center;opacity:0;pointer-events:none;white-space:nowrap;border-radius:.2em;padding:.2em .4em;font-size:.9em;transition:all .2s;display:block;position:absolute;top:-.5em;left:50%;transform:translate(-50%,-100%)}.rangeSlider .rangeHandle.active .rangeFloat,.rangeSlider.hoverable .rangeHandle:hover .rangeFloat{opacity:1;top:-.2em;transform:translate(-50%,-100%)}.rangeSlider .rangeBar,.rangeSlider .rangeLimit{user-select:none;z-index:1;border-radius:1em;height:.5em;transition:background .2s;display:block;position:absolute;top:0}.rangeSlider.vertical .rangeBar,.rangeSlider.vertical .rangeLimit{width:.5em;height:auto}.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 .rangeLimit{background-color:#99a2a280;background-color:var(--range-limit)}.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{color:var(--float-text);background-color:#99a2a2;background-color:var(--float-inactive)}.rangeSlider.focus .rangeFloat{background-color:#4a40d4;background-color:var(--float)}.rangeSlider.disabled{opacity:.5}.rangeSlider.disabled .rangeNub{background-color:#d7dada;background-color:var(--slider)}