.rangeSlider.bf-1053xrg{--slider:var(--range-slider,#d7dada);--handle-inactive:var(--range-handle-inactive,#99a2a2);--handle:var(--range-handle,#2563eb);--handle-focus:var(--range-handle-focus,#1d4ed8);--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,white);--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));-webkit-user-select:none;user-select:none;background-color:#d7dada;background-color:var(--slider);border-radius:100px;height:.5em;margin:1em;transition:opacity .2s;position:relative}.rangeSlider.bf-1053xrg :where(.bf-1053xrg){-webkit-user-select:none;user-select:none}.rangeSlider.bf-1053xrg.pips{margin-bottom:1.8em}.rangeSlider.bf-1053xrg.pip-labels{margin-bottom:2.8em}.rangeSlider.bf-1053xrg .rangeInput:where(.bf-1053xrg){opacity:0;z-index:3;cursor:pointer;width:calc(100% + 2em);height:2.5em;margin:0;position:absolute;top:-1em;left:-1em}.rangeSlider.bf-1053xrg .rangeHandle:where(.bf-1053xrg){z-index:2;pointer-events:none;width:1.4em;height:1.4em;display:block;position:absolute;top:.25em;bottom:auto;transform:translateY(-50%)translate(-50%)}.rangeSlider.bf-1053xrg .rangeNub:where(.bf-1053xrg),.rangeSlider.bf-1053xrg .rangeHandle:where(.bf-1053xrg):before{border-radius:10em;width:100%;height:100%;transition:box-shadow .2s;display:block;position:absolute;top:0;left:0}.rangeSlider.bf-1053xrg .rangeHandle:where(.bf-1053xrg):before{content:"";width:auto;height:auto;box-shadow:0 0 0 0px var(--handle-border);opacity:0;inset:1px}.rangeSlider.bf-1053xrg:hover .rangeHandle:where(.bf-1053xrg):before{box-shadow:0 0 0 8px var(--handle-border);opacity:.2}.rangeSlider.bf-1053xrg .rangeHandle.press:where(.bf-1053xrg):before,.rangeSlider.bf-1053xrg:hover .rangeHandle.press:where(.bf-1053xrg):before{box-shadow:0 0 0 12px var(--handle-border);opacity:.4}.rangeSlider.bf-1053xrg .rangeFloat:where(.bf-1053xrg){text-align:center;opacity:0;pointer-events:none;white-space:nowrap;border-radius:.2em;padding:.2em .4em;font-size:.9em;transition:all .2s;display:none;position:absolute;top:-.5em;left:50%;transform:translate(-50%,-100%)}.rangeSlider.bf-1053xrg:focus-within .rangeFloat:where(.bf-1053xrg){display:block}.rangeSlider.bf-1053xrg .rangeHandle.active:where(.bf-1053xrg) .rangeFloat:where(.bf-1053xrg),.rangeSlider.bf-1053xrg .rangeHandle:where(.bf-1053xrg):hover .rangeFloat:where(.bf-1053xrg){opacity:1;top:-.2em;transform:translate(-50%,-100%)}.rangeSlider.bf-1053xrg .rangeBar:where(.bf-1053xrg){-webkit-user-select:none;user-select:none;z-index:1;pointer-events:none;background-color:#99a2a2;background-color:var(--range-inactive);border-radius:1em;height:.5em;transition:background .2s;display:block;position:absolute;top:0}.rangeSlider.bf-1053xrg.focus .rangeBar:where(.bf-1053xrg){background-color:#2563eb;background-color:var(--range)}.rangeSlider.bf-1053xrg .rangeNub:where(.bf-1053xrg){background-color:#99a2a2;background-color:var(--handle-inactive)}.rangeSlider.bf-1053xrg.focus .rangeNub:where(.bf-1053xrg){background-color:#2563eb;background-color:var(--handle)}.rangeSlider.bf-1053xrg .rangeHandle.active:where(.bf-1053xrg) .rangeNub:where(.bf-1053xrg){background-color:#1d4ed8;background-color:var(--handle-focus)}.rangeSlider.bf-1053xrg .rangeFloat:where(.bf-1053xrg){color:var(--float-text);background-color:#99a2a2;background-color:var(--float-inactive)}.rangeSlider.bf-1053xrg.focus .rangeFloat:where(.bf-1053xrg){background-color:#1d4ed8;background-color:var(--float)}.rangeSlider.bf-1053xrg .rangePips:where(.bf-1053xrg){height:1em;position:absolute;bottom:-1em;left:0;right:0}.rangeSlider.bf-1053xrg .rangePips:where(.bf-1053xrg) .pip:where(.bf-1053xrg){white-space:nowrap;color:var(--pip-text);width:1px;height:.4em;background-color:#789;background-color:var(--pip);cursor:pointer;transition:all .15s;position:absolute;top:.25em}.rangeSlider.bf-1053xrg .rangePips:where(.bf-1053xrg) .pipVal:where(.bf-1053xrg){transition:all .15s,font-weight linear;position:absolute;top:.4em;transform:translate(-50%,25%)}.rangeSlider.bf-1053xrg .rangePips:where(.bf-1053xrg) .pip.selected:where(.bf-1053xrg){color:var(--pip-active-text);background-color:#2f4f4f;background-color:var(--pip-active)}.dark .rangeSlider.bf-1053xrg .rangePips:where(.bf-1053xrg) .pip:where(.bf-1053xrg){color:#ddd!important}.rangeSlider.bf-1053xrg .rangePips:where(.bf-1053xrg) .pip:where(.bf-1053xrg):hover{color:var(--pip-hover-text);background-color:#2f4f4f;background-color:var(--pip-hover)}.rangeSlider.bf-1053xrg .rangePips:where(.bf-1053xrg) .pip.in-range:where(.bf-1053xrg){color:var(--pip-in-range-text);background-color:#2f4f4f;background-color:var(--pip-in-range)}.rangeSlider.bf-1053xrg .rangePips:where(.bf-1053xrg) .pip.selected:where(.bf-1053xrg){height:.75em}.rangeSlider.bf-1053xrg .rangePips:where(.bf-1053xrg) .pip.selected:where(.bf-1053xrg) .pipVal:where(.bf-1053xrg){font-weight:700;top:.75em}.rangeSlider.bf-1053xrg .rangePips:where(.bf-1053xrg) .pip:where(.bf-1053xrg):not(.selected):hover{transition:none}.rangeSlider.bf-1053xrg .rangePips:where(.bf-1053xrg) .pip:where(.bf-1053xrg):not(.selected):hover .pipVal:where(.bf-1053xrg){font-weight:700;transition:none}
