.svelte-7zwn0:export{c-bg:#001727;c-base:#1f1f1f}.frame.svelte-7zwn0{position:absolute;top:calc(var(--band) + var(--key-height) + 8px + var(--level) * 38px);height:30px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--frame-color) 14%,transparent);border:2px solid var(--frame-color);border-radius:6px;container-type:inline-size;transition:left .35s cubic-bezier(.3,.7,.3,1),width .35s cubic-bezier(.3,.7,.3,1),border-color .2s linear,background .2s linear}.frame--appear.svelte-7zwn0{opacity:0;animation:svelte-7zwn0-frame-in .3s ease-out forwards;animation-delay:var(--delay)}@media(prefers-reduced-motion:reduce){.frame--appear.svelte-7zwn0{animation:none;opacity:1}}.frame__label.svelte-7zwn0{font-family:Noto Sans JP,sans-serif;font-size:11px;font-weight:700;line-height:1;letter-spacing:.04em;color:var(--frame-color);white-space:nowrap}@container (max-width: 83px){.frame__label.svelte-7zwn0{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;letter-spacing:0}.frame__sep.svelte-7zwn0{display:none}}@keyframes svelte-7zwn0-frame-in{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.frame.svelte-7zwn0{transition:none}}