.keypad-btn{height:3.5rem;user-select:none;font-size:1.5rem;line-height:2rem;font-weight:700}@media (min-width:640px){.keypad-btn{height:4rem;font-size:1.875rem;line-height:2.25rem}}.keypad-btn{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.1s;animation-timing-function:cubic-bezier(0,0,.2,1);-webkit-tap-highlight-color:transparent}.keypad-btn--active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}@media (hover:none){.keypad-btn:hover{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}}.keypad-btn:focus,.keypad-btn:focus-visible{outline:none;box-shadow:none}