.range-slider{--range-border-radius:4px;--range-height:var(--spacing-xs);--range-thumb:var(--spacing-xs);position:relative}.range-slider.critical-component-hide{display:block}.range-slider.critical-component-clear{opacity:1}.range-slider__fill,.range-slider__loading,.range-slider__ranges:before{border-radius:var(--range-border-radius);height:var(--range-height);left:0;pointer-events:none;position:absolute;top:50%;translate:0 -50%}.range-slider__ranges{align-items:center;display:flex;height:var(--range-thumb);position:relative}.range-slider__ranges:before{background-color:var(--color-grey-4);border-radius:0 var(--range-border-radius) var(--range-border-radius) 0;content:'';width:100%;z-index:var(--layer-base)}.range-slider__range-container{height:var(--range-thumb);position:relative}.range-slider__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer;height:100%;margin:0;position:relative;width:100%;z-index:var(--layer-raised)}.range-slider__input::-moz-range-thumb{opacity:0}.range-slider__input::-webkit-slider-thumb{opacity:0}.range-slider__controls{height:var(--range-height);pointer-events:none;position:absolute;top:50%;translate:-50% -50%;width:var(--range-height);z-index:var(--layer-heightened)}.range-slider__tooltip{background-color:var(--color-primary-white);border-radius:15px;bottom:calc(100% + var(--range-height) + var(--spacing-2xs));max-width:15ch;opacity:0;padding:var(--spacing-2xs) var(--spacing-xs);position:absolute;text-align:center;transition:opacity var(--timing-normal) var(--easing-normal);translate:calc(var(--range-height)/2 - 50%) 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content;z-index:var(--layer-raised)}.range-slider__tooltip:after{border-block-start:4px solid var(--color-primary-white);border-inline-end:3px solid transparent;border-inline-start:3px solid transparent;content:'';height:0;left:50%;position:absolute;top:100%;translate:-50% 0;width:0}.range-slider__tooltip-text{color:var(--color-primary-black);overflow:hidden;text-overflow:ellipsis;width:100%}.range-slider__thumb{border:0;height:var(--range-thumb);position:absolute;top:50%;translate:calc(var(--range-height)/2 - 50%) -50%;width:var(--range-thumb);z-index:var(--layer-raised)}.range-slider__fill,.range-slider__thumb{background-color:var(--color-primary-white)}.range-slider__fill{border-radius:var(--range-border-radius) 0 0 var(--range-border-radius);z-index:var(--layer-flat)}.range-slider__fill.range-slider__fill--min{border-end-end-radius:0;border-start-end-radius:0}.range-slider__fill.range-slider__fill--max{border-end-start-radius:0;border-start-start-radius:0}.range-slider__loading{background-color:var(--color-skeleton-background);background-image:none;border-color:transparent;color:transparent;display:block;left:0;overflow:hidden;pointer-events:none;position:absolute;top:calc(var(--range-thumb)/2);translate:0 -50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.range-slider__loading:after{animation:left-to-right 2s linear infinite;animation:left-to-right var(--timing-loading,2s) linear infinite;background-image:var(--color-skeleton-gradient);content:'';height:100%;left:0;position:absolute;top:0;translate:-100% 0;width:100%}.range-slider__loading *{color:transparent;pointer-events:none}.range-slider__tick-marks{height:var(--spacing-xs);margin-block-start:var(--spacing-2xs);position:relative;width:100%}.range-slider__tick-mark{background-color:var(--color-grey-5);height:100%;position:absolute;top:0;width:1px}.range-slider__fallback-container{gap:33%;grid-template-columns:repeat(2,1fr);margin-block-start:var(--spacing-xs)}.range-slider__fallback-field{align-items:flex-start}.range-slider__fallback-field+.range-slider__fallback-field,.range-slider__fallback-field+.range-slider__fallback-field .range-slider__fallback-input{text-align:end}.range-slider__fallback-error{color:var(--color-auxiliary-error-1);flex:1 0 100%;width:100%}.range-slider.is-active .range-slider__tooltip,.range-slider__input.is-active+.range-slider__controls .range-slider__tooltip,.range-slider__input:active+.range-slider__controls .range-slider__tooltip{opacity:1}.range-slider.is-active .range-slider__thumb,.range-slider__input.is-active+.range-slider__controls .range-slider__thumb,.range-slider__input:active+.range-slider__controls .range-slider__thumb{box-shadow:0 0 0 2px var(--color-primary-white)}.range-slider.is-hover .range-slider__controls .range-slider__thumb,.range-slider__input:hover+.range-slider__controls .range-slider__thumb{background-color:var(--color-grey-4)}.range-slider.is-disabled,fieldset:disabled .range-slider{opacity:.4;pointer-events:none}.show-focus-styles .range-slider .range-slider__input:focus:not([type=hidden]):enabled:focus,.show-focus-styles .range-slider.is-focus .range-slider__input:not([type=hidden]):enabled:focus{box-shadow:none}.show-focus-styles .range-slider .range-slider__input:focus+.range-slider__controls .range-slider__thumb,.show-focus-styles .range-slider.is-focus .range-slider__input+.range-slider__controls .range-slider__thumb{box-shadow:0 0 0 calc(var(--focus-ring-width) - 2px) var(--color-primary-white),0 0 0 var(--focus-ring-width) var(--color-primary-black)}.range-slider.is-loading{pointer-events:none}.range-slider.is-loading .range-slider__fill,.range-slider.is-loading .range-slider__ranges:before{display:none}.range-slider.is-loading .range-slider__thumb{background-color:var(--color-skeleton-background)}.range-slider.is-loading .range-slider__fallback-input{color:transparent;opacity:.4}.range-slider.range-slider--display .range-slider__thumb{height:var(--spacing-xs);opacity:0;top:50%;width:var(--spacing-xs)}.range-slider.range-slider--display .range-slider__ranges:hover .range-slider__fill,.range-slider.range-slider--display.is-hover .range-slider__fill{background-color:var(--color-primary-black)}.show-focus-styles .range-slider.range-slider--display .range-slider__input:focus+.range-slider__controls .range-slider__thumb,.show-focus-styles .range-slider.range-slider--display.is-focus .range-slider__thumb{box-shadow:0 0 0 calc(var(--focus-ring-width) - 2px) var(--color-primary-white),0 0 0 var(--focus-ring-width) var(--color-primary-black);opacity:1}.range-slider.liquid{pointer-events:none}[dir=rtl] .range-slider__controls{translate:50% -50%}[dir=rtl] .range-slider__tooltip{translate:calc(50% - var(--range-height)/2) 0}[dir=rtl] .range-slider__thumb{translate:calc(50% - var(--range-height)/2) -50%}[dir=rtl] .range-slider__fill--min:before{right:0}[dir=rtl] .range-slider__fill--max:before{left:0;right:auto;right:initial}