.lockable-module__bvAZVW__lockable{white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:1.2rem;font-weight:400}.lockable-module__bvAZVW__lockable h2{margin-bottom:.5rem;font-size:1.2rem;font-weight:400;display:inline-block}.lockable-module__bvAZVW__lockable span{--size:1.2rem;margin-right:.6rem}.lockable-module__bvAZVW__lockable span.lockable-module__bvAZVW__unlocked{opacity:.6}
.details-module__Lw9nMW__details{display:inline-flex}.details-module__Lw9nMW__stick{flex-direction:column;gap:2.4rem;width:100%;display:flex}.details-module__Lw9nMW__stick .details-module__Lw9nMW__group{gap:4.8rem;display:flex}@media (min-width:768px){.details-module__Lw9nMW__stick{flex-flow:wrap;justify-content:space-between}}@media (min-width:1024px){.details-module__Lw9nMW__stick{flex-direction:column;justify-content:flex-start;align-self:flex-start;position:sticky;top:12rem}}.details-module__Lw9nMW__detail p,.details-module__Lw9nMW__detail .details-module__Lw9nMW__keyName{margin-top:.6rem;font-size:3rem;line-height:1.2}@media (min-width:768px){.details-module__Lw9nMW__detail p,.details-module__Lw9nMW__detail .details-module__Lw9nMW__keyName{font-size:3.6rem}}@media (min-width:1500px){.details-module__Lw9nMW__detail p,.details-module__Lw9nMW__detail .details-module__Lw9nMW__keyName{font-size:3.6rem}}.details-module__Lw9nMW__detail .details-module__Lw9nMW__loading{color:var(--c-contrast-3);transform-origin:0;display:block;transform:scale(.5)}.details-module__Lw9nMW__title .details-module__Lw9nMW__nameLabel{align-items:center;display:flex}.details-module__Lw9nMW__title .details-module__Lw9nMW__songName{display:flex}.details-module__Lw9nMW__title p{width:100%;font-family:var(--font-geist-sans);color:var(--c-fg);text-transform:capitalize;background:0 0;border:none;outline:none;display:inline-block}.details-module__Lw9nMW__title .details-module__Lw9nMW__copy{--size:1.2rem;cursor:pointer;align-self:flex-end;margin-left:.9rem;display:inline-block;bottom:0}.details-module__Lw9nMW__key{white-space:nowrap;width:15rem}.details-module__Lw9nMW__controls{flex-basis:100%;min-width:100%}.details-module__Lw9nMW__shortcut{color:var(--c-green);text-transform:uppercase;letter-spacing:.03rem;font-size:1rem}
.button-module__kPLe5W__button{font-family:var(--font-geist-sans);text-transform:uppercase;letter-spacing:.09rem;background-color:var(--c-contrast-2);color:var(--c-fg);border-radius:var(--border-radius);border:none;outline:none;padding:1.2rem 2.4rem;font-size:.9rem;display:inline-block}
@keyframes rainbowButton-module__rzz5Sq__rainbowShift{0%{background-position:0%}to{background-position:200%}}.rainbowButton-module__rzz5Sq__btn{height:2.75rem;color:var(--c-fg);cursor:pointer;background-image:linear-gradient(#121213, #121213), linear-gradient(#121213 50%, #12121399 80%, #12121300), linear-gradient(90deg, hsl(var(--color-1,0 0% 50%)), hsl(var(--color-5,60 80% 60%)), hsl(var(--color-3,180 70% 55%)), hsl(var(--color-4,260 70% 65%)), hsl(var(--color-2,320 75% 60%)));background-size:200%;background-origin:border-box;background-clip:padding-box,border-box,border-box;border:.08rem solid #0000;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem 2rem;font-weight:500;transition:color .2s,background-position .6s,box-shadow .2s;animation:6s linear infinite rainbowButton-module__rzz5Sq__rainbowShift;display:inline-flex;position:relative}.rainbowButton-module__rzz5Sq__btn:before{z-index:0;pointer-events:none;content:"";background-image:linear-gradient(90deg, hsl(var(--color-1,0 0% 50%)), hsl(var(--color-5,60 80% 60%)), hsl(var(--color-3,180 70% 55%)), hsl(var(--color-4,260 70% 65%)), hsl(var(--color-2,320 75% 60%)));filter:blur(.8rem);background-size:200%;width:60%;height:20%;animation:6s linear infinite rainbowButton-module__rzz5Sq__rainbowShift;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)}.rainbowButton-module__rzz5Sq__btn:focus-visible{outline:none;box-shadow:0 0 0 2px #6464ff80}.rainbowButton-module__rzz5Sq__btn:disabled{pointer-events:none;opacity:.5}html.dark .rainbowButton-module__rzz5Sq__btn{color:var(--primary-foreground,#000);background-image:linear-gradient(#fff, #fff), linear-gradient(#fff 50%, #fff9 80%, #0000), linear-gradient(90deg, hsl(var(--color-1,0 0% 50%)), hsl(var(--color-5,60 80% 60%)), hsl(var(--color-3,180 70% 55%)), hsl(var(--color-4,260 70% 65%)), hsl(var(--color-2,320 75% 60%)))}
.header-module__Mn83pa__header{z-index:6;justify-content:space-between;align-items:center;gap:3rem;margin-bottom:2.4rem;padding-top:15rem;padding-bottom:2.4rem;display:flex}@media (min-width:768px){.header-module__Mn83pa__header{flex-direction:row;padding-top:18rem}}.header-module__Mn83pa__header:after{content:"";border-bottom:1px solid var(--c-contrast-3);clip-path:inset(0 100% 0 0);width:100%;animation:1s ease-in-out forwards header-module__Mn83pa__Wipe;position:absolute;bottom:0;left:0}.header-module__Mn83pa__pageTitle{overflow:clip}.header-module__Mn83pa__pageTitle h1{text-transform:capitalize;white-space:normal;font-size:2.1rem;font-weight:900}.header-module__Mn83pa__pageTitle h1 span{opacity:.6;letter-spacing:.15rem;text-transform:lowercase;font-size:1.2rem;font-weight:400}.header-module__Mn83pa__controls{-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:space-between;align-items:center;gap:2.4rem;display:flex}.header-module__Mn83pa__controls .header-module__Mn83pa__shortcut{color:var(--c-fg);white-space:nowrap;background:0 0;min-width:1.2rem;font-size:1.2rem}.header-module__Mn83pa__controls .header-module__Mn83pa__shortcut img{width:1.2rem;height:auto;top:-1px}.header-module__Mn83pa__controls .header-module__Mn83pa__login{color:var(--c-fg);white-space:nowrap;padding:.9rem;font-size:1.2rem;font-weight:700}.header-module__Mn83pa__controls .header-module__Mn83pa__signup{color:var(--c-fg);white-space:nowrap;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700}@keyframes header-module__Mn83pa__Wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.keyboard-module__TJHhkq__keyboard{--border-radius:.6rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#16161699;width:100%}@media (min-width:768px){.keyboard-module__TJHhkq__keyboard{--border-radius:.9rem}}.keyboard-module__TJHhkq__wrap{aspect-ratio:3;border-radius:var(--border-radius);gap:0 .6%;width:100%;max-height:21rem;display:flex;overflow:clip}.keyboard-module__TJHhkq__octave{flex:1;min-height:9rem}.keyboard-module__TJHhkq__octave[data-octave="2"]{display:none}@media (min-width:1600px){.keyboard-module__TJHhkq__octave[data-octave="2"]{display:inline-block}}.keyboard-module__TJHhkq__octave[data-octave="3"]{display:none}.keyboard-module__TJHhkq__keyboard[data-chord=true]{--border-radius:.3rem}.keyboard-module__TJHhkq__keyboard[data-chord=true] .keyboard-module__TJHhkq__octave[data-octave="2"],.keyboard-module__TJHhkq__keyboard[data-chord=true] .keyboard-module__TJHhkq__octave[data-octave="3"]{display:inline-block}.keyboard-module__TJHhkq__whiteKeys{justify-content:center;gap:0 2%;height:100%;display:flex}.keyboard-module__TJHhkq__whiteKeys .keyboard-module__TJHhkq__key{color:var(--c-bg);background-color:var(--c-fg);border-radius:0 0 var(--border-radius) var(--border-radius);flex:1;place-content:center;align-items:flex-end;padding:1.5rem 0;font-size:1.2rem;font-weight:700;display:inline-flex}.keyboard-module__TJHhkq__whiteKeys .keyboard-module__TJHhkq__key span{display:none}.keyboard-module__TJHhkq__whiteKeys .keyboard-module__TJHhkq__key[data-active=true]{background-color:var(--c-green)}.keyboard-module__TJHhkq__whiteKeys .keyboard-module__TJHhkq__key[data-active=true] span{display:block}.keyboard-module__TJHhkq__blackKeys{justify-content:space-between;gap:0 6%;width:83%;height:60%;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.keyboard-module__TJHhkq__blackKeys .keyboard-module__TJHhkq__key{background-color:var(--c-bg);border:.3rem solid var(--c-dark);border-radius:0 0 var(--border-radius) var(--border-radius);border-top:none;flex:1;place-content:center;align-items:flex-end;padding:1.5rem 0;font-size:1.2rem;font-weight:700;display:inline-flex}.keyboard-module__TJHhkq__blackKeys .keyboard-module__TJHhkq__key span{display:none}.keyboard-module__TJHhkq__blackKeys .keyboard-module__TJHhkq__key[data-active=true]{color:var(--c-dark);background-color:var(--c-green)}.keyboard-module__TJHhkq__blackKeys .keyboard-module__TJHhkq__key[data-active=true] span{display:block}.keyboard-module__TJHhkq__blackKeys .keyboard-module__TJHhkq__space{background-color:#0000;border:none}
.keySwitcher-module__xDdtwa__keySwitcher{padding:0 var(--g-space);margin:auto}.keySwitcher-module__xDdtwa__keys,.keySwitcher-module__xDdtwa__modes{flex-wrap:wrap;max-width:80%;margin:auto;display:flex}@media (min-width:768px){.keySwitcher-module__xDdtwa__keys,.keySwitcher-module__xDdtwa__modes{max-width:none}}.keySwitcher-module__xDdtwa__key,.keySwitcher-module__xDdtwa__mode{text-align:center;cursor:pointer;background-color:#0000004d;border:1px solid #fff9;flex:1;place-content:center;place-items:center;transition:color .3s,background-color .3s;display:inline-flex}@media (any-hover:hover){:is(.keySwitcher-module__xDdtwa__key,.keySwitcher-module__xDdtwa__mode):hover{background-color:var(--c-contrast-1)}}:is(.keySwitcher-module__xDdtwa__key,.keySwitcher-module__xDdtwa__mode)[data-active=true]{color:var(--c-dark);background-color:var(--c-green)}.keySwitcher-module__xDdtwa__mode{padding:2.4rem 1.8rem;font-size:clamp(1.5rem,3vw,1.8rem)}.keySwitcher-module__xDdtwa__key{aspect-ratio:1;flex:0 0 33.33%;padding:1.2rem;font-size:clamp(1.5rem,2.4vw,2.4rem)}.keySwitcher-module__xDdtwa__key[data-active=true]{border-color:var(--c-green)}@media (min-width:768px){.keySwitcher-module__xDdtwa__key{flex-basis:16.66%}}
.strumKnob-module__9atEBW__knob{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;display:flex}.strumKnob-module__9atEBW__knob svg{width:1.8rem;height:1.8rem}
.soundControls-module__THuytW__controls{justify-content:space-between;align-items:center;width:100%;display:flex}.soundControls-module__THuytW__control{-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:1.2rem;display:flex}.soundControls-module__THuytW__knobOuter{border:solid .1rem var(--c-fg);border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.soundControls-module__THuytW__modalContent{padding:0 var(--g-space)}.soundControls-module__THuytW__modalContent ul{flex-wrap:wrap;display:flex}.soundControls-module__THuytW__modalContent ul li{text-align:center;white-space:nowrap;cursor:pointer;background-color:#0000004d;border:.1rem solid #fff9;flex:33.3%;margin-bottom:-1px;padding:2.4rem 1.8rem;font-size:clamp(1.2rem,3vw,1.8rem);transition:background-color .3s,color .3s}@media (any-hover:hover){.soundControls-module__THuytW__modalContent ul li:hover{background-color:var(--c-contrast-1)}}.soundControls-module__THuytW__modalContent ul li[data-active=true]{color:var(--c-dark);background-color:var(--c-green);border-color:var(--c-green)}