:root{--border-radius: .3rem;--transition: .5s all;--color-black: #101418;--color-gray-dark: #333;--color-gray: #444;--color-gray-light: #bbb;--color-white: #fafafa;--color-link: #4ad;--color-body: #1e222c;--box-shadow-container: 0 0 20rem rgba(100, 100, 100, .02);--border-container: solid .1rem var(--color-gray);--border-button: .05rem solid var(--color-gray-light);--box-shadow-metronome: inset 0 0 1rem rgba(255, 255, 255, .5);--outline-focus: solid .15rem var(--color-link)}@media (pointer: coarse){:root{--outline-focus: none}}:root{--button-padding: .7rem 1rem;--gap-small: 1rem;--gap-medium: 1.3rem}*{margin:0;padding:0;appearance:none;text-decoration:none}*,*:before,*:after{box-sizing:border-box}@media (pointer: fine) and (max-height: 42em){html{font-size:80%}}@media (pointer: coarse) and (orientation: landscape) and (max-width: 38em){html{font-size:80%}}@media (pointer: coarse) and (orientation: landscape) and (min-height: 50em){html{font-size:120%}}@media (pointer: coarse) and (orientation: landscape) and (min-height: 70em){html{font-size:140%}}@media (pointer: coarse) and (orientation: portrait) and (max-height: 38em){html{font-size:80%}}@media (pointer: coarse) and (orientation: portrait) and (min-width: 46em){html{font-size:120%}}@media (pointer: coarse) and (orientation: portrait) and (min-width: 70em){html{font-size:150%}}body{display:flex;justify-content:center;align-items:center;background-color:var(--color-black)}@media (pointer: fine){body{background-color:var(--color-body)}}body{min-height:80vh;min-height:100dvh;font-family:sans-serif;color:var(--color-white);letter-spacing:.02rem}.container{height:100dvh;width:100vw;display:flex;flex-direction:column;position:relative}@media (pointer: fine){.container{max-height:45rem;max-width:30rem;background-color:var(--color-black);border-radius:.4rem;overflow:hidden;box-shadow:var(--box-shadow-container);border:var(--border-container)}}@media (pointer: coarse) and (orientation: landscape){.container{flex-direction:row}}main{flex:1;display:flex;flex-direction:column;overflow:auto;padding:1.5rem}footer{padding:1.2rem 1.2rem 1.6rem;background-color:var(--color-gray);border-top:1px solid var(--color-gray-light)}@media (pointer: coarse){footer{padding-bottom:2rem}}@media (pointer: coarse) and (orientation: landscape){footer{padding:0 1.7rem 0 1rem;border-top:none;border-left:1px solid var(--color-gray-light)}}h2{user-select:none;-webkit-user-select:none;font-weight:400;font-size:1.2rem;padding-bottom:.1rem;color:var(--color-gray-light);border-bottom:1px solid currentColor;margin-bottom:1.5rem;display:flex;justify-content:end}@media (pointer: coarse) and (orientation: landscape) and (max-height: 23em){h2{display:none}}.button,.iconButton{display:flex;justify-content:center;user-select:none;-webkit-user-select:none;border-radius:var(--border-radius)}.button:focus,.button:hover,.iconButton:focus,.iconButton:hover{outline:var(--outline-focus)}.button:active,.iconButton:active{transform:translateY(.02rem) scale(.96)}.button__disabled,.iconButton__disabled{color:var(--color-gray-light)}.iconButton{align-self:center;justify-self:center;height:2.2rem;width:2.2rem;padding:.1rem}.button{align-items:center;color:inherit;font-family:inherit;background-color:var(--color-gray);border:var(--border-button);padding:var(--button-padding)}.button__disabled{background-color:var(--color-gray-dark)}._nav_jqixs_1{list-style:none;display:flex;justify-content:space-evenly}@media (pointer: coarse) and (orientation: landscape){._nav_jqixs_1{height:100%;flex-direction:column}}._nav__link_jqixs_12{width:2rem;height:2rem;border-radius:var(--border-radius)}._nav__link_jqixs_12:focus,._nav__link_jqixs_12:hover{outline:none}@media (pointer: fine){._nav__link_jqixs_12:focus:after,._nav__link_jqixs_12:hover:after{margin:auto;content:"";display:block;height:.1rem;margin-top:.3rem;width:70%;background-color:var(--color-link)}}._secret_xx72o_1{height:100%;width:100%;margin-top:2rem;display:flex;flex-direction:column}._secret_xx72o_1 p{font-size:.8rem;align-self:center}._secret_xx72o_1 p:last-of-type{margin-top:auto;opacity:.5}._play_i2d5u_1{height:100%}._play_i2d5u_1 ._settingsButton_i2d5u_4{z-index:1;background-color:var(--color-black);box-shadow:0 0 .8rem .8rem var(--color-black);position:absolute;bottom:6.5rem;right:1.5rem}@media (pointer: coarse) and (orientation: landscape){._play_i2d5u_1 ._settingsButton_i2d5u_4{bottom:1.5rem;right:6.5rem}}._beats_xm9zz_1{align-self:center;margin-bottom:1rem;padding:.5rem;cursor:pointer;display:flex;gap:.3rem}._beatCircle_sglxm_1{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--color-gray-light)}._chords_84nse_1{margin:auto 0;position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}._chords_84nse_1 ._now_84nse_10,._chords_84nse_1 ._next_84nse_11{display:flex;align-items:center;gap:.5rem}._chords_84nse_1 ._next_84nse_11{width:90%;color:var(--color-gray-light);display:flex;align-items:center;justify-content:space-between}._chords_84nse_1 ._next_84nse_11 ._lock_84nse_23{color:var(--color-white);padding:.3rem}._chord_jd8pc_1{display:flex;align-items:center;gap:1rem}._chord_y9hoq_1{display:flex;height:1.4em}._chord__base_y9hoq_5{margin-top:.2em}._chord__accidental_y9hoq_8,._chord__minor_y9hoq_12{margin-top:.2em;margin-left:.1em}._chord__seven_y9hoq_16{margin-top:.05em;display:flex;align-self:flex-start;margin-left:.1em}._chord__seven_y9hoq_16>svg:not(:first-child){margin-left:.1em;margin-bottom:auto}._chord__seven--sixnine_y9hoq_26{width:.84em;position:relative}._chord__seven--sixnine_y9hoq_26 svg{position:absolute}._chord__seven--sixnine_y9hoq_26 svg:first-child{top:0;left:0}._chord__seven--sixnine_y9hoq_26 svg:nth-child(2){top:.75em;left:.46em}._chord__seven--sixnine_y9hoq_26:after{background-color:currentColor;position:absolute;top:0;left:.4em;content:"";width:.04em;height:1.28em;transform:rotate(30deg)}._chord__brackets_y9hoq_51{margin-left:.1em;display:flex;align-self:flex-start}._chord__brackets_y9hoq_51>div{margin:.05em .04em;display:flex;flex-direction:column;gap:.2em;align-self:flex-start}._chord__brackets_y9hoq_51>div>div{display:flex;flex-direction:row;justify-content:center}._chord__brackets_y9hoq_51>div>div svg:not(:first-child){margin-left:.1em}._controls_v6yee_1{gap:var(--gap-small)}@media (pointer: fine) or (orientation: portrait){._controls_v6yee_1{display:grid;grid-template-columns:repeat(2,1fr)}._controls_v6yee_1>div:last-child{grid-row:1/2;grid-column:2}}@media (pointer: coarse) and (orientation: landscape){._controls_v6yee_1{display:flex;flex-direction:column-reverse;margin-bottom:auto;width:8rem;margin-left:4vw}}._icon_1sm0q_1{width:1.2rem;height:1.2rem}._player_1pi1j_1{height:100%;display:flex;flex-direction:column}@media (pointer: coarse) and (orientation: landscape){._player_1pi1j_1{flex-direction:row}}._player_1pi1j_1 ._chordsArea_1pi1j_11{flex:1;display:flex;flex-direction:column;position:relative}._player_1pi1j_1 ._controls_1pi1j_17,._settings_nsqq8_1{display:flex;flex-direction:column}._settings_nsqq8_1 h3{align-self:stretch;display:flex;justify-content:start;font-weight:400;font-size:1rem;margin-top:2rem;margin-bottom:.8rem;border-bottom:2px solid var(--color-gray)}@media (orientation: landscape) and (max-height: 29rem){._settings_nsqq8_1 h3{margin-top:1.5rem}}._settings_nsqq8_1 h3:first-child{margin-top:0}._settings_nsqq8_1 ._space_nsqq8_23{margin-right:-.4rem}._settings_nsqq8_1 span{-webkit-user-select:none;user-select:none}._settings_nsqq8_1 ._disabled_nsqq8_29{color:var(--color-gray)}._settings_nsqq8_1>div{align-self:start;display:flex;align-items:center;gap:1rem;font-size:.9rem;margin-left:.15rem}._settings_nsqq8_1>*:last-child{margin-bottom:1rem}._select_1h2ss_1{min-width:3rem;padding:.7rem 1rem;padding:var(--button-padding);color:inherit;font-family:inherit;font-size:inherit}._select_1h2ss_1:focus,._select_1h2ss_1:hover{outline:var(--outline-focus)}._select_1h2ss_1:disabled{background-color:var(--color-gray-dark);color:var(--color-gray-light)}._select_1h2ss_1:disabled:focus,._select_1h2ss_1:disabled:hover{outline:none;cursor:default}._toggle_8ldy4_1{width:3.2rem;height:2rem;border-radius:1rem;background-color:var(--color-black);position:relative;border:var(--border-button)}._toggle_8ldy4_1:before,._toggle_8ldy4_1:after{content:"";position:absolute;top:.05rem;left:.05rem;height:calc(1.9rem - 2px);transition:all .1s}._toggle_8ldy4_1:before{width:.95rem;border-radius:1rem 0 0 1rem;background-color:var(--color-gray)}._toggle_8ldy4_1:after{width:calc(1.9rem - 2px);border-radius:50%;background-color:var(--color-white)}._toggle__checked_8ldy4_27:before{width:2.17rem}._toggle__checked_8ldy4_27:after{transform:translate(1.2rem)}._selector_6p4g3_1{width:3rem;height:2.5rem;display:flex;position:relative}._selector__clef_6p4g3_7{position:absolute;display:flex;top:50%;left:50%;transform:translateY(-50%) translate(-50%)}._selector__disabled_6p4g3_14{color:var(--color-gray-light);cursor:default}._selector__disabled_6p4g3_14:focus,._selector__disabled_6p4g3_14:hover{outline:none}._info_18fv7_1>div{line-height:1.6;font-size:1rem}._info_18fv7_1>div+div{margin-top:1.4rem}._info_18fv7_1 ._icon__header_18fv7_8{display:inline-block;width:1.5rem;height:1.5rem;padding:0;margin-right:.6rem;transform:translateY(.1rem)}._info_18fv7_1 ._icon__text_18fv7_16{display:inline-block;width:.95rem;height:.95rem;margin:-1rem .4rem;transform:translateY(.15rem)}._info_18fv7_1 ._icon__share_18fv7_23{margin:-1rem .4rem;display:inline-block;width:1rem;transform:translateY(.2rem)}._info_18fv7_1 code{padding-left:.1rem;padding-right:.1rem;letter-spacing:.05rem}._info_18fv7_1 a{color:var(--color-link)}._info_18fv7_1 a:hover,._info_18fv7_1 a:focus{border-bottom:1px solid var(--color-link);outline:none}._metronome_18zek_1{height:100%;display:flex;flex-direction:column}@media (pointer: coarse) and (orientation: landscape){._metronome_18zek_1{flex-direction:row}}._metronome_18zek_1 ._top_18zek_11{display:flex;flex-direction:column;flex:1;text-align:center}._metronome_18zek_1 ._top_18zek_11 ._tempo_18zek_17{margin:auto;width:14rem;text-align:center;user-select:none;-webkit-user-select:none;font-size:6rem;padding:1rem;border-radius:var(--border-radius)}._metronome_18zek_1 ._top_18zek_11 ._tempo_18zek_17:focus,._metronome_18zek_1 ._top_18zek_11 ._tempo_18zek_17:hover{outline:var(--outline-focus)}._metronome_18zek_1 ._top_18zek_11 ._tempo__play_18zek_30:focus,._metronome_18zek_1 ._top_18zek_11 ._tempo__play_18zek_30:hover{box-shadow:var(--box-shadow-metronome)}._metronome_18zek_1 ._bottom_18zek_33{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (pointer: coarse) and (orientation: landscape){._metronome_18zek_1 ._bottom_18zek_33{flex-direction:column-reverse;width:50%;gap:2rem}}._metronome_18zek_1 ._bottom_18zek_33 ._text_18zek_46 p{text-align:center;margin-bottom:.5rem}._metronome_18zek_1 ._bottom_18zek_33 ._text_18zek_46 code{font-size:1rem;text-transform:lowercase}._metronome_18zek_1 ._bottom_18zek_33 ._toggles_18zek_54{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-small)}._metronome_18zek_1 ._bottom_18zek_33 ._toggles_18zek_54 ._start_18zek_60{grid-column:2/4}@media (pointer: coarse) and (orientation: landscape){._metronome_18zek_1 ._bottom_18zek_33 ._toggles_18zek_54{display:flex;justify-content:end;gap:var(--gap-medium) var(--gap-small)}._metronome_18zek_1 ._bottom_18zek_33 ._toggles_18zek_54 ._start_18zek_60{width:8rem}}._metronomeLight_3qofa_1{transition:all .3s}._metronomeLight--hide_3qofa_4{opacity:.3}._range_189sy_1{width:90%;position:relative}._range_189sy_1 ._input_189sy_5{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:100%;height:3rem}._range_189sy_1 ._input_189sy_5:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:.3rem;background-color:var(--color-gray-dark)}._range_189sy_1 ._input__ball_189sy_23,._range_189sy_1 ._input__ball_189sy_23:after{touch-action:none;z-index:1;position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%)}._range_189sy_1 ._input__ball_189sy_23{width:4rem;height:3rem}._range_189sy_1 ._input__ball_189sy_23:after{z-index:1;content:"";width:.7rem;height:2rem;border-radius:20%;background-color:var(--color-gray);border:.1rem solid var(--color-gray-light);border:var(--border-button)}._range_189sy_1 ._input__numbers_189sy_45{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;transition:all .4s .2s}._range_189sy_1 ._input__numbers_189sy_45 span{color:var(--color-gray-light);height:100%;width:100%;display:flex;align-items:start;justify-content:center}._range_189sy_1 ._input__numbers--hide_189sy_63{transition:all .3s;opacity:0}._notes_4su38_1{height:100%;display:flex;flex-direction:column;align-items:center;position:relative}@media (pointer: coarse) and (orientation: landscape){._notes_4su38_1{flex-direction:row}}._notes__chord_4su38_13{display:flex;flex-direction:column;align-items:center;margin:auto}._notes__select_4su38_19{display:flex;align-items:center;gap:var(--gap-small)}@media (pointer: coarse) and (orientation: landscape){._notes__select_4su38_19{margin-top:auto;flex-direction:column-reverse;width:8rem}._notes__select_4su38_19>select{align-self:stretch}}