.container.svelte-1xnle5o{grid-column:1 / 4;height:min-content;width:100%;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;justify-items:center}@media screen and (orientation:landscape){.container.svelte-1xnle5o{padding:2rem 0;margin:0}}.full.svelte-1xnle5o{grid-column:1 / 4}.center.svelte-1xnle5o{grid-column:2 / 3}.scroll.svelte-1xnle5o{padding:0 1rem}.grid.svelte-1xnle5o{display:grid;grid-template-rows:min-content;grid-template-columns:min-content;grid-gap:.5rem;margin:0;padding:.5rem;border:1px solid var(--border-4);border-radius:40px 16px 16px;background:var(--bg-4);box-shadow:var(--box-shadow-4)}@media screen and (orientation:portrait){.grid.svelte-1xnle5o{grid-template-rows:min-content;grid-template-columns:100%;border-radius:0;border-left:none;border-right:none;width:100vw}}.banner.svelte-1xnle5o{grid-row:1 / 2;grid-column:1 / 2;padding-right:.5rem;width:100%;height:min-content;background:var(--bg-3);border:1px solid var(--border-4);border-radius:32px 12px 12px 32px;box-shadow:var(--inset-box-shadow-4);display:grid;grid-template-rows:4rem;grid-template-columns:4rem 1fr 4rem 4rem;grid-gap:4px;align-items:center;font-size:calc(10px + (14 - 10) * ((100vw - 300px) / (1600 - 300)))}.just-title.svelte-1xnle5o{grid-template-columns:1fr}.play-button-title.svelte-1xnle5o{grid-template-columns:4rem 1fr}.play-button.svelte-1xnle5o{grid-row:1 / 2;grid-column:1 / 2;margin:0 0 0 .5rem;width:48px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;transition:all .1s ease-in-out;cursor:pointer}.title-text.svelte-1xnle5o{grid-row:1 / 2;grid-column:2 / 3;justify-self:start;font-family:var(--subtitle-font);color:var(--text-color);line-height:1;font-size:calc(12px + (18 - 12) * ((100vw - 300px) / (1600 - 300)))}@media screen and (orientation:portrait){.title-text.svelte-1xnle5o{font-size:14px;line-height:1.5}}.only-title-text.svelte-1xnle5o{grid-row:1 / 2;grid-column:1 / 2;justify-self:center}.toggle-title.svelte-1xnle5o{justify-self:start;padding-left:24px;font-size:16px}.parallel-toggle.svelte-1xnle5o{padding:0 8px;grid-row:1 / 2;grid-column:1 / 2;justify-self:end;display:grid;grid-auto-flow:column;align-items:center;gap:8px}.toggle-text.svelte-1xnle5o{font-family:var(--music-font)}.sequencer.svelte-1xnle5o{grid-row:2 / 3;grid-column:1 / 2;margin:0;padding:6px;display:grid;grid-template-rows:min-content 1fr;grid-template-columns:min-content 1fr;background:var(--sequencer-bg);border:1px solid var(--border-4);border-radius:12px;gap:4px}.no-count.svelte-1xnle5o{grid-template-rows:1fr}.full-size-sequencer.svelte-1xnle5o{grid-template-rows:1fr;grid-template-columns:1fr}@media screen and (orientation:portrait){.sequencer.svelte-1xnle5o{overflow-x:scroll;width:100%}}.count.svelte-1xnle5o{grid-row:1 / 2;grid-column:1 / 2;height:100%;place-items:center;background:var(--bg-3);padding:0 1rem;border-radius:6px 0 0;width:100%;display:grid;justify-items:start;align-items:center;font-family:var(--text-font);font-size:calc(10px + (14 - 10) * ((100vw - 300px) / (1600 - 300)))}@media screen and (orientation:portrait){.count.svelte-1xnle5o{font-size:12px}}.timeline.svelte-1xnle5o{grid-row:1 / 2;grid-column:2 / 3;width:calc(var(--columns) * (var(--width) * 2));height:3rem;display:grid;grid-template-rows:1fr;grid-template-columns:repeat(var(--columns),1fr);grid-auto-flow:column;grid-gap:4px;place-items:stretch}@media screen and (orientation:portrait){.timeline.svelte-1xnle5o{width:calc(var(--columns) * (var(--width) * 2));height:2rem}}.beat.svelte-1xnle5o{width:100%;height:100%;background:var(--bg-3);font-family:var(--subtitle-font);color:var(--text-color);font-size:14px;line-height:1;display:grid;place-items:center}.beat.svelte-1xnle5o:last-child{border-radius:0 6px 0 0}.whole.svelte-1xnle5o{background:var(--bg-4);font-size:18px;font-weight:700}@media screen and (orientation:portrait){.beat.svelte-1xnle5o,.whole.svelte-1xnle5o{font-size:12px}}.tracks.svelte-1xnle5o{grid-row:2 / 3;grid-column:1 / 2;display:grid;grid-template-rows:repeat(var(--rows),1fr);grid-template-columns:min-content;grid-auto-flow:row;grid-gap:4px;white-space:nowrap}.tracks-no-count.svelte-1xnle5o{grid-row:1 / 2;grid-column:1 / 2}.track.svelte-1xnle5o{padding:0 1rem;width:100%;display:grid;justify-items:start;align-items:center;background:var(--bg-3);font-family:var(--text-font);font-size:calc(10px + (14 - 10) * ((100vw - 300px) / (1600 - 300)))}@media screen and (orientation:portrait){.track.svelte-1xnle5o{font-size:12px}}.track.svelte-1xnle5o:last-child{border-radius:0 0 0 6px}.track-no-count.svelte-1xnle5o:first-child{border-radius:6px 0 0}.augmented.svelte-1xnle5o{font-weight:700;background:#8f6d00;background:linear-gradient(0deg,#8f6d00,#fff100);background-size:100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.perfect.svelte-1xnle5o{font-weight:700;background:#790000;background:linear-gradient(0deg,#b30000,red);background-size:100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.major.svelte-1xnle5o{font-weight:700;color:orange;background:#783b00;background:linear-gradient(0deg,#c26100,#ffae00);background-size:100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.minor.svelte-1xnle5o{font-weight:700;color:#00f;background:#00315e;background:linear-gradient(0deg,#0061bd,#0085fa);background-size:100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.diminished.svelte-1xnle5o{font-weight:700;background:#4c00a8;background:linear-gradient(0deg,#6300db,#ad1eff);background-size:100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.note.svelte-1xnle5o{padding:0 1rem;width:100%;display:grid;justify-items:start;align-items:center;background:var(--bg-3);font-family:var(--text-font);font-size:calc(10px + (14 - 10) * ((100vw - 300px) / (1600 - 300)));font-size:12px}.note.svelte-1xnle5o:last-child{border-radius:0 6px 0 0}.sequence.svelte-1xnle5o{grid-row:2 / 3;grid-column:2 / 3;background:var(--sequencer-bg);display:grid;grid-template-rows:repeat(var(--rows),1fr);grid-template-columns:repeat(var(--columns),1fr);grid-gap:4px;place-items:stretch;width:calc(var(--columns) * (var(--width) * 2));height:calc(var(--rows) * 3rem)}.no-count-sequence.svelte-1xnle5o{grid-row:1 / 2}.full-size-sequence.svelte-1xnle5o{grid-row:1 / 2;grid-column:1 / 2;height:calc(var(--rows) * 2.25rem)}@media screen and (orientation:portrait){.sequence.svelte-1xnle5o{width:calc(var(--columns) * (var(--width) * 2));height:calc(var(--rows) * 3rem);height:calc(var(--rows) * 2rem)}}.sequence-no-count.svelte-1xnle5o{grid-row:1 / 2;grid-column:2 / 3}@media(orientation:portrait){.fit.svelte-1xnle5o{width:calc(100vw - 2rem)}.scroll.svelte-1xnle5o{margin:0 1rem}}.empty.svelte-1xnle5o{width:100%;height:100%;background-color:var(--sequencer-empty);color:var(--text-color);line-height:1;z-index:1;display:grid;place-items:center}.empty.svelte-1xnle5o:last-child{border-radius:0 0 6px}.playing-border.svelte-1xnle5o{border:1px solid hsl(0,0%,100%)}.playing-background.svelte-1xnle5o{background-color:var(--play-button-fill-playing)}