: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-half:.5rem;--spacer:1rem;--spacer-double:2rem;--spacer-triple:3rem;--layout-gap:var(--spacer);--input-padding:.75rem 1rem;--border-width:.0625rem;--border-radius:.75rem;--picker-background:#fffffff2;--hover-color:#ededed;--switch-size:6rem;--switch-gap:var(--spacer-double);--menu-size:19rem}*,: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);--switch-size:10rem;--switch-gap:3rem;--menu-size:20rem}}@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-half);align-items:center;gap:var(--header-gap);padding-inline:var(--spacer);flex-wrap:wrap;justify-content:flex-start;display:flex}@media screen and (min-width:45rem){.MainNav-module__SSsF5a__header{--logo-height:3rem;--header-gap:2rem;text-align:center;justify-content:center}}.MainNav-module__SSsF5a__logoLink{display:block}.MainNav-module__SSsF5a__logo{block-size:var(--logo-height);inline-size:auto}.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}
.Skeleton-module__r0nEoq__skeleton{background:linear-gradient(90deg,transparent 0%,var(--hover-color)50%,transparent 100%)var(--default-transparent);border-radius:var(--border-radius);background-size:200% 100%;animation:4s ease-in-out infinite Skeleton-module__r0nEoq__shimmer}.Skeleton-module__r0nEoq__circle{border-radius:50%}@keyframes Skeleton-module__r0nEoq__shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.Skeleton-module__r0nEoq__switcher{align-items:center;gap:var(--switch-gap);grid-template-columns:var(--switch-size)min-content var(--switch-size);justify-content:center;display:grid}.Skeleton-module__r0nEoq__switcherBox{block-size:var(--switch-size);inline-size:var(--switch-size)}.Skeleton-module__r0nEoq__arrow{color:var(--info);font-size:var(--arrow-size,var(--spacer));margin-block-end:2rem}.Skeleton-module__r0nEoq__circleWrapper{justify-content:center;display:flex}.Skeleton-module__r0nEoq__circleSkeleton{block-size:var(--menu-size);inline-size:var(--menu-size);max-inline-size:100%}.Skeleton-module__r0nEoq__selectSkeleton{block-size:2.75rem;min-inline-size:20rem;max-inline-size:25rem;margin:0 auto}.Skeleton-module__r0nEoq__textareaSkeleton{block-size:4.75rem;min-inline-size:20rem;max-inline-size:25rem;margin:0 auto}.Skeleton-module__r0nEoq__layout{gap:var(--spacer);block-size:100%;inline-size:100%;max-inline-size:var(--medium);padding-block:var(--spacer-double);margin:auto;display:grid}@media (min-width:45rem){.Skeleton-module__r0nEoq__arrow{--arrow-size:2rem}.Skeleton-module__r0nEoq__layout{padding-block:var(--spacer-triple)}}
.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{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}.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:2rem;align-items:center;gap:var(--spacer-half);flex-direction:column;justify-content:center;block-size:100%;display:flex}.InstrumentItem-module__9J-a5G__stretch{flex-direction:column;justify-content:center;align-items:center;gap:.125rem;display:flex}.InstrumentItem-module__9J-a5G__icon{font-size:calc(var(--icon-size)*.65);line-height:1;display:inline-block}.InstrumentItem-module__9J-a5G__name{font-size:.75rem;display:block}.InstrumentItem-module__9J-a5G__addIcon,.InstrumentItem-module__9J-a5G__keyIcon{--size:.875em;block-size:var(--size);inline-size:var(--size);background:currentColor;border-radius:50%;justify-content:center;align-items:center;margin:.125em;padding:.25em;display:inline-flex}.InstrumentItem-module__9J-a5G__addIcon .InstrumentItem-module__9J-a5G__iconInternal,.InstrumentItem-module__9J-a5G__keyIcon .InstrumentItem-module__9J-a5G__iconInternal{color:var(--white);font-size:.5em}@media (min-width:45rem){.InstrumentItem-module__9J-a5G__instrument{--icon-size:2.5rem}.InstrumentItem-module__9J-a5G__stretch{gap:.5rem}.InstrumentItem-module__9J-a5G__icon{font-size:var(--icon-size)}.InstrumentItem-module__9J-a5G__name{font-size:.875rem}}
.InstrumentPicker-module__QeHzNW__picker{--list-border:.0625rem solid var(--info);background:0 0;border:0;block-size:100vh;max-block-size:100vh;inline-size:100vw;max-inline-size:100vw;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{flex-direction:column;justify-content:center;align-items:center;max-block-size:100%;padding:.5rem;display:flex;overflow-y:auto}.InstrumentPicker-module__QeHzNW__container{flex-direction:column;gap:.25rem;display:flex}.InstrumentPicker-module__QeHzNW__close{color:var(--primary);cursor:pointer;background:0 0;border:0;align-self:flex-end;margin-block-end:.125rem;padding:.125rem .25rem;font-size:1rem}.InstrumentPicker-module__QeHzNW__close:hover,.InstrumentPicker-module__QeHzNW__close:focus{color:var(--secondary);outline:0}.InstrumentPicker-module__QeHzNW__list{background:var(--picker-background);border:var(--list-border);border-radius:var(--border-radius);grid-template-columns:repeat(3,1fr);inline-size:min(35rem,100vw - 2rem);padding:0;list-style:none;display:grid;overflow:hidden}@media (min-width:45rem){.InstrumentPicker-module__QeHzNW__form{padding:var(--spacer)}.InstrumentPicker-module__QeHzNW__close{padding:.5rem .75rem;font-size:1.5rem}.InstrumentPicker-module__QeHzNW__list{grid-template-columns:repeat(4,1fr)}}.InstrumentPicker-module__QeHzNW__button{aspect-ratio:2;border:0;border-block-end:var(--list-border);border-inline-end:var(--list-border);color:var(--default-light);cursor:pointer;text-align:center;background:0 0;inline-size:100%;padding:1rem .25rem}.InstrumentPicker-module__QeHzNW__button:hover{color:var(--secondary)}.InstrumentPicker-module__QeHzNW__button:nth-child(3n){border-inline-end:0}.InstrumentPicker-module__QeHzNW__button:nth-last-of-type(-n+2){border-block-end:0}@media (min-width:45rem){.InstrumentPicker-module__QeHzNW__button{aspect-ratio:1.5;padding:1rem}.InstrumentPicker-module__QeHzNW__button:nth-child(3n){border-inline-end:var(--list-border)}.InstrumentPicker-module__QeHzNW__button:nth-child(4n){border-inline-end:0}.InstrumentPicker-module__QeHzNW__button:nth-last-of-type(-n+2){border-block-end:var(--list-border)}.InstrumentPicker-module__QeHzNW__button:nth-last-of-type(-n+4){border-block-end:0}}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>*{pointer-events:none}.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{align-items:center;gap:var(--switch-gap);grid-template-columns:var(--switch-size)min-content var(--switch-size);z-index:1;justify-content:center;display:grid;position:relative}.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{--arrow-size:2rem}}
.PageContainer-module__TgPx3q__container{gap:var(--spacer);block-size:100%;inline-size:100%;max-inline-size:var(--medium);padding-block:var(--spacer-double);margin:auto;display:grid}@media (min-width:45rem){.PageContainer-module__TgPx3q__container{padding-block:var(--spacer-triple)}}