.box-container.svelte-gromvn{grid-column:1 / -1;width:100%;overflow:hidden;gap:1rem;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;grid-template-columns:minmax(1rem,1fr) minmax(1rem,80ch) minmax(1rem,1fr);justify-items:center}.interactive.svelte-gromvn{grid-row:1 / 2;grid-column:2 / 3;z-index:2;align-self:start;justify-self:start;background-color:var(--bg-4);padding:8px 12px;border-radius:0 0 8px 8px;transform:translateY(-48px);display:grid;align-content:center;grid-auto-flow:column;column-gap:8px}span.title.svelte-gromvn{font-family:var(--music-font);font-size:12px}span.tag.svelte-gromvn{padding:0 8px;border-radius:8px;font-family:var(--music-font);font-size:10px;display:grid;place-content:center;line-height:1;color:#000}span.tag.svelte-gromvn>p:where(.svelte-gromvn){margin-top:1px;font-weight:600}.midi.svelte-gromvn{background-color:#80ff80}.click.svelte-gromvn{background-color:#ff80ff}.audio.svelte-gromvn{background-color:#00d4ff}.video.svelte-gromvn{background-color:#ff0}.bg.svelte-gromvn{background-color:var(--bg-1)}.background.svelte-gromvn{background-color:var(--bg-0);background-color:#0d0f14;padding:48px 16px}.box.svelte-gromvn{grid-row:1 / 2;grid-column:1 / 4;z-index:1;display:grid;grid-auto-flow:column;grid-template-rows:1fr;grid-template-columns:1fr 1fr;place-items:center;background-color:none}@media screen and (orientation:landscape){.box.svelte-gromvn{padding:0 32px}}.padless.svelte-gromvn{padding:0}.box>p{grid-column:unset}.one.svelte-gromvn{grid-auto-flow:row;row-gap:1rem;grid-template-rows:1fr;grid-template-columns:1fr}.two-rows.svelte-gromvn{grid-auto-flow:row;row-gap:1rem;grid-template-rows:1fr 1fr;grid-template-columns:1fr}@media screen and (orientation:portrait){.two-rows.svelte-gromvn{grid-template-rows:repeat(8,min-content);grid-template-columns:1fr}}.two-columns.svelte-gromvn{grid-auto-flow:column;column-gap:4rem;grid-template-rows:1fr;grid-template-columns:max-content 1fr;justify-items:center;align-items:center}.two-columns>p{width:36ch}@media screen and (orientation:portrait){.two-columns.svelte-gromvn{grid-auto-flow:row;grid-template-columns:1fr;row-gap:16px}.two-columns>p{width:100%}}.two.svelte-gromvn{grid-template-rows:1fr;grid-template-columns:60ch max-content;column-gap:4rem}@media screen and (orientation:portrait){.two.svelte-gromvn{grid-template-rows:repeat(2,min-content);grid-template-columns:1fr}}.three.svelte-gromvn{grid-auto-flow:column;grid-template-rows:min-content 1fr;row-gap:1rem;column-gap:4rem;grid-template-columns:max-content max-content max-content}@media screen and (orientation:portrait){.three.svelte-gromvn{grid-template-rows:repeat(6,min-content);grid-template-columns:1fr;justify-items:center}}.two-by-two.svelte-gromvn{grid-template-rows:min-content 1fr;grid-template-columns:max-content max-content;row-gap:1rem;column-gap:1rem}@media screen and (orientation:portrait){.two-by-two.svelte-gromvn{grid-template-rows:repeat(8,min-content);grid-template-columns:1fr}}.two-by-one.svelte-gromvn{grid-auto-flow:column;grid-template-rows:min-content 1fr;grid-template-columns:60ch max-content;row-gap:1rem;column-gap:4rem;justify-self:center;grid-column:2 / 3;grid-row:2 / 3}@media screen and (orientation:portrait){.two-by-one.svelte-gromvn{padding:2rem 1rem;grid-auto-flow:row;grid-template-rows:repeat(3,min-content);grid-template-columns:1fr;gap:1rem}}.one-by-two.svelte-gromvn{grid-auto-flow:column;grid-template-rows:min-content 1fr;grid-template-columns:max-content 60ch;row-gap:1rem;column-gap:4rem;justify-items:start}@media screen and (orientation:portrait){.one-by-two.svelte-gromvn{padding:2rem 1rem;grid-auto-flow:row;grid-template-rows:repeat(3,min-content);grid-template-columns:1fr;gap:1rem}.one-by-two.svelte-gromvn:nth-child(1){grid-row:auto;grid-column:1 / 2}.one-by-two.svelte-gromvn:nth-child(2){grid-row:auto;grid-column:1 / 2}.one-by-two.svelte-gromvn:nth-child(3){grid-row:auto;grid-column:1 / 2;justify-self:center}}.full.svelte-gromvn{padding:0;grid-column:2 / 3;display:flex;justify-content:center;gap:1rem;width:100%}