@font-face{font-family:ExpresswayJS;font-display:swap;src:url(/chords/media/files/ExpresswayJS.ttf) format("truetype")}:root{--accent: #3949ab;--accent-soft: #eef1ff;--line: #e3e3e3;--bg-subtle: #f7f8fc;--text-muted: #666;--shadow-sm: 0 10px 24px rgba(52, 52, 52, .08);--shadow: 0 18px 38px rgba(52, 52, 52, .12);--radius: 14px}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}article,aside,footer,header,hgroup,main,nav,section{display:block}li{list-style:none}img{height:auto;max-width:100%;vertical-align:top}button,input,select,textarea{font:inherit}html{font-size:1rem}@media screen and (min-width:20rem){html{font-size:calc(1rem + .2 * ((100vw - 20rem)/ 113))}}@media screen and (min-width:133rem){html{font-size:1.2rem}}body{background:#fff;color:#343434;font-family:"PT Serif",serif;font-weight:400;line-height:1.6}a{color:#343434;text-decoration:none;transition:all .24s ease-out}a:hover{color:#3949ab}a:active,a:focus{color:#3949ab}dl,ol,p,table,ul{margin-top:calc(1.33333rem + .5vw)}blockquote,figure{margin-top:calc(1.86667rem + .5vw);margin-bottom:calc(1.86667rem + .5vw)}h1,h2,h3,h4,h5,h6{color:#343434;font-family:Roboto,sans-serif;font-weight:700;line-height:1.2;margin-top:calc(1.86667rem + .5vw)}h1{margin:0;font-size:1.67583rem}@media screen and (min-width:20rem){h1{font-size:calc(1.67583rem + .4936 * ((100vw - 20rem)/ 113))}}@media screen and (min-width:133rem){h1{font-size:2.16943rem}}h2{font-size:1.29454rem}@media screen and (min-width:20rem){h2{font-size:calc(1.29454rem + .27655 * ((100vw - 20rem)/ 113))}}@media screen and (min-width:133rem){h2{font-size:1.57109rem}}h3{font-size:1.13778rem}@media screen and (min-width:20rem){h3{font-size:calc(1.13778rem + .24306 * ((100vw - 20rem)/ 113))}}@media screen and (min-width:133rem){h3{font-size:1.38084rem}}h2+p,h3+p,h4+p,h5+p,h6+p{margin-top:calc(.8rem + .25vw)}b,strong{font-weight:700}.container{display:grid;grid-gap:calc(1.86667rem + .5vw);grid-template-columns:1fr auto 1fr}@media all and (min-width:56.25em){.container{grid-template-columns:1fr minmax(auto,42rem) 20rem 1fr}}.top{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:calc(1.86667rem + .5vw);position:relative;grid-column:2/3}.header-chord-search{align-items:center;display:flex;flex-direction:column;gap:.55rem;grid-column:2/3;min-width:0;position:relative;z-index:20}.header-chord-search__form{display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto;margin:0;width:100%}.header-chord-search__input-wrap{position:relative}.header-chord-search__icon{color:#8a8a8a;height:1.15rem;left:.9rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.15rem;z-index:1}.header-chord-search__input{background:#fffffff5;border:1px solid #d9dce6;border-radius:999px;color:#343434;font-family:Roboto,sans-serif;font-size:.88rem;height:44px;outline:none;padding:0 1rem 0 2.7rem;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.header-chord-search__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3949ab26}.header-chord-search__submit{background:var(--accent);border:0;border-radius:999px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:.88rem;font-weight:700;min-height:44px;padding:0 1.15rem}.header-chord-search__submit:hover{background:#303f9f}.header-chord-search__panel{background:#fff;border:1px solid #dfe2ea;border-radius:14px;left:0;margin-top:.35rem;overflow:hidden;position:absolute;right:0;top:100%;z-index:30}.header-chord-search__status{background:#f7f8fc;border-bottom:1px solid #e4e6ed;color:#666;font-family:Roboto,sans-serif;font-size:.72rem;font-weight:700;padding:.55rem .8rem}.header-chord-search__results{margin:0;max-height:20rem;overflow-y:auto;padding:.35rem}.header-chord-search__results a{align-items:center;border-radius:9px;color:#343434;display:flex;font-family:Roboto,sans-serif;gap:.75rem;justify-content:space-between;padding:.65rem .7rem}.header-chord-search__results a:hover,.header-chord-search__results a.is-active{background:var(--accent-soft);color:var(--accent)}.header-chord-search__result-copy{display:flex;flex-direction:column;min-width:0}.header-chord-search__result-copy strong{font-size:.88rem}.header-chord-search__result-copy small{color:#777;font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-chord-search__badge{background:#eef1ff;border-radius:999px;color:var(--accent);flex:0 0 auto;font-size:.68rem;font-weight:700;padding:.2rem .45rem}.header-chord-search__empty{color:#666;font-family:Roboto,sans-serif;font-size:.8rem;margin:0;padding:1rem;text-align:center}.header-chord-search__shortcuts{display:flex;gap:.4rem;max-width:100%;overflow-x:auto;padding:0 .1rem .15rem;scrollbar-width:none}.header-chord-search__shortcuts::-webkit-scrollbar{display:none}.header-chord-search__shortcuts a{background:#fff;border:1px solid #dfe2ea;border-radius:999px;color:#555;flex:0 0 auto;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:700;line-height:1;padding:.38rem .7rem}.header-chord-search__shortcuts a:hover{border-color:#b8c0e6;color:var(--accent)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}@media all and (min-width:56.25em){.header-chord-search{align-items:center;flex-direction:row;grid-column:2/4;justify-content:space-between;width:100%}.header-chord-search__form{flex:0 1 31rem;max-width:31rem}.header-chord-search__shortcuts{flex:1 1 auto;justify-content:flex-end}}[hidden]{display:none!important}.guitar-wiz-bottom-banner{bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;transform:translateY(1rem);transition:opacity .3s ease-out,transform .3s ease-out;z-index:60}body:has(.guitar-wiz-bottom-banner.is-visible){padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.guitar-wiz-bottom-banner.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.guitar-wiz-bottom-banner.hidden{display:none!important}.guitar-wiz-bottom-banner__desktop{display:none;padding:0 1.25rem calc(env(safe-area-inset-bottom,0px) + 1.25rem) 1.25rem}@media all and (min-width:40em){.guitar-wiz-bottom-banner__desktop{display:none}}.guitar-wiz-bottom-banner__capsule{align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#242b5cfa,#6358fff0);border:1px solid rgba(199,210,254,.35);border-radius:1.75rem;box-shadow:0 -12px 36px #4338ca47;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:56rem;outline:none;overflow:hidden;padding:.85rem 1.25rem;position:relative}@media all and (min-width:56em){.guitar-wiz-bottom-banner__capsule{align-items:center;border-radius:999px;flex-direction:row;justify-content:space-between;padding:.75rem 1.5rem}}.guitar-wiz-bottom-banner__glow-container{inset:0;pointer-events:none;position:absolute}.guitar-wiz-bottom-banner__glow-1{background:#ffffff1f;border-radius:999px;filter:blur(20px);height:5rem;left:-2rem;position:absolute;top:0;width:5rem}.guitar-wiz-bottom-banner__glow-2{background:#e879f926;border-radius:999px;filter:blur(24px);height:4rem;position:absolute;right:3rem;top:.5rem;width:6rem}.guitar-wiz-bottom-banner__glow-line{background:#ffffff59;height:1px;inset-x:1.5rem;position:absolute;top:0}.guitar-wiz-bottom-banner__text{color:#fff;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:-.01em;line-height:1.35;margin:0;max-width:38rem;position:relative}.guitar-wiz-bottom-banner__button-desktop{align-items:center;background:#fff;border-radius:999px;box-shadow:0 4px 16px #0f172a2e;color:#4338ca!important;display:inline-flex;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.86rem;font-weight:700;justify-content:center;padding:.5rem 1.25rem;position:relative;text-decoration:none!important;transition:background .15s ease,transform .15s ease;white-space:nowrap;width:100%}@media all and (min-width:40em){.guitar-wiz-bottom-banner__button-desktop{flex-shrink:0;min-width:10.5rem;width:auto}}.guitar-wiz-bottom-banner__button-desktop:hover{background:#eef2ff;transform:translateY(-1px)}.guitar-wiz-bottom-banner__mobile{display:block;padding-bottom:env(safe-area-inset-bottom,0px)}@media all and (min-width:40em){.guitar-wiz-bottom-banner__mobile{display:block}}.guitar-wiz-bottom-banner__mobile-content{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(180deg,#121b34fb,#17223ffb);border-top:1px solid rgba(165,180,252,.2);box-shadow:0 -1px #ffffff0f;color:#fff;cursor:pointer;display:grid;gap:10px;grid-template-columns:32px 48px minmax(0,1fr) auto;min-height:58px;padding:8px 12px 12px}.guitar-wiz-bottom-banner__dismiss{align-items:center;background:transparent;border:none;border-radius:999px;color:#cbd5e1d9;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:32px}.guitar-wiz-bottom-banner__dismiss:hover{background:#ffffff1a;color:#fff}.guitar-wiz-bottom-banner__dismiss-icon{height:20px;width:20px}.guitar-wiz-bottom-banner__icon-wrap{border-radius:0;box-shadow:0 6px 16px #0206173d;height:48px;overflow:hidden;width:48px}.guitar-wiz-bottom-banner__icon{height:100%;object-fit:cover;width:100%}.guitar-wiz-bottom-banner__info{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:49px}.guitar-wiz-bottom-banner__app-title{color:#fff;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15.36px;font-weight:600;letter-spacing:-.025em;line-height:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guitar-wiz-bottom-banner__rating{align-items:center;display:flex;gap:6px;margin-top:4px}.guitar-wiz-bottom-banner__stars{align-items:center;color:#a5b4fc;display:flex;gap:2px}.guitar-wiz-bottom-banner__star{height:14.4px;width:14.4px}.guitar-wiz-bottom-banner__rating-score{color:#e2e8f0;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14.72px;font-weight:500;letter-spacing:-.025em;line-height:1}.guitar-wiz-bottom-banner__button-mobile{align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff!important;display:inline-flex;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15.68px;font-weight:600;justify-content:center;letter-spacing:-.025em;min-height:45.6px;min-width:116px;padding:8px 16px;text-decoration:none!important;transition:background .15s ease;white-space:nowrap}.guitar-wiz-bottom-banner__button-mobile:hover{background:#ffffff38}.guitar-wiz-banner{align-items:center;background:oklch(97% .018 274);border:1px solid oklch(89% .045 274);border-radius:var(--radius);color:#262d60;display:grid;gap:1rem;grid-column:2 / 3;grid-template-columns:5.5rem minmax(0,1fr);padding:1rem;position:relative}.guitar-wiz-banner__icon-link{align-self:center;display:inline-flex}.guitar-wiz-banner__icon{height:88px;object-fit:cover;width:88px}.guitar-wiz-banner__meta{margin-bottom:.25rem}.guitar-wiz-banner__badge{color:#3d47ac!important;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:700;text-decoration:none!important}.guitar-wiz-banner__badge:hover{text-decoration:underline!important;text-underline-offset:.14em}.guitar-wiz-banner__title{color:#1e2268;font-family:Roboto,sans-serif;font-size:clamp(1.25rem,2.5vw,1.55rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0;text-wrap:balance}.guitar-wiz-banner__title a{color:inherit;text-decoration:none}.guitar-wiz-banner__title a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.14em}.guitar-wiz-banner__description{color:#444b6b;font-family:Roboto,sans-serif;font-size:.9rem;line-height:1.5;margin:.5rem 0 0;max-width:52rem;text-wrap:pretty}.guitar-wiz-banner__actions{align-items:stretch;display:flex;grid-column:1 / -1}.guitar-wiz-banner__button--primary{align-items:center;background:#353b50;border-radius:999px;box-sizing:border-box;color:#fff!important;display:inline-flex;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;min-height:44px;padding:.625rem 1.25rem;text-decoration:none!important;transition:background .18s ease-out,transform .18s ease-out;width:100%;white-space:nowrap}.guitar-wiz-banner__button--primary:hover{background:#2b3042;transform:translateY(-1px)}.guitar-wiz-banner a:focus-visible{outline:3px solid oklch(70% .15 274);outline-offset:3px}@media all and (min-width:42em){.guitar-wiz-banner{column-gap:1.5rem;grid-template-columns:5.5rem minmax(0,1fr) auto;padding:1.25rem 1.5rem}.guitar-wiz-banner__actions{align-items:flex-end;grid-column:auto;justify-content:center}.guitar-wiz-banner__button--primary{width:auto}}@media(prefers-reduced-motion:reduce){.guitar-wiz-banner__button--primary{transition:background .18s ease-out}.guitar-wiz-banner__button--primary:hover{transform:none}}@media all and (min-width:56.25em){.guitar-wiz-banner{grid-column:2/4}}@media all and (min-width:56.25em){.top{grid-column:2/4}}.logo{color:#343434!important;font-family:Roboto,sans-serif;font-weight:800;font-size:1.4729rem}@media screen and (min-width:20rem){.logo{width:80px;font-size:calc(1.4729rem + .43382 * ((100vw - 20rem) / 113))}}@media screen and (min-width:133rem){.logo{width:120px;font-size:1.90672rem}}@media all and (min-width:56.25em){.logo{width:100px;margin:0}}.footer{grid-column:2/3;border-top:1px solid #e3e3e3;font-family:Roboto,sans-serif;margin-top:calc(1.86667rem + .5vw);padding:calc(1.86667rem + .5vw) 0;text-align:center}.footer__copyright+.footer__social{margin-top:1.6rem}.footer__social>a{padding:0 .53333rem;display:inline-block}@media all and (min-width:56.25em){.footer{grid-column:2/4}}.footer p{margin-top:1rem;max-width:660px;margin-left:auto;margin-right:auto}.footer p a{color:inherit;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em}.footer p a:hover{color:var(--accent)}.main,.sidebar{grid-column:2/3}@media all and (min-width:56.25em){.sidebar{grid-column:3/4}}.sidebar-app-promo{border:1px solid #aeb7d0;border-radius:var(--radius);padding:calc(1.33333rem + .25vw)}.sidebar-app-promo h2{margin-top:0}.sidebar-app-promo .app-badges{margin-bottom:0}.logo img{width:100%}.navbar__menu{font-family:Roboto,sans-serif;font-weight:700;margin:0;padding:0}@media all and (max-width:56.1875em){.navbar__menu{background:#fff;height:100vh;left:0;opacity:0;position:absolute;top:2.99rem;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;visibility:hidden;-webkit-transform:translateY(-5%);-ms-transform:translateY(-5%);transform:translateY(-5%);width:100%;z-index:1}.navbar__menu>li{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;border-bottom:1px solid #e3e3e3;padding:0}}@media all and (min-width:56.25em){.navbar__menu{max-height:none;overflow:visible;display:flex}}.navbar__menu li{color:#343434;padding:0;text-align:center}@media all and (min-width:56.25em){.navbar__menu li{display:inline-block;margin:0 0 0 1.6rem;position:relative}}.navbar__menu li:hover{cursor:pointer}.navbar__menu li a{display:block;color:#343434;white-space:nowrap}@media all and (max-width:56.1875em){.navbar__menu li a{padding:1.06667rem 0}}.navbar__menu li a:hover{color:#3949ab}.navbar__toggle{background:0 0;border:none;border-top:2px solid #343434;-webkit-border-radius:0;border-radius:0;display:block;height:14px;padding:0;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);right:0;text-indent:-99999rem;width:1.6rem;z-index:3}@media all and (min-width:56.25em){.navbar__toggle{display:none}}.navbar__toggle:before{border-top:2px solid #343434;content:"";left:0;position:absolute;top:4px;width:100%}.navbar__toggle:after{border-bottom:2px solid #343434;content:"";left:0;position:absolute;bottom:0;width:100%}.navbar__toggle:focus{background:0 0;outline:0;border:none;border-top:2px solid #343434}.is-opened .navbar__menu{opacity:1;overflow:auto;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.post{border-top:3px solid #343434;padding-top:calc(1.86667rem + .5vw)}.page-content,.page-grid,.page-header{grid-column:2/3}.page-content,.page-grid{margin-top:calc(1.86667rem + .5vw)}.page-header{border-top:3px solid #343434;padding-top:calc(1.86667rem + .5vw)}.page-header>*+*{margin-top:calc(.8rem + .25vw)}.eyebrow{color:var(--accent);font-family:Roboto,sans-serif;font-size:.77248rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.text-muted{color:var(--text-muted)}.button-link{background:var(--accent);border-radius:999px;color:#fff!important;display:inline-block;font-family:Roboto,sans-serif;font-weight:700;padding:.8rem 1.25rem}.button-link:hover{background:#2f3a8f;color:#fff!important;text-decoration:none}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:calc(1.33333rem + .25vw)}.page-grid{display:grid;gap:calc(1.86667rem + .5vw)}.page-grid__main,.page-grid__aside{min-width:0}.page-grid__aside{display:grid;gap:calc(1.33333rem + .35vw);align-content:start}@media all and (min-width:56.25em){.page-grid{grid-template-columns:minmax(0,1fr) 20rem;align-items:start}}.app-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:.9rem 0 1.1rem}.app-badges a{display:inline-flex;padding:.15rem 0;line-height:0}.app-badges img{height:40px;width:auto}.post__entry{margin-top:calc(1.86667rem + 1vw)}.post__entry a{color:#3949ab;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em}.post__entry a:hover{color:#2f3a8f}.chord-diagram,.home-featured-chord__link{display:block;width:100%}.chord-diagram__image,.home-featured-chord__image{display:block;width:100%;max-width:none;height:auto}.msg{padding:1.06667rem 1.6rem}.msg--highlight{background-color:#fff7e5}.msg--info{background-color:#d9edf7}.u-small{color:#666;font-family:Roboto,sans-serif;font-weight:400;font-size:.77248rem}.u-icon{fill:#343434cc;height:1rem;width:1rem}.msg,.short{font-family:ExpresswayJS}