Co-authored-by: wolfoftyreso-debug <250630591+wolfoftyreso-debug@users.noreply.github.com>
This commit is contained in:
gpt-engineer-app[bot]
2026-07-11 10:30:16 +00:00
parent e8ff0e380d
commit 453fb972f0
+43
View File
@@ -175,4 +175,47 @@
.text-balance { .text-balance {
text-wrap: 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;
}
} }