.note-buttons-grid.svelte-11xu61{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0 auto;display:flex}.note-buttons-grid.wrapped.svelte-11xu61{grid-template-columns:repeat(4,1fr);justify-items:center;width:fit-content;max-width:100%;margin:0 auto;display:grid}.note-btn.svelte-11xu61{appearance:none;border:1px solid var(--color-border-subtle);color:var(--color-text-primary);background:#ffffff0d;border-radius:12px;flex-shrink:0;width:3.8rem;height:3.8rem;margin:0;font-size:1.15rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a}.note-btn.svelte-11xu61:hover{background:#ffffff1f;transform:translateY(-3px)}.note-btn.flat-sharp.svelte-11xu61{background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-color:color-mix(in srgb, var(--color-accent) 30%, transparent);color:var(--color-accent-secondary)}.note-btn.flat-sharp.svelte-11xu61:hover{background:color-mix(in srgb, var(--color-accent) 24%, transparent)}.note-btn.correct.svelte-11xu61{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 20%, transparent);color:var(--color-success)}.note-btn.incorrect.svelte-11xu61{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 20%, transparent);color:var(--color-danger)}@media (width<=600px){.note-buttons-grid.svelte-11xu61,.note-buttons-grid.wrapped.svelte-11xu61{gap:.5rem}.note-btn.svelte-11xu61{border-radius:10px;width:4.4rem;height:4.4rem;font-size:1.05rem}.note-btn.flat-sharp.svelte-11xu61{font-size:.8rem}}