._interval__page_q8z2t_1{--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}._content__wrap_q8z2t_15{inline-size:100%;margin-inline:auto;padding-block-end:3.75rem;padding-inline:1.875rem}._selector__twoButtons_q8z2t_25{grid-template-columns:1fr 1fr;column-gap:1rem;max-inline-size:18.75rem;display:grid}._selector__multiButtons_q8z2t_32{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 (width>=768px){grid-template-rows:auto;grid-template-columns:repeat(7,1fr);max-inline-size:48rem}@media screen and (width>=501px) and (width<=767px){grid-template-columns:repeat(4,1fr);max-inline-size:35.875rem}}._selector__wrap_q8z2t_54{opacity:1;margin-block-start:var(--ttl-mt-sp);transition:opacity .2s;@media screen and (width>=768px){margin-block-start:var(--ttl-mt-pc)}}._section__disabled_q8z2t_64{opacity:.35;pointer-events:none;user-select:none;transition:opacity .2s}._selector__wrap_q8z2t_54:first-child{margin-block-start:0}._selector__ttl_q8z2t_75{font-size:var(--ttl-fs-sp);font-weight:700;@media screen and (width>=768px){font-size:var(--ttl-fs-pc)}}._selector__ttl_q8z2t_75 h2{font-size:inherit}._btns__wrap_q8z2t_88{margin-block-start:1rem}._select__btn_q8z2t_92{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 (width>=768px){font-size:1em}}._btn__hide_q8z2t_110:active,._btn__reset_q8z2t_111:active{color:var(--paper);background-color:var(--black);transform:scale(.98)}._intervaltool__ttl__wrapper_q8z2t_120{position:relative}._ttl__lefty__strikethrough_q8z2t_124{text-decoration-line:line-through;text-decoration-style:solid;text-decoration-thickness:.3rem;text-decoration-color:var(--base-600);-webkit-text-decoration-line:line-through;-webkit-text-decoration-color:var(--base-600);-webkit-text-decoration-thickness:.3rem}._ttl__note_q8z2t_135{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 (width>=398px){inset-block-start:2.2rem}@media screen and (width>=768px){inset-block-start:2.2rem;inset-inline-start:18.25rem;transform:none}}._ttl__note__visible_q8z2t_156{opacity:1}._handedness__selector__wrap_q8z2t_163{flex-flow:row;align-items:baseline;column-gap:1rem;display:flex}._handedness__selector__wrap_q8z2t_163 ._selector__ttl_q8z2t_75{flex-shrink:0}._handedness__btn_q8z2t_174{white-space:nowrap;color:var(--base-600)}._js__handedness__active_q8z2t_182{color:#fff;background-color:var(--black)}._selector__strings__number_q8z2t_190{max-inline-size:10.325rem}._strings__number__btn_q8z2t_194{inline-size:4.75rem}._strings__number__btn_q8z2t_194:active{color:var(--paper);background-color:var(--black);transform:scale(.98)}._strings__number__btn_q8z2t_194:disabled{pointer-events:none;opacity:.4}._root__selector__wrap_q8z2t_212{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 (width>=768px){grid-template-rows:auto;grid-template-columns:repeat(6,minmax(60px,1fr));grid-auto-flow:initial;grid-auto-columns:initial;max-inline-size:48rem}}._root__selector_q8z2t_212{align-items:center;display:grid}._root__selector__label_q8z2t_237{font-size:.9em;@media screen and (width>=768px){font-size:1em}}._root__select__btn_q8z2t_245{text-align:center;text-align-last:center}._fret__map__outer_q8z2t_253{position:relative}._mode__name_q8z2t_257{--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 (width>=768px){--inset-block-start:3rem;--inset-inline-start:0;--transform:none}}._mode__name_q8z2t_257 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 (width>=768px){--column-gap:1.5rem;--font-size:1rem}}._mode__name_q8z2t_257 span{color:var(--base-600)}._fret__map__wrap_q8z2t_296{flex-flow:row;margin-block-end:3rem;padding-block:5rem 1rem;display:flex;overflow:auto hidden;@media screen and (width>=768px){margin-block-end:0;padding-block:5rem 3rem}}._fret__map_q8z2t_253{white-space:nowrap}._fret__line_q8z2t_314{flex-flow:row;inline-size:100%;display:flex}._fret__item_q8z2t_320{border:1px solid var(--black);border-collapse:collapse;text-align:center;cursor:pointer;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 (width>=768px){inline-size:3rem}}._fret__pitch__name_q8z2t_339{font-size:.875rem;display:inline-block}._fret__number_q8z2t_344{flex-flow:row;inline-size:100%;display:flex}._number__item_q8z2t_350{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 (width>=768px){inline-size:3rem}}._fret__mark_q8z2t_364: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%)}._fret__color_q8z2t_377{position:relative}._fret__item_q8z2t_320[data-note=C]{background-color:var(--base-50)}._fret__item_q8z2t_320[data-note=C\#]{background-color:var(--blue-50)}._fret__item_q8z2t_320[data-note=D]{background-color:var(--blue-100)}._fret__item_q8z2t_320[data-note=Eb]{background-color:var(--blue-150)}._fret__item_q8z2t_320[data-note=E]{background-color:var(--blue-200)}._fret__item_q8z2t_320[data-note=F]{background-color:var(--blue-300)}._fret__item_q8z2t_320[data-note=F\#]{background-color:var(--blue-400)}._fret__item_q8z2t_320[data-note=G]{background-color:var(--orange-100)}._fret__item_q8z2t_320[data-note=G\#]{background-color:var(--orange-150)}._fret__item_q8z2t_320[data-note=A]{background-color:var(--orange-200)}._fret__item_q8z2t_320[data-note=Bb]{background-color:var(--orange-300)}._fret__item_q8z2t_320[data-note=B]{background-color:var(--orange-400)}._root__wrap_q8z2t_433{margin-inline-start:.5rem}._root__item_q8z2t_437{block-size:1.9375rem;inline-size:1.875rem}._root__pitch_q8z2t_442{font-size:1rem;font-weight:700}._fret__map__interval_q8z2t_450{& ._fret__item_q8z2t_320[data-interval="1"]{color:var(--paper);background-color:var(--blue-500)}& ._fret__item_q8z2t_320[data-interval=b2]{background-color:var(--base-50)}& ._fret__item_q8z2t_320[data-interval="9"]{background-color:var(--orange-100)}& ._fret__item_q8z2t_320[data-interval=b3]{background-color:var(--base-100)}& ._fret__item_q8z2t_320[data-interval="3"]{background-color:var(--base-150)}& ._fret__item_q8z2t_320[data-interval="11"]{background-color:var(--orange-200)}& ._fret__item_q8z2t_320[data-interval="b5(#11)"]{background-color:var(--base-200)}& ._fret__item_q8z2t_320[data-interval="5"]{background-color:var(--base-300)}& ._fret__item_q8z2t_320[data-interval="b6(#5)"]{background-color:var(--base-400)}& ._fret__item_q8z2t_320[data-interval="13"]{background-color:var(--orange-300)}& ._fret__item_q8z2t_320[data-interval=b7]{background-color:var(--base-500)}& ._fret__item_q8z2t_320[data-interval="7"]{background-color:var(--base-600)}& ._fret__item_q8z2t_320._interval__mode__root_q8z2t_501{outline:3px solid var(--red-400);outline-offset:-3px;z-index:1}& ._interval__name_q8z2t_507{--font-size:.7rem;font-size:var(--font-size);white-space:pre-line;line-height:1;@media screen and (width>=768px){--font-size:.75rem}}}._pitch__btn_q8z2t_524{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}._pitch__btn_q8z2t_524._js__pitch__active_q8z2t_539{color:#fff;background-color:var(--black)}._is__disabled_q8z2t_544,._pitch__btn_q8z2t_524:disabled,._scale__btn_q8z2t_546:disabled{pointer-events:none;color:var(--base-300);background-color:var(--base-300)}._scale__selector__wrap_q8z2t_555{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem 1rem;display:grid;@media screen and (width>=900px){grid-template-columns:repeat(4,1fr);max-inline-size:48rem}}._scale__selector_q8z2t_555{transition:all .2s}._js__scale__active_q8z2t_571{border-radius:8px}._scale__btn_q8z2t_546{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}._js__scale__active_q8z2t_571 ._scale__btn_q8z2t_546{color:#fff;background-color:var(--black)}._scale__selector_q8z2t_555:has(select:not(:invalid):not([value=""])){border-radius:8px}._preset__btn_q8z2t_604:active{color:var(--paper);background-color:var(--black);transform:scale(.98)}._select__preset_q8z2t_610{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem 1rem;inline-size:100%;margin-block-start:.35rem;display:grid;@media screen and (width>=768px){grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}._interval__usage__wrap_q8z2t_626{--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 (width>=1000px){--row-gap:0;--margin-block-start:10rem;grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);column-gap:2rem}}._interval__usage__acc_q8z2t_645{background-color:#c3c0b480}@media (prefers-reduced-motion:no-preference){._root__selector_q8z2t_212,._fret__line_q8z2t_314,._pitch__section_q8z2t_651{animation:.2s ease-out _interval-fade-in_q8z2t_1}}@keyframes _interval-fade-in_q8z2t_1{0%{opacity:0}to{opacity:1}}