.numeral-chart.svelte-j6u426{display:flex;flex-direction:column;align-items:center;margin:1.5rem auto}.chart-container.svelte-j6u426{display:inline-flex;flex-direction:column;background:#ffffffe0;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.4);border-radius:1rem;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #fff9;padding:1rem 1.5rem}.chart-row.svelte-j6u426{display:flex;justify-content:center;align-items:stretch;gap:.25rem .5rem;flex-wrap:nowrap}.chart-rows.mobile.svelte-j6u426{display:none}@media(max-width:639px){.chart-row.desktop.svelte-j6u426{display:none}.chart-rows.mobile.svelte-j6u426{display:flex;flex-direction:column;gap:.75rem}.chart-container.svelte-j6u426{padding:.875rem 1rem;border-radius:.75rem}}.degree-pair.svelte-j6u426{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:2.75rem;padding:.375rem .5rem;border-radius:.5rem}.chord.svelte-j6u426{font-size:1.125rem;font-weight:700;color:#1f2937;white-space:nowrap;letter-spacing:-.01em;line-height:1.2}.numeral.svelte-j6u426{font-family:inherit;font-size:.8125rem;font-weight:600;color:#047857;letter-spacing:.04em;white-space:nowrap;line-height:1.2}figcaption.svelte-j6u426{text-align:center;font-size:.875rem;color:color-mix(in oklab,var(--color-base-content) 60%,transparent);font-style:italic;margin-top:.75rem}@media(max-width:639px){.degree-pair.svelte-j6u426{min-width:2.25rem;padding:.25rem .375rem}.numeral.svelte-j6u426{font-size:.6875rem}.chord.svelte-j6u426{font-size:.9375rem}}@supports not (backdrop-filter: blur(12px)){.chart-container.svelte-j6u426{background:#fffffff5;box-shadow:0 4px 16px #0000001a,0 2px 4px #0000000d}}.rich-lesson-content.svelte-y13bik a:not(.btn),.rich-lesson-content.svelte-y13bik a:not(.btn):link,.rich-lesson-content.svelte-y13bik a:not(.btn):visited{color:var(--color-success)!important;text-decoration:underline!important;text-underline-offset:3px;font-weight:500!important}.rich-lesson-content.svelte-y13bik a:not(.btn):hover{opacity:.85}.rich-lesson-content.svelte-y13bik .bunny-video,.rich-lesson-content.svelte-y13bik .video-facade,.rich-lesson-content.svelte-y13bik .youtube-embed{max-width:640px;margin-left:auto;margin-right:auto}