.keyboard-guide[data-kb-theme],.lesson-bottom-panel .keyboard-guide[data-kb-theme],.touch-keyboard[data-kb-theme],.growth-sw[data-kb-theme]{border-color:var(--kgp-line);background-color:var(--kgp-bg);background-image:linear-gradient(135deg, #fff3, transparent 45%, #0000000b), var(--kgp-texture);background-size:100% 100%, var(--kgp-texture-size);box-shadow:inset 0 1px 1px #ffffff80, inset 0 -3px 0 var(--kgp-edge), 0 8px 22px #10211f17}.keyboard-guide[data-kb-theme]:after{background:linear-gradient(150deg,#ffffff1a,#0000 35% 75%,#0000000b);border:1px solid #ffffff3b;border-radius:5px;display:block;top:3px;bottom:3px;left:3px;right:3px}.keyboard-guide[data-kb-theme] .keyboard-guide__keyboard,.lesson-bottom-panel .keyboard-guide[data-kb-theme] .keyboard-guide__keyboard{opacity:1}.keyboard-guide[data-kb-theme] .keyboard-guide__keyboard svg text{fill:var(--kgp-ink);font-weight:500}.keyboard-material__grain{pointer-events:none}.keyboard-guide[data-kb-theme] .keyboard-guide__key-plate{fill:var(--kgp-hl);stroke:var(--kgp-key-top);stroke-width:1.2px;filter:drop-shadow(0 2px 2px #0003)}.keyboard-guide[data-kb-theme] .keyboard-guide__key-glint{fill:var(--kgp-key-top);filter:none}.keyboard-guide[data-kb-theme] .keyboard-guide__key-label{fill:var(--kgp-hl-ink);stroke:#0000;filter:none}.keyboard-guide[data-kb-theme] .keyboard-guide__key-wave{stroke:var(--kgp-hl);filter:none}.keyboard-guide[data-kb-theme] .keyboard-guide__shift-plate{fill:var(--kgp-hl);fill-opacity:.24;stroke:var(--kgp-hl)}.keyboard-guide[data-kb-theme=kb-night]{box-shadow:inset 0 1px 1px #d6ecf329,inset 0 -3px #10181c,0 8px 22px #0003}.keyboard-guide[data-kb-theme=kb-glaze]:after{background:linear-gradient(125deg,#ffffff57,#0000 32% 52%,#ffffff24 62%,#0000 70%)}.growth-sw.is-keyboard:not(.is-mini){border:1px solid var(--kgp-line,#4d5465);height:108px}.growth-sw.is-keyboard .growth-kb{z-index:1;gap:3px;padding:10px 8px 19px;position:relative}.growth-sw.is-keyboard .growth-kb div{gap:3px}.growth-sw.is-keyboard .growth-kb i{border:.5px solid var(--kgp-line,#4d5465);background-color:var(--kgp-key,#3b4252);background-image:linear-gradient(180deg, var(--kgp-key-top,#495161), var(--kgp-key,#3b4252) 30% 70%, var(--kgp-key-bottom,#303746));width:min(8%,19px);height:15px;box-shadow:0 1.8px 0 var(--kgp-edge,#1b202b), inset 0 .7px 0 #ffffff80;color:var(--kgp-ink,#bec6d5);border-radius:3px;place-items:center;font:500 7px/1 Arial,sans-serif;display:grid}.growth-sw.is-keyboard .growth-kb i[data-highlight=true]{background:var(--kgp-hl,#9affee);color:var(--kgp-hl-ink,#173932)}.growth-sw__finish{color:var(--kgp-ink,#bec6d5);letter-spacing:.07em;opacity:.8;font-size:9px;font-weight:600;position:absolute;bottom:6px;right:8px}.growth-sw.is-keyboard.is-mini .growth-kb{gap:1px;padding:3px}.growth-sw.is-keyboard.is-mini .growth-kb div{gap:1px}.growth-sw.is-keyboard.is-mini .growth-kb i{width:4px;height:4px;box-shadow:0 1px 0 var(--kgp-edge,#1b202b);border:0;border-radius:1px}.growth-kb-preview .keyboard-guide__hand{opacity:.28}.touch-keyboard[data-kb-theme]{border:1px solid var(--kgp-line);border-radius:10px;padding:12px 8px 16px}.touch-keyboard[data-kb-theme] .touch-keyboard__key{border-color:var(--kgp-line);background-color:var(--kgp-key);background-image:linear-gradient(180deg, color-mix(in srgb, var(--kgp-key-top) 90%, transparent), color-mix(in srgb, var(--kgp-key) 80%, transparent) 25% 75%, color-mix(in srgb, var(--kgp-key-bottom) 85%, transparent)), var(--kgp-texture);background-size:100% 100%, var(--kgp-texture-size);color:var(--kgp-ink);box-shadow:0 2.5px 0 var(--kgp-edge), inset 0 1px 0 #fff6}.touch-keyboard[data-kb-theme] .touch-keyboard__key.is-next,.touch-keyboard[data-kb-theme] .touch-keyboard__key.is-active,.touch-keyboard[data-kb-theme] .touch-keyboard__key:active{border-color:var(--kgp-hl);background:var(--kgp-hl);color:var(--kgp-hl-ink);box-shadow:0 1px 0 var(--kgp-edge)}