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