From 453fb972f09fcc65b66a0294d4db227f717841fd Mon Sep 17 00:00:00 2001 From: "gpt-engineer-app[bot]" <159125892+gpt-engineer-app[bot]@users.noreply.github.com> Date: Sat, 11 Jul 2026 10:30:16 +0000 Subject: [PATCH] Changes Co-authored-by: wolfoftyreso-debug <250630591+wolfoftyreso-debug@users.noreply.github.com> --- src/index.css | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) diff --git a/src/index.css b/src/index.css index a5378bd..166ca4e 100644 --- a/src/index.css +++ b/src/index.css @@ -175,4 +175,47 @@ .text-balance { text-wrap: balance; } + + /* Calculator slider — minimal, exclusive */ + .calculator-slider { + -webkit-appearance: none; + appearance: none; + height: 4px; + background: hsl(var(--border)); + border-radius: 999px; + outline: none; + cursor: pointer; + transition: background 0.2s ease; + } + .calculator-slider:hover { + background: hsl(var(--muted)); + } + .calculator-slider::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 26px; + height: 26px; + border-radius: 50%; + background: hsl(var(--primary)); + border: 3px solid hsl(var(--card)); + box-shadow: 0 2px 10px hsl(var(--primary) / 0.35); + cursor: grab; + transition: transform 0.15s ease, box-shadow 0.15s ease; + } + .calculator-slider::-webkit-slider-thumb:hover { + transform: scale(1.1); + box-shadow: 0 4px 16px hsl(var(--primary) / 0.5); + } + .calculator-slider::-webkit-slider-thumb:active { + cursor: grabbing; + } + .calculator-slider::-moz-range-thumb { + width: 26px; + height: 26px; + border-radius: 50%; + background: hsl(var(--primary)); + border: 3px solid hsl(var(--card)); + box-shadow: 0 2px 10px hsl(var(--primary) / 0.35); + cursor: grab; + } }