.slider-container{--handle-size: 16px;--handle-radius: 1000px;--track-size: 3px;--bg: white;--track-color: var(--color-grey-70);--handle-color: var(--color-primary-green-40);--track-active-color: var(--color-primary-green-40);--handle-active-color: var(--color-primary-green-40);padding-bottom:24px}.slider{display:block;width:100%;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-offset:6px;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--handle-size);width:var(--handle-size);border-radius:var(--handle-radius);background:var(--handle-color);cursor:grab;transform:translateY(calc(-50% + var(--track-size) / 2));outline:2px solid var(--bg)}.slider::-moz-range-thumb{background:var(--handle-color);border:2px solid var(--bg);border-radius:var(--handle-radius);height:var(--handle-size);width:var(--handle-size);opacity:.5}.slider:active::-webkit-slider-thumb,.slider:active::-moz-range-thumb{cursor:grabbing;background:var(--handle-active-color)}.slider::-webkit-slider-runnable-track{width:calc(100% - var(--handle-size));height:var(--track-size);background:var(--track-color);border-radius:var(--track-size) / 2;margin:calc(var(--handle-size) / 2) 0;border-radius:32px}.slider::-moz-range-track{background:var(--track-color)}.slider:active::-webkit-slider-runnable-track,.slider:active::-moz-range-track{background:var(--track-active-color)}.slider-container .slider-extra-container{position:relative;pointer-events:none;margin:0 calc(var(--handle-size) / 2)}.slider-container:hover .slider-tooltip{transform:scale(1)}.slider-container .slider-tooltip{transition:transform .15s cubic-bezier(.4,0,.2,1) 0ms}.slider-container .slider-tick{transform:rotate(90deg) translate(-6px);display:block;width:10px;height:0;margin-bottom:4px;border-bottom:1px solid var(--track-color)}