.chord-dia.svelte-989trg{display:inline-flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s;max-width:120px}.sm.svelte-989trg{max-width:80px}.xs.svelte-989trg{max-width:55px}.chord-dia.svelte-989trg:hover{transform:scale(1.04)}.chord-dia.svelte-989trg:active{transform:scale(.97)}.dia-name.svelte-989trg{font-size:13px;font-weight:700;color:#2c2c2a;margin-bottom:2px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.sm.svelte-989trg .dia-name:where(.svelte-989trg){font-size:11px}.xs.svelte-989trg .dia-name:where(.svelte-989trg){font-size:9px;margin-bottom:1px}.chord-dia.svelte-989trg svg:where(.svelte-989trg){width:100%;display:block}.dia-hint.svelte-989trg{font-size:9px;color:#b4b2a9;margin-top:1px}.sm.svelte-989trg .dia-hint:where(.svelte-989trg){font-size:7px}.xs.svelte-989trg .dia-hint:where(.svelte-989trg){display:none}