.barre.svelte-1d8hdbq{position:absolute;height:var(--fret-height);top:calc(var(--fret-height) * var(--fret));left:calc(var(--fret-width) * var(--start));right:calc(-.0625px * var(--diagram-size));font-size:calc(.25px * var(--diagram-size));display:flex;flex-direction:column;padding:calc((var(--fret-height) - var(--finger-height)) / 2) 0 0 calc(.0625px * var(--diagram-size));color:var(--color-mid)}.barre-inner.svelte-1d8hdbq{height:var(--finger-height);border-radius:calc(.375px * var(--diagram-size)) 0 0 calc(.375px * var(--diagram-size));background-color:var(--color-accent);display:flex;align-items:center;padding:calc(.03125px * var(--diagram-size)) calc(.125px * var(--diagram-size)) 0}.fret.svelte-j9nyvo{position:relative;width:var(--fret-width);height:var(--fret-height);border-bottom:calc(.0625px * var(--diagram-size)) solid var(--color-mid)}.fret.svelte-j9nyvo:before{content:"";position:absolute;top:0;left:50%;bottom:calc(-.0625px * var(--diagram-size));transform:translate3d(-50%,0,0);width:calc(.0625px * var(--diagram-size));background-color:var(--color-optical-mid)}.fret.active.svelte-j9nyvo:before{background-color:var(--color-fg)}.fret.svelte-j9nyvo:last-child{border-bottom:none;height:calc(.8125px * var(--diagram-size))}.fret.svelte-j9nyvo:last-child:before{bottom:0}.finger.svelte-j9nyvo{position:absolute;top:50%;left:50%;width:var(--finger-width);height:var(--finger-height);border-radius:100%;font-size:calc(var(--finger-width) * .65);color:var(--color-bg);background-color:var(--color-accent);transform:translate3d(-50%,-50%,0);display:flex;align-items:center;text-align:center;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact}@media print{.finger.svelte-j9nyvo{background-color:var(--color-fg);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.string.svelte-1wn2cnq{display:flex;flex-direction:column}.neck.svelte-c9kb86{position:relative;display:flex;border:calc(.0625px * var(--diagram-size)) solid var(--color-mid)}.neck.top.svelte-c9kb86{border-top:calc(.125px * var(--diagram-size)) solid var(--color-optical-mid)}.error.svelte-4uu8wa{padding:var(--padding-normal);color:var(--color-optical-mid);text-transform:uppercase}@media (hover: hover){.error.svelte-4uu8wa:not(.disabled):not([disabled]):hover{cursor:pointer;color:var(--color-accent)}}.error.svelte-4uu8wa:not(.disabled):not([disabled]):focus-visible{cursor:pointer;color:var(--color-accent)}.diagram.svelte-nkp4pg{display:inline-flex;flex-direction:column;padding:calc(.25px * var(--diagram-size)) 0 calc(.375px * var(--diagram-size));--diagram-size:var(--size, 24);--fret-width:calc(.5625px * var(--diagram-size));--fret-height:calc(.875px * var(--diagram-size));--finger-width:calc(.5px * var(--diagram-size));--finger-height:calc(.5px * var(--diagram-size));--diagram-side:calc(var(--fret-width) * 1.5)}.diagram-neck.svelte-nkp4pg,.diagram-under.svelte-nkp4pg{display:flex}.diagram-neck.svelte-nkp4pg:before,.diagram-neck.svelte-nkp4pg:after,.diagram-under.svelte-nkp4pg:before,.diagram-under.svelte-nkp4pg:after{width:var(--diagram-side);gap:calc(.3125px * var(--diagram-size));content:""}@media print{.diagram.svelte-nkp4pg{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.diagram-neck.svelte-nkp4pg:after{content:attr(data-base-fret);color:var(--color-fg);font-size:calc(.25px * var(--diagram-size));padding:calc(.375px * var(--diagram-size)) calc(.125px * var(--diagram-size))}.diagram-under.svelte-nkp4pg{padding:0 calc(.0625px * var(--diagram-size))}.string-indicator.svelte-nkp4pg{display:flex;justify-content:center;align-items:center;width:calc(.625px * var(--diagram-size));height:calc(.375px * var(--diagram-size));--icon-size:calc(.375px * var(--diagram-size));color:var(--color-fg)}.diagram-top.svelte-nkp4pg{display:flex;font-size:calc(.375px * var(--diagram-size));align-items:center;margin-bottom:calc(-.0625px * var(--diagram-size))}.diagram-top-left.svelte-nkp4pg,.diagram-top-right.svelte-nkp4pg{flex-grow:1;text-align:center;padding:0 calc(.125px * var(--diagram-size)) calc(.0625px * var(--diagram-size))}.diagram-top-left.svelte-nkp4pg{color:var(--color-fg)}.diagram-top-right.svelte-nkp4pg{color:var(--color-optical-mid)}.arrow.svelte-nkp4pg{color:var(--color-mid);width:var(--diagram-side);--icon-size:calc(.625px * var(--diagram-size))}.arrow-left.svelte-nkp4pg{text-align:right}.arrow-right.svelte-nkp4pg{text-align:left}@media (hover: hover){.arrow.svelte-nkp4pg:not(.disabled):not([disabled]):hover{cursor:pointer;color:var(--color-optical-mid)}}.arrow.svelte-nkp4pg:not(.disabled):not([disabled]):focus-visible{cursor:pointer;color:var(--color-optical-mid)}@media print{.arrow.svelte-nkp4pg{opacity:0}}.outer.svelte-1f2kmgr.svelte-1f2kmgr{position:relative}.trigger.svelte-1f2kmgr.svelte-1f2kmgr{background-color:var(--color-mid);border:none;padding:var(--padding-small) var(--padding-normal);margin:0 calc(var(--padding-normal) * -1);font-size:var(--font-size-small);cursor:pointer}.outer.svelte-1f2kmgr:hover .trigger.svelte-1f2kmgr{background-color:var(--color-accent);color:var(--color-bg)}@media print{.trigger.svelte-1f2kmgr.svelte-1f2kmgr{background-color:var(--color-bg);outline:1px solid var(--color-mid);margin:.5em 0;padding:4px 6px}}.popover.svelte-1f2kmgr.svelte-1f2kmgr{position:absolute;bottom:100%;left:50%;transform:translate3d(-50%,0,0);padding:.5em;z-index:10;--size:calc(36 * var(--inverted, 1))}.popover-inner.svelte-1f2kmgr.svelte-1f2kmgr{display:block;background-color:var(--color-bg-opacity);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-standard)}.below.svelte-1f2kmgr .popover.svelte-1f2kmgr{top:100%;bottom:auto}.left.svelte-1f2kmgr .popover.svelte-1f2kmgr{transform:none;left:0}.right.svelte-1f2kmgr .popover.svelte-1f2kmgr{transform:none;right:0;left:auto}.tablature.svelte-15akd64 span.svelte-15akd64{display:block}.tablature.svelte-15akd64 span.svelte-15akd64:before{content:attr(data-start);color:var(--color-optical-mid)}b.svelte-1se1jeg{display:inline-block;margin-top:var(--padding-large);color:var(--color-optical-mid)}