/* Styles of tool: Currency Symbols Keyboard */
.kb-ta{width:100%;min-height:110px;font-size:1.5rem;line-height:1.6;padding:14px 16px;margin-bottom:12px;border:1px solid var(--border-soft);border-radius:10px;background:#fff;transition:box-shadow .15s}
.kb-ta:focus{outline:none;box-shadow:0 0 0 3px var(--light)}
#kb-board{background:linear-gradient(180deg,var(--bg),#fff);border:1px solid var(--border-soft);border-radius:14px;padding:14px 12px;box-shadow:inset 0 1px 0 #fff,0 2px 10px rgba(0,0,0,.04)}
.kb-wrap{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-bottom:7px}
.kb-wrap:last-child{margin-bottom:0}
.tool-box .kb-k{min-width:46px;height:52px;padding:0 12px!important;font-size:1.25rem;font-weight:500;background:#fff!important;color:var(--text-strong)!important;border:1px solid var(--border-soft)!important;border-bottom:3px solid #d7deea!important;border-radius:9px!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;transition:transform .07s,background .12s,box-shadow .12s!important;cursor:pointer}
.tool-box .kb-k:hover{background:var(--light)!important;border-color:var(--mid)!important}
.tool-box .kb-k:active{transform:translateY(2px)!important;border-bottom-width:1px!important;box-shadow:none!important;background:var(--light)!important}
.tool-box .kb-k.wide{min-width:84px;font-size:.95rem;color:var(--muted)!important}
.tool-box .kb-k.space{min-width:220px;flex:1;max-width:420px}
.kb-shift-on .kb-k[data-sh]{color:var(--primary)!important}
@media(max-width:560px){.tool-box .kb-k{min-width:38px;height:46px;font-size:1.1rem;padding:0 8px!important}.tool-box .kb-k.space{min-width:140px}.kb-wrap{gap:5px}}