.library-container.svelte-181c6li{padding:12px;display:grid;grid-auto-flow:row;grid-auto-rows:min-content;align-items:center;justify-items:center;row-gap:16px;background-color:var(--bg-2);border:1px solid var(--border-2);border-radius:24px;grid-template-rows:min-content 1fr min-content;grid-template-columns:min-content min-content 1fr;gap:32px;height:100%}@media screen and (orientation:portrait){.library-container.svelte-181c6li{padding:0 8px;align-items:center;justify-items:stretch;height:100%;border:none;padding-top:calc(var(--vh, 1vh) * 10);background-color:var(--bg-2);row-gap:8px}}.entity-selector.svelte-181c6li{display:grid}.active-entity.svelte-181c6li{color:#000;background-color:#fff}.controls.svelte-181c6li{margin:0;padding:12px;display:grid;grid-template-columns:repeat(5,1fr);row-gap:8px;column-gap:24px;background-color:var(--bg-1);border:1px solid var(--border-1);border-radius:10px}@media screen and (orientation:portrait){.controls.svelte-181c6li{grid-template-rows:repeat(var(--portrait-rows),min-content);padding:0;border-radius:0;border:none}}.spacer.svelte-181c6li{display:none}@media screen and (orientation:portrait){.spacer.svelte-181c6li{display:block;width:1px;height:1px}}.info-box.svelte-181c6li{grid-row:1 / 2;grid-column:1 / -1;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-181c6li{column-gap:8px;row-gap:16px;grid-template-rows:repeat(2,min-content);grid-template-columns:1fr min-content}}.roots-box.svelte-181c6li{display:grid;width:fit-content;max-width:100%;grid-template-columns:repeat(3,1fr)}.roots-on-top.svelte-181c6li{grid-row:1 / 2}.qualities-box.svelte-181c6li{display:grid;width:fit-content;max-width:100%;grid-template-rows:min-content 1fr;grid-template-columns:1fr}.extensions-box.svelte-181c6li,.additions-box.svelte-181c6li,.alterations-box.svelte-181c6li,.positions-box.svelte-181c6li{display:grid;width:fit-content;max-width:100%}@media screen and (orientation:landscape){.roots-label.svelte-181c6li{grid-template-rows:repeat(2,min-content);grid-template-columns:min-content 1fr;column-gap:8px}.extensions-label.svelte-181c6li,.positions-label.svelte-181c6li{grid-template-rows:repeat(2,min-content);grid-template-columns:min-content 1fr;column-gap:8px;width:100%}.selectors.svelte-181c6li{grid-row:2/3;grid-column:1/3;display:grid;column-gap:4px;width:96px}.root-selector.svelte-181c6li{grid-template-columns:repeat(3,1fr);width:min-content;gap:8px}.extension-selector.svelte-181c6li,.addition-selector.svelte-181c6li{grid-template-columns:repeat(1,1fr)}.alteration-selector.svelte-181c6li{grid-template-columns:repeat(2,1fr)}.position-selector.svelte-181c6li{grid-template-columns:repeat(1,1fr)}}@media screen and (orientation:portrait){.roots-box.svelte-181c6li{width:100%;grid-template-columns:min-content 1fr;column-gap:8px}.extensions-box.svelte-181c6li,.positions-box.svelte-181c6li{grid-template-columns:min-content 1fr;column-gap:8px}.selectors.svelte-181c6li{grid-auto-flow:column;overflow-x:scroll;grid-column:1 / 3}.root-selector.svelte-181c6li{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}.extension-selector.svelte-181c6li{border:1px solid red;width:100%;height:min-content;overflow:scroll;display:grid;grid-template-rows:min-content;grid-template-columns:repeat(3,1fr);column-gap:8px;border:1px solid #222;border-radius:8px;padding:8px;background-color:#111}.position-selector.svelte-181c6li{border:1px solid red;width:100%;height:min-content;overflow:scroll;display:grid;grid-template-rows:min-content;grid-template-columns:repeat(4,1fr);column-gap:8px;border:1px solid #222;border-radius:8px;padding:8px;background-color:#111}}.line.svelte-181c6li{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-181c6li{width:100%}.extensions-box.svelte-181c6li{grid-row:4 / 5;grid-column:1 / 3;width:100%}.positions-box.svelte-181c6li{grid-row:5 / 6;grid-column:1 / 3;width:100%}}.category.svelte-181c6li{margin:0 1rem;padding:0;width:4rem;height:2.5rem;line-height:1;align-items:center;justify-items:end;font-size:16px;font-family:var(--music-font);align-self:center;justify-self:end;display:grid;grid-template-rows:1fr 1fr}.category-new.svelte-181c6li{display:grid;grid-template-rows:32px 32px;height:64px;align-self:start;font-size:10px;white-space:nowrap}.alt-label.svelte-181c6li{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-181c6li{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-181c6li{height:24px;width:min-content}}.title.svelte-181c6li{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-181c6li{grid-column:1 / 3;justify-self:center}}button.svelte-181c6li{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-181c6li{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-181c6li{height:4rem}}.top.svelte-181c6li{border-radius:6px 6px 0 0}.bottom.svelte-181c6li{border-radius:0 0 6px 6px}.half.svelte-181c6li{height:2rem}@media screen and (orientation:landscape){.half.svelte-181c6li{height:2rem}}.threes.svelte-181c6li{height:2rem}.single.svelte-181c6li,.double.svelte-181c6li{display:flex;flex-direction:column}.full.svelte-181c6li{width:100%}.reset.svelte-181c6li{background-color:var(--bg-3);border:1px solid var(--border-3)}p.svelte-181c6li{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-181c6li{background:var(--bg-1);border:1px solid var(--border-1);color:var(--text-color);border-radius:8px;display:flex;align-items:center}.diminished.svelte-181c6li{background:var(--dim-unselected);border:1px solid var(--dim-selected);z-index:1}.half-diminished.svelte-181c6li{background:var(--half-dim-unselected);border:1px solid var(--half-dim-selected);z-index:1}.minor.svelte-181c6li{background:var(--min-unselected);border:1px solid var(--min-selected);z-index:1}.dominant.svelte-181c6li{background:var(--dom-unselected);border:1px solid var(--dom-selected);z-index:1}.major.svelte-181c6li{background:var(--maj-unselected);border:1px solid var(--maj-selected);z-index:1}.augmented.svelte-181c6li{background:var(--aug-unselected);border:1px solid var(--aug-selected);z-index:1}.active.svelte-181c6li{background:gray;color:#fff;z-index:2}.active.diminished.svelte-181c6li{background:var(--dim-selected)}.active.half-diminished.svelte-181c6li{background:var(--half-dim-selected)}.active.minor.svelte-181c6li{background:var(--min-selected)}.active.dominant.svelte-181c6li{background:var(--dom-selected)}.active.major.svelte-181c6li{background:var(--maj-selected)}.active.augmented.svelte-181c6li{background:var(--aug-selected)}.disabled.svelte-181c6li{opacity:.5}.hide.svelte-181c6li{display:none}.keyboard-box.svelte-181c6li{grid-column:1 / -1}.entity-name.svelte-181c6li{width:512px;height:48px}.container.svelte-pqf1yp{width:100%;height:100%;min-height:0;min-width:0;display:grid;place-items:center}