.typing-keyboard-panel[data-v-38462dfc]{background:#fffc;border:1px solid #e8daf9;border-radius:24px;box-sizing:border-box;margin:0 0 25px;padding:22px;width:100%}.typing-keyboard-panel .typing-keyboard[data-v-38462dfc]{display:grid;gap:6px;isolation:isolate;margin:0 auto 18px;max-width:1050px;position:relative;width:100%}.typing-keyboard-panel .typing-keyboard[data-v-38462dfc] .typing-hand-guide{height:auto;left:50%;margin:0;opacity:.48;pointer-events:none;position:absolute;top:90px;transform:translate(-50%);width:min(52%,480px);z-index:2}.typing-keyboard-panel .typing-key-row[data-v-38462dfc]{display:flex;gap:6px;justify-content:center}.typing-keyboard-panel .typing-key[data-v-38462dfc]{align-items:center;border:1px solid #00000012;border-radius:8px;box-shadow:0 3px #00000013;color:#493253;display:flex;flex:1;font-size:12px;font-weight:700;height:43px;justify-content:center;min-width:0;position:relative}.typing-keyboard-panel .typing-key.wide[data-v-38462dfc]{flex:1.6;font-size:10px}.typing-keyboard-panel .typing-key.space[data-v-38462dfc]{flex:none;width:48%}.typing-keyboard-panel .typing-key.home>i[data-v-38462dfc]{background:currentColor;border-radius:2px;bottom:7px;height:2px;position:absolute;width:12px}.typing-keyboard-panel .typing-key.expected[data-v-38462dfc]{box-shadow:0 4px #c5a4ec;color:#4d0c9c;outline:3px solid #7824da;outline-offset:0;z-index:1}.typing-keyboard-panel .typing-key.pressed[data-v-38462dfc]{background:#6827c4!important;box-shadow:0 1px #50208b;color:#fff;transform:translateY(2px)}.typing-keyboard-panel .finger-0[data-v-38462dfc]{background:#ffdfeb}.typing-keyboard-panel .finger-1[data-v-38462dfc]{background:#ffe6d1}.typing-keyboard-panel .finger-2[data-v-38462dfc]{background:#fff1c7}.typing-keyboard-panel .finger-3[data-v-38462dfc]{background:#ddf3dc}.typing-keyboard-panel .finger-4[data-v-38462dfc]{background:#d8f3f5}.typing-keyboard-panel .finger-5[data-v-38462dfc]{background:#dce8ff}.typing-keyboard-panel .finger-6[data-v-38462dfc]{background:#e8deff}.typing-keyboard-panel .finger-7[data-v-38462dfc]{background:#f4dbfa}.typing-keyboard-panel .finger-8[data-v-38462dfc]{background:#ede8f5}.typing-keyboard-panel .typing-finger-guide[data-v-38462dfc]{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:12px}.typing-keyboard-panel .typing-finger-guide>div[data-v-38462dfc]{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.typing-keyboard-panel .typing-finger-guide strong[data-v-38462dfc]{font-size:11px;margin-right:3px}.typing-keyboard-panel .typing-finger-guide span[data-v-38462dfc]{border-radius:7px;color:#563958;font-size:10px;padding:5px 8px}.typing-keyboard-panel>.school-caption[data-v-38462dfc]{color:#786d86;font-size:11px;margin:0}.typing-keyboard-panel.typing-keyboard-compact[data-v-38462dfc]{background:transparent;border:0;border-radius:0;justify-self:stretch;margin:0;padding:22px 18px 12px}.typing-keyboard-panel.typing-keyboard-compact .typing-keyboard[data-v-38462dfc]{gap:6px;margin-bottom:6px;max-width:900px}.typing-keyboard-panel.typing-keyboard-compact .typing-key-row[data-v-38462dfc]{gap:7px}.typing-keyboard-panel.typing-keyboard-compact .typing-key[data-v-38462dfc]{background:#fff;border:1px solid #dcd8ed;border-radius:11px;box-shadow:0 3px #e8e4f2;color:#253457;font-size:18px;font-weight:600;height:46px}.typing-keyboard-panel.typing-keyboard-compact .typing-key.wide[data-v-38462dfc]{font-size:12px}.typing-keyboard-panel.typing-keyboard-compact .typing-key.home[data-v-38462dfc]{background:#fff;color:#253457}.typing-keyboard-panel.typing-keyboard-compact .typing-key.home>i[data-v-38462dfc]{background:#a49bb4;bottom:9px;height:2px;width:13px}.typing-keyboard-panel.typing-keyboard-compact .typing-key.expected[data-v-38462dfc]{background:#cdb5ff;border-color:#b996ff;box-shadow:0 3px #b9a2e8;color:#5220b4;outline:0;z-index:1}.typing-keyboard-panel.typing-keyboard-compact .typing-key.pressed[data-v-38462dfc]{background:#7628db!important;box-shadow:0 1px #50208b;color:#fff;transform:translateY(2px)}.typing-keyboard-panel.typing-keyboard-compact .typing-finger-guide[data-v-38462dfc],.typing-keyboard-panel.typing-keyboard-compact>.school-caption[data-v-38462dfc]{display:none}@media(max-width:1200px){.typing-keyboard-panel[data-v-38462dfc]{padding:16px}.typing-keyboard-panel .typing-key-row[data-v-38462dfc]{gap:4px}.typing-keyboard-panel .typing-key[data-v-38462dfc]{font-size:11px;height:38px}.typing-keyboard-panel .typing-key.wide[data-v-38462dfc]{font-size:9px}}@media(max-width:760px){.typing-keyboard-panel[data-v-38462dfc]{padding:10px}.typing-keyboard-panel .typing-key-row[data-v-38462dfc]{gap:3px}.typing-keyboard-panel .typing-key[data-v-38462dfc]{border-radius:5px;font-size:9px;height:30px}.typing-keyboard-panel .typing-key.wide[data-v-38462dfc]{font-size:7px}.typing-keyboard-panel .typing-keyboard[data-v-38462dfc]{gap:5px}.typing-keyboard-panel .typing-finger-guide[data-v-38462dfc]{justify-content:flex-start}.typing-keyboard-panel .typing-key.home>i[data-v-38462dfc]{bottom:4px;width:7px}.typing-keyboard-panel .typing-key.expected[data-v-38462dfc]{outline-width:2px}.typing-keyboard-panel .typing-finger-guide span[data-v-38462dfc]{font-size:9px;padding:4px 5px}}@media(max-width:1200px){.typing-keyboard-panel .typing-keyboard[data-v-38462dfc] .typing-hand-guide{top:80px}}@media(max-width:900px){.typing-keyboard-panel.typing-keyboard-compact .typing-key[data-v-38462dfc]{height:48px}.typing-keyboard-panel.typing-keyboard-compact .typing-keyboard[data-v-38462dfc] .typing-hand-guide{top:104px}}@media(max-width:600px){.typing-keyboard-panel.typing-keyboard-compact[data-v-38462dfc]{padding:14px 0 5px}.typing-keyboard-panel.typing-keyboard-compact .typing-keyboard[data-v-38462dfc]{gap:6px}.typing-keyboard-panel.typing-keyboard-compact .typing-key-row[data-v-38462dfc]{gap:3px}.typing-keyboard-panel.typing-keyboard-compact .typing-key[data-v-38462dfc]{border-radius:7px;font-size:13px;height:38px}.typing-keyboard-panel.typing-keyboard-compact .typing-key.wide[data-v-38462dfc]{font-size:8px}.typing-keyboard-panel.typing-keyboard-compact .typing-keyboard[data-v-38462dfc] .typing-hand-guide{top:82px;width:min(92%,360px)}.typing-keyboard-panel.typing-keyboard-compact .typing-key.home>i[data-v-38462dfc]{bottom:6px;width:8px}.typing-keyboard-panel.typing-keyboard-compact .typing-key.expected[data-v-38462dfc]{box-shadow:0 2px #b9a2e8}}@media(max-width:380px){.typing-keyboard-panel.typing-keyboard-compact .typing-keyboard[data-v-38462dfc] .typing-hand-guide{top:70px}}@media(max-width:380px){.typing-keyboard-panel.typing-keyboard-compact .typing-key[data-v-38462dfc]{font-size:11px;height:32px}.typing-keyboard-panel.typing-keyboard-compact .typing-key.wide[data-v-38462dfc]{font-size:7px}}