.notation[data-v-a1e11725]{background:var(--surface-2);border-radius:calc(var(--ratio)*9);display:flex;gap:calc(var(--ratio)*2);padding:calc(var(--ratio)*3)}.notation>button[data-v-a1e11725]{background:transparent;border:0;border-radius:calc(var(--ratio)*6);color:var(--muted-light);cursor:pointer;font-family:var(--font-text);font-size:calc(var(--ratio)*12);font-weight:700;min-height:calc(var(--ratio)*26);padding:0 calc(var(--ratio)*8);white-space:nowrap}.notation>button.active[data-v-a1e11725]{background:var(--control);color:var(--soft-white)}@media (max-aspect-ratio:3/4){.notation[data-v-a1e11725]{border-radius:calc(var(--ratio)*12);padding:calc(var(--ratio)*4)}.notation>button[data-v-a1e11725]{border-radius:calc(var(--ratio)*9);font-size:calc(var(--ratio)*17);min-height:calc(var(--ratio)*44);padding:0 calc(var(--ratio)*12)}}