.modal_modal__CZ9gP{position:fixed;top:0;left:0;z-index:1001;width:100%;height:100svh;overflow:clip;background-color:rgba(0,0,0,.45);opacity:0;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);&[data-hover-close=true]{--color:var(--c-red);cursor:pointer}}.modal_content__7_9Tb{display:grid;grid-template-areas:"main";align-items:center;justify-content:center;width:100%;height:100%;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6rem 0}.modal_inner__TnaNq{grid-area:main;opacity:0;transform:scale(.98)}.modal_close__AmUwM{position:fixed;top:var(--g-space);right:var(--g-space);font-size:1.8rem;pointer-events:none}.loginSignup_loginSignup__QDq8t{background-color:var(--c-bg);border:1px solid var(--c-green);border-radius:var(--border-radius);& sub{display:block;font-size:1.2rem;color:var(--c-gold)}}.loginSignup_login__ssEIw,.loginSignup_signup__bDywy,.loginSignup_subscribe__EavM3{display:flex;flex-direction:column;gap:2.4rem;width:90vw;max-width:60rem;padding:3rem;@media (min-width:768px){padding-left:4.5rem;padding-bottom:4.5rem;padding-right:4.5rem;padding-top:4.5rem}}.loginSignup_header__PLYsA{display:flex;flex-direction:column;gap:.9rem;padding-bottom:2.4rem;text-align:left;border-bottom:1px solid #333;& h2{font-size:1.8rem;font-weight:700}@media (min-width:768px){flex-direction:row;align-items:flex-end;justify-content:space-between}}.loginSignup_tabSwitch__mM2R8{display:flex;gap:.45rem;font-size:1.2rem;color:var(--c-fg);& span{color:var(--c-green);text-decoration:underline;transition:color .2s ease-in-out}@media (any-hover:hover){&:hover{& span{text-decoration:none}}}}.loginSignup_plan__OK3mf{display:grid;grid-template-areas:"price" "features";grid-gap:2.4rem;gap:2.4rem;width:100%;padding-bottom:2.4rem;text-align:left;border-bottom:1px solid #333;@media (min-width:768px){grid-template-areas:"price features";align-items:flex-start;justify-content:space-between}}.loginSignup_details__pJh0t{grid-area:details;font-weight:700}.loginSignup_price__b_XKM{grid-area:price;& h3{margin-bottom:.9rem;font-size:1.2rem;opacity:.6}& h3,& p{font-weight:700}& p{margin-bottom:.6rem;font-size:3.6rem;line-height:1.2}}.loginSignup_features__OpTP3{display:flex;flex-direction:column;grid-area:features;gap:1.2rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:.6px}.loginSignup_subscribe__EavM3{& button{width:100%;padding:1.5rem;margin-bottom:0;font-family:var(--f-primary);font-size:16px;font-weight:700;color:var(--c-dark);text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;background-color:var(--c-green);border:none;border-radius:var(--border-radius);transition:color .3s ease,background-color .3s ease;& img{position:absolute;top:50%;right:1.2rem;width:auto;height:4.8rem;transform:translateY(-50%);transition:transform .3s var(--inOut-back);will-change:transform}@media (any-hover:hover){&:hover{color:var(--c-dark);background-color:var(--c-green-darker);& img{transform:translate(-1.2rem,-50%)}}}}}.magicLinkForm_form__37oSg{display:flex;flex-direction:column;gap:1.8rem;align-items:center;justify-content:center;width:100%;& input{width:100%;padding:1.5rem;margin-bottom:0;font-family:var(--f-primary);font-size:16px;font-weight:700;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;border-radius:var(--border-radius)}& input[type=email],& input[type=password]{color:var(--c-light);cursor:pointer;background-color:#242424;&::placeholder{color:var(--c-light)}}& input[type=submit]{color:var(--c-dark);cursor:pointer;background-color:var(--c-green);transition:color .3s ease,background-color .3s ease}}.magicLinkForm_submit__u_Hvm{& img{position:absolute;top:50%;right:1.2rem;width:auto;height:4.8rem;transform:translateY(-50%);transition:transform .3s var(--inOut-back);will-change:transform}@media (any-hover:hover){&:hover{& input[type=submit]{color:var(--c-dark);background-color:var(--c-green-darker)}& img{transform:translate(-1.2rem,-50%)}}}}.magicLinkForm_message__bdggE{font-size:1.2rem;color:var(--c-gold)}.magicLinkForm_success__hlcc6{position:absolute;inset:0;z-index:10;display:grid;align-content:center;padding:3rem;cursor:pointer;background-color:var(--c-green);border-radius:var(--border-radius);& .magicLinkForm_close__37cnH{position:absolute;top:50%;right:2.4rem;font-size:1.1rem;color:var(--c-bg);text-transform:lowercase;transform:translateY(-50%)}& p{margin-bottom:.3rem;font-size:1.8rem;font-weight:700;line-height:1.2;color:var(--c-dark)}& sub{font-weight:400;color:var(--c-dark)!important;opacity:.6}}.magicLinkForm_legalNotice__WhSy9{padding:0 1.5rem 1.5rem;font-size:1rem;opacity:.6;a{text-decoration:underline}}.magicLinkForm_legalNotice__WhSy9 a:hover{color:var(--c-green)}.link_link__QkWz0{pointer-events:all;cursor:pointer;&[data-active=true]{pointer-events:none;cursor:default}}.header_header__D69mm{position:fixed;top:1.8rem;z-index:90;width:100%;padding:0 var(--g-space);line-height:1;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;@media (min-width:768px){top:2.4rem}@media (min-width:1024px){top:3rem}}.header_wrap__Yc52N{width:100%;margin:auto;pointer-events:all;background-color:rgba(60,60,60,.6);border-radius:var(--border-radius);opacity:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform:none;transition:opacity .3s ease .6s,transform .6s var(--out-back) .6s;&[data-hidden=true]{opacity:0;transform:translateY(-100%)}@media (min-width:768px){max-width:36rem}}.header_topNav__6o8Cl{display:inline-flex;gap:3rem;align-items:center;justify-content:space-between;width:100%;line-height:1;& .header_logo__wTwr_{padding:1.2rem 0 1.2rem 1.8rem;& h1{font-size:1.2rem;font-weight:700;text-transform:capitalize;white-space:nowrap}}& .header_nav__f1EU3{display:flex;gap:2.4rem;align-items:center;& .header_link__x_4cy{padding:1.2rem 0;font-size:1.1rem;white-space:nowrap;opacity:.9;&[data-active=true]{color:var(--c-green)}}}& .header_menuBtn__EtqSV{display:flex;gap:.75rem;align-items:center;padding:1.2rem 1.8rem 1.2rem 0;font-size:1rem;font-weight:700;opacity:.6;transition:color .3s ease;& .header_hamburger__GPAx5{display:grid;grid-template-columns:1fr 1fr;grid-gap:.24rem;gap:.24rem;transition:transform .45s var(--inOut-back);&>div{width:.6rem;height:.6rem;background-color:rgba(255,255,255,.45);border-radius:.15rem;transition:background-color .45s ease}}@media (any-hover:hover){&:hover{& .header_hamburger__GPAx5{transform:rotate(180deg)}}}&[data-active=true]{--active-color:var(--c-gold);color:var(--active-color);& .header_hamburger__GPAx5{transform:rotate(225deg) scale(.9);&>div{background-color:var(--active-color)}}}}}.header_bottomNavWrap__AOH8G{overflow:clip;& ul{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:2.4rem 1.8rem;&:before{position:absolute;top:.3rem;right:0;left:0;height:1px;content:"";background-color:white;opacity:.15}& li{flex:1 1;width:100%;overflow:clip;font-size:2.4rem;line-height:1;text-align:left;& .header_link__x_4cy{display:block;width:100%;padding:1.2rem 0;@media (any-hover:hover){&:hover{color:var(--c-gold)}}&[data-active=true]{color:var(--c-green)}}}}}.ui_transition__nNx_F{position:fixed;inset:0;pointer-events:none;background-color:var(--c-bg);-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}.footer_footer__PZD4d{position:-webkit-sticky;position:sticky;bottom:0;display:flex;flex-direction:column;gap:3rem;width:100%;padding:3rem var(--g-space) var(--g-space) var(--g-space);text-align:center;& img{width:100%;height:auto}}.footer_top__hmhDT{display:flex;gap:3rem;justify-content:center}.footer_links__t81SU,.footer_social__cTb3Q{display:flex;gap:3rem;font-size:1.36rem;& a[data-active=true]{opacity:.6}}.footer_bottom__3YwaG{display:flex;flex-direction:column;gap:1.5rem;font-size:1.05rem;& p{max-width:none}}@media (min-width:768px){.footer_footer__PZD4d{gap:1.5rem}.footer_bottom__3YwaG,.footer_top__hmhDT{justify-content:space-between}.footer_bottom__3YwaG{flex-direction:row}}.logoWide_logoWide__5LcHF{display:none;width:80%;height:auto;margin:auto;& svg{width:100%}& path{fill-opacity:0;stroke:var(--c-green);stroke-width:.2rem}}.home_home__0k2Mg{min-height:100svh;display:flex;flex-direction:column}.home_logo__Pbl5_{position:-webkit-sticky;position:sticky;top:0;height:100svh;width:100vw;padding:var(--g-space);display:grid;place-content:center;margin-bottom:-100svh;pointer-events:none;& svg{width:calc(100vw - (var(--g-space) * 4));height:auto}}.home_post__RyFgD{min-height:100svh;flex:1 1;display:grid;place-content:center;padding:var(--g-space)}.home_video__nwvQ3{opacity:0;transition:opacity 1s ease-in-out;transition-delay:.6s;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;&[data-loaded=true]{opacity:1;pointer-events:all}& .home_youtube__ySeNB{width:90vw;aspect-ratio:16/9;@media (min-width:768px){width:75vw}@media (min-width:1200px){width:60vw}}& iframe{width:100%;height:100%;border:none}}.intro_intro__5Ky0i{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;pointer-events:none;mix-blend-mode:difference}.chordSwitcher_chordSwitcher__3uyMy{display:flex;flex-direction:column;gap:clamp(1.2rem,1.8vw,3rem);@media (min-width:768px){flex-direction:row}}.chordSwitcher_chords__0ojiv{display:flex;gap:clamp(1.2rem,1.8vw,3rem);@media (min-width:768px){flex-direction:column}}.chordSwitcher_chord__Qwg09{display:inline-flex;flex:1 1;align-items:center;align-self:flex-start;justify-content:center;width:clamp(4.8rem,12vw,9.6rem);height:clamp(4.8rem,12vw,9.6rem);aspect-ratio:1/1;padding:clamp(1.2rem,1.2vw,2.4rem);overflow:clip;font-size:clamp(1.2rem,1.2vw,2.4rem);font-weight:700;color:var(--c-light);text-align:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;transition:background-color .3s ease,border-color .3s ease;&:first-of-type{border:1px dashed rgba(255,255,255,.6)}@media (any-hover:hover){&:hover{background-color:var(--c-contrast-1);border-color:var(--c-green)}}&[data-active=true]{color:var(--c-dark);background-color:var(--c-green)}}.details_details__uRKmy{display:inline-flex}.details_stick__Woro7{display:flex;flex-direction:column;flex-wrap:wrap;gap:2.4rem;justify-content:space-between;width:100%;& .details_group__npihb{display:flex;gap:4.8rem}@media (min-width:768px){flex-direction:row}@media (min-width:1024px){position:-webkit-sticky;position:sticky;top:12rem;flex-direction:column;align-self:flex-start;justify-content:flex-start}}.details_detail__1edw_{& .details_keyName__RduYq,& p{margin-top:.6rem;font-size:3rem;line-height:1.2;@media (min-width:768px){font-size:3.6rem}@media (min-width:1500px){font-size:3.6rem}}& .details_loading__I49lW{display:block;color:var(--c-contrast-3);transform:scale(.5);transform-origin:left}}.details_title__KI5bA{.details_nameLabel__mtyEj{display:flex;align-items:center}& .details_songName__K_ovW{display:flex}& p{display:inline-block;width:100%;font-family:var(--font-geist-sans);color:var(--c-fg);text-transform:capitalize;outline:none;background:none;border:none}& .details_copy__Qy1hS{--size:1.2rem;bottom:0;display:inline-block;align-self:flex-end;margin-left:.9rem;cursor:pointer}}.details_key__OYuIL{width:15rem;white-space:nowrap}.button_button__gKC1C{display:inline-block;font-family:var(--font-geist-sans);text-transform:uppercase;letter-spacing:.09rem;font-size:.9rem;padding:1.2rem 2.4rem;background-color:var(--c-contrast-2);color:var(--c-fg);outline:none;border:none;border-radius:var(--border-radius)}@keyframes rainbowButton_rainbowShift__fyrPn{0%{background-position:0 50%}to{background-position:200% 50%}}.rainbowButton_btn___oxG6{position:relative;display:inline-flex;align-items:center;justify-content:center;height:2.75rem;padding:.5rem 2rem;font-weight:500;color:var(--c-fg);cursor:pointer;background-image:linear-gradient(#121213,#121213),linear-gradient(#121213 50%,rgba(18,18,19,.6) 80%,rgba(18,18,19,0)),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-clip:padding-box,border-box,border-box;background-origin:border-box;border:calc(.08 * 1rem) solid transparent;border-radius:.75rem;transition:color .2s ease,background-position .6s ease,box-shadow .2s ease}.rainbowButton_btn___oxG6,.rainbowButton_btn___oxG6:before{background-size:200%;animation:rainbowButton_rainbowShift__fyrPn 6s linear infinite}.rainbowButton_btn___oxG6:before{position:absolute;bottom:-20%;left:50%;z-index:0;width:60%;height:20%;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(calc(.8 * 1rem));transform:translateX(-50%)}.rainbowButton_btn___oxG6:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(100,100,255,.5)}.rainbowButton_btn___oxG6:disabled{pointer-events:none;opacity:.5}html.dark .rainbowButton_btn___oxG6{color:var(--primary-foreground,#000);background-image:linear-gradient(#fff,#fff),linear-gradient(#fff 50%,rgba(255,255,255,.6) 80%,rgba(0,0,0,0)),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_header__xR_X8{padding-top:15rem;padding-bottom:2.4rem;margin-bottom:2.4rem;display:flex;align-items:center;gap:3rem;justify-content:space-between;z-index:6;@media (min-width:768px){flex-direction:row;padding-top:18rem}&:after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid var(--c-contrast-3);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);animation:header_Wipe__5tqDj 1s ease-in-out forwards}}.header_pageTitle__MG5_n{overflow:clip;& h1{font-size:2.1rem;font-weight:900;text-transform:capitalize;white-space:normal;& span{font-size:1.2rem;opacity:.6;font-weight:400;letter-spacing:.15rem;text-transform:lowercase}}}.header_controls__YUT5k{display:flex;gap:2.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between;white-space:nowrap;& .header_shortcut__2lPGK{font-size:1.2rem;background:none;color:var(--c-fg);white-space:nowrap;min-width:1.2rem;& img{top:-1px;width:1.2rem;height:auto}}& .header_login__XGA4m{font-size:1.2rem;padding:.9rem}& .header_login__XGA4m,& .header_signup__EYBMw{font-weight:700;color:var(--c-fg);white-space:nowrap}& .header_signup__EYBMw{font-size:1.1rem;padding:.9rem 1.5rem}}@keyframes header_Wipe__5tqDj{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.keyboard_keyboard__J6TIb{display:flex;gap:0 .6%;width:100%;max-height:24rem;aspect-ratio:3/1.2;padding:2.1rem;background-color:var(--c-bg);border:1px solid var(--c-contrast-3);border-radius:1.2rem}.keyboard_octave__Mmwoh{flex:1 1;min-height:9rem}.keyboard_octave__Mmwoh[data-octave="2"]{display:none;@media (min-width:1440px){display:inline-block}}.keyboard_octave__Mmwoh[data-octave="3"]{display:none;@media (min-width:2160px){display:inline-block}}.keyboard_keyboard__J6TIb[data-chord=true]{& .keyboard_octave__Mmwoh[data-octave="2"],& .keyboard_octave__Mmwoh[data-octave="3"]{display:inline-block}}.keyboard_whiteKeys__CKSfD{display:flex;gap:0 2%;justify-content:center;height:100%;& .keyboard_key__s_Vpx{display:inline-flex;flex:1 1;place-content:center;align-items:flex-end;padding:1.5rem 0;font-size:1.2rem;font-weight:700;color:var(--c-bg);background-color:var(--c-fg);& span{display:none}&[data-active=true]{background-color:var(--c-green);& span{display:block}}}}.keyboard_blackKeys__wXlfr{position:absolute;top:0;left:50%;display:flex;gap:0 6%;justify-content:space-between;width:83%;height:60%;transform:translateX(-50%);& .keyboard_key__s_Vpx{display:inline-flex;flex:1 1;place-content:center;align-items:flex-end;padding:1.5rem 0;font-size:1.2rem;font-weight:700;background-color:var(--c-bg);border:.3rem solid var(--c-dark);border-top:none;& span{display:none}&[data-active=true]{color:var(--c-dark);background-color:var(--c-green);& span{display:block}}}& .keyboard_space__6NP67{background-color:transparent;border:none}}.keySwitcher_keySwitcher__fDM9d{padding:0 var(--g-space);margin:auto}.keySwitcher_keys__R6TYk,.keySwitcher_modes__z4ypK{display:flex;flex-wrap:wrap;max-width:80%;margin:auto;@media (min-width:768px){max-width:none}}.keySwitcher_key__8LWtw,.keySwitcher_mode__qc1Vu{display:inline-flex;flex:1 1;place-content:center;place-items:center;text-align:center;cursor:pointer;background-color:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.6);transition:color .3s ease,background-color .3s ease;@media (any-hover:hover){&:hover{background-color:var(--c-contrast-1)}}&[data-active=true]{color:var(--c-dark);background-color:var(--c-green)}}.keySwitcher_mode__qc1Vu{padding:2.4rem 1.8rem;font-size:clamp(1.5rem,3vw,1.8rem)}.keySwitcher_key__8LWtw{flex-grow:0;flex-shrink:0;flex-basis:33.33%;aspect-ratio:1/1;padding:1.2rem;font-size:clamp(1.5rem,2.4vw,2.4rem);&[data-active=true]{border-color:var(--c-green)}@media (min-width:768px){flex-basis:16.66%}}.lockable_lockable__qnqEb{font-size:1.2rem;font-weight:400;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;h2{display:inline-block;margin-bottom:.5rem;font-size:1.2rem;font-weight:400}& span{--size:1.2rem;margin-right:.6rem;&.lockable_unlocked___GAxa{opacity:.6}}}.songLab_songLab__7EnHb{display:grid;grid-template-areas:"details details" "keyboard keyboard" "chords chords";grid-gap:2.4rem 6rem;gap:2.4rem 6rem;align-content:flex-start;width:100vw;min-height:100svh;padding:9rem var(--g-space) 3rem var(--g-space);overflow:clip;@media (min-width:768px){padding-top:11rem}@media (min-width:1024px){grid-template-areas:"details keyboard" "chords chords";grid-template-columns:24% 1fr;padding-top:12rem}}.songLab_details__iDN7X{grid-area:details}.songLab_keyboard__ItSRt{position:-webkit-sticky;position:sticky;top:6.6rem;z-index:10;grid-area:keyboard;-webkit-user-select:none;-moz-user-select:none;user-select:none;@media (min-width:768px){top:8rem}@media (min-width:1024px){top:9rem}& .songLab_controls__fqism{position:absolute;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);background-color:rgba(0,0,0,.3);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);@media (min-width:1024px){right:auto;left:auto;width:100%;padding-right:1.2rem;padding-left:1.2rem}}}.songLab_chords__vgciR{grid-area:chords}.songLab_globalControls__oq7R1{--f-size:1rem;--padding:1.8rem 2.4rem;position:-webkit-sticky;position:sticky;bottom:-3px;z-index:60;display:flex;justify-self:center;width:100%;text-align:center;background-color:rgba(0,0,0,.45);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);& .songLab_logo__HyjHh{top:-1px;grid-area:logo;padding:var(--padding);font-size:1.2rem;font-weight:700;white-space:nowrap;background-color:#090909}& .songLab_buttons__GOTK6{display:flex}& .songLab_button__AX5QO{padding:var(--padding);font-size:var(--f-size);text-transform:uppercase;letter-spacing:.06rem;background-color:transparent;background-color:#111;border-left:1px solid rgba(255,255,255,.1);transition:background-color .3s ease,color .3s ease;@media (any-hover:hover){&:hover{color:var(--c-dark);background-color:var(--c-green)}}}& .songLab_generate__x0G_v{width:100%;overflow:clip;font-size:var(--f-size);text-transform:uppercase;letter-spacing:.06rem;background-color:#090909;border-left:1px solid rgba(255,255,255,.1);transition:background-color .3s ease,color .3s ease;@media (any-hover:hover){&:hover{color:var(--c-dark);background-color:var(--c-green)}}}& .songLab_generateBtn__WOSbC{width:100%;height:100%;padding:var(--padding)}@media (min-width:768px){--padding:2.4rem 3rem}@media (min-width:1024px){--f-size:1.1rem}}.soundControls_controls__jnmjy{display:flex;align-items:center;justify-content:space-between;width:100%}.soundControls_control__Jmmgb{display:flex;gap:.6rem;align-items:center;font-size:1.2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.soundControls_knobOuter__rjSY1{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:.1rem solid var(--c-fg);border-radius:50%}.soundControls_modalContent__GfTPq{padding:0 var(--g-space);& ul{display:flex;flex-wrap:wrap;& li{flex:1 1;flex-basis:33.3%;padding:2.4rem 1.8rem;margin-bottom:-1px;font-size:clamp(1.2rem,3vw,1.8rem);text-align:center;white-space:nowrap;cursor:pointer;background-color:rgba(0,0,0,.3);border:.1rem solid rgba(255,255,255,.6);transition:background-color .3s ease,color .3s ease;@media (any-hover:hover){&:hover{background-color:var(--c-contrast-1)}}&[data-active=true]{color:var(--c-dark);background-color:var(--c-green);border-color:var(--c-green)}}}}.strumKnob_knob__yZ4cV{display:flex;gap:.6rem;align-items:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;& svg{width:1.8rem;height:1.8rem}}.chordMatrix_chordMatrix__2o4nm{display:flex;flex-direction:column;gap:1.2rem;padding-top:4.8rem;padding-bottom:2.4rem;@media (min-width:1024px){gap:1.8rem}}.chordMatrix_sectionHeader__c7nGO{display:flex;align-items:center;justify-content:space-between;line-height:1}.chordMatrix_sectionControls__je9sw{display:flex;gap:1.2rem;align-items:center;& .chordMatrix_exportMidi__rSY2B{cursor:pointer;&[data-exporting=true]{pointer-events:none;opacity:.5}& img{width:1.8rem;height:auto}}}.chordMatrix_progression__bFgsa{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;margin-top:1.2rem;@media (min-width:1024px){grid-template-columns:repeat(8,1fr)}}.chordMatrix_chord__21a_c{--active-color:var(--c-contrast-2);--text-color:var(--c-fg);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;&[data-active=true],&[data-is-pinned=true]{--active-color:var(--c-green);--text-color:var(--c-dark)}&[data-is-pinned=true]{.chordMatrix_chordChange__wqYnR,.chordMatrix_chordLock__MUZuK .chordMatrix_lock__vAzf1,.chordMatrix_guitarChord__tvp9V{opacity:1}}@media (hover:hover){&:hover{.chordMatrix_chordChange__wqYnR,.chordMatrix_chordLock__MUZuK .chordMatrix_lock__vAzf1,.chordMatrix_guitarChord__tvp9V{opacity:1}}}@media (min-width:1024px){margin-bottom:0}}.chordMatrix_chordLabel__0JAtR{display:flex;align-items:center;justify-content:center;width:75%;aspect-ratio:1/1;font-size:1.2rem;font-weight:700;line-height:1;color:var(--text-color);cursor:pointer;background-color:var(--active-color);border-radius:50%;transition:color .3s ease,background-color .3s ease}.chordMatrix_chordControls__pePsl{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.6rem;gap:.6rem}.chordMatrix_chordChange__wqYnR,.chordMatrix_guitarChord__tvp9V{display:flex;align-items:center;justify-content:center;padding:.6rem;cursor:pointer;opacity:0;transition:opacity .3s ease}.chordMatrix_chordLock__MUZuK{display:flex;align-items:center;justify-content:center;cursor:pointer;.chordMatrix_lock__vAzf1{display:inline-flex;flex:1 1;place-content:center;padding:.6rem;opacity:0;transition:opacity .3s ease;&>span{margin:0}&[data-locked=true]{opacity:1}}}.chordMatrix_chordChange__wqYnR{&>span{opacity:.6}}.chordMatrix_guitarChord__tvp9V{&>a{opacity:.6}}