.ml-family-char{background-color:var(--ml-primary);color:var(--ml-btn-text);border-radius:5px;padding:5px 9px;cursor:pointer;font-size:15px;font-weight:700;touch-action:manipulation}.ml-family-char:hover{background-color:var(--ml-primary-hover)}.ml-char-hint{font-size:8px;display:block;opacity:.7;margin-top:1px;font-weight:400}.ml-punct-btn{background-color:#8b5cf6}.ml-active{background-color:var(--ml-active);color:white}@media (max-width:480px){.ml-family-char{padding:5px 8px;font-size:14px}.ml-char-hint{display:none}}