@import "tailwindcss";

@layer base {
  button, a, input, select { -webkit-tap-highlight-color: transparent; }
  button, [type="submit"] { cursor: pointer; }
}

.budget-progress { height: .55rem; appearance: none; border: 0; border-radius: 9999px; overflow: hidden; background: #e2e8f0; }
.budget-progress::-webkit-progress-bar { background: #e2e8f0; }
.budget-progress::-webkit-progress-value { border-radius: 9999px; background: #16a34a; }
.budget-progress.budget-amber::-webkit-progress-value { background: #d97706; }
.budget-progress.budget-red::-webkit-progress-value { background: #dc2626; }
.budget-progress::-moz-progress-bar { background: #16a34a; }
.budget-progress.budget-amber::-moz-progress-bar { background: #d97706; }
.budget-progress.budget-red::-moz-progress-bar { background: #dc2626; }