@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";._header_1a4zm_3{width:100%;padding-top:20px;font-size:var(--size-large);font-family:VT323,monospace;font-weight:400;font-style:normal;color:var(--primary-color)}._credits_1a4zm_13{font-size:28px}._gradient_1a4zm_17{background:-webkit-linear-gradient(45deg,var(--spotify-color),#bda95c,var(--remove-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}._noteEntry_1mhhz_1{width:100%;display:flex;flex-direction:column}._inputs_1mhhz_7{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:15px}._addNotes_1mhhz_15{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}._addNotes_1mhhz_15 input{outline:none;border:none;background-color:transparent;border-radius:5px;color:var(--primary-color);border:1px solid var(--primary-color);text-align:left;padding:var(--padding-box);font-size:var(--size-medium)}._addNotes_1mhhz_15 button{margin-right:10px;font-size:var(--size-medium);outline:none;background-color:transparent;border-radius:5px;cursor:pointer;color:var(--primary-color);padding:var(--padding-box);transition:.15s ease-in-out;text-wrap:nowrap}._addNotes_1mhhz_15 button svg{position:relative;top:2px;margin-left:5px}._annotations_1mhhz_55{display:flex;flex-direction:row}._annotations_1mhhz_55>button{outline:none;border:none;margin-right:15px;padding:var(--padding-box);background-color:var(--spotify-color);border:2px solid var(--spotify-color);color:#fff;border-radius:5px;transition:border-color .25s ease-in-out;cursor:pointer;font-size:var(--size-medium);position:relative}._annotations_1mhhz_55>button:hover{border-color:var(--remove-color)}._annotations_1mhhz_55>button:last-of-type{margin-right:0}._addButton_1mhhz_83{border:1px solid var(--spotify-color)}._addButton_1mhhz_83:hover{background-color:var(--spotify-color);color:#fff}._clearButton_1mhhz_92{border:1px solid var(--remove-color)}._clearButton_1mhhz_92:hover{background-color:var(--remove-color);color:#fff}._cross_1mhhz_101{position:absolute;background-color:red;padding:2px;font-size:18px;border-radius:50px;top:-8px;right:-8px}._results_j945r_1{width:100%;display:flex;flex-direction:column;min-height:0px;flex:1;padding:0}._results_j945r_1>*{padding:0 var(--padding-large)}._scrollable_j945r_14{display:flex;flex-direction:column;flex:1;min-height:0px;overflow-y:auto}._categoryTitle_hsxn0_1{margin-bottom:5px;color:var(--secondary-color);cursor:pointer;width:fit-content}._categoryTitle_hsxn0_1 svg,._noMatches_hsxn0_9 svg{position:relative;top:2px;margin-right:5px}._scales_hsxn0_15{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:25px}._noMatches_hsxn0_9{margin:5px;color:var(--no-match-color)}._background_1vd10_1{position:fixed;z-index:99;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;display:flex;justify-content:center;align-items:center}._modal_1vd10_14{padding:20px;background-color:var(--contrast-color);display:flex;flex-direction:column;width:600px;color:var(--secondary-color)}._header_1vd10_23{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:15px;color:var(--primary-color)}._header_1vd10_23 h3{padding:0;margin:0}._header_1vd10_23 svg{font-size:var(--size-medium);position:relative;top:1px;cursor:pointer}._pianoHolder_1vd10_44{margin-top:15px;width:100%;height:100px;display:flex;justify-content:center;align-items:center}._piano_1vd10_44{pointer-events:none}._annotations_1vd10_57{display:flex;flex-direction:row;flex-wrap:wrap}._annotation_1vd10_57{margin-top:10px;margin-right:10px;outline:none;border:none;padding:var(--padding-box);border:1px solid var(--spotify-color);color:var(--primary-color);border-radius:5px;transition:.15s ease-in-out;font-size:var(--size-small);width:fit-content}.ReactPiano__Keyboard{position:relative;display:flex}.ReactPiano__Key{display:flex}.ReactPiano__Key--accidental{background:#555;border:1px solid #fff;border-top:1px solid transparent;border-radius:0 0 4px 4px;cursor:pointer;height:66%;z-index:1;position:absolute;top:0}.ReactPiano__Key--natural{background:#f6f5f3;border:1px solid #888;border-radius:0 0 6px 6px;cursor:pointer;z-index:0;flex:1;margin-right:1px}.ReactPiano__Key--natural:last-child{margin-right:0}.ReactPiano__Key--active{background:#3ac8da}.ReactPiano__Key--active.ReactPiano__Key--accidental{border:1px solid #fff;border-top:1px solid #3ac8da;height:65%}.ReactPiano__Key--active.ReactPiano__Key--natural{border:1px solid #3ac8da;height:98%}.ReactPiano__Key--disabled.ReactPiano__Key--accidental{background:#ddd;border:1px solid #999}.ReactPiano__Key--disabled.ReactPiano__Key--natural{background:#eee;border:1px solid #aaa}.ReactPiano__NoteLabelContainer{flex:1;align-self:flex-end}.ReactPiano__NoteLabel{font-size:12px;text-align:center;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ReactPiano__NoteLabel--accidental{color:#f8e8d5;margin-bottom:3px}.ReactPiano__NoteLabel--natural{color:#888;margin-bottom:3px}.ReactPiano__NoteLabel--natural.ReactPiano__NoteLabel--active{color:#f8e8d5}._scale_17w1r_1{outline:none;border:none;background-color:unset;color:inherit;font-size:var(--size-medium);margin:5px;padding:var(--padding-box);width:fit-content;height:fit-content;border:1px solid var(--spotify-color);border-radius:5px;transition:.15s ease-in-out;cursor:pointer}._scale_17w1r_1:hover{background-color:var(--spotify-color);color:var(--background-color)}._footer_qsxsh_3{margin-top:20px;border-top:1px solid var(--spotify-color);color:var(--secondary-color);padding:35px var(--padding-large);display:flex;flex-direction:row;justify-content:space-between}._footer_qsxsh_3 a{transition:.15s ease-in-out;color:inherit}._footer_qsxsh_3 a:hover{color:var(--primary-color)}._linkList_qsxsh_22{display:flex;flex-direction:column}._linkList_qsxsh_22 a,._iconList_qsxsh_28 a{margin-top:3px;text-decoration:none;color:inherit}._linkList_qsxsh_22 a svg{position:relative;top:1px;margin-right:5px}._iconList_qsxsh_28 a svg{font-size:24px;position:relative;margin-left:7px}._footer_qsxsh_3 section{display:flex;flex-direction:column}._title_qsxsh_51{font-weight:700;color:var(--primary-color);font-family:VT323,monospace;font-weight:400;font-style:normal;font-size:calc(var(--size-large) / 2)}#_center_qsxsh_1{max-width:50%}#_center_qsxsh_1 a{font-weight:700;text-decoration:none}#_center_qsxsh_1 *{text-align:center}#_right_qsxsh_1 *{text-align:right}@keyframes _pulsate_oget5_1{0%,to{opacity:1}50%{opacity:.25}}._scrollIndicator_oget5_11{position:absolute;z-index:-10;width:100%;height:100vh;display:flex;align-items:flex-end;padding:20px calc(var(--padding-large) / 2);justify-content:space-between}._scrollIndicator_oget5_11 span{display:flex;flex-direction:column;align-items:center;font-size:16px}._scrollIndicator_oget5_11 span svg{animation:_pulsate_oget5_1 3s infinite}._scrollIndicator_oget5_11 span svg:first-of-type{font-size:20px;position:relative;top:8px;animation-delay:.3s}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-color: black;--secondary-color: #333333;--background-color: white;--contrast-color: white;--spotify-color: #1db954;--no-match-color: #9a492c;--remove-color: #ff4141;--size-large: 50px;--size-medium: 20px;--size-small: 14px;--padding-large: 100px;--padding-medium: 35px;--padding-box: 5px 15px}*{box-sizing:border-box}body{margin:0;background-color:var(--background-color);color:var(--primary-color)}main{width:100%;display:flex;flex-direction:column;font-size:var(--size-medium)}main>section{display:flex;flex-direction:column;min-height:100vh}main>section>*{padding:0 var(--padding-large)}h3{width:100%}h3 svg{position:relative;top:2px;margin-right:5px}@media only screen and (max-width: 600px){:root{--padding-large: 50px;--padding-box: 5px 10px;--size-large: 30px;--size-medium: 12px;--size-small: 8px}}@media only screen and (min-width: 600px){:root{--padding-large: 100px;--padding-box: 5px 12px;--size-large: 35px;--size-medium: 14px;--size-small: 10px}}@media only screen and (min-width: 768px){:root{--padding-large: 175px;--padding-box: 6px 13px;--size-large: 45px;--size-medium: 17px;--size-small: 10px}}@media only screen and (min-width: 992px){:root{--padding-large: 250px;--padding-box: 6px 14px;--size-large: 45px;--size-medium: 17px;--size-small: 12px}}@media only screen and (min-width: 1200px){:root{--padding-large: 325px;--padding-box: 7px 15px;--size-large: 50px;--size-medium: 16px;--size-small: 13px}}@media (prefers-color-scheme: dark){:root{--primary-color: #e8e9eb;--secondary-color: #c3c3c3;--background-color: #101010;--contrast-color: #262626;--spotify-color: #1db954;--no-match-color: #bda95c;--remove-color: #ff4141}}