.svelte-11x57qa:export{c-bg:#001727;c-base:#1f1f1f}.bracket.svelte-11x57qa{position:absolute;top:calc(var(--band) + var(--key-height) + 6px + var(--level) * 38px);height:10px;box-sizing:border-box;border:2px solid var(--bracket-color);border-top:none;border-radius:0 0 4px 4px;transition:left .35s cubic-bezier(.3,.7,.3,1),width .35s cubic-bezier(.3,.7,.3,1),border-color .2s linear}.bracket--appear.svelte-11x57qa{opacity:0;animation:svelte-11x57qa-bracket-in .3s ease-out forwards;animation-delay:var(--delay)}@media(prefers-reduced-motion:reduce){.bracket--appear.svelte-11x57qa{animation:none;opacity:1}}.bracket__label.svelte-11x57qa{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-family:Noto Sans JP,sans-serif;font-size:11px;font-weight:700;line-height:1;letter-spacing:.04em;color:var(--bracket-color);white-space:nowrap}@keyframes svelte-11x57qa-bracket-in{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.bracket.svelte-11x57qa{transition:none}}