:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-1: lightblue;--bg-2: lightgreen}html{box-sizing:border-box;width:100%;height:100%;padding:0;margin:0;-webkit-user-select:none;user-select:none}*,*:before,*:after{box-sizing:inherit}*{box-sizing:border-box;padding:0;margin:0;-webkit-user-select:none;user-select:none}html{width:100%;height:100dvh}body{margin:0;display:flex;place-items:top start;min-width:320px;min-height:100vh}#app{width:100%;align-content:center;justify-items:center;text-align:center}button{display:inline-block;outline:none;cursor:pointer;padding:2px;background-color:#f0f8ff;border-radius:.25rem;border:1px solid #303030;color:#303030;align-self:center;text-align:center}button:hover{background-color:#92cafa}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}button.svelte-1x7w0zu{width:32px;height:32px;border:1px black solid;cursor:pointer}colors.svelte-1x7w0zu{width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-content:start;justify-content:center;gap:10px}hr.svelte-18p4umw{margin:4px;height:1px;background-color:#000}.grid-chords.svelte-18p4umw{display:grid;grid-template-rows:auto;margin-bottom:12px;row-gap:6px}.ri.svelte-18p4umw{display:inline-flex;align-items:center;column-gap:4px;font-size:16px;line-height:1;cursor:pointer}.grid-chords.svelte-18p4umw input[type=radio]:where(.svelte-18p4umw):checked+label:where(.svelte-18p4umw){font-weight:bolder}input.svelte-18p4umw:hover{background:red}.rb.svelte-18p4umw{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background-color:#ddd;cursor:pointer}.q.svelte-cg8umy{color:red;font-weight:700;margin-left:6px}.search.svelte-cg8umy{margin-top:3px;display:flex;justify-content:center}.list.svelte-cg8umy{display:flex;flex-direction:column;height:100%}.header.svelte-cg8umy{padding:.2em 0}.content.svelte-cg8umy{font-size:14px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;border:1px gray solid;border-bottom:none}header.svelte-9jjyp5,.row.svelte-9jjyp5{display:grid;align-items:center;grid-template-columns:1fr 1fr;gap:1em;background:var(--bg-1)}.row.svelte-9jjyp5{border-bottom:gray 1px solid}header.svelte-9jjyp5{font-weight:700;border:1px gray solid}.row.svelte-9jjyp5:hover{background:var(--bg-2)}.name.svelte-9jjyp5{text-align:left;margin-left:4px}.scale.svelte-9jjyp5{text-align:left;margin-left:0}dialog.svelte-9jjyp5{width:500px;height:200px;position:absolute;top:20%;left:50%;background:#f5f5f5;border-radius:10px}dialog.svelte-9jjyp5::backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}a-wrap.svelte-1b6qksa{display:block;overflow:visible;width:fit-content;height:fit-content;margin-top:10px}.ctrl-panel.svelte-1b6qksa{position:relative;width:100%;height:100%;background:#f0f0f0;display:flex;flex-direction:row;flex-wrap:wrap;background:#ff0;overflow:hidden}.button-column.svelte-1b6qksa{width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-content:start;justify-content:center;gap:10px}.button-column.svelte-1b6qksa a.button:where(.svelte-1b6qksa){padding:2px 10px;background-color:#f0f8ff;border-radius:.25rem;border:1px solid #303030;color:#303030;font-size:13.33px;text-decoration:none;text-align:center;border-radius:5px}.child-panel.svelte-1b6qksa{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5f5f5;opacity:0%;box-sizing:border-box;pointer-events:none;transition:opacity .3s ease-in-out}.child-panel.svelte-1b6qksa:target{opacity:100%;transition:opacity .3s ease-in-out;pointer-events:all}a.button.svelte-1b6qksa:hover{filter:brightness(65%)}wrapper.svelte-gskx0b{display:inline-block}sizer.svelte-gskx0b{container-type:normal;display:block;width:800px;height:800px;resize:both;background:#a6cf96;justify-items:center;align-items:center}:root{--layout: row}.container.svelte-gskx0b{display:flex;flex-direction:column;width:fit-content;margin:auto}.header.svelte-gskx0b{width:100%;height:fit-content;border:black 1px solid;display:flex;flex-direction:row;background-color:#f5f5f5;justify-content:space-between}.panels.svelte-gskx0b{display:flex;flex-direction:var(--layout);gap:2px}.panel.svelte-gskx0b{background:#f08080;justify-content:center;width:var(--panel-width);height:var(--panel-height)}fret-board.svelte-gskx0b{grid-area:A;display:flex;align-content:center;align-items:flex-start}.dot.svelte-gskx0b:before{content:var(--fdot);position:absolute;left:var(--dot-left);top:var(--dot-top);margin:0;padding:0;width:var(--dot-size);height:var(--dot-size);pointer-events:none;z-index:20}sub.svelte-gskx0b{vertical-align:sub;font-size:smaller;pointer-events:none;position:relative;top:var(--sub-top)}.nutp.svelte-gskx0b{border-bottom:black solid 2px}.nutl.svelte-gskx0b{border-right:black solid 2px}.nutll.svelte-gskx0b{border-left:black solid 2px}fret-box.svelte-gskx0b{display:grid;position:relative;width:var(--fret-size);height:var(--fret-size);padding:0;border-radius:0;border:1px solid lightgray;align-content:center}@container style(--hover: 1){fret-box.svelte-gskx0b:hover{border:2px solid var(--hover-color)}}fret-circle.svelte-gskx0b{grid-column:1;grid-row:1;width:calc(.6 * var(--fret-size));height:calc(.6 * var(--fret-size));border-radius:100px;background:#fff;border:1px #888888 solid;font-size:24px;justify-content:center;text-align:center;align-content:center;margin:auto;z-index:5;font-size:smaller;pointer-events:none}.strx.svelte-gskx0b{grid-column:1;grid-row:1;width:calc(var(--fret-size) - 2px);height:var(--fret-size);z-index:0}s1.svelte-gskx0b,s2.svelte-gskx0b,s3.svelte-gskx0b,s4.svelte-gskx0b,s5.svelte-gskx0b,s6.svelte-gskx0b{display:block;background-image:linear-gradient(#888,#888);background-size:1px 3px;width:1px;height:var(--fret-size);margin:auto}s2.svelte-gskx0b{background-image:linear-gradient(#444,#444);width:1px}s3.svelte-gskx0b{background-image:none;width:0px;border:1px #666666 solid}s4.svelte-gskx0b{background-image:repeating-linear-gradient(0deg,#000000,#000000 1px,transparent 1px,transparent);width:2px;border:1px black solid}s5.svelte-gskx0b{background-image:repeating-linear-gradient(0deg,#000000,#000000 1px,transparent 1px,transparent);width:3px;border:1px black solid}s6.svelte-gskx0b{background-image:repeating-linear-gradient(0deg,#000000,#000000 1px,transparent 1px,transparent);width:4px;border:1px black solid}.head.svelte-gskx0b{width:100%;height:fit-content;border:black 1px solid;display:flex;flex-direction:row;background-color:#f5f5f5;justify-content:space-between}.colorlook.svelte-gskx0b{color:#f08080}main.svelte-10h5xpc{width:100%;align-content:center;justify-items:center}