:root{--primary:#ff951e;--secondary:#0080b3;--warning:#ffca4c;--success:#39ea28;--default:#393a3c;--default-transparent:#393a3c1a;--default-light:#5e6064;--info:#959ea5;--white:#fff;--link-light:#00b7ff;--medium:45rem;--large:75rem;--spacer:1rem;--spacer-double:2rem;--spacer-triple:2rem;--layout-gap:var(--spacer);--input-padding:.75rem 1rem;--border-width:.0625rem;--border-radius:.75rem;--picker-background:#fffffff2;--hover-color:#ededed}*,:before,:after{box-sizing:inherit}body{box-sizing:border-box}button{font-family:inherit}html,body{min-block-size:100%}@media (min-width:45rem){:root{--layout-gap:var(--spacer-double)}}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--background:#1a1a1a;--default:#c2c2c2;--default-light:#dbdbdb;--info:#959ea5;--white:var(--background);--picker-background:var(--background);--hover-color:#333}}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(../media/62492e45f348cf87-s.8e6b601f.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(../media/8f9704ed0c18c9e0-s.983c8ea4.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(../media/c73d4b34880585a8-s.12db1be5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(../media/f00b8cc54454926d-s.142cae63.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(../media/741805f5bd1ef272-s.e72effc5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(../media/ea3421846039b7f3-s.p.093205c5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/20aee433927f7d4b-s.a2c089c6.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/256e1f7f180674ba-s.afa27594.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/be3bf58b83159894-s.7b13a9eb.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/753b6407f468151f-s.504826d2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/292081311a6a8abc-s.2a17492d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/68d403cf9f2c68c5-s.p.f9f15f61.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4 Fallback";src:local(Times New Roman);ascent-override:87.87%;descent-override:28.41%;line-gap-override:0.0%;size-adjust:117.91%}.source_serif_4_8a560bf-module__YbVEsa__className{font-family:"Source Serif 4","Source Serif 4 Fallback"}
.Icon-module__WjwIfG__icon{fill:currentColor;block-size:1em;inline-size:1em;position:relative}
.IconSet-module__1TP-lG__sprite{display:none;position:absolute}
.MainNav-module__SSsF5a__header{--logo-height:2rem;--header-gap:var(--spacer);align-items:center;gap:var(--header-gap);text-align:center;justify-content:center;display:flex}.MainNav-module__SSsF5a__logoLink{display:block}.MainNav-module__SSsF5a__logo{block-size:var(--logo-height);inline-size:auto}@media (min-width:45rem){.MainNav-module__SSsF5a__header{--logo-height:3rem;--header-gap:2rem}}.MainNav-module__SSsF5a__nav{align-items:center;gap:var(--spacer);display:flex}.MainNav-module__SSsF5a__link{color:var(--secondary);border-block-end:.25rem solid #0000;padding:.5rem 0;text-decoration-line:none}.MainNav-module__SSsF5a__active{border-color:currentColor}
.CircleFifths-module__di80Vq__circle{touch-action:none;transform-origin:50% 50% 0;-webkit-user-select:none;user-select:none;transform:translate(0,0)}.CircleFifths-module__di80Vq__circleMenu{--menu-size:19rem;block-size:var(--menu-size);inline-size:var(--menu-size);max-inline-size:100%;margin:0 auto}.CircleFifths-module__di80Vq__circleMenu svg{display:block;position:relative;overflow:visible}.CircleFifths-module__di80Vq__circleMenu a{cursor:pointer;outline:none}.CircleFifths-module__di80Vq__circleMenu symbol{overflow:visible}@media (min-width:45rem){.CircleFifths-module__di80Vq__circleMenu{--menu-size:20rem}}.CircleFifths-module__di80Vq__note{font-size:2rem}.CircleFifths-module__di80Vq__enharmonic{fill:var(--info)}.CircleFifths-module__di80Vq__selected .CircleFifths-module__di80Vq__sector.CircleFifths-module__di80Vq__sector{fill:var(--secondary)}.CircleFifths-module__di80Vq__selected .CircleFifths-module__di80Vq__note.CircleFifths-module__di80Vq__note{fill:var(--white)}.CircleFifths-module__di80Vq__item{color:var(--default);-webkit-tap-highlight-color:transparent}.CircleFifths-module__di80Vq__item .CircleFifths-module__di80Vq__note{fill:var(--default-light)}.CircleFifths-module__di80Vq__item .CircleFifths-module__di80Vq__sector{fill:var(--white);stroke:var(--info);transition:all .1s linear}.CircleFifths-module__di80Vq__item .CircleFifths-module__di80Vq__indicator{fill:var(--primary);display:none}.CircleFifths-module__di80Vq__item:hover .CircleFifths-module__di80Vq__sector{fill:var(--hover-color)}.CircleFifths-module__di80Vq__selected:hover .CircleFifths-module__di80Vq__sector{fill:var(--secondary)}.CircleFifths-module__di80Vq__transposed .CircleFifths-module__di80Vq__indicator,.CircleFifths-module__di80Vq__transposed:hover .CircleFifths-module__di80Vq__indicator{display:block}.CircleFifths-module__di80Vq__menuTrigger{fill:var(--info);pointer-events:auto}
.InstrumentItem-module__9J-a5G__instrument{--icon-size:2.5rem;block-size:100%}.InstrumentItem-module__9J-a5G__stretch{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.InstrumentItem-module__9J-a5G__icon{font-size:calc(var(--icon-size)*.75);margin-block-end:.5rem;line-height:1;display:inline-block}.InstrumentItem-module__9J-a5G__name{font-size:.875rem;display:block}.InstrumentItem-module__9J-a5G__keyIcon{block-size:1em;font-size:var(--icon-size);background:currentColor;border-radius:50%;justify-content:center;align-items:center;inline-size:1em;padding:.5rem;display:inline-flex}.InstrumentItem-module__9J-a5G__keyIcon .InstrumentItem-module__9J-a5G__iconInternal{color:var(--white)}@media (min-width:45rem){.InstrumentItem-module__9J-a5G__icon{font-size:var(--icon-size);margin-block-end:.5rem}.InstrumentItem-module__9J-a5G__keyIcon{font-size:var(--icon-size);margin-block-end:1rem}}
.InstrumentPicker-module__QeHzNW__picker{--list-border:.0625rem solid var(--info);block-size:100vh;padding:4rem var(--spacer)var(--spacer);background:0 0;border:0;inset:0;overflow:hidden}.InstrumentPicker-module__QeHzNW__picker[open]{animation:.3s linear forwards InstrumentPicker-module__QeHzNW__fadein}@keyframes InstrumentPicker-module__QeHzNW__fadein{0%{opacity:0}to{opacity:1}}.InstrumentPicker-module__QeHzNW__picker::backdrop{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:var(--default-transparent)}.InstrumentPicker-module__QeHzNW__form{overflow:hidden}.InstrumentPicker-module__QeHzNW__form,.InstrumentPicker-module__QeHzNW__list{block-size:100%}.InstrumentPicker-module__QeHzNW__list{background:var(--picker-background);border:var(--list-border);border-radius:var(--border-radius);grid-template-columns:repeat(4,1fr);max-block-size:35rem;margin:auto;padding:0;list-style:none;display:grid;overflow:auto}.InstrumentPicker-module__QeHzNW__close{color:var(--primary);z-index:1001;background:0 0;border:0;font-size:1.75rem;position:absolute;inset-block-start:1rem;inset-inline-end:3rem}.InstrumentPicker-module__QeHzNW__close:hover,.InstrumentPicker-module__QeHzNW__close:focus{color:var(--secondary);outline:0}.InstrumentPicker-module__QeHzNW__item{border-block-end:var(--list-border);border-inline-end:var(--list-border);text-align:center;block-size:7rem;position:relative}.InstrumentPicker-module__QeHzNW__item:nth-child(4n){border-block-end:var(--list-border);border-inline-end:0}.InstrumentPicker-module__QeHzNW__item:nth-last-of-type(-n+4){border-block-end:0}.InstrumentPicker-module__QeHzNW__button{block-size:100%;color:var(--default-light);inline-size:100%;text-align:inherit;background:0 0;border:0;padding:1rem}.InstrumentPicker-module__QeHzNW__button:hover{color:var(--secondary)}body:has(.InstrumentPicker-module__QeHzNW__picker[open]){overflow:hidden}
.InstrumentSelector-module__joHz0q__selection{text-align:center;align-self:stretch;display:flex}.InstrumentSelector-module__joHz0q__button{background-color:var(--white);block-size:var(--switch-size);border:var(--border-width)solid var(--default-light);border-radius:var(--border-radius);color:var(--default-light);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;inline-size:100%;padding:1rem;line-height:1;transition:all .1s linear;display:block}.InstrumentSelector-module__joHz0q__button:focus,.InstrumentSelector-module__joHz0q__button.InstrumentSelector-module__joHz0q__is-selected,.InstrumentSelector-module__joHz0q__button:hover{box-shadow:0 0 0 .25rem var(--secondary);color:var(--secondary);border-color:#0000;outline:0}.InstrumentSelector-module__joHz0q__empty{border:.25em dashed var(--info);color:var(--info);padding:.25rem}.InstrumentSelector-module__joHz0q__empty.InstrumentSelector-module__joHz0q__selected,.InstrumentSelector-module__joHz0q__empty:hover{background-color:var(--white);border-color:var(--secondary);box-shadow:none;color:var(--secondary)}.InstrumentSelector-module__joHz0q__switcher{--switch-size:8rem;--switch-gap:var(--spacer);align-items:center;gap:var(--switch-gap);grid-template-columns:var(--switch-size)min-content var(--switch-size);justify-content:center;display:grid}.InstrumentSelector-module__joHz0q__arrow{color:var(--info);font-size:var(--arrow-size,var(--spacer));margin-block-end:2rem}.InstrumentSelector-module__joHz0q__buttonContainer{align-self:flex-start;gap:var(--spacer);grid-template-rows:1fr auto;display:grid}.InstrumentSelector-module__joHz0q__clear{color:var(--link-light);opacity:0;visibility:hidden;background:0 0;border:0;font-size:.75rem;text-decoration:underline}.InstrumentSelector-module__joHz0q__clearVisible{opacity:1;visibility:visible}@media (min-width:45rem){.InstrumentSelector-module__joHz0q__switcher{--switch-gap:3rem;--switch-size:10rem;--arrow-size:2rem}}