.box.svelte-15rx096{padding:8px;width:min-content;height:min-content;display:grid;place-items:center;grid-template-rows:1fr;grid-template-columns:1fr;gap:8px;background:var(--bg-4);border:1px solid var(--border-4);border-radius:12px}.small-large.svelte-15rx096{grid-template-rows:min-content 1fr}.large-small.svelte-15rx096{grid-template-rows:1fr min-content}.small-large-small.svelte-15rx096{grid-template-rows:1fr min-content;grid-template-columns:min-content 1fr}@media screen and (orientation:portrait){.box.svelte-15rx096{width:90vw}}.controls.svelte-15rx096{grid-row:1 / 2;padding:16px;width:100%;height:100%;display:grid;background:var(--bg-3);border:1px solid var(--border-3);border-radius:8px;align-items:center}@media screen and (orientation:portrait){.controls.svelte-15rx096{display:grid;padding:0}}.group.svelte-15rx096{display:grid;grid-auto-flow:row;gap:8px;width:100%;height:min-content;place-items:center}p.svelte-15rx096{line-height:1;font-family:Share Tech,sans-serif}.button.svelte-15rx096{outline:none;height:2rem;width:6rem;font-family:Share Tech,sans-serif;text-decoration:none;text-transform:capitalize;line-height:1;background:#333;border:1px solid #999;border-radius:6px;display:flex;align-items:center;justify-content:center}.active-button.svelte-15rx096{background:#999;border:1px solid #ccc}.root.svelte-15rx096{width:64px;height:32px;font-family:Share Tech,sans-serif;font-size:16px;line-height:1;color:#fff;background:var(--bg-1);border:1px solid var(--border-3);border-radius:6px;display:grid;place-items:center}.scroll-box.svelte-15rx096{width:100%;height:100%;display:grid;justify-items:center;background:var(--bg-1);border:1px solid var(--border-4);border-radius:8px;padding:0 24px}@media screen and (orientation:portrait){.scroll-box.svelte-15rx096{padding:0 8px;width:100%;height:min-content;overflow:auto;border-radius:12px}}.roots-container.svelte-15rx096{grid-row:2;padding:16px;width:768px;height:416px;display:grid;place-items:center;grid-template-rows:32px 48px 1fr;grid-template-columns:1fr;row-gap:12px}@media screen and (orientation:portrait){.roots-container.svelte-15rx096{padding:16px;width:512px;height:316px;grid-template-rows:32px 32px 1fr}}.info-grid.svelte-15rx096{grid-row:1 / 2;grid-column:1 / 2;width:100%;height:100%;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:1fr;z-index:1}.finger-grid.svelte-15rx096{grid-row:2 / 3;grid-column:1 / 2;width:100%;height:100%;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:1fr;z-index:1}.root-grid.svelte-15rx096{grid-row:3 / 4;grid-column:1 / 2;width:100%;height:100%;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(6,1fr);z-index:2}.finger.svelte-15rx096{font-size:18px;font-family:var(--subtitle-font);color:var(--text-color);width:100%;height:100%;z-index:1;text-align:center;display:flex;align-items:center;justify-content:center;border:1px solid white}@media screen and (orientation:portrait){.finger.svelte-15rx096{font-size:14px}}.disclaimer.svelte-15rx096{display:flex;color:gray;line-height:1.75;grid-row:1 / 2;font-size:16px;font-family:var(--subtitle-font);text-align:center;align-items:center;justify-content:center;color:#fff}@media screen and (orientation:portrait){.disclaimer.svelte-15rx096{font-size:12px}}.disclaimer-finger.svelte-15rx096{border:1px solid #aaa;width:min-content;padding:0 12px;justify-self:center;border-radius:4px;display:flex;grid-row:1 / 2;font-size:16px;font-family:var(--subtitle-font);text-align:center;align-items:center;justify-content:center;color:#fff}@media screen and (orientation:portrait){.disclaimer-finger.svelte-15rx096{padding:0 8px}}.disclaimer-1a.svelte-15rx096{grid-column:1 / 8;justify-self:end}.finger-1.svelte-15rx096{grid-column:8 / 9}.disclaimer-1b.svelte-15rx096{grid-column:9 / 16;justify-self:start}.disclaimer-2a.svelte-15rx096{grid-column:1 / 11;justify-self:end}.finger-2.svelte-15rx096{grid-column:11 / 12}.disclaimer-2b.svelte-15rx096{grid-column:12 / 16;justify-self:start}.disclaimer-3a.svelte-15rx096{grid-column:1 / 7;justify-self:end}.finger-3.svelte-15rx096{grid-column:7 / 8}.disclaimer-3b.svelte-15rx096{grid-column:8 / 16;justify-self:start}.disclaimer-4a.svelte-15rx096{grid-column:1 / 4;justify-self:end}.finger-4.svelte-15rx096{grid-column:4 / 5}.disclaimer-4b.svelte-15rx096{grid-column:5 / 16;justify-self:start}.root-button-box.svelte-15rx096{display:grid;place-items:center;margin:0;padding:2px;width:100%;height:100%}.root-button.svelte-15rx096{color:var(--text-color);font-size:16px;font-family:Share Tech,sans-serif;border-radius:8px;outline:none;display:grid;place-items:center;width:100%;height:100%}.major.svelte-15rx096{background:#ff782433;border:1px solid hsla(23,100%,57%,1)}.major.svelte-15rx096:hover{background:#ff782480}.active-major.svelte-15rx096,.active-major.svelte-15rx096:hover{background:#ff7824}.minor.svelte-15rx096{background:#245bff33;border:1px solid hsla(225,100%,57%,1)}.minor.svelte-15rx096:hover{background:#245bff80}.active-minor.svelte-15rx096,.active-minor.svelte-15rx096:hover{background:#245bff}.highlight.svelte-15rx096{display:block;margin:-.5rem;padding:0;border-radius:12px;z-index:2;grid-row:1 / 2;grid-column:1 / 9;will-change:transform}.highlight-1.svelte-15rx096{grid-column:1 / span 8}.highlight-2.svelte-15rx096{grid-column:2 /span 8}.highlight-3.svelte-15rx096{grid-column:3 /span 8}.highlight-4.svelte-15rx096{grid-column:4 /span 8}.highlight-5.svelte-15rx096{grid-column:5 / span 8}.highlight-6.svelte-15rx096{grid-column:6 / span 8}.highlight-7.svelte-15rx096{grid-column:7 / span 8}.hidden.svelte-15rx096{display:none}.keyboard.svelte-15rx096{height:min-content;display:grid}.wide-keyboard.svelte-15rx096{grid-column:1 / 3}