.grid.svelte-1a0y6j6{display:grid;gap:8px;grid-template-columns:repeat(var(--cols, 4),minmax(50px,auto));justify-items:center}button.svelte-1a0y6j6{padding:4px;border-radius:16px;font-size:1rem;box-shadow:var(--shadow-med);width:100%;background-color:var(--soundsInactive);color:var(--inactiveText)}button.svelte-1a0y6j6:hover{transform:scale(1.1)}.active.svelte-1a0y6j6{background-color:var(--soundsActive);color:#000}@media(min-width:1024px){.grid.svelte-1a0y6j6{gap:8px}}