.happiness-slider{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%}.happiness-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--face,var(--accent))var(--fill),var(--surface)var(--fill));border:4px solid #000;border-width:2px 4px 4px 2px;border-radius:999px;height:14px}.happiness-slider::-moz-range-track{background:linear-gradient(to right,var(--face,var(--accent))var(--fill),var(--surface)var(--fill));border:4px solid #000;border-width:2px 4px 4px 2px;border-radius:999px;height:14px}.happiness-slider[data-answered=false]::-webkit-slider-runnable-track{background:var(--surface);border-color:var(--ink-3)}.happiness-slider[data-answered=false]::-moz-range-track{background:var(--surface);border-color:var(--ink-3)}.happiness-slider::-webkit-slider-thumb{appearance:none;background:var(--bg);border:3px solid #000;border-radius:999px;width:26px;height:26px;margin-top:-8px}.happiness-slider::-moz-range-thumb{background:var(--bg);border:3px solid #000;border-radius:999px;width:26px;height:26px}.happiness-slider[data-answered=false]::-webkit-slider-thumb{border-color:var(--ink-3)}.happiness-slider[data-answered=false]::-moz-range-thumb{border-color:var(--ink-3)}.happiness-slider:active::-webkit-slider-thumb{background:var(--accent-soft)}.happiness-slider:active::-moz-range-thumb{background:var(--accent-soft)}