.root.svelte-nwqh3q{height:100%;font-family:Inter;font-weight:700;display:grid;grid-template-rows:auto 1fr;place-items:center;font-size:1.5rem}.lastPressed.svelte-nwqh3q{padding:1rem;text-align:center}.keyboard.svelte-nwqh3q{background-color:#f6f6f6;padding:44px 40px;border-radius:40px}.row.svelte-nwqh3q{display:flex;gap:.75rem}.row.svelte-nwqh3q:not(:last-child){margin-bottom:.75rem}.key.svelte-nwqh3q{color:#60c1b6;background-color:#fff;height:4rem;min-width:4rem;box-shadow:0 1px 8px #0000000d;border-radius:16px;display:grid;place-items:center;padding:18px 24px}.key.pressed.svelte-nwqh3q{border:2px solid #868888}.key.svelte-nwqh3q:hover{background-color:#ffd200;color:#000}[data-key=DEL].svelte-nwqh3q,[data-key=TAB].svelte-nwqh3q,[data-key=CAPS].svelte-nwqh3q,[data-key=ENTER].svelte-nwqh3q,[data-key=SHIFT].svelte-nwqh3q{color:#868888;flex:auto}.jiggle.svelte-nwqh3q{animation:svelte-nwqh3q-jiggle 1s;animation-iteration-count:infinite;background:#60c1b6;color:#fff}@media (prefers-reduced-motion: reduce){.jiggle.svelte-nwqh3q{animation:none}}@keyframes svelte-nwqh3q-jiggle{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}