.keyboard-typing-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.keyboard-typing-demo{justify-content:center;align-items:center;display:flex}.keyboard-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:420px;padding:24px;display:flex}.keyboard-home-link{color:inherit;width:100%;text-decoration:none;display:block}.typing-display{justify-content:center;align-items:center;width:100%;min-height:80px;margin-bottom:48px;padding:24px 16px;display:flex}.typed-text{letter-spacing:.01em;color:#1a1a1a;font-size:1.4rem;font-weight:400}.text-caret{vertical-align:text-bottom;background:#1a1a1a;width:2px;height:1.4em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.keyboard{width:100%;padding:8px 0;transition:opacity .4s ease-out}.keyboard--faded .keyboard-key{border-color:#0000}.keyboard--faded .keyboard-key--replay{border-color:#0000001a}.keyboard-row{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.keyboard-row:last-child{margin-bottom:0}.keyboard-key{color:#0000;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000001a;border-radius:5px;justify-content:center;align-items:center;width:28px;height:36px;font-size:15px;font-weight:500;transition:all .15s ease-out;display:flex}.keyboard-key--active{color:#fff;background:#636262;border-color:#636262}.keyboard-key--fading{color:#0000;background:0 0;border-color:#0000001a;transition:all .4s ease-out}.keyboard-key--space{width:140px}.keyboard-key--replay{color:#fff;background:#636262;border-color:#636262;animation:1.5s ease-in-out infinite pulse}.keyboard-key--replay:hover{background:#4a4a4a;border-color:#4a4a4a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media screen and (max-width:480px){.keyboard-typing-page{padding:16px}.keyboard-container{max-width:100%;padding:16px}.typing-display{min-height:60px;margin-bottom:32px;padding:16px 12px}.typed-text{font-size:1.2rem}.keyboard-key{width:24px;height:32px;font-size:14px}.keyboard-key--space{width:100px}}