.preset-piano-key.svelte-1dba7cx{border:solid var(--virtual-keys-border,#2b3138) .5px;text-align:center;touch-action:none;flex-direction:column;flex:1 0 0;align-items:center;width:100%;height:100%;padding-right:2px;display:flex;position:relative}.preset-piano-key.svelte-1dba7cx.white{background:var(--piano-white-fill-default,#c1c7cf);border-radius:4px;box-shadow:inset 0 -2px #00000059}.preset-piano-key.svelte-1dba7cx.white:hover:not(.active){background:var(--piano-white-fill-hover,#eaecef)}.preset-piano-key.svelte-1dba7cx.white .note-name:where(.svelte-1dba7cx){color:var(--piano-white-print-default,#607084)}.preset-piano-key.svelte-1dba7cx.white .shortcut:where(.svelte-1dba7cx){border:1px solid var(--color-gray-110,#9aa3b0);color:var(--color-gray-30,#1f2227)}.preset-piano-key.svelte-1dba7cx.black{background:var(--piano-black-fill-default,#1f2227);border-radius:0 0 4px 4px;box-shadow:inset 0 -2px #000000bf}.preset-piano-key.svelte-1dba7cx.black:hover:not(.active){background:var(--piano-black-fill-hover,#38404b)}.preset-piano-key.svelte-1dba7cx.black .note-name:where(.svelte-1dba7cx){color:var(--piano-black-print-hover,#9aa3b0)}.preset-piano-key.svelte-1dba7cx.black .shortcut:where(.svelte-1dba7cx){border:1px solid var(--color-gray-40,#2b3138);color:var(--color-gray-130,#c1c7cf)}.preset-piano-key.svelte-1dba7cx.active{background:var(--piano-fill-active,#f1bf50);box-shadow:inset 0 -2px #00000059}.preset-piano-key.svelte-1dba7cx.active .note-name:where(.svelte-1dba7cx){color:var(--piano-print-active,#0f1113)}.preset-piano-key.svelte-1dba7cx.active .shortcut:where(.svelte-1dba7cx){border:1px solid var(--color-gray-150,#eaecef);background:var(--color-gray-150,#eaecef);color:var(--piano-shortcut-print-active,#0f1113)}.preset-piano-key.svelte-1dba7cx .note-name:where(.svelte-1dba7cx),.preset-piano-key.svelte-1dba7cx .shortcut:where(.svelte-1dba7cx){pointer-events:none;position:absolute}.preset-piano-key.svelte-1dba7cx .note-name:where(.svelte-1dba7cx){align-items:center;height:24px;display:flex;bottom:34px}.preset-piano-key.svelte-1dba7cx .shortcut:where(.svelte-1dba7cx){border-radius:4px;justify-content:center;align-items:center;width:24px;height:18px;display:flex;bottom:16px}.preset-piano.svelte-1vv76gz{--min-white-key-width:34px;--black-key-height:56.66%;--white-key-width:calc(100% / 21);--black-key-width:calc(100% / 25.5);isolation:isolate;background:var(--virtual-keys-fill-bg,#0f1113);touch-action:none;width:100%;height:100%;padding:8px;display:flex;overflow:auto}.preset-piano.svelte-1vv76gz .keys:where(.svelte-1vv76gz){width:100%;height:100%;min-width:calc(var(--min-white-key-width) * 21);display:flex}.preset-piano.svelte-1vv76gz .white-key:where(.svelte-1vv76gz){width:var(--white-key-width);height:100%;display:flex}.preset-piano.svelte-1vv76gz .black-key:where(.svelte-1vv76gz){z-index:1;width:var(--black-key-width);height:var(--black-key-height);margin-left:calc(var(--black-key-width) / -2);margin-right:calc(var(--black-key-width) / -2);display:flex;position:relative}.preset-hero-player.svelte-1f1070k{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.preset-hero-player-stage.svelte-1f1070k{isolation:isolate;flex:auto;grid-template-rows:minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.preset-hero-player-preview.svelte-1f1070k,.preset-hero-player-overlay.svelte-1f1070k,.preset-hero-player-host.svelte-1f1070k{grid-area:1/1;min-width:0;min-height:0}.preset-hero-player-preview.svelte-1f1070k{border-radius:var(--radius-sm,4px);outline:1px solid var(--color-gray-50,#1d1e26);outline-offset:-1px;background:var(--color-gray-20,#121116);pointer-events:none;overflow:hidden}.preset-hero-player-blur.svelte-1f1070k{filter:blur(6px);width:100%;height:100%;transform:scale(1.08)}.preset-hero-player-keys.svelte-1f1070k{width:100%;height:100%;min-height:0;padding:var(--pd-xs,4px);isolation:isolate;gap:2px;display:flex}.preset-hero-player-white.svelte-1f1070k{border-radius:var(--radius-sm,4px);background:var(--color-gray-130,#c1c7cf);flex:1 1 0;min-width:0;position:relative}.preset-hero-player-black.svelte-1f1070k{z-index:1;border-radius:0 0 var(--radius-sm,4px) var(--radius-sm,4px);background:var(--color-gray-50,#1f2227);width:82%;height:57%;position:absolute;top:0;left:100%;transform:translate(-50%)}.preset-hero-player-overlay.svelte-1f1070k{z-index:1;padding-inline:var(--pd-md,12px);place-items:center;display:grid}.preset-hero-player-host.svelte-1f1070k{visibility:hidden;pointer-events:none}.preset-hero-player-host.active.svelte-1f1070k{visibility:visible;pointer-events:auto}.preset-hero-player-error.svelte-1f1070k,.preset-hero-player-fallback.svelte-1f1070k{color:var(--base-print-normal,#8691a0);text-align:center;margin:0}.preset-hero-player-error.svelte-1f1070k{margin-top:var(--pd-sm,8px);color:var(--default-print-error,#ff6b6b);text-align:start}@media (width<=768px){.preset-hero-player-stage.svelte-1f1070k{min-height:168px}}.preset-piano-controls.svelte-19siii4{--track-actions-fill:var(--base-elevated,#23252f);--track-actions-frame-color:var(--base-embed,#121116);--track-actions-frame-radius:var(--button-radius-md,6px);--border-radius-override:0;align-items:stretch;gap:var(--pd-xs,4px);flex-shrink:0;width:fit-content;max-width:100%;margin-inline:auto;display:flex}.preset-piano-controls.svelte-19siii4 .preset-piano-controls-octave:where(.svelte-19siii4),.preset-piano-controls.svelte-19siii4 .preset-piano-controls-sustain:where(.svelte-19siii4){background-color:var(--track-actions-fill,#23252f);border-radius:var(--track-actions-frame-radius,6px);align-items:stretch;display:flex;overflow:hidden}.preset-piano-controls.svelte-19siii4 .preset-piano-controls-octave:where(.svelte-19siii4){background-color:var(--track-actions-frame-color,#121116);--button-ghost-bg:var(--track-actions-fill,#23252f);--button-ghost-bg-hover:var(--track-actions-fill,#23252f);--button-ghost-bg-active:var(--track-actions-fill,#23252f);gap:1px}.preset-piano-octave.svelte-19siii4{padding-inline:var(--pd-md,12px);background-color:var(--track-actions-fill,#23252f);color:var(--button-ghost-print,#b8c1cd);white-space:nowrap;align-items:center;display:flex}.preset-hero.svelte-an3zb{grid-template-columns:var(--resource-page-hero-cover-size,260px) minmax(0, 1fr) fit-content(100%);column-gap:var(--hero-col-gap,var(--pd-xl,24px));row-gap:var(--pd-md,12px);width:100%;min-width:0;min-height:var(--resource-page-hero-cover-size,260px);grid-template-rows:auto minmax(0,1fr) auto;align-items:start;display:grid}.hero-cover.svelte-an3zb{background-color:var(--color-gray-30,#15151a);grid-area:1/1/-1}.hero-header.svelte-an3zb{grid-area:1/2/auto/-1}.preset-hero-player-slot.svelte-an3zb{flex-direction:column;grid-area:2/2/auto/-1;align-self:stretch;width:100%;min-width:0;min-height:0;display:flex}.preset-hero.svelte-an3zb .resource-page-hero-actions:where(.svelte-an3zb){row-gap:var(--pd-xs,4px);flex-wrap:wrap;grid-area:3/2/auto/-1}.preset-cover-background.svelte-an3zb{object-fit:cover;width:180%;max-width:none;height:180%;filter:blur(calc(var(--resource-page-hero-cover-size,260px) * .09));position:absolute;inset-block-start:-40%;inset-inline-start:-40%}.preset-cover-device.svelte-an3zb{bottom:5%;aspect-ratio:1;object-fit:contain;width:14%;height:auto;position:absolute;inset-inline-start:5%}.preset-cover-mark.svelte-an3zb{aspect-ratio:1;width:48%;height:auto;color:var(--base-print-light,#f7feff);--icon-width:100%;--icon-height:100%;--icon-fill:var(--base-print-light,#f7feff);margin:auto;display:block;position:absolute;inset:0}.moderator-panel.svelte-an3zb{margin-bottom:var(--pd-lg,18px)}.preset-page-main.svelte-an3zb{gap:var(--pd-md,12px);min-width:0;padding-top:var(--pd-2xl,36px);flex-direction:column;display:flex}.description.svelte-an3zb{color:var(--base-print-normal,#8691a0);white-space:pre-line;overflow-wrap:anywhere;margin:0;line-height:1.6}@media (width<=768px){.preset-hero.svelte-an3zb{min-height:unset;grid-template:"info metrics""cover cover""actions actions"/minmax(0,1fr) fit-content(100%);row-gap:30px}.preset-hero.svelte-an3zb:has(.preset-hero-player-slot:where(.svelte-an3zb)){grid-template-rows:auto auto auto auto;grid-template-areas:"info metrics""cover cover""player player""actions actions"}.hero-header.svelte-an3zb{display:contents}.hero-info.svelte-an3zb{grid-area:info}.hero-metrics.svelte-an3zb{grid-area:metrics}.hero-cover.svelte-an3zb{grid-area:cover;justify-self:center}.preset-hero-player-slot.svelte-an3zb{grid-area:player;align-self:stretch}.resource-page-hero-actions.svelte-an3zb{grid-area:actions}}