.number-pad[data-v-7f29d940]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacer-sm);gap:var(--spacer-sm)}.pad-button[data-v-7f29d940]{align-items:center;aspect-ratio:1.618;background:var(--background);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);color:var(--color);cursor:pointer;font-size:2rem;font-weight:var(--font-weight-bold);height:auto;justify-content:center;padding:0;text-align:center;transition:all var(--speed)}.pad-button[data-v-7f29d940]:is(:hover,:active,:focus,.active){background:var(--gray-z-1);border-color:var(--border-color-highlight)}.pad-button.clear[data-v-7f29d940]{background:color-mix(in srgb,var(--error) 10%,var(--background));border-color:color-mix(in srgb,var(--error) 20%,var(--border-color));color:var(--error)}.pad-button.clear[data-v-7f29d940]:is(:hover,:active,:focus,.active){background:color-mix(in srgb,var(--error) 20%,var(--background));border-color:var(--error)}.pad-button.backspace[data-v-7f29d940]{background:var(--gray-z-1);border-color:var(--border-color)}.pad-button.backspace[data-v-7f29d940]:is(:hover,:active,:focus,.active){background:var(--gray-z-2);border-color:var(--border-color-highlight)}