:root{--base-hue:60;--base-saturation:65%;--base-lightness:80%;--base-rotation:32;--ttl-mt-pc:2.5rem;--ttl-mt-sp:1.5rem;--ttl-fs-pc:1.5rem;--ttl-fs-sp:1.25rem;touch-action:manipulation}.interval-module__cBl1bG__content__wrap{inline-size:100%;margin-inline:auto;padding-block-end:3.75rem;padding-inline:1.875rem}.interval-module__cBl1bG__selector__twoButtons{grid-template-columns:1fr 1fr;column-gap:1rem;max-inline-size:18.75rem;display:grid}.interval-module__cBl1bG__selector__multiButtons{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,1fr);gap:.75rem 1rem;inline-size:100%;max-inline-size:26.875rem;margin-block-start:1rem;display:grid}@media screen and (min-width:768px){.interval-module__cBl1bG__selector__multiButtons{grid-template-rows:auto;grid-template-columns:repeat(7,1fr);max-inline-size:48rem}}@media screen and (min-width:501px) and (max-width:767px){.interval-module__cBl1bG__selector__multiButtons{grid-template-columns:repeat(4,1fr);max-inline-size:35.875rem}}.interval-module__cBl1bG__selector__wrap{opacity:1;margin-block-start:var(--ttl-mt-sp);transition:opacity .2s}@media screen and (min-width:768px){.interval-module__cBl1bG__selector__wrap{margin-block-start:var(--ttl-mt-pc)}}.interval-module__cBl1bG__section__disabled{opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .2s}.interval-module__cBl1bG__selector__wrap:first-child{margin-block-start:0}.interval-module__cBl1bG__selector__ttl{font-size:var(--ttl-fs-sp);font-weight:700}@media screen and (min-width:768px){.interval-module__cBl1bG__selector__ttl{font-size:var(--ttl-fs-pc)}}.interval-module__cBl1bG__btns__wrap{margin-block-start:1rem}.interval-module__cBl1bG__select__btn{text-align:center;border:1px solid var(--black);cursor:pointer;inline-size:100%;color:var(--black);background-color:#fff;border-radius:.3rem;padding:.25rem .625rem;font-size:1em;transition:all .2s;display:inline-block}@media screen and (min-width:768px){.interval-module__cBl1bG__select__btn{font-size:1em}}.interval-module__cBl1bG__btn__hide:active,.interval-module__cBl1bG__btn__reset:active{color:var(--paper);background-color:var(--black);transform:scale(.98)}.interval-module__cBl1bG__intervaltool__ttl__wrapper{position:relative}.interval-module__cBl1bG__ttl__lefty__strikethrough{text-decoration-line:line-through;text-decoration-style:solid;text-decoration-thickness:.3rem;-webkit-text-decoration-color:var(--base-600);text-decoration-color:var(--base-600);-webkit-text-decoration-line:line-through;-webkit-text-decoration-color:var(--base-600);-webkit-text-decoration-thickness:.3rem}.interval-module__cBl1bG__ttl__note{min-block-size:1.5em;color:var(--base-600);opacity:0;transition:opacity .2s;position:absolute;inset-block-start:4.5rem;inset-inline-start:50%;transform:translate(-50%)}@media screen and (min-width:398px){.interval-module__cBl1bG__ttl__note{inset-block-start:2.2rem}}@media screen and (min-width:768px){.interval-module__cBl1bG__ttl__note{inset-block-start:2.2rem;inset-inline-start:18.25rem;transform:none}}.interval-module__cBl1bG__ttl__note__visible{opacity:1}.interval-module__cBl1bG__handedness__selector__wrap{flex-flow:row;align-items:baseline;column-gap:1rem;display:flex}.interval-module__cBl1bG__handedness__btn{color:var(--base-600)}.interval-module__cBl1bG__js__handedness__active{color:#fff;background-color:var(--black)}.interval-module__cBl1bG__selector__strings__number{max-inline-size:10.325rem}.interval-module__cBl1bG__strings__number__btn{inline-size:4.75rem}.interval-module__cBl1bG__strings__number__btn:active{color:var(--paper);background-color:var(--black);transform:scale(.98)}.interval-module__cBl1bG__strings__number__btn:disabled{pointer-events:none;opacity:.4}.interval-module__cBl1bG__root__selector__wrap{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,1fr);grid-auto-flow:column;gap:.5rem 1rem;inline-size:100%;max-inline-size:26.875rem;margin-block-start:.35rem;display:grid}@media screen and (min-width:768px){.interval-module__cBl1bG__root__selector__wrap{grid-template-rows:auto;grid-template-columns:repeat(6,minmax(60px,1fr));grid-auto-flow:initial;grid-auto-columns:initial;max-inline-size:48rem}}.interval-module__cBl1bG__root__selector{align-items:center;display:grid}.interval-module__cBl1bG__root__selector__label{font-size:.9em}@media screen and (min-width:768px){.interval-module__cBl1bG__root__selector__label{font-size:1em}}.interval-module__cBl1bG__root__select__btn{text-align:center;text-align-last:center}.interval-module__cBl1bG__fret__map__outer{position:relative}.interval-module__cBl1bG__mode__name{--inset-block-start:3rem;--inset-inline-start:50%;--transform:translateX(-50%);transform:var(--transform);inline-size:max-content;position:absolute;inset-block-start:var(--inset-block-start);inset-inline-start:var(--inset-inline-start)}@media screen and (min-width:768px){.interval-module__cBl1bG__mode__name{--inset-block-start:3rem;--inset-inline-start:0;--transform:none}}.interval-module__cBl1bG__mode__name h2{--flex-flow:row nowrap;--column-gap:.5rem;--font-size:.8rem;flex-flow:var(--flex-flow);align-items:center;column-gap:var(--column-gap);font-size:var(--font-size);display:flex}@media screen and (min-width:768px){.interval-module__cBl1bG__mode__name h2{--column-gap:1.5rem;--font-size:1rem}}.interval-module__cBl1bG__mode__name span{color:var(--base-600)}.interval-module__cBl1bG__fret__map__wrap{flex-flow:row;margin-block-end:3rem;padding-block:5rem 1rem;display:flex;overflow:auto hidden}@media screen and (min-width:768px){.interval-module__cBl1bG__fret__map__wrap{margin-block-end:0;padding-block:5rem 3rem}}.interval-module__cBl1bG__fret__map{white-space:nowrap}.interval-module__cBl1bG__fret__line{flex-flow:row;inline-size:100%;display:flex}.interval-module__cBl1bG__fret__item{border:1px solid var(--black);border-collapse:collapse;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;place-items:center;block-size:1.875rem;inline-size:2rem;font-weight:700;transition:all .25s;display:grid}@media screen and (min-width:768px){.interval-module__cBl1bG__fret__item{inline-size:3rem}}.interval-module__cBl1bG__fret__pitch__name{font-size:.875rem;display:inline-block}.interval-module__cBl1bG__fret__number{flex-flow:row;inline-size:100%;display:flex}.interval-module__cBl1bG__number__item{text-align:center;block-size:1.875rem;inline-size:2rem;padding-block-start:.3125rem;font-size:.875rem;font-weight:700;position:relative}@media screen and (min-width:768px){.interval-module__cBl1bG__number__item{inline-size:3rem}}.interval-module__cBl1bG__fret__mark:after{content:"";background-color:var(--black);opacity:.6;border-radius:50%;block-size:.9375rem;inline-size:.9375rem;position:absolute;inset-block-start:-25%;inset-inline-start:50%;transform:translate(-50%)}.interval-module__cBl1bG__fret__color{position:relative}.interval-module__cBl1bG__fret__item[data-note=C]{background-color:var(--base-50)}.interval-module__cBl1bG__fret__item[data-note=C\#]{background-color:var(--blue-50)}.interval-module__cBl1bG__fret__item[data-note=D]{background-color:var(--blue-100)}.interval-module__cBl1bG__fret__item[data-note=Eb]{background-color:var(--blue-150)}.interval-module__cBl1bG__fret__item[data-note=E]{background-color:var(--blue-200)}.interval-module__cBl1bG__fret__item[data-note=F]{background-color:var(--blue-300)}.interval-module__cBl1bG__fret__item[data-note=F\#]{background-color:var(--blue-400)}.interval-module__cBl1bG__fret__item[data-note=G]{background-color:var(--orange-100)}.interval-module__cBl1bG__fret__item[data-note=G\#]{background-color:var(--orange-150)}.interval-module__cBl1bG__fret__item[data-note=A]{background-color:var(--orange-200)}.interval-module__cBl1bG__fret__item[data-note=Bb]{background-color:var(--orange-300)}.interval-module__cBl1bG__fret__item[data-note=B]{background-color:var(--orange-400)}.interval-module__cBl1bG__root__wrap{margin-inline-start:.5rem}.interval-module__cBl1bG__root__item{block-size:1.9375rem;inline-size:1.875rem}.interval-module__cBl1bG__root__pitch{font-size:1rem;font-weight:700}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval="1"]{color:var(--paper);background-color:var(--blue-500)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval=b2]{background-color:var(--base-50)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval="9"]{background-color:var(--orange-100)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval=b3]{background-color:var(--base-100)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval="3"]{background-color:var(--base-150)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval="11"]{background-color:var(--orange-200)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval="b5(#11)"]{background-color:var(--base-200)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval="5"]{background-color:var(--base-300)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval="b6(#5)"]{background-color:var(--base-400)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval="13"]{background-color:var(--orange-300)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval=b7]{background-color:var(--base-500)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item[data-interval="7"]{background-color:var(--base-600)}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__fret__item.interval-module__cBl1bG__interval__mode__root{outline:3px solid var(--red-400);outline-offset:-3px;z-index:1}.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__interval__name{--font-size:.7rem;font-size:var(--font-size);white-space:pre-line;line-height:1}@media screen and (min-width:768px){.interval-module__cBl1bG__fret__map__interval .interval-module__cBl1bG__interval__name{--font-size:.75rem}}.interval-module__cBl1bG__pitch__btn{text-align:center;border:1px solid var(--black);cursor:pointer;inline-size:100%;color:var(--black);background-color:#fff;border-radius:.3125rem;margin-right:.625rem;padding:.25rem .625rem;font-size:.9rem;transition:all .2s;display:inline-block}.interval-module__cBl1bG__pitch__btn.interval-module__cBl1bG__js__pitch__active{color:#fff;background-color:var(--black)}.interval-module__cBl1bG__is__disabled,.interval-module__cBl1bG__pitch__btn:disabled,.interval-module__cBl1bG__scale__btn:disabled{pointer-events:none;color:var(--base-300);background-color:var(--base-300)}.interval-module__cBl1bG__scale__selector__wrap{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem 1rem;display:grid}@media screen and (min-width:900px){.interval-module__cBl1bG__scale__selector__wrap{grid-template-columns:repeat(4,1fr);max-inline-size:48rem}}.interval-module__cBl1bG__scale__selector{transition:all .2s}.interval-module__cBl1bG__js__scale__active{border-radius:8px}.interval-module__cBl1bG__scale__btn{border:1px solid var(--black);min-block-size:2.0625rem;inline-size:100%;color:var(--black);text-align:center;text-align-last:center;background-color:#fff;border-radius:5px;outline:none;margin-inline-end:.625rem;padding:.25rem .625rem;font-size:.875rem;transition:all .2s;display:inline-block}.interval-module__cBl1bG__js__scale__active .interval-module__cBl1bG__scale__btn{color:#fff;background-color:var(--black)}.interval-module__cBl1bG__scale__selector:has(select:not(:invalid):not([value=""])){border-radius:8px}.interval-module__cBl1bG__preset__btn:active{color:var(--paper);background-color:var(--black);transform:scale(.98)}.interval-module__cBl1bG__select__preset{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem 1rem;inline-size:100%;margin-block-start:.35rem;display:grid}@media screen and (min-width:768px){.interval-module__cBl1bG__select__preset{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.interval-module__cBl1bG__interval__usage__wrap{--row-gap:2rem;--margin-block-start:5.5rem;row-gap:var(--row-gap);grid-template-rows:auto auto;margin-block-start:var(--margin-block-start);display:grid}@media screen and (min-width:1000px){.interval-module__cBl1bG__interval__usage__wrap{--row-gap:0;--margin-block-start:10rem;grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);column-gap:2rem}}.interval-module__cBl1bG__interval__usage__acc{background-color:#c3c0b480}