.key-signature-notation-container[data-v-0f4aac1b]{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100%;min-height:150px;overflow:hidden}.key-signature-notation[data-v-0f4aac1b]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:100%;overflow:hidden;padding:10px}.key-signature-notation svg[data-v-0f4aac1b]{height:auto;max-width:100%}.loading-container[data-v-0f4aac1b]{align-items:center;display:flex;justify-content:center;min-height:150px}.loading-message[data-v-0f4aac1b]{color:#6b7280;font-size:.875rem}.circle-of-fifths[data-v-5c69a676]{align-items:center;display:flex;justify-content:center}.circle-svg[data-v-5c69a676]{height:auto;max-width:100%;transform:translateZ(0);will-change:auto}.circle-svg[data-v-5c69a676]:hover{will-change:transform}.circle-svg circle[data-v-5c69a676],.circle-svg path[data-v-5c69a676]{shape-rendering:geometricPrecision}.circle-svg text[data-v-5c69a676]{text-rendering:optimizeLegibility}