@import "https://fonts.googleapis.com/css2?family=Courier+New:wght@400;700&display=swap";
.styles-module__eqaepG__container{background:var(--bg-primary);min-height:100vh;transition:all .5s;position:relative;overflow-x:hidden}.styles-module__eqaepG__container.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine,.styles-module__eqaepG__container.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:nth-child(odd){animation:.3s ease-in-out infinite styles-module__eqaepG__lineWavy}.styles-module__eqaepG__container.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:nth-child(2n){animation:.3s ease-in-out .15s infinite styles-module__eqaepG__lineWavy}@keyframes styles-module__eqaepG__lineWavy{0%,to{transform:translateY(0)scaleX(1)}25%{transform:translateY(-8px)scaleX(1.1)}50%{transform:translateY(0)scaleX(1)}75%{transform:translateY(8px)scaleX(.9)}}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine{animation:.3s ease-in-out infinite styles-module__eqaepG__lineWavy}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:first-child{animation-delay:0s}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:nth-child(2){animation-delay:50ms}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:nth-child(3){animation-delay:.1s}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:nth-child(4){animation-delay:.15s}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:nth-child(5){animation-delay:.2s}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:nth-child(6){animation-delay:.25s}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:nth-child(7){animation-delay:.3s}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:nth-child(8){animation-delay:.35s}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:nth-child(9){animation-delay:.4s}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine:nth-child(10){animation-delay:.45s}.styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine{animation-name:styles-module__eqaepG__lineSine;animation-duration:.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}[data-waveform=square].styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine{background-color:#ff6b6b;animation-name:styles-module__eqaepG__lineSquare;animation-timing-function:steps(2,end)}[data-waveform=triangle].styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine{background-color:#4ecdc4;animation-name:styles-module__eqaepG__lineTriangle;animation-timing-function:linear}[data-waveform=sawtooth].styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine{background-color:#45b7d1;animation-name:styles-module__eqaepG__lineSawtooth;animation-timing-function:linear}[data-waveform=triangle].styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine{animation-name:styles-module__eqaepG__lineTriangle;animation-timing-function:linear}[data-waveform=sawtooth].styles-module__eqaepG__audioPlaying .styles-module__eqaepG__backgroundLine{animation-name:styles-module__eqaepG__lineSawtooth;animation-timing-function:linear}@keyframes styles-module__eqaepG__lineSine{0%,to{transform:translateY(0)scaleX(1)}25%{transform:translateY(-8px)scaleX(1.2)}50%{transform:translateY(0)scaleX(1)}75%{transform:translateY(8px)scaleX(.8)}}@keyframes styles-module__eqaepG__lineSquare{0%,49%{transform:translateY(-12px)scaleX(1)}50%,to{transform:translateY(12px)scaleX(1)}}@keyframes styles-module__eqaepG__lineTriangle{0%{transform:translateY(-8px)scaleX(.8)}25%{transform:translateY(-4px)scaleX(.9)}50%{transform:translateY(0)scaleX(1)}75%{transform:translateY(4px)scaleX(.9)}to{transform:translateY(8px)scaleX(.8)}}@keyframes styles-module__eqaepG__lineSawtooth{0%{transform:translateY(-8px)scaleX(.8)}10%{transform:translateY(8px)scaleX(1.2)}10.1%,to{transform:translateY(-8px)scaleX(.8)}}.styles-module__eqaepG__waveVisualization{pointer-events:none;z-index:3;opacity:.6;position:fixed;inset:0}.styles-module__eqaepG__wavePath{stroke:var(--stripe-color);stroke-width:2px;fill:none;opacity:.8;animation:.5s ease-in-out infinite styles-module__eqaepG__waveMove}@keyframes styles-module__eqaepG__waveMove{0%,to{opacity:.8}50%{opacity:1}}.styles-module__eqaepG__header{z-index:10;justify-content:space-between;align-items:center;max-width:1184px;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:20px 48px;display:flex;position:relative}.styles-module__eqaepG__title{color:var(--title-color);font-variation-settings:"BLED" 16, "SCAN" -12;margin:0;font-family:Sixtyfour Convergence Variable,monospace;font-size:48px;font-weight:400;line-height:48px;transition:color .5s}.styles-module__eqaepG__homeLink{color:var(--text-light);opacity:.6;letter-spacing:.05em;font-family:Courier New,monospace;font-size:13px;text-decoration:none;transition:opacity .2s}.styles-module__eqaepG__homeLink:hover{opacity:1}.styles-module__eqaepG__audioToggle{color:var(--text-light);align-items:center;gap:12px;font-family:Courier New,monospace;font-size:14px;transition:color .5s;display:flex}.styles-module__eqaepG__main{z-index:10;grid-template-columns:repeat(7,1fr);gap:24px;max-width:1184px;margin:0 auto;padding-bottom:40px;display:grid;position:relative}@media (min-width:1280px){.styles-module__eqaepG__main{max-width:1184px;margin:0 auto}}.styles-module__eqaepG__keyboardSection{grid-column:1/-1;justify-content:flex-start;margin-bottom:40px;display:flex}.styles-module__eqaepG__keyboard{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:4px;flex-direction:column;gap:16px;width:840px;height:fit-content;padding:20px;transition:background .5s,border-color .5s;display:flex;position:relative}.styles-module__eqaepG__keyboardHeader{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.styles-module__eqaepG__keyboardHeader h3{color:var(--text-primary);margin:0;font-family:Courier New,monospace;font-size:16px;font-weight:700;transition:color .5s}.styles-module__eqaepG__keyboardAudioToggle{color:#155d76;align-items:center;gap:12px;font-family:Courier New,monospace;font-size:14px;display:flex}.styles-module__eqaepG__keyboardKeys{gap:0;height:214px;display:flex;position:relative}.styles-module__eqaepG__whiteKey{background:var(--white-key-bg);border:1px solid var(--border-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0 0 4px 4px;flex-direction:column;justify-content:flex-end;align-items:center;width:80px;height:214px;transition:all .1s;display:flex;position:relative;box-shadow:0 1px 0 1px #00000040}.styles-module__eqaepG__whiteKey:hover{background:var(--white-key-hover);box-shadow:0 2px 0 2px #0000004d}.styles-module__eqaepG__whiteKey.styles-module__eqaepG__pressed{background:var(--white-key-pressed);box-shadow:inset 0 2px 4px #0000004d}.styles-module__eqaepG__blackKey{background:var(--black-key-bg);border:1px solid var(--border-secondary);z-index:30;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0 0 7px 7px;flex-direction:column;justify-content:center;align-items:center;width:40px;height:168px;transition:all .1s;display:flex;position:absolute;top:0;box-shadow:1px 2px 1px #0000004d,0 4px 4px #00000040}.styles-module__eqaepG__blackKey:hover{background:var(--black-key-hover);box-shadow:2px 3px 2px #0006,0 5px 5px #0000004d}.styles-module__eqaepG__blackKey.styles-module__eqaepG__pressed{background:var(--black-key-pressed);box-shadow:inset 1px 2px 4px #0006}.styles-module__eqaepG__keyLabel{color:var(--text-primary);margin-bottom:8px;font-family:Courier New,monospace;font-size:16px;font-weight:700;line-height:18px;transition:color .5s}.styles-module__eqaepG__whiteKey .styles-module__eqaepG__keyLabel{color:var(--text-primary)}.styles-module__eqaepG__whiteKey:hover .styles-module__eqaepG__keyLabel,.styles-module__eqaepG__whiteKey.styles-module__eqaepG__pressed .styles-module__eqaepG__keyLabel{color:var(--text-secondary)}.styles-module__eqaepG__blackKey .styles-module__eqaepG__keyLabel,.styles-module__eqaepG__blackKey:hover .styles-module__eqaepG__keyLabel,.styles-module__eqaepG__blackKey.styles-module__eqaepG__pressed .styles-module__eqaepG__keyLabel{color:var(--text-light)}.styles-module__eqaepG__controlsSection{grid-column:1/-1;grid-template-columns:repeat(7,1fr);gap:24px;display:grid}.styles-module__eqaepG__controlPanel{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:4px;flex-direction:column;gap:16px;min-width:300px;height:fit-content;padding:20px;transition:background .5s,border-color .5s;display:flex}.styles-module__eqaepG__controlPanel h3{color:var(--text-primary);text-align:left;margin:0;font-family:Courier New,monospace;font-size:16px;font-weight:700;transition:color .5s}.styles-module__eqaepG__controlPanel p{color:var(--text-primary);margin:0;font-family:Courier New,monospace;font-size:14px;transition:color .5s}.styles-module__eqaepG__controlGroup{flex-direction:column;gap:8px;display:flex}.styles-module__eqaepG__controlGroup label{color:var(--text-primary);text-align:left;font-family:Courier New,monospace;font-size:14px;font-weight:700;transition:color .5s}.styles-module__eqaepG__buttonRow{flex-flow:wrap;place-content:center;align-items:center;gap:12px;padding:0;display:flex}.styles-module__eqaepG__soundTypeButton{background:var(--bg-accent);border:1px solid var(--border-secondary);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;flex:1;justify-content:center;align-items:center;min-width:0;height:34px;padding:8px;font-family:Courier New,monospace;font-size:16px;font-weight:700;line-height:18px;transition:all .1s;display:flex;box-shadow:1px 2px 0 1px #4c0e0c4d}.styles-module__eqaepG__soundTypeButton:hover{background:var(--bg-accent-hover);box-shadow:2px 3px 0 2px #4c0e0c66}.styles-module__eqaepG__soundTypeButton.styles-module__eqaepG__active{background:var(--bg-accent-active);border:1px solid var(--border-secondary);color:var(--text-secondary);box-shadow:inset -4px 0 2px #0000004d,inset 4px 0 4px #0000004d}.styles-module__eqaepG__soundTypeButton:disabled{opacity:.6;cursor:not-allowed}.styles-module__eqaepG__waveformButton{background:var(--bg-accent);border:1px solid var(--border-secondary);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;flex:1;justify-content:center;align-items:center;min-width:0;height:34px;padding:8px;font-family:Courier New,monospace;font-size:16px;font-weight:700;line-height:18px;transition:all .1s;display:flex;box-shadow:1px 2px 0 1px #4c0e0c4d}.styles-module__eqaepG__waveformButton:hover{background:var(--bg-accent-hover);box-shadow:2px 3px 0 2px #4c0e0c66}.styles-module__eqaepG__waveformButton.styles-module__eqaepG__active{background:var(--bg-accent-active);border:1px solid var(--border-secondary);color:var(--text-secondary);box-shadow:inset -4px 0 2px #0000004d,inset 4px 0 4px #0000004d}.styles-module__eqaepG__modeButton{background:var(--bg-accent);border:1px solid var(--border-secondary);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;flex:1;justify-content:center;align-items:center;min-width:0;height:34px;padding:8px;font-family:Courier New,monospace;font-size:16px;font-weight:700;line-height:18px;transition:all .1s;display:flex;box-shadow:1px 2px 0 1px #4c0e0c4d}.styles-module__eqaepG__modeButton:hover{background:var(--bg-accent-hover);box-shadow:2px 3px 0 2px #4c0e0c66}.styles-module__eqaepG__modeButton.styles-module__eqaepG__active{background:var(--bg-accent-active);border:1px solid var(--border-secondary);color:var(--text-secondary);box-shadow:inset -4px 0 2px #0000004d,inset 4px 0 4px #0000004d}.styles-module__eqaepG__filterRow{align-items:center;gap:12px;display:flex}.styles-module__eqaepG__filterRow span{color:var(--text-primary);font-family:Courier New,monospace;font-size:14px;font-weight:700;transition:color .5s}.styles-module__eqaepG__toggleButton{background:var(--toggle-bg);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:225px;align-items:center;gap:0;width:44px;height:26px;padding:2px;transition:all .2s;display:flex;position:relative;box-shadow:inset 0 4.5px 9px #46481e4d}.styles-module__eqaepG__toggleButton.styles-module__eqaepG__active{background:var(--toggle-active-bg);justify-content:flex-end}.styles-module__eqaepG__toggleSlider{background:var(--toggle-slider);border:2.25px solid var(--slider-border);border-radius:225px;flex-shrink:0;width:22px;height:22px;margin:0;transition:all .2s}.styles-module__eqaepG__toggleButton.styles-module__eqaepG__active .styles-module__eqaepG__toggleSlider{background:var(--toggle-slider-active);border:2.25px solid var(--border-accent)}.styles-module__eqaepG__enableToggle{align-items:center;gap:12px;margin-bottom:16px;display:flex}.styles-module__eqaepG__enableToggle span{color:var(--text-primary);font-family:Courier New,monospace;font-size:14px;font-weight:700;transition:color .5s}.styles-module__eqaepG__sliders{flex-direction:column;gap:16px;display:flex}.styles-module__eqaepG__sliderGroup{flex-direction:column;gap:8px;display:flex}.styles-module__eqaepG__sliderLabel{color:var(--text-primary);text-align:left;font-family:Courier New,monospace;font-size:14px;font-weight:700;transition:color .5s}.styles-module__eqaepG__slider{background:var(--slider-bg);cursor:pointer;border-radius:100px;height:20px;padding:2px;transition:background .5s;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #46481e4d}.styles-module__eqaepG__sliderFill{background:var(--slider-fill);border:1px solid var(--border-accent);border-radius:100px;width:100%;min-width:18px;height:18px;transition:width .1s}.styles-module__eqaepG__sliderValue{color:var(--text-primary);text-align:left;font-family:Courier New,monospace;font-size:12px;font-weight:700;transition:color .5s}@media (max-width:1200px){.styles-module__eqaepG__main{grid-template-columns:repeat(5,1fr)}}@media (max-width:900px){.styles-module__eqaepG__main{grid-template-columns:repeat(3,1fr)}}@media (max-width:839px){.styles-module__eqaepG__keyboardSection{display:none}.styles-module__eqaepG__main:before{content:"GETTING A LITTLE TOO SMALL FOR COMFORT!";text-align:center;color:#eb9292;background:#f2f3e2;border:2px solid #fff;border-radius:4px;grid-column:1/-1;margin-bottom:40px;padding:40px;font-family:Courier New,monospace;font-size:24px;font-weight:700}.styles-module__eqaepG__controlsSection{grid-template-columns:1fr}}@media (max-width:600px){.styles-module__eqaepG__header{text-align:center;flex-direction:column;gap:20px}.styles-module__eqaepG__main{max-width:calc(100% - 48px);margin:0 auto}.styles-module__eqaepG__controlPanel{padding:16px}.styles-module__eqaepG__buttonRow{flex-direction:column}}
@font-face{font-family:Sixtyfour Convergence Variable;font-style:normal;font-display:swap;font-weight:400;src:url(../media/sixtyfour-convergence-math-full-normal.3i0dw31ir6qj_.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Sixtyfour Convergence Variable;font-style:normal;font-display:swap;font-weight:400;src:url(../media/sixtyfour-convergence-symbols-full-normal.1r5f4ay7865rp.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Sixtyfour Convergence Variable;font-style:normal;font-display:swap;font-weight:400;src:url(../media/sixtyfour-convergence-latin-ext-full-normal.3l-jl7d7v8pv-.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sixtyfour Convergence Variable;font-style:normal;font-display:swap;font-weight:400;src:url(../media/sixtyfour-convergence-latin-full-normal.21j_cd5b6eu3o.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}