.alphabet-grid[data-v-f23c93e5]{flex-wrap:wrap;gap:.5rem;display:flex}.alphabet-character[data-v-f23c93e5]{border:2px solid gray;border-radius:4px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.5rem;font-weight:600;display:flex}.alphabet-character[data-v-f23c93e5]:not(.active,.disabled):hover{border-color:var(--primary);color:var(--primary)}.alphabet-character.active[data-v-f23c93e5]{background-color:var(--primary);border-color:var(--primary);color:#fff}.alphabet-character.disabled[data-v-f23c93e5]{color:#b2b2b2;border-color:#dfdfdf}