.cordSelector{width:100%;max-width:1200px;padding:1rem;display:grid;grid-gap:1rem;gap:1rem}@media(min-width:1024px){.cordSelector{display:grid;grid-template-columns:1fr 2fr;grid-gap:2rem;gap:2rem}}.cordSelector__imageContainer{display:flex;flex-direction:column}.cordSelector__imageContainer h3{font-weight:500}@media(min-width:1024px){.cordSelector__imageContainer{order:-1}}.cordSelector__image{position:relative;width:100%;min-width:300px;min-height:300px}.cordSelector__selectors{display:grid;grid-gap:1rem;gap:1rem}.cordSelector__selectors h3{margin-bottom:1rem;font-weight:500}.cordSelector__selectors ul{list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);background-color:#e9eaef;border:1px solid #e9eaef;grid-gap:1px}@media(min-width:1024px){.cordSelector__selectors ul{grid-template-columns:repeat(6,1fr)}}.cordSelector__selectors ul li{background-color:#fff}.cordSelector__selectors ul li a,.cordSelector__selectors ul li span{display:block;font-size:1rem;color:inherit;text-align:center;text-decoration:none;padding:1rem 0}.cordSelector__selectors ul li.-active{background-color:#00d296}.cordSelector__roots ul.--no-root{filter:drop-shadow(0 0 16px rgba(0,0,0,.2)) drop-shadow(0 1px 4px hsla(98,51%,50%,.3));transition:filter .1s ease-in-out}.cordSelector__typesGrid{display:none!important}.cordSelector__typesDropdown select{width:100%;padding:1rem;font-size:1rem;color:#1b1c1e;background-color:#fff;border:1px solid #e9eaef;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(/guitar-chords/images/arrow.svg);background-position:96%;background-repeat:no-repeat;outline:none}.cordSelector__typesDropdown select[disabled]{color:#acb1be}@media(min-width:1024px){.cordSelector__typesDropdown{display:none}.cordSelector__typesGrid{display:grid!important}}.chordInfo{width:100%;max-width:1200px;padding:1rem}.chordInfo h3{font-size:1.5em;text-align:center;font-weight:700}.chordInfo__container{display:grid;grid-gap:1rem;gap:1rem}@media(min-width:768px){.chordInfo__container{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.chordInfo__container{gap:2rem}}.chordInfo__container h4{font-weight:700;margin-bottom:0}.chordInfo__container>div{display:grid;justify-content:center;text-align:center;background-color:#f7f8fb}.chordInfo__container a.-active,.chordInfo__container a:hover{color:#00d296}.fingerMap{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;z-index:1}.fingerMap__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0);display:none}.fingerMap__backdrop.--show{display:block}.fingerMap__label{position:relative;padding:1rem;font-size:1rem;text-decoration:underline;cursor:pointer;z-index:1000}.fingerMap__label:hover{text-decoration:none}.fingerMap__popup{position:absolute;top:100%;left:40%;transform:translate(-50%);z-index:100;width:180px;margin:1rem;padding:.5rem;border-radius:4px;background:#3e3f43;color:#fff;flex-direction:column;align-items:center;text-align:center;display:none}.fingerMap__popup:after{content:"";width:32px;height:32px;background:#3e3f43;position:absolute;top:0;left:50%;transform:rotate(45deg) translate(-50%);z-index:-1}.fingerMap__popup.--show{display:flex}.allChordsLink{width:100%;max-width:1200px;padding:4rem 2rem 4rem 1rem;display:grid;justify-content:right;text-align:center}@media(max-width:1024px){.allChordsLink{padding-bottom:1rem}}.explanation{width:100%;padding:0 1rem 4rem}@media(min-width:768px){.explanation{padding:2rem 1rem 6rem}}.explanation h3{font-size:32px;font-weight:700}.explanation p{font-size:1rem;line-height:1.5}.explanation__container{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-gap:1rem;gap:1rem;grid-template-areas:"text1" "image" "text2"}@media(min-width:768px){.explanation__container{grid-template-areas:"image text1" "image text2";grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.explanation__container{gap:2rem}}.explanation__textArea1{grid-area:text1}.explanation__imageArea{grid-area:image;position:relative;min-height:480px}.explanation__textArea2{grid-area:text2}.songsLibraryBanner{width:100%;padding:4rem 1rem 2rem;background-image:url(/guitar-chords/images/banner-background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;background-color:#1b1c1e}@media(min-width:480px){.songsLibraryBanner{padding:4rem 1rem}}@media(min-width:768px){.songsLibraryBanner{padding:6rem 1rem}}.songsLibraryBanner__container{max-width:1200px;margin:0 auto;display:grid;grid-gap:2rem;gap:2rem}@media(min-width:768px){.songsLibraryBanner__container{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:1200px){.songsLibraryBanner__container{gap:2rem}}.songsLibraryBanner__textArea{display:grid;grid-gap:2rem;gap:2rem;justify-items:center;text-align:center}.songsLibraryBanner__textArea h3{font-size:32px;font-weight:700;margin:0}.songsLibraryBanner__textArea p{font-size:1rem;line-height:1.5;margin:0;max-width:380px}.songsLibraryBanner__textArea form{width:100%;max-width:480px;display:flex;align-items:center;padding:.5rem 1.5rem;color:#1b1c1e;background-color:#fff;border-radius:50px;overflow:hidden}.songsLibraryBanner__textArea form input{width:100%;font-size:1rem;color:inherit;line-height:1.5;border:none;outline:none}.songsLibraryBanner__textArea form button{background-color:rgba(0,0,0,0);border:none;outline:none;cursor:pointer}.songsLibraryBanner__textArea form span{font-family:YousicianIcons!important;font-size:20px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1.5;letter-spacing:0;color:#8c919d;-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga",normal,"dlig";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.songsLibraryBanner__imageArea{position:relative;display:flex;justify-content:center;width:100%;min-height:280px}@media(min-width:768px){.songsLibraryBanner__imageArea{order:-1}}.appDownloadBanner{width:100%;padding:4rem 1rem 2rem;background-color:#f7f8fb}@media(min-width:480px){.appDownloadBanner{padding:4rem 1rem}}@media(min-width:768px){.appDownloadBanner{padding:6rem 1rem}}.appDownloadBanner__container{max-width:1200px;margin:0 auto;display:grid;grid-gap:2rem;gap:2rem}@media(min-width:768px){.appDownloadBanner__container{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:1200px){.appDownloadBanner__container{gap:2rem}}.appDownloadBanner__textArea{display:grid;grid-gap:2rem;gap:2rem;justify-items:left}.appDownloadBanner__textArea h3{font-size:32px;font-weight:700;margin:0}.appDownloadBanner__textArea p{font-size:1rem;line-height:1.5;margin:0}.appDownloadBanner__textArea .button{padding:.5rem 2rem}.appDownloadBanner__textArea span{display:block;font-size:.85rem}.appDownloadBanner__imageArea{position:relative;display:flex;justify-content:center;width:100%;min-height:520px}@media(min-width:768px){.appDownloadBanner__imageArea{min-height:280px}}.appDownloadBanner__image.--landscape{display:none}@media(min-width:768px){.appDownloadBanner__image.--portrait{display:none}.appDownloadBanner__image.--landscape{display:block}}.chordsTable{width:100%;padding:2rem 1rem 6rem;background-color:#f7f8fb}.chordsTable__root{max-width:1200px;margin:0 auto}.chordsTable__root h3{font-size:36px;text-align:center}.chordsTable__groups{display:grid;max-width:1200px;margin:0 auto}@media(min-width:480px){.chordsTable__groups{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.chordsTable__groups{grid-template-columns:repeat(3,1fr)}}.chordsTable__group{font-size:1rem;line-height:1.5}.chordsTable__groupLinks a{display:block;color:#1b1c1e}.button{text-decoration:none;font-size:1rem;padding:.25rem 2rem;font-weight:700;line-height:1.5;display:inline-grid;place-content:center;white-space:nowrap;background-color:#00d296;color:#1b1c1e;border:2px solid #00d296;border-radius:3.125rem;transition:all .1s ease-out}.button:hover{background-color:#1b1c1e;color:#00d296;transform:scale(1.02)}.link{color:inherit;text-decoration:underline}.link:hover{color:#00d296;text-decoration:none}.errorFallback{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem 1rem 4rem;text-align:center}.errorFallback__imageArea img{filter:invert(1)}.bottom_bar_container{display:flex;flex-direction:column;width:100%;max-width:1200px;align-items:center;padding:16px}.bottom_bar_container h3{font-size:1.5em;text-align:center;font-weight:700}.bottom_bar_container ul{display:flex;flex-wrap:wrap;width:100%;justify-content:center;margin:0;padding:24px;background-color:#f7f8fb}.bottom_bar_container ul li{font-weight:700;line-height:150%}.bottom_bar_container ul li.-active a,.bottom_bar_container ul li:hover a{color:#00d296}.main_chords_content{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:2fr 1fr;width:100%;max-width:1200px;margin-bottom:64px}.main_chords_content .sidebar_container{display:flex;flex-direction:column;align-items:left;padding:16px}.main_chords_content .sidebar_container h3{font-weight:500}.main_chords_content .sidebar_container ul{width:100%;background-color:#f7f8fb;margin-top:0}.main_chords_content .sidebar_container ul li{padding:8px;font-weight:700}.main_chords_content .sidebar_container ul li.-active a,.main_chords_content .sidebar_container ul li:hover a{color:#00d296}@media(max-width:1024px){.main_chords_content{display:flex;flex-direction:column}}.header{background-color:#1b1c1e;padding:1rem}.header__container{display:flex;align-items:center}.header__image.--icon{display:block;margin-right:1rem}.header__image.--logo{display:none}@media(min-width:1024px){.header__image.--icon{display:none}.header__image.--logo{display:block;margin-right:1rem}}.footer{width:100%;font-size:.875rem;padding:4rem;background-color:#1b1c1e;color:#fff}.footer__container{max-width:calc(70rem + 8rem);margin:0 auto}@media(max-width:calc(480px - 1px)){.footer{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:calc(mobile - 1px)){.footer{padding-left:1.5rem;padding-right:1.5rem}}.footer__hr{border-color:#797b7f;margin-top:2.5rem;margin-bottom:2rem}.footer__buttons{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.footer__buttons a:first-of-type{margin-right:1rem}.footer__buttons>.appButtons__buttons{margin-top:0}.footer__buttons>*{margin-right:0;margin-bottom:0;margin-left:0}.footer__desktopButton{padding:0 1.5rem;font-size:1rem;height:2.4rem;font-weight:500;display:flex;align-items:center;border:.125rem solid #e9eaef;color:#e9eaef;border-radius:3rem;transition:all .11s ease-out}.footer__desktopButton:hover{background-color:#00d296;color:#1b1c1e;border-color:#00d296}.footer__logo{display:flex;margin-top:2rem;margin-bottom:3rem}.footer__widgetList{display:grid;grid:1fr/repeat(4,auto) max-content}@media(max-width:calc(850px - 1px)){.footer__widgetList{grid-template-columns:repeat(3,auto) max-content}}@media(max-width:calc(700px - 1px)){.footer__widgetList{grid-template-columns:repeat(2,auto) max-content}}@media(max-width:calc(560px - 1px)){.footer__widgetList{grid-template-columns:auto auto}}.footer__widgetList ul:not(.footer__socialLinks){margin:1rem 0 2rem;display:grid;grid-gap:.5rem;gap:.5rem}.-simpleFooter .footer__widgets,.-simpleFooter .footer__widgets+hr{display:none}.footer__widget{margin:0 .5rem 0 0}@media(min-width:560px){.footer__widget:first-child{grid-area:1/1/span 4}}@media(max-width:calc(560px - 1px)){.footer__widget:first-child{grid-area:1/1/auto/span 2;margin-bottom:2rem}}.footer__widgetHeading{font-size:inherit;font-weight:700;margin:0}.footer__socialLinks{flex-wrap:wrap;gap:1.5rem}.footer__socialLinks,.footer__socialLinks li a{display:flex;align-items:center}.footer__socialLinks li a img{margin-right:.5rem}@media(min-width:560px){.footer__socialLinks{margin:1rem 0 2rem;display:grid;grid-gap:1rem;gap:1rem}}.footer__credits{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center}.footer__credits>*{margin:1rem 0 0 1rem}.footer__credits>:last-child{flex-basis:100%;margin-top:2rem}.footer__credits button{color:#fff!important;border:unset!important;background-color:rgba(0,0,0,0);height:unset!important;white-space:unset!important;word-wrap:unset!important;padding:unset!important;font-size:unset!important;line-height:unset!important;cursor:pointer!important;transition:unset!important}.footer__credits button:active,.footer__credits button:focus,.footer__credits button:hover{color:#00d296;background:unset!important}.footer__simpleLogo{display:flex;justify-content:center;margin-top:2rem}.page{display:flex;flex-direction:column;align-items:center}.page__header{width:100%;max-width:1200px;padding:2rem 1rem}.page__header h1,.page__header h2{display:block;text-align:center}.page__header h1{font-size:40px;font-weight:700}.page__header h2{font-size:1rem;font-weight:400}@font-face{font-family:YousicianIcons;src:url(/guitar-chords/_next/static/media/YousicianIcons.0a2d7e60.eot);src:url(/guitar-chords/_next/static/media/YousicianIcons.0a2d7e60.eot) format("embedded-opentype"),url(/guitar-chords/_next/static/media/YousicianIcons.9528f323.woff) format("woff"),url(/guitar-chords/_next/static/media/YousicianIcons.c329c6a9.ttf) format("truetype"),url(/guitar-chords/_next/static/media/YousicianIcons.0aaa59ca.svg) format("svg");font-weight:400;font-style:normal}*{box-sizing:border-box;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}body{margin:0;font-family:aktiv-grotesk,Helvetica,sans-serif;box-sizing:border-box;color:#1b1c1e}body,ul{padding:0}ul{list-style-type:none}a{color:inherit;text-decoration:none}