.days-ago-range-slider{touch-action:none;cursor:grab;align-items:center;height:2.75rem;display:flex;position:relative}.days-ago-range-slider:active{cursor:grabbing}.days-ago-range-slider--disabled{opacity:.5;pointer-events:none}.days-ago-range-slider__track{background:color-mix(in srgb, var(--outline-default) 55%, var(--bg-input));border-radius:9999px;height:.375rem;position:absolute;left:0;right:0}.days-ago-range-slider__fill{border-radius:inherit;background:var(--accent-primary);position:absolute;top:0;bottom:0}.days-ago-range-slider__thumb{-webkit-appearance:none;appearance:none;pointer-events:none;background:0 0;width:100%;height:2.75rem;margin:0;position:absolute;left:0;right:0}.days-ago-range-slider__thumb::-webkit-slider-runnable-track{background:0 0;height:.375rem}.days-ago-range-slider__thumb::-moz-range-track{background:0 0;border:none;height:.375rem}.days-ago-range-slider__thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--bg-raised);background:var(--accent-primary);width:1.375rem;height:1.375rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--outline-default) 45%, transparent), 0 2px 8px color-mix(in srgb, var(--glyph-primary) 18%, transparent);pointer-events:none;border-radius:9999px;margin-top:-.5rem}.days-ago-range-slider__thumb::-moz-range-thumb{border:2px solid var(--bg-raised);background:var(--accent-primary);width:1.25rem;height:1.25rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--outline-default) 45%, transparent), 0 2px 8px color-mix(in srgb, var(--glyph-primary) 18%, transparent);pointer-events:none;border-radius:9999px}.days-ago-range-slider__thumb:focus-visible{outline:none}.days-ago-range-slider__thumb:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bg-raised), 0 0 0 4px color-mix(in srgb, var(--accent-primary) 55%, transparent), 0 2px 8px color-mix(in srgb, var(--glyph-primary) 18%, transparent)}.days-ago-range-slider__thumb:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--bg-raised), 0 0 0 4px color-mix(in srgb, var(--accent-primary) 55%, transparent), 0 2px 8px color-mix(in srgb, var(--glyph-primary) 18%, transparent)}.days-ago-range-slider__scale{height:1.25rem;margin-top:.25rem;position:relative}.days-ago-range-slider__tick{color:var(--glyph-secondary);font-size:var(--text-portal-micro,.75rem);white-space:nowrap;line-height:1.2;position:absolute;top:0;transform:translate(-50%)}.days-ago-range-slider__tick:first-child{transform:translate(0)}.days-ago-range-slider__tick:last-child{transform:translate(-100%)}
