.rangePips{--pip:var(--range-pip,var(--slider-base));--pip-text:var(--range-pip-text,var(--pip));--pip-active:var(--range-pip-active,var(--slider-fg));--pip-active-text:var(--range-pip-active-text,var(--pip-active));--pip-hover:var(--range-pip-hover,var(--slider-fg));--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,var(--slider-base-100));--pip-out-of-limit-text:var(--range-pip-out-of-limit-text,var(--pip-out-of-limit));bottom:-1em;font-variant-numeric:tabular-nums;height:1em;left:0;position:absolute;right:0;transform:translateZ(.001px)}.rangePips.rsVertical{height:auto;inset:0 auto 0 100%;width:1em}.rangePips .rsPip{height:.4em;position:absolute;top:.25em;transform:translateZ(.001px);white-space:nowrap;width:1px}.rangePips.rsVertical .rsPip{bottom:auto;height:1px;left:.25em;top:auto;width:.4em}.rangePips .rsPipVal{display:inline-flex;position:absolute;top:.4em;transform:translate(-50%,25%)}.rangePips.rsVertical .rsPipVal{left:.4em;position:absolute;top:0;transform:translate(25%,-50%)}.rangePips .rsPip{transition:all .15s ease}.rangePips .rsPipVal{transition:all .15s ease,font-weight 0s linear}.rangePips .rsPip{background-color:var(--pip);color:var(--pip-text)}.rangePips .rsPip.rsSelected{background-color:var(--pip-active);color:var(--pip-active-text)}.rangePips.rsHoverable:not(.rsDisabled) .rsPip:not(.rsOutOfLimit):hover{background-color:var(--pip-hover);color:var(--pip-hover-text)}.rangePips .rsPip.rsInRange{background-color:var(--pip-in-range);color:var(--pip-in-range-text)}.rangePips .rsPip.rsOutOfLimit{background-color:var(--pip-out-of-limit);color:var(--pip-out-of-limit-text)}.rangePips .rsPip.rsSelected{height:.75em}.rangePips.rsVertical .rsPip.rsSelected{height:1px;width:.75em}.rangePips .rsPip.rsSelected .rsPipVal{font-weight:700;top:.75em}.rangePips.rsVertical .rsPip.rsSelected .rsPipVal{left:.75em;top:0}.rangePips.rsHoverable:not(.rsDisabled) .rsPip:not(.rsSelected):not(.rsOutOfLimit):hover{transition:none}.rangePips.rsHoverable:not(.rsDisabled) .rsPip:not(.rsSelected):not(.rsOutOfLimit):hover .rsPipVal{font-weight:700;transition:none}@layer base{.rangeSlider{--slider-light-accent:#4a40d4;--slider-light-accent-100:#838de7;--slider-light-accent-text:#fff;--slider-light-base:#99a2a2;--slider-light-base-100:#b9c2c2;--slider-light-bg:#d7dada;--slider-light-fg:#3f3e4f;--slider-dark-accent:#6070fc;--slider-dark-accent-100:#7a7fab;--slider-dark-accent-text:#fff;--slider-dark-base:#82809f;--slider-dark-base-100:#595868;--slider-dark-bg:#3f3e4f;--slider-dark-fg:#d7dada;--slider-accent:var(--slider-light-accent);--slider-accent-100:var(--slider-light-accent-100);--slider-accent-text:var(--slider-light-accent-text);--slider-base:var(--slider-light-base);--slider-base-100:var(--slider-light-base-100);--slider-bg:var(--slider-light-bg);--slider-fg:var(--slider-light-fg);--slider:var(--range-slider,var(--slider-bg));--handle-inactive:var(--range-handle-inactive,var(--slider-base));--handle:var(--range-handle,var(--slider-accent-100));--handle-focus:var(--range-handle-focus,var(--slider-accent));--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,var(--slider-base-100));--range-hover:var(--range-range-hover,var(--handle-border));--range-press:var(--range-range-press,var(--handle-border));--float-inactive:var(--range-float-inactive,var(--handle-inactive));--float:var(--range-float,var(--handle-focus));--float-text:var(--range-float-text,var(--slider-accent-text))}.rangeSlider.rsDark{--slider-accent:var(--slider-dark-accent);--slider-accent-100:var(--slider-dark-accent-100);--slider-accent-text:var(--slider-dark-accent-text);--slider-base:var(--slider-dark-base);--slider-base-100:var(--slider-dark-base-100);--slider-bg:var(--slider-dark-bg);--slider-fg:var(--slider-dark-fg)}@media(prefers-color-scheme:dark){.rangeSlider.rsAutoDark{--slider-accent:var(--slider-dark-accent);--slider-accent-100:var(--slider-dark-accent-100);--slider-accent-text:var(--slider-dark-accent-text);--slider-base:var(--slider-dark-base);--slider-base-100:var(--slider-dark-base-100);--slider-bg:var(--slider-dark-bg);--slider-fg:var(--slider-dark-fg)}}}.rangeSlider{border-radius:100px;height:.5em;margin:1em;overflow:visible;position:relative;transition:opacity .2s ease}.rangeSlider,.rangeSlider *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rangeSlider.rsPips{margin-bottom:1.8em}.rangeSlider.rsPipLabels{margin-bottom:2.8em}.rangeSlider.rsVertical{border-radius:100px;display:inline-block;min-height:200px;width:.5em}.rangeSlider.rsVertical.rsPips{margin-bottom:1em;margin-right:1.8em}.rangeSlider.rsVertical.rsPipLabels{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%);translate:calc(var(--slider-length)*(var(--handle-pos)/100)*1px) 0;width:1.4em;z-index:2}.rangeSlider.rsReversed .rangeHandle{transform:translateY(-50%) translate(-50%);translate:calc(var(--slider-length)*1px - var(--slider-length)*(var(--handle-pos)/100)*1px) 0}.rangeSlider.rsVertical .rangeHandle{left:.25em;top:auto;transform:translateY(-50%) translate(-50%);translate:0 calc(var(--slider-length)*(1 - var(--handle-pos)/100)*1px)}.rangeSlider.rsVertical.rsReversed .rangeHandle{transform:translateY(-50%) translate(-50%);translate:0 calc(var(--slider-length)*1px - var(--slider-length)*(1 - var(--handle-pos)/100)*1px)}.rangeSlider .rangeHandle:before,.rangeSlider .rangeNub{border-radius:10em;display:block;height:100%;left:0;position:absolute;top:0;transition:background .2s ease,box-shadow .2s ease;width:100%}.rangeSlider .rangeHandle:before{box-shadow:0 0 0 0 var(--handle-border);content:"";height:auto;inset:1px;opacity:0;transition:opacity .2s ease,box-shadow .2s ease;width:auto}.rangeSlider.rsHoverable:not(.rsDisabled) .rangeHandle:hover:before{box-shadow:0 0 0 8px var(--handle-border);opacity:.2}.rangeSlider.rsHoverable:not(.rsDisabled) .rangeHandle.rsPress:before,.rangeSlider.rsHoverable:not(.rsDisabled) .rangeHandle.rsPress:hover:before{box-shadow:0 0 0 12px var(--handle-border);opacity:.4}.rangeSlider.rsRange:not(.rsMin):not(.rsMax) .rangeNub{border-radius:10em 10em 10em 1.6em}.rangeSlider.rsRange .rangeHandle:first-of-type .rangeNub{transform:rotate(-135deg)}.rangeSlider.rsRange .rangeHandle:nth-of-type(2) .rangeNub,.rangeSlider.rsRange.rsReversed .rangeHandle:first-of-type .rangeNub{transform:rotate(45deg)}.rangeSlider.rsRange.rsReversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-135deg)}.rangeSlider.rsRange.rsVertical .rangeHandle:first-of-type .rangeNub{transform:rotate(135deg)}.rangeSlider.rsRange.rsVertical .rangeHandle:nth-of-type(2) .rangeNub,.rangeSlider.rsRange.rsVertical.rsReversed .rangeHandle:first-of-type .rangeNub{transform:rotate(-45deg)}.rangeSlider.rsRange.rsVertical.rsReversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(135deg)}.rangeSlider .rangeFloat{border-radius:.5em;bottom:1.75em;display:block;font-size:1em;font-size:.9em;left:50%;line-height:1;opacity:0;padding:.33em .5em .5em;pointer-events:none;position:absolute;scale:1;text-align:center;transform-origin:center;transition:all .22s cubic-bezier(.33,1,.68,1);translate:-50% -50% .01px;white-space:nowrap;z-index:3}.rangeSlider .rangeHandle.rsActive .rangeFloat,.rangeSlider.rsFocus .rangeBar .rangeFloat,.rangeSlider.rsHoverable .rangeBar:hover .rangeFloat,.rangeSlider.rsHoverable .rangeHandle:hover .rangeFloat{opacity:1;scale:1;translate:-50% 0 .01px}.rangeSlider .rangeBar .rangeFloat{bottom:.875em;z-index:2}.rangeSlider.rsVertical .rangeFloat{inset:50% 1.75em auto auto;translate:-50% -50% .01px}.rangeSlider.rsVertical .rangeHandle.rsActive .rangeFloat,.rangeSlider.rsVertical.rsFocus .rangeBar .rangeFloat,.rangeSlider.rsVertical.rsHoverable .rangeBar:hover .rangeFloat,.rangeSlider.rsVertical.rsHoverable .rangeHandle:hover .rangeFloat{translate:0 -50% .01px}.rangeSlider.rsVertical .rangeBar .rangeFloat{right:.875em}.rangeSlider .rangeBar,.rangeSlider .rangeLimit,.rangeSlider.rsDrag .rangeBar:before{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.rsVertical .rangeBar,.rangeSlider.rsVertical .rangeLimit,.rangeSlider.rsVertical.rsDrag .rangeBar:before{height:auto;width:.5em}.rangeSlider .rangeBar{translate:calc(var(--slider-length)*(var(--range-start)/100)*1px) 0;width:calc(var(--slider-length)*var(--range-size)/100*1px)}.rangeSlider.rsReversed .rangeBar{translate:calc(var(--slider-length)*1px - var(--slider-length)*(var(--range-end)/100)*1px) 0}.rangeSlider.rsVertical .rangeBar{height:calc(var(--slider-length)*var(--range-size)/100*1px);translate:0 calc(var(--slider-length)*1px - var(--slider-length)*(var(--range-end)/100)*1px)}.rangeSlider.rsVertical.rsReversed .rangeBar{translate:0 calc(var(--slider-length)*(var(--range-start)/100)*1px)}.rangeSlider.rsDrag .rangeBar:before{background-color:var(--range-hover);content:"";inset:-.5em 0;height:auto;opacity:0;scale:1 .5;transition:opacity .2s ease,scale .2s ease}.rangeSlider.rsVertical.rsDrag .rangeBar:before{inset:0 -.5em;width:auto}.rangeSlider.rsHoverable:not(.rsDisabled).rsDrag .rangeBar:hover:before{opacity:.2;scale:1 1}.rangeSlider.rsHoverable:not(.rsDisabled).rsDrag .rangeBar.rsPress:before{opacity:.4;scale:1 1.25}.rangeSlider.rsVertical.rsHoverable:not(.rsDisabled).rsDrag .rangeBar.rsPress:before{scale:1.25 1}.rangeSlider{background-color:var(--slider)}.rangeSlider .rangeBar{background-color:var(--range-inactive)}.rangeSlider.rsFocus .rangeBar{background-color:var(--range)}.rangeSlider .rangeLimit{background-color:var(--range-limit)}.rangeSlider .rangeNub{background-color:var(--handle-inactive)}.rangeSlider.rsFocus .rangeNub{background-color:var(--handle)}.rangeSlider .rangeHandle.rsActive .rangeNub{background-color:var(--handle-focus)}.rangeSlider .rangeFloat{background-color:var(--float-inactive);color:var(--float-text)}.rangeSlider.rsFocus .rangeFloat{background-color:var(--float)}.rangeSlider.rsDisabled{opacity:.5}.rangeSlider.rsDisabled .rangeNub{background-color:var(--handle-inactive)}.rangeSlider .rangeBar,.rangeSlider .rangeHandle{transition:opacity .2s ease}
