@font-face{font-family:superaSans;src:url(../media/garantpro_regular-s.p.e922c312.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:superaSans;src:url(../media/garantpro_italic-s.p.20f88449.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:superaSans;src:url(../media/garantpro_bold-s.p.a7acd71b.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:superaSans;src:url(../media/garantpro_bolditalic-s.p.2b6e6e66.woff2)format("woff2");font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:superaSans Fallback;src:local(Arial);ascent-override:86.08%;descent-override:28.69%;line-gap-override:23.91%;size-adjust:104.55%}.superasans_2236dc1f-module__rR4era__className{font-family:superaSans,superaSans Fallback}.superasans_2236dc1f-module__rR4era__variable{--f-primary:"superaSans","superaSans Fallback"}
.magicLinkForm-module__gH-FfW__form{flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;width:100%;display:flex}.magicLinkForm-module__gH-FfW__form input{width:100%;font-family:var(--f-primary);text-align:left;appearance:none;border-radius:var(--border-radius);border:none;outline:none;margin-bottom:0;padding:1.5rem;font-size:16px;font-weight:700}.magicLinkForm-module__gH-FfW__form input[type=email],.magicLinkForm-module__gH-FfW__form input[type=password]{color:var(--c-light);cursor:pointer;background-color:#242424}:is(.magicLinkForm-module__gH-FfW__form input[type=email],.magicLinkForm-module__gH-FfW__form input[type=password])::placeholder{color:var(--c-light)}.magicLinkForm-module__gH-FfW__form input[type=submit]{color:var(--c-dark);cursor:pointer;background-color:var(--c-green);transition:color .3s,background-color .3s}.magicLinkForm-module__gH-FfW__form input:-webkit-autofill{-webkit-text-fill-color:var(--c-fg);-webkit-box-shadow:inset 0 0 0 1000px #242424}.magicLinkForm-module__gH-FfW__submit .magicLinkForm-module__gH-FfW__arrow{--size:3.6rem;--color:var(--c-dark);transition:transform .3s var(--inOut-back);will-change:transform;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}@media (any-hover:hover){.magicLinkForm-module__gH-FfW__submit:hover input[type=submit]{color:var(--c-dark);background-color:var(--c-green-darker)}.magicLinkForm-module__gH-FfW__submit:hover .magicLinkForm-module__gH-FfW__arrow{transform:translate(-1.2rem,-50%)}}.magicLinkForm-module__gH-FfW__message{color:var(--c-gold);font-size:1.2rem}.magicLinkForm-module__gH-FfW__success{z-index:10;cursor:pointer;background-color:var(--c-green);border-radius:var(--border-radius);align-content:center;padding:3rem;display:grid;position:absolute;inset:0}.magicLinkForm-module__gH-FfW__success .magicLinkForm-module__gH-FfW__close{color:var(--c-bg);text-transform:lowercase;font-size:1.1rem;position:absolute;top:50%;right:2.4rem;transform:translateY(-50%)}.magicLinkForm-module__gH-FfW__success p{color:var(--c-dark);margin-bottom:.3rem;font-size:1.8rem;font-weight:700;line-height:1.2}.magicLinkForm-module__gH-FfW__success sub{opacity:.6;font-weight:400;color:var(--c-dark)!important}.magicLinkForm-module__gH-FfW__legalNotice{opacity:.6;padding:0 1.5rem 1.5rem;font-size:1rem}.magicLinkForm-module__gH-FfW__legalNotice a{text-decoration:underline}.magicLinkForm-module__gH-FfW__legalNotice a:hover{color:var(--c-green)}
.modal-module__Ew4WUa__modal{z-index:1001;opacity:0;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);background-color:#00000073;width:100%;height:100svh;position:fixed;top:0;left:0;overflow:clip}.modal-module__Ew4WUa__modal[data-hover-close=true]{--color:var(--c-red);cursor:pointer}.modal-module__Ew4WUa__content{-webkit-overflow-scrolling:touch;grid-template-areas:"main";justify-content:center;align-items:center;width:100%;height:100%;padding:6rem 0;display:grid;overflow:clip auto}.modal-module__Ew4WUa__inner{opacity:0;grid-area:main;transform:scale(.98)}.modal-module__Ew4WUa__close{top:var(--g-space);right:var(--g-space);pointer-events:none;font-size:1.8rem;position:fixed}
.loginSignup-module__dNajaG__loginSignup{background-color:var(--c-bg);border:1px solid var(--c-green);border-radius:var(--border-radius)}.loginSignup-module__dNajaG__loginSignup sub{color:var(--c-gold);font-size:1.2rem;display:block}.loginSignup-module__dNajaG__login,.loginSignup-module__dNajaG__signup,.loginSignup-module__dNajaG__subscribe{flex-direction:column;gap:2.4rem;width:90vw;max-width:60rem;padding:3rem;display:flex}@media (min-width:768px){.loginSignup-module__dNajaG__login,.loginSignup-module__dNajaG__signup,.loginSignup-module__dNajaG__subscribe{padding:4.5rem}}.loginSignup-module__dNajaG__header{text-align:left;border-bottom:1px solid #333;flex-direction:column;gap:.9rem;padding-bottom:2.4rem;display:flex}.loginSignup-module__dNajaG__header h2{font-size:1.8rem;font-weight:700}@media (min-width:768px){.loginSignup-module__dNajaG__header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.loginSignup-module__dNajaG__tabSwitch{color:var(--c-fg);gap:.45rem;font-size:1.2rem;display:flex}.loginSignup-module__dNajaG__tabSwitch span{color:var(--c-green);text-decoration:underline;transition:color .2s ease-in-out}@media (any-hover:hover){.loginSignup-module__dNajaG__tabSwitch:hover span{text-decoration:none}}.loginSignup-module__dNajaG__plan{text-align:left;border-bottom:1px solid #333;grid-template-areas:"price""features";gap:2.4rem;width:100%;padding-bottom:2.4rem;display:grid}@media (min-width:768px){.loginSignup-module__dNajaG__plan{grid-template-areas:"price features";justify-content:space-between;align-items:flex-start}}.loginSignup-module__dNajaG__details{grid-area:details;font-weight:700}.loginSignup-module__dNajaG__price{grid-area:price}.loginSignup-module__dNajaG__price h3{opacity:.6;margin-bottom:.9rem;font-size:1.2rem;font-weight:700}.loginSignup-module__dNajaG__price p{margin-bottom:.6rem;font-size:3.6rem;font-weight:700;line-height:1.2}.loginSignup-module__dNajaG__features{text-transform:uppercase;letter-spacing:.6px;flex-direction:column;grid-area:features;gap:1.2rem;font-size:1.2rem;display:flex}.loginSignup-module__dNajaG__subscribe button{width:100%;font-family:var(--f-primary);color:var(--c-dark);text-align:left;appearance:none;cursor:pointer;background-color:var(--c-green);border-radius:var(--border-radius);border:none;outline:none;margin-bottom:0;padding:1.5rem;font-size:16px;font-weight:700;transition:color .3s,background-color .3s}.loginSignup-module__dNajaG__subscribe button .loginSignup-module__dNajaG__arrow{--size:3.6rem;--color:var(--c-dark);transition:transform .3s var(--inOut-back);will-change:transform;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}@media (any-hover:hover){.loginSignup-module__dNajaG__subscribe button:hover{color:var(--c-dark);background-color:var(--c-green-darker)}.loginSignup-module__dNajaG__subscribe button:hover .loginSignup-module__dNajaG__arrow{transform:translate(-1.2rem,-50%)}}
.link-module__dt9jXa__link{pointer-events:all;cursor:pointer}.link-module__dt9jXa__link[data-active=true]{pointer-events:none;cursor:default}
.footer-module__tUdqrq__footer{width:100%;padding:3rem var(--g-space)var(--g-space)var(--g-space);text-align:center;flex-direction:column;gap:3rem;display:flex;position:sticky;bottom:0}.footer-module__tUdqrq__footer img{width:100%;height:auto}.footer-module__tUdqrq__top{justify-content:center;gap:3rem;display:flex}.footer-module__tUdqrq__links,.footer-module__tUdqrq__social{gap:3rem;font-size:1.36rem;display:flex}:is(.footer-module__tUdqrq__links,.footer-module__tUdqrq__social) a[data-active=true]{opacity:.6}.footer-module__tUdqrq__bottom{flex-direction:column;gap:1.5rem;font-size:1.05rem;display:flex}.footer-module__tUdqrq__bottom p{max-width:none}@media (min-width:768px){.footer-module__tUdqrq__footer{gap:1.5rem}.footer-module__tUdqrq__top{justify-content:space-between}.footer-module__tUdqrq__bottom{flex-direction:row;justify-content:space-between}}
.intro-module__MH13Za__intro{z-index:1000;pointer-events:none;mix-blend-mode:difference;place-content:center;width:100%;display:grid;position:fixed;inset:0}
.chordSwitcher-module__lnP1Ca__chordSwitcher{flex-direction:column;gap:clamp(1.2rem,1.8vw,3rem);display:flex}@media (min-width:768px){.chordSwitcher-module__lnP1Ca__chordSwitcher{flex-direction:row}}.chordSwitcher-module__lnP1Ca__chords{gap:clamp(1.2rem,1.8vw,3rem);display:flex}@media (min-width:768px){.chordSwitcher-module__lnP1Ca__chords{flex-direction:column}}.chordSwitcher-module__lnP1Ca__chord{aspect-ratio:1;width:clamp(4.8rem,12vw,9.6rem);height:clamp(4.8rem,12vw,9.6rem);color:var(--c-light);text-align:center;border:1px solid #fff9;border-radius:50%;flex:1;justify-content:center;align-self:flex-start;align-items:center;padding:clamp(1.2rem,1.2vw,2.4rem);font-size:clamp(1.2rem,1.2vw,2.4rem);font-weight:700;transition:background-color .3s,border-color .3s;display:inline-flex;overflow:clip}.chordSwitcher-module__lnP1Ca__chord:first-of-type{border:1px dashed #fff9}@media (any-hover:hover){.chordSwitcher-module__lnP1Ca__chord:hover{background-color:var(--c-contrast-1);border-color:var(--c-green)}}.chordSwitcher-module__lnP1Ca__chord[data-active=true]{color:var(--c-dark);background-color:var(--c-green)}
.lockable-module__EHQCva__lockable{white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:1.2rem;font-weight:400}.lockable-module__EHQCva__lockable h2{margin-bottom:.5rem;font-size:1.2rem;font-weight:400;display:inline-block}.lockable-module__EHQCva__lockable span{--size:1.2rem;margin-right:.6rem}.lockable-module__EHQCva__lockable span.lockable-module__EHQCva__unlocked{opacity:.6}
.details-module__Nhxl4W__details{display:inline-flex}.details-module__Nhxl4W__stick{flex-flow:column wrap;justify-content:space-between;gap:2.4rem;width:100%;display:flex}.details-module__Nhxl4W__stick .details-module__Nhxl4W__group{gap:4.8rem;display:flex}@media (min-width:768px){.details-module__Nhxl4W__stick{flex-direction:row}}@media (min-width:1024px){.details-module__Nhxl4W__stick{flex-direction:column;justify-content:flex-start;align-self:flex-start;position:sticky;top:12rem}}.details-module__Nhxl4W__detail p,.details-module__Nhxl4W__detail .details-module__Nhxl4W__keyName{margin-top:.6rem;font-size:3rem;line-height:1.2}@media (min-width:768px){.details-module__Nhxl4W__detail p,.details-module__Nhxl4W__detail .details-module__Nhxl4W__keyName{font-size:3.6rem}}@media (min-width:1500px){.details-module__Nhxl4W__detail p,.details-module__Nhxl4W__detail .details-module__Nhxl4W__keyName{font-size:3.6rem}}.details-module__Nhxl4W__detail .details-module__Nhxl4W__loading{color:var(--c-contrast-3);transform-origin:0;display:block;transform:scale(.5)}.details-module__Nhxl4W__title .details-module__Nhxl4W__nameLabel{align-items:center;display:flex}.details-module__Nhxl4W__title .details-module__Nhxl4W__songName{display:flex}.details-module__Nhxl4W__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__Nhxl4W__title .details-module__Nhxl4W__copy{--size:1.2rem;cursor:pointer;align-self:flex-end;margin-left:.9rem;display:inline-block;bottom:0}.details-module__Nhxl4W__key{white-space:nowrap;width:15rem}
.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__8qyc_q__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__8qyc_q__header{flex-direction:row;padding-top:18rem}}.header-module__8qyc_q__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__8qyc_q__Wipe;position:absolute;bottom:0;left:0}.header-module__8qyc_q__pageTitle{overflow:clip}.header-module__8qyc_q__pageTitle h1{text-transform:capitalize;white-space:normal;font-size:2.1rem;font-weight:900}.header-module__8qyc_q__pageTitle h1 span{opacity:.6;letter-spacing:.15rem;text-transform:lowercase;font-size:1.2rem;font-weight:400}.header-module__8qyc_q__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__8qyc_q__controls .header-module__8qyc_q__shortcut{color:var(--c-fg);white-space:nowrap;background:0 0;min-width:1.2rem;font-size:1.2rem}.header-module__8qyc_q__controls .header-module__8qyc_q__shortcut img{width:1.2rem;height:auto;top:-1px}.header-module__8qyc_q__controls .header-module__8qyc_q__login{color:var(--c-fg);white-space:nowrap;padding:.9rem;font-size:1.2rem;font-weight:700}.header-module__8qyc_q__controls .header-module__8qyc_q__signup{color:var(--c-fg);white-space:nowrap;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700}@keyframes header-module__8qyc_q__Wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.keyboard-module__PXS32W__keyboard{aspect-ratio:3/1.2;background-color:var(--c-bg);border:1px solid var(--c-contrast-3);border-radius:1.2rem;gap:0 .6%;width:100%;max-height:24rem;padding:2.1rem;display:flex}.keyboard-module__PXS32W__octave{flex:1;min-height:9rem}.keyboard-module__PXS32W__octave[data-octave="2"]{display:none}@media (min-width:1440px){.keyboard-module__PXS32W__octave[data-octave="2"]{display:inline-block}}.keyboard-module__PXS32W__octave[data-octave="3"]{display:none}@media (min-width:2160px){.keyboard-module__PXS32W__octave[data-octave="3"]{display:inline-block}}.keyboard-module__PXS32W__keyboard[data-chord=true] .keyboard-module__PXS32W__octave[data-octave="2"],.keyboard-module__PXS32W__keyboard[data-chord=true] .keyboard-module__PXS32W__octave[data-octave="3"]{display:inline-block}.keyboard-module__PXS32W__whiteKeys{justify-content:center;gap:0 2%;height:100%;display:flex}.keyboard-module__PXS32W__whiteKeys .keyboard-module__PXS32W__key{color:var(--c-bg);background-color:var(--c-fg);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__PXS32W__whiteKeys .keyboard-module__PXS32W__key span{display:none}.keyboard-module__PXS32W__whiteKeys .keyboard-module__PXS32W__key[data-active=true]{background-color:var(--c-green)}.keyboard-module__PXS32W__whiteKeys .keyboard-module__PXS32W__key[data-active=true] span{display:block}.keyboard-module__PXS32W__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__PXS32W__blackKeys .keyboard-module__PXS32W__key{background-color:var(--c-bg);border:.3rem solid var(--c-dark);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__PXS32W__blackKeys .keyboard-module__PXS32W__key span{display:none}.keyboard-module__PXS32W__blackKeys .keyboard-module__PXS32W__key[data-active=true]{color:var(--c-dark);background-color:var(--c-green)}.keyboard-module__PXS32W__blackKeys .keyboard-module__PXS32W__key[data-active=true] span{display:block}.keyboard-module__PXS32W__blackKeys .keyboard-module__PXS32W__space{background-color:#0000;border:none}
.keySwitcher-module__x1Kd8G__keySwitcher{padding:0 var(--g-space);margin:auto}.keySwitcher-module__x1Kd8G__keys,.keySwitcher-module__x1Kd8G__modes{flex-wrap:wrap;max-width:80%;margin:auto;display:flex}@media (min-width:768px){.keySwitcher-module__x1Kd8G__keys,.keySwitcher-module__x1Kd8G__modes{max-width:none}}.keySwitcher-module__x1Kd8G__key,.keySwitcher-module__x1Kd8G__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__x1Kd8G__key,.keySwitcher-module__x1Kd8G__mode):hover{background-color:var(--c-contrast-1)}}:is(.keySwitcher-module__x1Kd8G__key,.keySwitcher-module__x1Kd8G__mode)[data-active=true]{color:var(--c-dark);background-color:var(--c-green)}.keySwitcher-module__x1Kd8G__mode{padding:2.4rem 1.8rem;font-size:clamp(1.5rem,3vw,1.8rem)}.keySwitcher-module__x1Kd8G__key{aspect-ratio:1;flex:0 0 33.33%;padding:1.2rem;font-size:clamp(1.5rem,2.4vw,2.4rem)}.keySwitcher-module__x1Kd8G__key[data-active=true]{border-color:var(--c-green)}@media (min-width:768px){.keySwitcher-module__x1Kd8G__key{flex-basis:16.66%}}
.header-module__poj5va__header{z-index:90;width:100%;padding:0 var(--g-space);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:fixed;top:1.8rem}@media (min-width:768px){.header-module__poj5va__header{top:2.4rem}}@media (min-width:1024px){.header-module__poj5va__header{top:3rem}}.header-module__poj5va__wrap{pointer-events:all;border-radius:var(--border-radius);opacity:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:100%;transition:opacity .3s ease .6s,transform .6s var(--out-back).6s;background-color:#3c3c3c99;margin:auto;transform:none}.header-module__poj5va__wrap[data-hidden=true]{opacity:0;transform:translateY(-100%)}@media (min-width:768px){.header-module__poj5va__wrap{max-width:36rem}}.header-module__poj5va__topNav{justify-content:space-between;align-items:center;gap:3rem;width:100%;line-height:1;display:inline-flex}.header-module__poj5va__topNav .header-module__poj5va__logo{padding:1.2rem 0 1.2rem 1.8rem}.header-module__poj5va__topNav .header-module__poj5va__logo h1{text-transform:capitalize;white-space:nowrap;font-size:1.2rem;font-weight:700}.header-module__poj5va__topNav .header-module__poj5va__nav{align-items:center;gap:2.4rem;display:flex}.header-module__poj5va__topNav .header-module__poj5va__nav .header-module__poj5va__link{white-space:nowrap;opacity:.9;padding:1.2rem 0;font-size:1.1rem}.header-module__poj5va__topNav .header-module__poj5va__nav .header-module__poj5va__link[data-active=true]{color:var(--c-green)}.header-module__poj5va__topNav .header-module__poj5va__menuBtn{opacity:.6;align-items:center;gap:.75rem;padding:1.2rem 1.8rem 1.2rem 0;font-size:1rem;font-weight:700;transition:color .3s;display:flex}.header-module__poj5va__topNav .header-module__poj5va__menuBtn .header-module__poj5va__hamburger{transition:transform .45s var(--inOut-back);grid-template-columns:1fr 1fr;gap:.24rem;display:grid}.header-module__poj5va__topNav .header-module__poj5va__menuBtn .header-module__poj5va__hamburger>div{background-color:#ffffff73;border-radius:.15rem;width:.6rem;height:.6rem;transition:background-color .45s}@media (any-hover:hover){.header-module__poj5va__topNav .header-module__poj5va__menuBtn:hover .header-module__poj5va__hamburger{transform:rotate(180deg)}}.header-module__poj5va__topNav .header-module__poj5va__menuBtn[data-active=true]{--active-color:var(--c-gold);color:var(--active-color)}.header-module__poj5va__topNav .header-module__poj5va__menuBtn[data-active=true] .header-module__poj5va__hamburger{transform:rotate(225deg)scale(.9)}.header-module__poj5va__topNav .header-module__poj5va__menuBtn[data-active=true] .header-module__poj5va__hamburger>div{background-color:var(--active-color)}.header-module__poj5va__bottomNavWrap{overflow:clip}.header-module__poj5va__bottomNavWrap ul{flex-direction:column;align-items:flex-start;width:100%;padding:2.4rem 1.8rem;display:flex}.header-module__poj5va__bottomNavWrap ul:before{content:"";opacity:.15;background-color:#fff;height:1px;position:absolute;top:.3rem;left:0;right:0}.header-module__poj5va__bottomNavWrap ul li{text-align:left;flex:1;width:100%;font-size:2.4rem;line-height:1;overflow:clip}.header-module__poj5va__bottomNavWrap ul li .header-module__poj5va__link{width:100%;padding:1.2rem 0;display:block}@media (any-hover:hover){.header-module__poj5va__bottomNavWrap ul li .header-module__poj5va__link:hover{color:var(--c-gold)}}.header-module__poj5va__bottomNavWrap ul li .header-module__poj5va__link[data-active=true]{color:var(--c-green)}
.strumKnob-module__DY1GBG__knob{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;display:flex}.strumKnob-module__DY1GBG__knob svg{width:1.8rem;height:1.8rem}
.ui-module__Hi2WXW__transition{pointer-events:none;background-color:var(--c-bg);clip-path:inset(100% 0% 0%);position:fixed;inset:0}
.soundControls-module__-yYqpW__controls{justify-content:space-between;align-items:center;width:100%;display:flex}.soundControls-module__-yYqpW__control{-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:1.2rem;display:flex}.soundControls-module__-yYqpW__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__-yYqpW__modalContent{padding:0 var(--g-space)}.soundControls-module__-yYqpW__modalContent ul{flex-wrap:wrap;display:flex}.soundControls-module__-yYqpW__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__-yYqpW__modalContent ul li:hover{background-color:var(--c-contrast-1)}}.soundControls-module__-yYqpW__modalContent ul li[data-active=true]{color:var(--c-dark);background-color:var(--c-green);border-color:var(--c-green)}
.songLab-module__Dbti8W__songLab{width:100vw;min-height:100svh;padding:9rem var(--g-space)3rem var(--g-space);grid-template-areas:"details details""keyboard keyboard""chords chords";align-content:flex-start;gap:2.4rem 6rem;display:grid;overflow:clip}@media (min-width:768px){.songLab-module__Dbti8W__songLab{padding-top:11rem}}@media (min-width:1024px){.songLab-module__Dbti8W__songLab{grid-template-columns:24% 1fr;grid-template-areas:"details keyboard""chords chords";padding-top:12rem}}.songLab-module__Dbti8W__details{grid-area:details}.songLab-module__Dbti8W__keyboard{z-index:10;-webkit-user-select:none;user-select:none;grid-area:keyboard;position:sticky;top:6.6rem}@media (min-width:768px){.songLab-module__Dbti8W__keyboard{top:8rem}}@media (min-width:1024px){.songLab-module__Dbti8W__keyboard{top:9rem}}.songLab-module__Dbti8W__keyboard .songLab-module__Dbti8W__controls{right:calc(var(--g-space)*-1);bottom:-4.8rem;left:calc(var(--g-space)*-1);z-index:-1;width:100vw;padding:2.4rem var(--g-space)1.5rem var(--g-space);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#0000004d;position:absolute}@media (min-width:1024px){.songLab-module__Dbti8W__keyboard .songLab-module__Dbti8W__controls{width:100%;padding-left:1.2rem;padding-right:1.2rem;left:auto;right:auto}}.songLab-module__Dbti8W__chords{grid-area:chords}.songLab-module__Dbti8W__globalControls{--f-size:1rem;--padding:1.8rem 2.4rem;z-index:60;text-align:center;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);background-color:#00000073;justify-self:center;width:100%;display:flex;position:sticky;bottom:-3px}.songLab-module__Dbti8W__globalControls .songLab-module__Dbti8W__logo{padding:var(--padding);white-space:nowrap;background-color:#090909;grid-area:logo;font-size:1.2rem;font-weight:700;top:-1px}.songLab-module__Dbti8W__globalControls .songLab-module__Dbti8W__buttons{display:flex}.songLab-module__Dbti8W__globalControls .songLab-module__Dbti8W__button{padding:var(--padding);font-size:var(--f-size);text-transform:uppercase;letter-spacing:.06rem;background-color:#111;border-left:1px solid #ffffff1a;transition:background-color .3s,color .3s}@media (any-hover:hover){.songLab-module__Dbti8W__globalControls .songLab-module__Dbti8W__button:hover{color:var(--c-dark);background-color:var(--c-green)}}.songLab-module__Dbti8W__globalControls .songLab-module__Dbti8W__generate{width:100%;font-size:var(--f-size);text-transform:uppercase;letter-spacing:.06rem;background-color:#111;border-left:1px solid #ffffff1a;transition:background-color .3s,color .3s;overflow:clip}@media (any-hover:hover){.songLab-module__Dbti8W__globalControls .songLab-module__Dbti8W__generate:hover{color:var(--c-dark);background-color:var(--c-green)}}.songLab-module__Dbti8W__globalControls .songLab-module__Dbti8W__generateBtn{width:100%;height:100%;padding:var(--padding)}.songLab-module__Dbti8W__globalControls .songLab-module__Dbti8W__shortcut .songLab-module__Dbti8W__icon{background-color:var(--c-fg);width:1.2rem;height:1.2rem}@media (any-hover:hover){.songLab-module__Dbti8W__globalControls .songLab-module__Dbti8W__shortcut:hover .songLab-module__Dbti8W__icon{background-color:var(--c-dark)}}@media (min-width:768px){.songLab-module__Dbti8W__globalControls{--padding:2.4rem 3rem}}@media (min-width:1024px){.songLab-module__Dbti8W__globalControls{--f-size:1.1rem}}
.account-module__NKPs4W__account{width:100%;min-height:100svh;padding:12rem var(--g-space)6rem;justify-content:center;align-items:center;display:flex}.account-module__NKPs4W__account sub{color:var(--c-gold);font-size:1.2rem;display:block}@media (min-width:1024px){.account-module__NKPs4W__account{padding-top:15rem}}.account-module__NKPs4W__wrap{flex-direction:column;gap:4.8rem;width:100%;max-width:768px;display:flex}.account-module__NKPs4W__wrap h1,.account-module__NKPs4W__wrap h2{text-transform:capitalize;font-size:2.4rem;font-weight:400}.account-module__NKPs4W__header{justify-content:space-between;align-items:center;display:flex}.account-module__NKPs4W__header a{align-items:center;gap:.6rem;display:flex}.account-module__NKPs4W__header a:hover{--color:var(--c-red);color:var(--c-red)}.account-module__NKPs4W__settings{flex-direction:column;gap:3.6rem;display:flex}.account-module__NKPs4W__setting{flex-direction:column;display:flex}.account-module__NKPs4W__setting input{width:100%;font-family:var(--f-primary);color:var(--c-fg);text-align:left;background-color:#0000;border:none;border-bottom:1px solid #fff9;outline:none;padding:1.8rem 0;font-size:2.4rem;font-weight:400}.account-module__NKPs4W__setting input[type=submit]{will-change:color;border:none;transition:color .3s}.account-module__NKPs4W__setting .account-module__NKPs4W__submit{opacity:.75;will-change:opacity;justify-content:space-between;align-items:center;width:100%;transition:opacity .3s;display:flex}.account-module__NKPs4W__setting .account-module__NKPs4W__submit .account-module__NKPs4W__arrow{--size:3.6rem;pointer-events:none;transition:transform .3s var(--inOut-back),background-color .3s ease;will-change:transform,background-color;position:absolute;top:50%;right:0;transform:translateY(-50%)}.account-module__NKPs4W__setting .account-module__NKPs4W__submit[data-disabled=true]{pointer-events:none}@media (any-hover:hover){.account-module__NKPs4W__setting .account-module__NKPs4W__submit:hover{opacity:1}.account-module__NKPs4W__setting .account-module__NKPs4W__submit:hover input[type=submit]{color:var(--c-green)}.account-module__NKPs4W__setting .account-module__NKPs4W__submit:hover .account-module__NKPs4W__arrow{--color:var(--c-green);transform:translate(-1.2rem,-50%)}}.account-module__NKPs4W__plan{text-align:left;border:solid 1px var(--c-green);border-radius:var(--border-radius);flex-direction:column;gap:2.4rem;padding:2.4rem;display:flex}.account-module__NKPs4W__plan .account-module__NKPs4W__content{grid-template-areas:"price""features";gap:2.4rem;width:100%;display:grid}@media (min-width:768px){.account-module__NKPs4W__plan .account-module__NKPs4W__content{grid-template-areas:"price features";justify-content:space-between;align-items:flex-start}}.account-module__NKPs4W__plan button{width:100%;font-family:var(--f-primary);color:var(--c-dark);text-align:left;appearance:none;cursor:pointer;background-color:var(--c-green);border-radius:var(--border-radius);border:none;outline:none;margin-bottom:0;padding:1.5rem;font-size:16px;font-weight:700;transition:color .3s,background-color .3s}.account-module__NKPs4W__plan button:disabled{pointer-events:none}.account-module__NKPs4W__plan button .account-module__NKPs4W__arrow{--color:var(--c-dark);--size:3.6rem;transition:transform .3s var(--inOut-back);will-change:transform;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}@media (any-hover:hover){.account-module__NKPs4W__plan button:hover{color:var(--c-dark);background-color:var(--c-green-darker)}.account-module__NKPs4W__plan button:hover .account-module__NKPs4W__arrow{transform:translate(-1.2rem,-50%)}}.account-module__NKPs4W__details{grid-area:details;font-weight:700}.account-module__NKPs4W__price{grid-area:price}.account-module__NKPs4W__price h3{opacity:.6;margin-bottom:.9rem;font-size:1.2rem;font-weight:700}.account-module__NKPs4W__price p{margin-bottom:.6rem;font-size:3.6rem;font-weight:700;line-height:1.2}.account-module__NKPs4W__price sub{line-height:1.6}.account-module__NKPs4W__features{text-transform:uppercase;letter-spacing:.6px;flex-direction:column;grid-area:features;gap:1.2rem;font-size:1.2rem;display:flex}.account-module__NKPs4W__modalWrap{border:1px solid var(--c-green);border-radius:var(--border-radius);background-color:#0000004d;padding:3rem;overflow:clip}.account-module__NKPs4W__modalWrap p{text-transform:uppercase;margin-bottom:1.8rem}.account-module__NKPs4W__modalWrap button{width:100%;font-family:var(--f-primary);color:var(--c-dark);text-align:left;appearance:none;cursor:pointer;background-color:var(--c-green);border-radius:var(--border-radius);border:none;outline:none;padding:1.5rem;font-size:16px;font-weight:700;transition:color .3s,background-color .3s}.account-module__NKPs4W__modalWrap button .account-module__NKPs4W__arrow{--size:3.6rem;--color:var(--c-dark);transition:transform .3s var(--inOut-back);will-change:transform;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}@media (any-hover:hover){.account-module__NKPs4W__modalWrap button:hover input[type=submit]{color:var(--c-dark);background-color:var(--c-green-darker)}.account-module__NKPs4W__modalWrap button:hover .account-module__NKPs4W__arrow{transform:translate(-1.5rem,-50%)}}.account-module__NKPs4W__modalWrap .account-module__NKPs4W__message{color:var(--c-orange);margin-top:1.2rem;display:block}.account-module__NKPs4W__modalWrap .account-module__NKPs4W__success{text-align:center;background-color:var(--c-bg);place-content:center;display:grid;position:absolute;inset:0}.account-module__NKPs4W__modalWrap .account-module__NKPs4W__success p{color:var(--c-green);margin:0;font-weight:700}.account-module__NKPs4W__modalWrap .account-module__NKPs4W__success .account-module__NKPs4W__close{color:var(--c-gold);font-size:1.2rem;position:absolute;top:1.8rem;right:1.8rem}
.chordMatrix-module__ELB-wG__chordMatrix{flex-direction:column;gap:1.2rem;padding-top:4.8rem;padding-bottom:2.4rem;display:flex}@media (min-width:1024px){.chordMatrix-module__ELB-wG__chordMatrix{gap:1.8rem}}.chordMatrix-module__ELB-wG__sectionHeader{justify-content:space-between;align-items:center;line-height:1;display:flex}.chordMatrix-module__ELB-wG__sectionControls{align-items:center;gap:1.2rem;display:flex}.chordMatrix-module__ELB-wG__sectionControls .chordMatrix-module__ELB-wG__exportMidi{cursor:pointer}.chordMatrix-module__ELB-wG__sectionControls .chordMatrix-module__ELB-wG__exportMidi[data-exporting=true]{pointer-events:none;opacity:.5}.chordMatrix-module__ELB-wG__sectionControls .chordMatrix-module__ELB-wG__exportMidi img{width:1.8rem;height:auto}.chordMatrix-module__ELB-wG__progression{grid-template-columns:repeat(4,1fr);justify-items:center;margin-top:1.2rem;display:grid}@media (min-width:1024px){.chordMatrix-module__ELB-wG__progression{grid-template-columns:repeat(8,1fr)}}.chordMatrix-module__ELB-wG__chord{--active-color:var(--c-contrast-2);--text-color:var(--c-fg);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:.9rem;display:flex}.chordMatrix-module__ELB-wG__chord[data-active=true],.chordMatrix-module__ELB-wG__chord[data-is-pinned=true]{--active-color:var(--c-green);--text-color:var(--c-dark)}.chordMatrix-module__ELB-wG__chord[data-is-pinned=true] .chordMatrix-module__ELB-wG__chordChange,.chordMatrix-module__ELB-wG__chord[data-is-pinned=true] .chordMatrix-module__ELB-wG__guitarChord,.chordMatrix-module__ELB-wG__chord[data-is-pinned=true] .chordMatrix-module__ELB-wG__chordLock .chordMatrix-module__ELB-wG__lock{opacity:1}@media (hover:hover){.chordMatrix-module__ELB-wG__chord:hover .chordMatrix-module__ELB-wG__chordChange,.chordMatrix-module__ELB-wG__chord:hover .chordMatrix-module__ELB-wG__guitarChord,.chordMatrix-module__ELB-wG__chord:hover .chordMatrix-module__ELB-wG__chordLock .chordMatrix-module__ELB-wG__lock{opacity:1}}@media (min-width:1024px){.chordMatrix-module__ELB-wG__chord{margin-bottom:0}}.chordMatrix-module__ELB-wG__chordLabel{aspect-ratio:1;width:75%;color:var(--text-color);cursor:pointer;background-color:var(--active-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;line-height:1;transition:color .3s,background-color .3s;display:flex}.chordMatrix-module__ELB-wG__chordControls{grid-template-columns:1fr 1fr 1fr;gap:.6rem;display:grid}.chordMatrix-module__ELB-wG__chordChange,.chordMatrix-module__ELB-wG__guitarChord{cursor:pointer;opacity:0;justify-content:center;align-items:center;padding:.6rem;transition:opacity .3s;display:flex}.chordMatrix-module__ELB-wG__chordLock{cursor:pointer;justify-content:center;align-items:center;display:flex}.chordMatrix-module__ELB-wG__chordLock .chordMatrix-module__ELB-wG__lock{opacity:0;flex:1;place-content:center;padding:.6rem;transition:opacity .3s;display:inline-flex}.chordMatrix-module__ELB-wG__chordLock .chordMatrix-module__ELB-wG__lock>span{margin:0}.chordMatrix-module__ELB-wG__chordLock .chordMatrix-module__ELB-wG__lock[data-locked=true]{opacity:1}.chordMatrix-module__ELB-wG__chordChange>span{opacity:.6}.chordMatrix-module__ELB-wG__guitarChord>a{opacity:.6}