.box.svelte-1m4fiw5{height:min-content;display:grid;column-gap:.25rem;align-items:center}@media screen and (orientation:portrait){.box.svelte-1m4fiw5{column-gap:.5rem}}.spacer.svelte-1m4fiw5{display:none}@media screen and (orientation:portrait){.spacer.svelte-1m4fiw5{display:block;width:1px;height:1px}}.info.svelte-1m4fiw5{grid-row:1 / 2;grid-column:1 / 3;grid-template-columns:1fr 1fr min-content}@media screen and (orientation:portrait){.info.svelte-1m4fiw5{grid-template-columns:min-content 1fr min-content;column-gap:.5rem}}.roots.svelte-1m4fiw5{grid-row:2 / 3;grid-column:1 / 3;grid-template-columns:min-content repeat(12,1fr);width:fit-content;max-width:100%}@media screen and (orientation:portrait){.roots.svelte-1m4fiw5{width:100%;overflow-x:scroll;grid-template-columns:min-content repeat(12,1fr) min-content;background-color:var(--bg-1);padding:.5rem;padding-left:0;border:1px solid var(--border-1);border-radius:8px;column-gap:.5rem}}@media screen and (max-width:1090px){.roots.svelte-1m4fiw5{width:100%;overflow-x:scroll;background-color:var(--bg-1);padding:.5rem;padding-left:0}}.qualities.svelte-1m4fiw5{grid-row:3 / 4;grid-column:1 / 3;grid-template-columns:min-content repeat(12,1fr)}@media screen and (orientation:portrait){.qualities.svelte-1m4fiw5{width:100%;overflow-x:scroll;background-color:var(--bg-1);padding:.5rem;border:1px solid var(--border-1);border-radius:8px;grid-template-columns:min-content repeat(12,1fr) min-content}}@media screen and (max-width:1090px){.qualities.svelte-1m4fiw5{width:100%;overflow-x:scroll;background-color:var(--bg-1);padding:.5rem;padding-left:0}}.keyboard.svelte-1m4fiw5{width:fit-content;max-width:100%}.category.svelte-1m4fiw5{margin:0 1rem;padding:0;width:4rem;height:2.5rem;line-height:1;display:grid;align-items:center;justify-items:end;font-size:16px;font-family:var(--music-font);align-self:center;justify-self:end}@media screen and (orientation:portrait){.category.svelte-1m4fiw5{position:sticky;left:0;background-color:#1a1a1a80;border-right:1px solid hsla(0,0%,30%,.5);margin:0;padding:0;padding-right:.5rem;padding-left:.5rem;height:calc(100% + 1rem);z-index:5;font-size:14px;width:4.5rem}}.title.svelte-1m4fiw5{margin:0;padding:0;font-size:32px;font-family:var(--title-font);color:var(--title-color);text-shadow:var(--title-shadow)}button.svelte-1m4fiw5{outline:none;border:none;transition:none;text-transform:none;font-family:var(--music-font);font-size:12px;margin:0;padding:0;min-width:4rem;height:4rem;background-color:var(--bg-3);border:1px solid var(--border-3);transition:all .25s ease;border-radius:6px}@media screen and (orientation:portrait){button.svelte-1m4fiw5{width:min-content;white-space:nowrap;padding:0 .5rem;background-color:var(--bg-2);border:1px solid var(--border-2)}}.top.svelte-1m4fiw5{border-radius:6px 6px 0 0}.tierd.svelte-1m4fiw5{white-space:normal;width:4rem;padding:0;font-size:11px}.bottom.svelte-1m4fiw5{border-radius:0 0 6px 6px}.half.svelte-1m4fiw5{height:2rem}.threes.svelte-1m4fiw5{height:2.5rem}.single.svelte-1m4fiw5,.double.svelte-1m4fiw5{margin:0;padding:0;display:flex;flex-direction:column}.reset.svelte-1m4fiw5{background-color:var(--bg-3);border:1px solid var(--border-3)}p.svelte-1m4fiw5{margin:0;padding:0 0 0 1rem;height:4rem;color:var(--text-color);font-family:var(--music-font);display:flex;align-items:center}.border.svelte-1m4fiw5{background:var(--bg-1);border:1px solid var(--border-1);color:var(--text-color);border-radius:8px;display:flex;align-items:center}.diminished.svelte-1m4fiw5{background:var(--dim-unselected);border:1px solid var(--dim-selected);z-index:1}.active.diminished.svelte-1m4fiw5{background:var(--dim-selected)}.minor.svelte-1m4fiw5{background:var(--min-unselected);border:1px solid var(--min-selected);z-index:1}.active.minor.svelte-1m4fiw5{background:var(--min-selected)}.perfect.svelte-1m4fiw5{background:var(--dom-unselected);border:1px solid var(--dom-selected);z-index:1}.active.perfect.svelte-1m4fiw5{background:var(--dom-selected)}.major.svelte-1m4fiw5{background:var(--maj-unselected);border:1px solid var(--maj-selected);z-index:1}.active.major.svelte-1m4fiw5{background:var(--maj-selected)}.augmented.svelte-1m4fiw5{background:var(--aug-unselected);border:1px solid var(--aug-selected);z-index:1}.active.augmented.svelte-1m4fiw5{background:var(--aug-selected)}.active.svelte-1m4fiw5{background:gray;color:#fff;z-index:2}.disabled.svelte-1m4fiw5{opacity:.25}