.np.svelte-1ugjji2{grid-template-columns:repeat(var(--np-cols), minmax(0, 1fr));width:min(100%, max(16rem, calc((100dvh - 15rem) * .75 * var(--np-cols))));gap:.6rem;margin-inline:auto;display:grid}.np-key.svelte-1ugjji2{aspect-ratio:3/4;border:3px solid var(--learn-line);background:var(--learn-paper);min-width:0;min-height:5rem;color:var(--learn-ink);cursor:pointer;touch-action:manipulation;border-bottom-width:6px;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.6rem .25rem 1rem;transition:transform .15s,opacity .2s,border-color .2s;display:flex;position:relative;container-type:inline-size}.np-key.svelte-1ugjji2:active:not(:disabled){border-bottom-width:3px;transform:translateY(3px)}.np-disabled.svelte-1ugjji2{opacity:.35;cursor:default}.np-pic.svelte-1ugjji2{aspect-ratio:1;justify-content:center;align-items:center;width:52%;font-size:2rem;line-height:1;display:flex;overflow:hidden}.np-pic.svelte-1ugjji2 img:where(.svelte-1ugjji2){object-fit:contain;width:100%;height:100%}.np-num.svelte-1ugjji2{font-variant-numeric:tabular-nums;font-size:50cqw;font-weight:800;line-height:1}.np-pointed.svelte-1ugjji2{border-width:5px 5px 8px;border-color:#facc15;transform:translateY(-4px)scale(1.04);box-shadow:0 0 0 .35rem #facc1573}.np-quiet.svelte-1ugjji2{background:var(--learn-ink-soft);opacity:.55;border-radius:9999px;width:30%;height:.25rem;position:absolute;bottom:.35rem;left:35%}