.info-box.svelte-1p88j32{grid-row:1 / 2;grid-column:1 / 3;display:grid;grid-auto-flow:column;grid-template-columns:min-content 1fr min-content;column-gap:24px;row-gap:8px}@media screen and (orientation:portrait){.info-box.svelte-1p88j32{column-gap:8px;row-gap:16px;grid-template-rows:repeat(2,min-content);grid-template-columns:1fr min-content}}.roots-box.svelte-1p88j32{grid-row:2 / 3;grid-column:1 / 3;display:grid;width:fit-content;max-width:100%}.roots-on-top.svelte-1p88j32{grid-row:1 / 2}.qualities-box.svelte-1p88j32{grid-row:3 / 4;grid-column:1 / 3;display:grid;width:fit-content;max-width:100%}@media screen and (orientation:landscape){.roots-label.svelte-1p88j32{grid-template-rows:repeat(2,min-content);grid-template-columns:min-content 1fr;column-gap:8px}.qualities-label.svelte-1p88j32{grid-template-rows:repeat(2,min-content);grid-template-columns:min-content 1fr;column-gap:8px;width:100%}.selectors.svelte-1p88j32{grid-row:2/3;grid-column:1/3;display:grid;column-gap:4px}.root-selector.svelte-1p88j32{grid-template-columns:repeat(12,1fr);width:min-content}.quality-selector.svelte-1p88j32{grid-template-columns:repeat(7,1fr);width:100%}}@media screen and (orientation:portrait){.roots-box.svelte-1p88j32{width:100%;grid-template-columns:min-content 1fr;column-gap:8px}.qualities-box.svelte-1p88j32{grid-template-columns:min-content 1fr;column-gap:8px}.selectors.svelte-1p88j32{grid-auto-flow:column;overflow-x:scroll;grid-column:1 / 3}.root-selector.svelte-1p88j32{border:1px solid red;grid-column:1 / 3;width:100%;height:min-content;overflow:scroll;display:grid;grid-template-rows:min-content;grid-template-columns:repeat(12,1fr);column-gap:8px;border:1px solid #222;border-radius:8px;padding:8px;background-color:#111}.quality-selector.svelte-1p88j32{border:1px solid red;width:100%;height:min-content;overflow:scroll;display:grid;grid-template-rows:min-content;grid-template-columns:repeat(5,1fr);column-gap:8px;border:1px solid #222;border-radius:8px;padding:8px;background-color:#111}}.line.svelte-1p88j32{grid-row:1/2;grid-column:2/3;width:100%;height:2px;background-color:#333;align-self:center;border-radius:4px}@media screen and (max-width:1090px){.roots-box.svelte-1p88j32,.qualities-box.svelte-1p88j32{width:100%}}.category.svelte-1p88j32{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}.alt-label.svelte-1p88j32{line-height:1;display:grid;align-items:center;justify-items:start;grid-auto-flow:column;column-gap:6px;font-size:12px;font-family:var(--music-font);align-self:center;justify-self:start;width:min-content;height:32px;white-space:nowrap;margin:0;padding:0;color:var(--text-color);font-weight:500}span.svelte-1p88j32{border:1px solid var(--border-4);background-color:var(--bg-3);width:16px;height:16px;display:grid;place-items:center;border-radius:16px;font-size:10px}@media screen and (orientation:portrait){.category.svelte-1p88j32{height:24px;width:min-content}}.title.svelte-1p88j32{margin:0;padding:0;font-size:32px;font-family:var(--title-font);color:var(--title-color);text-shadow:var(--title-shadow);white-space:nowrap}@media screen and (orientation:portrait){.title.svelte-1p88j32{grid-column:1 / 3;justify-self:center}}button.svelte-1p88j32{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-2);border:1px solid var(--border-3);transition:all .25s ease;border-radius:6px}@media screen and (orientation:portrait){button.svelte-1p88j32{width:min-content;white-space:nowrap;padding:0 .5rem;background-color:var(--bg-2);border:1px solid var(--border-2)}}@media screen and (orientation:landscape){button.svelte-1p88j32{height:4rem}}.top.svelte-1p88j32{border-radius:6px 6px 0 0}.bottom.svelte-1p88j32{border-radius:0 0 6px 6px}.half.svelte-1p88j32{height:2rem}@media screen and (orientation:landscape){.half.svelte-1p88j32{height:2rem}}.threes.svelte-1p88j32{height:2rem}.single.svelte-1p88j32,.double.svelte-1p88j32{display:flex;flex-direction:column}.reset.svelte-1p88j32{background-color:var(--bg-3);border:1px solid var(--border-3)}p.svelte-1p88j32{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-1p88j32{background:var(--bg-1);border:1px solid var(--border-1);color:var(--text-color);border-radius:8px;display:flex;align-items:center}.locrian.svelte-1p88j32{background:var(--dim-unselected);border:1px solid var(--dim-selected);z-index:1}.phrygian.svelte-1p88j32{background:var(--half-dim-unselected);border:1px solid var(--half-dim-selected);z-index:1}.minor.svelte-1p88j32,.dorian.svelte-1p88j32{background:var(--min-unselected);border:1px solid var(--min-selected);z-index:1}.mixolydian.svelte-1p88j32{background:var(--dom-unselected);border:1px solid var(--dom-selected);z-index:1}.major.svelte-1p88j32{background:var(--maj-unselected);border:1px solid var(--maj-selected);z-index:1}.lydian.svelte-1p88j32{background:var(--aug-unselected);border:1px solid var(--aug-selected);z-index:1}.active.svelte-1p88j32{background:gray;color:#fff;z-index:2}.active.locrian.svelte-1p88j32{background:var(--dim-selected)}.active.phrygian.svelte-1p88j32{background:var(--half-dim-selected)}.active.minor.svelte-1p88j32,.active.dorian.svelte-1p88j32{background:var(--min-selected)}.active.mixolydian.svelte-1p88j32{background:var(--dom-selected)}.active.major.svelte-1p88j32{background:var(--maj-selected)}.active.lydian.svelte-1p88j32{background:var(--aug-selected)}.disabled.svelte-1p88j32{opacity:.5}.hide.svelte-1p88j32{display:none}