:root{--Blue: #045bb2;--Dark-blue: #031956;--Header: #333;--Paragraph: #555;--Main-bg: #ddd}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--Main-bg);font-family:Arial,Helvetica,sans-serif;padding-top:20px}h1{color:var(--Header);text-align:center;padding-bottom:50px;font-size:3.25rem}footer{font-size:.9rem;color:var(--Paragraph);margin-top:60px;text-align:center}footer a{color:var(--Dark-blue)}._container_y8rah_1{display:flex;flex-direction:column;align-items:center;gap:20px}._input-container_y8rah_8 input{width:70px;padding:4px;margin-right:12px;color:var(--Header);font-size:1rem}._input-container_y8rah_8 span{color:var(--Paragraph);font-size:.9rem}._btns-container_y8rah_21{display:flex;flex-direction:column;align-items:center;gap:8px}._btns-container_y8rah_21 button{width:180px;padding:6px;background-color:var(--Paragraph);color:var(--Main-bg);font-size:1rem;font-weight:500;border:2px solid var(--Paragraph)}._btns-container_y8rah_21 button:hover{cursor:pointer;background-color:var(--Main-bg);color:var(--Paragraph);transition:all .2s}._btns-container_y8rah_21 button._disabled-btn_y8rah_45{cursor:not-allowed;opacity:.5;background-color:var(--Paragraph)!important;color:var(--Main-bg)!important}._container_105td_1{position:relative;width:480px;height:480px;border-radius:50%;border:2px solid #33333380;margin:100px auto 0;display:flex;justify-content:center;align-items:center}._active_105td_14{border-color:var(--Blue);transition:border-color .2s}._popup-container_105td_19{position:absolute;top:0;right:0}._popup-container_105td_19 button{font-size:16px;font-weight:400;color:var(--Header);border:.5px solid var(--Header);border-radius:4px;padding:2px}._popup-container_105td_19 button:hover{cursor:pointer;opacity:.7;transition:opacity .2s}._popup-container_105td_19 p{width:300px;position:absolute;z-index:50;top:0;left:50%;translate:-50% calc(-100% - 5px);background-color:var(--Dark-blue);color:var(--Main-bg);padding:8px;font-size:1.1rem;line-height:1.3;border-radius:4px;display:none}._popup-container_105td_19 p._show_105td_56{display:block}._musical-note_105td_60{height:40px;width:2px;background-color:var(--Blue);position:relative;display:none}._musical-note_105td_60:before{content:"";display:block;position:absolute;top:0;left:0;width:20px;border-top:4px solid var(--Blue);rotate:30deg;transform-origin:0% 0%}._musical-note_105td_60:after{content:"";display:block;position:absolute;bottom:0;right:0;width:15px;height:11px;border-radius:50%;background-color:var(--Blue);translate:0 50%;transform:skewY(-15deg)}._active_105td_14 ._musical-note_105td_60{display:block;animation:_sway_105td_1 1s ease-in-out infinite}@keyframes _sway_105td_1{0%{rotate:-20deg}50%{rotate:20deg}to{rotate:-20deg}}._chord-container_105td_111{position:absolute;height:50%;top:0;left:50%;translate:-50%;text-align:center;transform-origin:50% 100%}._chord-name_105td_121{font-size:32px;translate:0 15px;color:#33333370;white-space:pre;line-height:90%}._dash_105td_129{margin:0 auto;width:18px;border-top:2px solid #33333370;transform:rotate(90deg)}._active_105td_14 ._chord-name_105td_121{color:var(--Blue);transition:color .2s}._chord-name_105td_121:hover{cursor:pointer;color:#045bb290;transition:color .2s}._chord-name_105td_121._active-chord_105td_147{scale:1.4;animation:_bigger_105td_1 .3s;color:var(--Blue)!important}._chord-name_105td_121._disabled_105td_153{cursor:not-allowed;color:var(--Blue)!important}._active_105td_14 ._dash_105td_129{border-color:var(--Blue)}._focused-chord_105td_162{outline:2px solid blue}@keyframes _bigger_105td_1{0%{scale:1}to{scale:1.4}}._container_1kmu8_1{position:relative;text-align:center;width:fit-content;height:fit-content;margin:0 auto}._key-container_1kmu8_9{display:inline-block;position:relative;width:40px;height:150px}._white-key_1kmu8_16{position:relative;width:100%;height:100%;background-color:#fff;border:1px solid #000}._black-key_1kmu8_24{width:70%;height:60%;position:absolute;z-index:3;top:0;right:0;translate:50%;background-color:#333}._white-key_1kmu8_16:hover,._black-key_1kmu8_24:hover{background-color:#91c1f1}._playing_1kmu8_40{background-color:var(--Blue)!important}._focused_1kmu8_44{background-color:#91c1f1}._key-label_1kmu8_48{display:none;position:absolute;font-size:1rem;color:var(--Blue)}._white-key_1kmu8_16 ._key-label_1kmu8_48{bottom:0;left:50%;translate:-50% calc(100% + 5px)}._black-key_1kmu8_24 ._key-label_1kmu8_48{top:0;left:50%;translate:-50% calc(-100% - 5px)}._playing_1kmu8_40 ._key-label_1kmu8_48{display:block}._container_wkmz2_1{position:relative;width:8em;min-height:1.5em;border:1px solid #555;display:flex;align-items:center;padding:.5em;border-radius:.25em;outline:none;background-color:#eee}._container_wkmz2_1._disabled_wkmz2_14{opacity:.5}._container_wkmz2_1:focus-visible{outline:2px solid var(--Blue)}._value_wkmz2_22{color:var(--Header)}._caret_wkmz2_26{margin-left:auto;border:.25em solid transparent;border-top-color:#555;translate:0 25%}._options_wkmz2_33{position:absolute;width:100%;left:0;top:calc(100% + 5px);display:none;background-color:#eee;z-index:5}._show_wkmz2_43{display:block}._option_wkmz2_33{list-style:none;padding:.5em}._selected_wkmz2_52{background-color:#809dee!important}._highlighted_wkmz2_56{background-color:#bbb}