/*! Infinite Guitar Chord Finder. Copyright (c) 2026 Infinite Guitar. All rights reserved. */.clearafter{content:"";display:block;clear:both}.vcenter{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flexcenter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.backface{-webkit-backface-visibility:hidden;backface-visibility:hidden}.flipH{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.chf-page{container:chf-page/inline-size;background:#fff}.chf{--chf-ink:255,255,255;--chf-accent:#4f6b8e;--chf-hi:rgb(141.4,163.8,191.8);--chf-red:#ce383d;--chf-line:rgba(255,255,255,.1);padding:0 0 0.5rem;padding-inline:min(4cqw,4.375rem);background:#22262b;color:rgb(var(--chf-ink));font-family:"Roboto",sans-serif}.chf button{font-family:"Roboto",sans-serif;cursor:pointer}.chf :focus-visible,.chf a:focus-visible,.chf button:focus-visible{outline:0.125rem solid var(--chf-hi);outline-offset:0.125rem}.chf__panel{container:chf/inline-size;max-width:100rem;margin:0 auto}.chf__bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;padding:1.75rem 0 1.25rem}.chf__title{margin:0;font-size:1.875rem;line-height:2.125rem;font-weight:500;letter-spacing:0.01em;font-family:"Oswald",sans-serif;text-transform:uppercase;color:rgb(var(--chf-ink))}.chf__title span{color:var(--chf-hi)}.chf__title--ring{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem}.chf__title .chf__words{color:inherit}.chf__ring{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:0.09375rem solid color-mix(in srgb,var(--chf-hi) 55%,transparent);color:var(--chf-hi)}.chf__ring svg{width:1.625rem;height:1.625rem}.chf__sharing{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.5rem 0.875rem}.chf__share-count{position:relative;top:0.0625rem;margin:0;font-size:0.8125rem;line-height:1.125rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:rgba(var(--chf-ink),0.66);white-space:nowrap}.chf__share-count b{margin-right:0.25rem;font-size:1.125rem;line-height:1.125rem;font-weight:700;letter-spacing:0em;color:rgb(var(--chf-ink))}.chf__share{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.375rem;margin:0;padding:0;list-style:none}.chf__share li{margin:0}.chf__share li:last-child .chf__tip{left:auto;right:0;-webkit-transform:translateY(-0.25rem);transform:translateY(-0.25rem)}.chf__share li:last-child .chf__tip:before{left:auto;right:0.6875rem}.chf__share-btn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:rgba(var(--chf-ink),0.08);color:rgba(var(--chf-ink),0.85);-webkit-transition:background-color 0.2s,color 0.2s;transition:background-color 0.2s,color 0.2s}.chf__share-btn svg{width:0.875rem;height:0.875rem;fill:currentColor}.chf__share-btn svg path,.chf__share-btn svg polygon{fill:currentColor}.chf__share-btn:hover{color:rgb(var(--chf-ink))}.chf__share-btn--facebook:hover{background:#1877f2;color:#fff}.chf__share-btn--twitter:hover{background:#000;color:#fff}.chf__share-btn--reddit:hover{background:#ff4500;color:#fff}.chf__share-btn--whatsapp:hover{background:#128c7e;color:#fff}.chf__share-btn--link:hover,.chf__share-btn--mail:hover{background:rgba(var(--chf-ink),0.25)}.chf__share-btn.is-copied{background:var(--chf-accent);color:#fff}.chf__share-btn.is-copied>svg{display:none}.chf__share-btn.is-copied>.chf__share-check{display:block;width:1.125rem;height:1.125rem}.chf__share-check{display:none}.chf__tip{position:absolute;top:calc(100% + 0.5rem);left:50%;z-index:5;padding:0.3125rem 0.5625rem;border-radius:0.375rem;background:#fff;-webkit-box-shadow:0 0.25rem 0.875rem rgba(0,0,0,0.25);box-shadow:0 0.25rem 0.875rem rgba(0,0,0,0.25);font-size:0.75rem;line-height:1rem;font-weight:600;letter-spacing:0em;color:#1f2933;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transform:translate(-50%,-0.25rem);transform:translate(-50%,-0.25rem);-webkit-transition:opacity 0.15s,visibility 0.15s,-webkit-transform 0.15s;transition:opacity 0.15s,visibility 0.15s,-webkit-transform 0.15s;transition:opacity 0.15s,transform 0.15s,visibility 0.15s;transition:opacity 0.15s,transform 0.15s,visibility 0.15s,-webkit-transform 0.15s}.chf__tip:before{content:"";position:absolute;bottom:100%;left:50%;margin-left:-0.3125rem;border:0.3125rem solid transparent;border-bottom-color:#fff}.chf__share-btn.is-copied .chf__tip,.chf__share-btn:focus-visible .chf__tip{opacity:1;visibility:visible;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.chf__share li:last-child .chf__share-btn.is-copied .chf__tip,.chf__share li:last-child .chf__share-btn:focus-visible .chf__tip{-webkit-transform:none;transform:none}.chf__screen{position:relative;isolation:isolate;display:-ms-grid;display:grid;-ms-grid-columns:13.125rem 1.125rem minmax(0,27.5rem);grid-template-columns:13.125rem minmax(0,27.5rem);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:1.125rem;-moz-column-gap:1.125rem;column-gap:1.125rem;padding:1.875rem 2rem 2.125rem;border-radius:1rem;background:#191c20;-webkit-box-shadow:inset 0 0 0 0.0625rem rgba(var(--chf-ink),0.06);box-shadow:inset 0 0 0 0.0625rem rgba(var(--chf-ink),0.06)}.chf__neck{aspect-ratio:194/588}.chf__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chf__name{margin:0;font-size:6.5rem;line-height:6.5rem;font-weight:600;letter-spacing:-0.01em;font-family:"Oswald",sans-serif;color:rgb(var(--chf-ink));text-align:center}.chf__name sup{margin-left:0.125rem;font-size:0.42em;vertical-align:0.9em;color:var(--chf-hi)}.chf__facts{margin-top:1.25rem;min-height:9.375rem}.chf .chf-play{margin-top:1.625rem}.chf__label{margin:0;font-size:0.6875rem;line-height:0.875rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:rgba(var(--chf-ink),0.62)}.chf__tools{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,12fr) 2rem minmax(0,13fr);grid-template-columns:minmax(0,12fr) minmax(0,13fr);-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;margin-top:0.5rem;border-bottom:0.0625rem solid var(--chf-line)}.chf__tool{min-width:0;padding:1.125rem 0 1.25rem}.chf__tool .chf__label{margin-bottom:0.625rem}.chf__row2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem 2.5rem;padding:1rem 0 1.375rem}.chf__row2 .chf__tool{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;padding:0}.chf__row2 .chf__tool[hidden]{display:none}.chf__row2 .chf__label{margin:0;white-space:nowrap}.chf__extras{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.875rem 1.75rem}.chf__keys{-webkit-box-flex:1;-ms-flex:1 1 12.5rem;flex:1 1 12.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.375rem 1.375rem;margin:0;padding:0;list-style:none}.chf__keys li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:0;font-size:0.75rem;line-height:1rem;font-weight:500;letter-spacing:0em;color:rgba(var(--chf-ink),0.66)}.chf__keys kbd{display:inline-block;min-width:0.75rem;margin-right:0.125rem;padding:0.0625rem 0.3125rem;border-radius:0.25rem;background:rgba(var(--chf-ink),0.08);border:0.0625rem solid rgba(var(--chf-ink),0.14);border-bottom-width:0.125rem;font-size:0.6875rem;line-height:0.9375rem;font-weight:600;letter-spacing:0em;font-family:"Roboto",sans-serif;text-align:center;color:rgba(var(--chf-ink),0.8)}.chf__keys kbd svg{display:block;width:0.6875rem;height:0.9375rem;fill:currentColor}@media (hover:none){.chf__keys{display:none}}.chf__sr{position:absolute;width:0.0625rem;height:0.0625rem;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.chf-neck{display:block;width:100%;height:auto;overflow:hidden}.chf-neck image{pointer-events:none}.chf-neck__str{stroke:rgba(255,255,255,0);-webkit-transition:stroke 0.5s;transition:stroke 0.5s}.chf-neck__str.is-hit{stroke:rgba(255,255,255,0.4);-webkit-animation:chf-vib 0.5s ease-out;animation:chf-vib 0.5s ease-out}.chf-neck__dot{fill:#4f6b8e;stroke:#4f6b8e;stroke-width:2;-webkit-filter:drop-shadow(0 0.125rem 0.1875rem rgba(0,0,0,0.7));filter:drop-shadow(0 0.125rem 0.1875rem rgba(0,0,0,0.7))}.chf-neck__dot--root{fill:#fff;stroke:#fff;stroke-width:2}.chf-neck__txt{fill:#fff;font-weight:700;font-size:0.8125rem;font-family:"Roboto",sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none}.chf-neck__dot--root+.chf-neck__txt{fill:#191c20}.chf-neck__open{fill:none;stroke:#fff;stroke-width:2.5}.chf-neck__open-txt{fill:rgba(255,255,255,0.85);font-weight:700;font-size:0.6875rem;font-family:"Roboto",sans-serif;text-anchor:middle;dominant-baseline:central}.chf-neck__mute{stroke:rgba(255,255,255,0.7);stroke-width:2.5;stroke-linecap:round}.met4-visual-canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%;border-radius:inherit;pointer-events:none;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(12%,#000),color-stop(88%,#000),to(transparent));-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(12%,#000),color-stop(88%,#000),to(transparent));mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.met4-visual-canvas[hidden]{display:none}.chf-visual{position:absolute;top:1.125rem;right:1.25rem;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.chf-visual[hidden]{display:none}.chf-select{position:relative;display:block}.chf-select select{display:block;height:1.875rem;margin:0;padding:0 1.875rem 0 0.625rem;border-radius:0.375rem;background:rgba(var(--chf-ink),0.07);border:0.0625rem solid rgba(var(--chf-ink),0.12);font-size:0.8125rem;line-height:1rem;font-weight:600;letter-spacing:0em;font-family:"Roboto",sans-serif;color:rgb(var(--chf-ink));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.chf-select select:hover{border-color:rgba(var(--chf-ink),0.3)}.chf-select select option{background:#fff;color:#1f2933}.chf-select:after{content:"";position:absolute;top:50%;right:0.6875rem;width:0.4375rem;height:0.4375rem;border-right:0.125rem solid rgba(var(--chf-ink),0.7);border-bottom:0.125rem solid rgba(var(--chf-ink),0.7);-webkit-transform:translateY(-70%) rotate(45deg);transform:translateY(-70%) rotate(45deg);pointer-events:none}@-webkit-keyframes chf-vib{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem)}40%{-webkit-transform:translateX(-0.0875rem);transform:translateX(-0.0875rem)}60%{-webkit-transform:translateX(0.0625rem);transform:translateX(0.0625rem)}80%{-webkit-transform:translateX(-0.0375rem);transform:translateX(-0.0375rem)}}@keyframes chf-vib{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem)}40%{-webkit-transform:translateX(-0.0875rem);transform:translateX(-0.0875rem)}60%{-webkit-transform:translateX(0.0625rem);transform:translateX(0.0625rem)}80%{-webkit-transform:translateX(-0.0375rem);transform:translateX(-0.0375rem)}}.chf-facts{margin:0;border-collapse:collapse;background:none;border:0}.chf-facts tbody,.chf-facts tbody tr:nth-child(2n),.chf-facts tbody tr:nth-child(odd),.chf-facts tr{background:none;border:0}.chf-facts th{padding:0.5625rem 1.125rem 0.5625rem 0;text-align:left;vertical-align:middle;white-space:nowrap;font-size:0.6875rem;line-height:0.875rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:rgba(var(--chf-ink),0.62);background:none}.chf-facts td{padding:0.5625rem;text-align:center;vertical-align:middle;background:none}.chf-facts tr+tr td,.chf-facts tr+tr th{border-top:0.0625rem solid var(--chf-line)}.chf-facts__name td{text-align:left;font-size:1rem;line-height:1.3125rem;font-weight:600;letter-spacing:0em;color:#e6ebf1}.chf-facts__dot{display:-ms-inline-grid;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#4f6b8e;-webkit-box-shadow:inset 0 0 0 0.125rem #4f6b8e,0 0.125rem 0.25rem rgba(0,0,0,0.5);box-shadow:inset 0 0 0 0.125rem #4f6b8e,0 0.125rem 0.25rem rgba(0,0,0,0.5);font-size:1.0625rem;line-height:1.0625rem;font-weight:700;letter-spacing:0em;color:#fff}.is-root .chf-facts__dot{background:#fff;-webkit-box-shadow:inset 0 0 0 0.125rem #fff,0 0.125rem 0.25rem rgba(0,0,0,0.5);box-shadow:inset 0 0 0 0.125rem #fff,0 0.125rem 0.25rem rgba(0,0,0,0.5);color:#191c20}.chf-facts__iv b{display:block;font-size:0.875rem;line-height:1.0625rem;font-weight:700;letter-spacing:0em;color:#fff}.chf-facts__iv small{display:block;margin-top:0.125rem;font-size:0.6875rem;line-height:0.875rem;font-weight:500;letter-spacing:0em;color:rgba(var(--chf-ink),0.62)}.chf-play{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:4.25rem;height:4.25rem;padding:0;border:0;border-radius:50%;background:#4f6b8e;-webkit-box-shadow:0 0 0 0.375rem rgba(var(--chf-ink),0.1),0 0.5rem 1.375rem rgba(0,0,0,0.3);box-shadow:0 0 0 0.375rem rgba(var(--chf-ink),0.1),0 0.5rem 1.375rem rgba(0,0,0,0.3);-webkit-transition:-webkit-filter 0.2s;transition:-webkit-filter 0.2s;transition:filter 0.2s;transition:filter 0.2s,-webkit-filter 0.2s}.chf-play svg{width:2.125rem;height:2.125rem;fill:#fff}.chf-play:hover{-webkit-filter:brightness(1.08);filter:brightness(1.08)}.chf-play.is-strum{-webkit-animation:chf-press 0.22s ease-out;animation:chf-press 0.22s ease-out}.chf-play:disabled{background:#3a4048;-webkit-box-shadow:0 0 0 0.375rem rgba(var(--chf-ink),0.05);box-shadow:0 0 0 0.375rem rgba(var(--chf-ink),0.05);cursor:not-allowed;-webkit-filter:none;filter:none}.chf-play:disabled svg{fill:rgba(255,255,255,0.4)}@-webkit-keyframes chf-press{0%,to{-webkit-transform:none;transform:none}35%{-webkit-transform:translateY(0.0625rem) scale(0.95);transform:translateY(0.0625rem) scale(0.95);-webkit-box-shadow:0 0 0 0.3125rem rgba(var(--chf-ink),0.1),0 0.1875rem 0.625rem rgba(0,0,0,0.3);box-shadow:0 0 0 0.3125rem rgba(var(--chf-ink),0.1),0 0.1875rem 0.625rem rgba(0,0,0,0.3)}}@keyframes chf-press{0%,to{-webkit-transform:none;transform:none}35%{-webkit-transform:translateY(0.0625rem) scale(0.95);transform:translateY(0.0625rem) scale(0.95);-webkit-box-shadow:0 0 0 0.3125rem rgba(var(--chf-ink),0.1),0 0.1875rem 0.625rem rgba(0,0,0,0.3);box-shadow:0 0 0 0.3125rem rgba(var(--chf-ink),0.1),0 0.1875rem 0.625rem rgba(0,0,0,0.3)}}@media (prefers-reduced-motion:reduce){.chf-play.is-strum{-webkit-animation:none;animation:none}}@container chf-page (min-width: 93.75rem){.chf__bar{padding:2.25rem 0 1.5rem}.chf__screen{padding:2.875rem 2.75rem 2.625rem}.chf-play{width:5rem;height:5rem}.chf-play svg{width:2.5rem;height:2.5rem}}.chf-mini{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.125rem;padding:0.1875rem;border-radius:0.5rem;background:rgba(var(--chf-ink),0.07);border:0.0625rem solid rgba(var(--chf-ink),0.12)}.chf-mini button{height:2.125rem;padding:0 0.625rem;border:0;border-radius:0.375rem;background:none;font-size:0.75rem;line-height:0.875rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:rgba(var(--chf-ink),0.75);-webkit-transition:background-color 0.2s,color 0.2s;transition:background-color 0.2s,color 0.2s}.chf-mini button:hover{color:#fff}.chf-mini button.is-on{background:var(--chf-accent);color:#fff}.chf-seg{display:-ms-grid;display:grid;gap:0.125rem;padding:0.1875rem;border-radius:0.5rem;background:rgba(var(--chf-ink),0.07);border:0.0625rem solid rgba(var(--chf-ink),0.12)}.chf-seg--roots{-ms-grid-columns:(minmax(0,1fr))[12];grid-template-columns:repeat(12,minmax(0,1fr))}.chf-seg--types{-ms-grid-columns:(minmax(0,1fr))[13];grid-template-columns:repeat(13,minmax(0,1fr))}.chf-seg .is-off,.chf-seg a,.chf-seg button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:0;height:2.125rem;padding:0 0.25rem;border:0;border-radius:0.375rem;background:none;font-size:0.9375rem;line-height:1.125rem;font-weight:600;letter-spacing:0em;font-family:"Roboto",sans-serif;color:rgba(var(--chf-ink),0.75);text-decoration:none;white-space:nowrap;-webkit-transition:background-color 0.2s,color 0.2s;transition:background-color 0.2s,color 0.2s}.chf-seg .is-off.is-off,.chf-seg a.is-off,.chf-seg button.is-off{opacity:0.3;cursor:not-allowed}.chf-seg .is-off small,.chf-seg a small,.chf-seg button small{margin-left:0.125rem;font-size:0.6875rem;line-height:0.875rem;font-weight:500;letter-spacing:0em;opacity:0.7}.chf-seg .is-off:hover,.chf-seg a:hover,.chf-seg button:hover{background:rgba(var(--chf-ink),0.08);color:#fff}.chf-seg .is-off.is-on,.chf-seg a.is-on,.chf-seg button.is-on{background:var(--chf-accent);color:#fff}.chf-seg .is-off:disabled,.chf-seg a:disabled,.chf-seg button:disabled{opacity:0.3;cursor:not-allowed;background:none}@container chf (max-width: 81.25rem){.chf-seg--roots{-ms-grid-columns:(minmax(0,1fr))[6];grid-template-columns:repeat(6,minmax(0,1fr))}.chf-seg--types{-ms-grid-columns:(minmax(0,1fr))[7];grid-template-columns:repeat(7,minmax(0,1fr))}}@container chf (max-width: 47.5rem){.chf__tools{-ms-grid-columns:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.chf__tools .chf__tool+.chf__tool{border-top:0.0625rem solid var(--chf-line)}.chf-seg--roots{-ms-grid-columns:(minmax(0,1fr))[12];grid-template-columns:repeat(12,minmax(0,1fr))}.chf__keys{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-ms-flex-preferred-size:100%;flex-basis:100%}}@container chf (max-width: 43.75rem){.chf__bar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1.25rem 0 0.875rem}.chf__title{font-size:1.625rem;line-height:1.875rem;font-weight:500;letter-spacing:0.01em}.chf__screen{-ms-grid-columns:8.75rem 0.875rem minmax(0,1fr);grid-template-columns:8.75rem minmax(0,1fr);-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"neck name" "neck play" "facts facts" "visual visual";-webkit-column-gap:0.875rem;-moz-column-gap:0.875rem;column-gap:0.875rem;padding:1.125rem 0.875rem}.chf__info{display:contents}.chf-visual{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:3;position:static;grid-area:visual;-ms-grid-column-align:end;justify-self:end;margin-top:1.125rem}.chf__neck{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;grid-area:neck}.chf__name{-ms-grid-row:1;-ms-grid-column:3;grid-area:name;-ms-grid-row-align:end;align-self:end;font-size:4rem;line-height:4rem;font-weight:600;letter-spacing:-0.01em}.chf__facts{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:facts;-ms-grid-column-align:center;justify-self:center;margin-top:1.375rem}.chf .chf-play{-ms-grid-row:2;-ms-grid-column:3;grid-area:play;-ms-grid-row-align:start;align-self:start;-ms-grid-column-align:center;justify-self:center;margin-top:1.25rem}.chf__extras{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-preferred-size:100%;flex-basis:100%}.chf__row2 .chf__tool>.chf-mini{margin-left:auto}.chf-seg--roots{-ms-grid-columns:(minmax(0,1fr))[6];grid-template-columns:repeat(6,minmax(0,1fr))}.chf-seg--types{-ms-grid-columns:(minmax(0,1fr))[5];grid-template-columns:repeat(5,minmax(0,1fr))}.chf-seg .is-off,.chf-seg a,.chf-seg button{font-size:0.875rem;line-height:1.125rem;font-weight:600;letter-spacing:0em}.chf__nw{white-space:nowrap}.chf__title-sym{display:inline}.chf__share-item--mail,.chf__share-item--twitter{display:none}}@media (hover:hover){.chf__share-btn:hover .chf__tip{opacity:1;visibility:visible;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.chf__share li:last-child .chf__share-btn:hover .chf__tip{-webkit-transform:none;transform:none}}.chf-about .chf-about__text.rtf h2{margin:2.75rem 0 0.875rem;padding-bottom:0}.chf-about .chf-about__text.rtf li{margin-bottom:0.75rem}.chf-table{margin:0.5rem 0 1.75rem;overflow-x:auto}.chf-table table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:0em;font-family:"Roboto",sans-serif;color:#2b2b2b}.chf-table td,.chf-table th{padding:0.625rem 0.875rem;border-bottom:0.0625rem solid #e3e6ea;text-align:left;vertical-align:top}.chf-table thead th{font-size:0.75rem;line-height:1rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#5f6b7a;border-bottom:0.125rem solid #d3d9e0}.chf-table tbody th{font-weight:700;color:#1f2933;white-space:nowrap}.chf-table tbody td:nth-child(2),.chf-table tbody td:nth-child(3){white-space:nowrap}.chf-table tbody td:last-child{min-width:13.75rem}.chf-table tbody tr:nth-child(2n){background:#f6f8fa}.chf-all{padding:3.625rem 0 0;padding-inline:min(4cqw,4.375rem)}.chf-all__inner{max-width:78.5rem;margin:0 auto}.chf-all__inner h2{margin:0 0 0.875rem;font-size:1.875rem;line-height:2.25rem;font-weight:500;letter-spacing:0.01em;font-family:"Oswald",sans-serif;text-transform:uppercase;color:#1f2933}.chf-all__inner .chf-all__lede p{margin:0 0 1.25rem;font-size:1.1875rem;line-height:1.9375rem;font-weight:400;letter-spacing:0em;font-family:"Source Serif 4",Georgia,"Times New Roman",serif;color:#2b2b2b}.chf-all__inner .chf-all__lede p a{font:inherit}.chf-all .chf-table{margin:0}.chf-table--grid table{font-size:0.9375rem;line-height:1.25rem;font-weight:400;letter-spacing:0em}.chf-table--grid td,.chf-table--grid th{padding:0.375rem 0.25rem;text-align:center;vertical-align:middle}.chf-table--grid thead th{font-size:0.75rem;line-height:1rem;font-weight:700;letter-spacing:0em;text-transform:none}.chf-table--grid thead th abbr{border-bottom:0;text-decoration:none;cursor:default}.chf-table--grid tbody th,.chf-table--grid thead th:first-child{padding:0.375rem 0.875rem;border-right:0.0625rem solid #d3d9e0;background:#eef2f7;text-align:left;color:#5f6b7a}.chf-table--grid tbody th{font-size:0.9375rem;line-height:1.25rem;font-weight:600;letter-spacing:0em}.chf-table--grid tbody td:last-child,.chf-table--grid tbody td:nth-child(2),.chf-table--grid tbody td:nth-child(3){min-width:0;white-space:nowrap}.chf-table--grid a{display:block;padding:0.25rem 0.125rem;border-radius:0.375rem;font-weight:600;color:#1f2933;text-decoration:none}.chf-table--grid a:hover{background:#eef2f7;color:#4f6b8e}.chf-about{padding:3.625rem 0 5rem;padding-inline:min(4cqw,4.375rem)}.chf-about__inner{max-width:100rem;margin:0 auto}.chf-about__text{max-width:53.75rem;margin:0 auto}.chf-about__text p{margin-bottom:1.5rem;font-size:1.1875rem;line-height:1.9375rem;font-weight:400;letter-spacing:0em;font-family:"Source Serif 4",Georgia,"Times New Roman",serif;color:#2b2b2b}@media screen and (max-width:39.99875em){.chf-about__text p{font-size:1.125rem;line-height:1.75rem}}.chf-about__text p a{font:inherit}.chf-about__text h2{margin:3rem 0 1rem;font-size:1.875rem;line-height:2.25rem;font-weight:500;letter-spacing:0.01em;font-family:"Oswald",sans-serif;text-transform:uppercase;color:#1f2933}@media screen and (max-width:39.99875em){.chf-about__text h2{font-size:1.625rem;line-height:2rem}}.chf-about__text ol,.chf-about__text ul{margin:0 0 1.5rem}.chf-about__text ol li,.chf-about__text ul li{margin-bottom:0.75rem;font-size:1.1875rem;line-height:1.9375rem;font-weight:400;letter-spacing:0em;font-family:"Source Serif 4",Georgia,"Times New Roman",serif;color:#2b2b2b}@media screen and (max-width:39.99875em){.chf-about__text ol li,.chf-about__text ul li{font-size:1.125rem;line-height:1.75rem}}.chf-about__text ol a,.chf-about__text ul a{font:inherit}.chf-about--side .chf-about__inner{display:-ms-grid;display:grid;max-width:78.5rem;-ms-grid-columns:minmax(0,47.5rem) 5.5rem 27.5rem;grid-template-columns:minmax(0,47.5rem) 27.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:5.5rem}.chf-about--side .chf-about__text{max-width:none;margin:0}.chf-about--side .chf-about__inner>.ig-join{margin-top:0.75rem}@container chf-page (max-width: 61.25rem){.chf-about--side .chf-about__inner{-ms-grid-columns:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:2.25rem}.chf-about__inner .ig-join--side{width:100%;max-width:30rem;margin:0 auto}}@container chf-page (max-width: 47.5rem){.chf-about{padding:2.875rem 1rem 3.5rem;padding-inline:1rem}.chf-all{padding:2.875rem 1rem 0}.chf-all__inner h2{font-size:1.625rem;line-height:2rem;font-weight:500;letter-spacing:0.01em}.chf-all__inner .chf-all__lede p{font-size:1.125rem;line-height:1.75rem;font-weight:400;letter-spacing:0em}}.chf__title-sym{margin-left:0.25rem;font-size:0.72em;font-weight:400;letter-spacing:0;text-transform:none;color:rgba(var(--chf-ink),0.55)}.chf-neck__fr{fill:rgba(255,255,255,0.75);font-weight:700;font-size:0.75rem;font-family:"Roboto",sans-serif;dominant-baseline:central}.chf .chf-more{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;margin-left:0.75rem;font-size:0.8125rem;line-height:1rem;font-weight:600;letter-spacing:0em;font-family:"Roboto",sans-serif;color:rgba(var(--chf-ink),0.7);text-decoration:underline;text-decoration-color:rgba(var(--chf-ink),0.35);text-underline-offset:0.1875rem;white-space:nowrap;vertical-align:middle;-webkit-transition:color 0.2s,text-decoration-color 0.2s;transition:color 0.2s,text-decoration-color 0.2s}.chf .chf-more svg{width:0.8125rem;height:0.8125rem;fill:currentColor}.chf .chf-more:visited{color:rgba(var(--chf-ink),0.7)}.chf .chf-more:focus,.chf .chf-more:hover{background:none;color:rgba(var(--chf-ink),0.82);text-decoration:underline;text-decoration-color:rgba(var(--chf-ink),0.5)}.chf .chf-more:focus-visible{outline:0.125rem solid rgb(var(--chf-ink));outline-offset:0.1875rem;border-radius:0.125rem}.chf .chf-more[hidden]{display:none}.cp-body{padding:2.875rem 0 5.625rem;padding-inline:min(4cqw,4.375rem)}.cp-grid{display:-ms-grid;display:grid;max-width:78.5rem;margin:0 auto;-ms-grid-columns:minmax(0,47.5rem) 5.5rem 27.5rem;grid-template-columns:minmax(0,47.5rem) 27.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:5.5rem}.cp-grid--solo{-ms-grid-columns:minmax(0,53.75rem);grid-template-columns:minmax(0,53.75rem);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cp-rail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.75rem;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;margin-top:0.75rem}.cp-rail__stick{position:sticky;top:5.625rem}.cp-chart{padding:1.625rem 1.75rem 1.5rem;border-radius:1rem;background:linear-gradient(160deg,#f4f8fc,#e4edf7);-webkit-box-shadow:inset 0 0 0 0.0625rem #d5e0ed;box-shadow:inset 0 0 0 0.0625rem #d5e0ed}.cp-chart__kicker{margin:0 0 0.5rem;font-size:0.75rem;line-height:1rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:#4f6b8e}.cp-chart__title{margin:0 0 0.625rem;font-size:1.875rem;line-height:2.125rem;font-weight:500;letter-spacing:0.01em;font-family:"Oswald",sans-serif;text-transform:uppercase;color:#1f2933;text-wrap:balance}.cp-chart__text{margin:0 0 1rem;font-size:0.9375rem;line-height:1.375rem;font-weight:400;letter-spacing:0em;color:#3e4a57}.cp-chart__preview{display:block;width:100%;height:auto;margin:0 0 1.125rem;border-radius:0.375rem;-webkit-box-shadow:0 0.625rem 1.625rem rgba(31,41,51,0.16);box-shadow:0 0.625rem 1.625rem rgba(31,41,51,0.16)}.cp-chart__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.625rem}.cp-chart__form[hidden]{display:none}.cp-chart__field input{width:100%;height:3.375rem;margin:0;padding:0 0.875rem;border:0.0625rem solid #c9d3df;border-radius:0.5rem;background:#fff;font-size:1rem;line-height:1.25rem;font-weight:400;letter-spacing:0em;color:#1f2933}.cp-chart .cp-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3.375rem;margin:0;padding:0 1.625rem;border:0;border-radius:0.375rem;background:#ce383d;-webkit-box-shadow:none;box-shadow:none;color:#fff!important;font-family:"Roboto",sans-serif;font-size:1.0625rem;line-height:1.25rem;font-weight:600;letter-spacing:0.02em;text-align:center;text-decoration:none!important;text-shadow:none;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;-webkit-transition:background-color 0.2s,color 0.2s;transition:background-color 0.2s,color 0.2s}.cp-chart .cp-btn:focus-visible,.cp-chart .cp-btn:hover{background:rgb(211.0383064516,76.4616935484,80.9475806452);color:#fff!important}.cp-chart .cp-btn{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.cp-chart__hp{position:absolute;left:-9999px}.cp-chart__pass{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.625rem;margin-top:1.25rem;padding-top:1.125rem;border-top:0.0625rem solid #d5e0ed}.cp-chart__pass-lead{margin:0;font-size:0.9375rem;line-height:1.375rem;font-weight:400;letter-spacing:0em;color:#3e4a57}.cp-chart__pass-lead b{color:#1f2933}.cp-chart__pass-lead a{font:inherit;font-weight:600;color:#4f6b8e;text-decoration:underline}.cp-chart .cp-btn.cp-chart__save{background:#4f6b8e}.cp-chart .cp-btn.cp-chart__save[hidden]{display:none}.cp-chart__pass-msg{margin:0;font-size:0.9375rem;line-height:1.375rem;font-weight:600;letter-spacing:0em;color:#33605d}.cp-chart__pass-msg:empty{display:none}.cp-chart__text b{color:#1f2933;word-break:break-word}.cp-chart__error{margin:0.625rem 0 0;font-size:0.875rem;line-height:1.25rem;font-weight:500;letter-spacing:0em;color:#9c2a2e}.cp-chart__done{margin:0;padding:0.875rem 1rem;border-radius:0.625rem;background:#e6f0ef;font-size:0.9375rem;line-height:1.375rem;font-weight:400;letter-spacing:0em;color:#2b4f4c}.cp-chart__done b{display:block;margin-bottom:0.125rem;color:#1f3d3b}.cp-chart__done a{font:inherit;font-weight:600;color:#1f3d3b;text-decoration:underline}.cp-chart__fine{margin:0.75rem 0 0;font-size:0.75rem;line-height:1.125rem;font-weight:400;letter-spacing:0em;color:#5f6b7a}.cp-chart__fine a{font:inherit;color:inherit;text-decoration:underline}.cp-crumbs{margin-bottom:1.125rem}.cp-lead{margin:0 0 0.625rem;font-size:1.375rem;line-height:2.125rem;font-weight:400;letter-spacing:0em;font-family:"Source Serif 4",Georgia,"Times New Roman",serif;color:#1f2933}.cp-sym{text-transform:none}.cp-sec{margin-top:3.5rem}.cp-sec>h2{scroll-margin-top:5.625rem;margin:0 0 1rem;font-size:1.875rem;line-height:2.25rem;font-weight:500;letter-spacing:0.01em;font-family:"Oswald",sans-serif;text-transform:uppercase;color:#1f2933}.cp-sec>p{margin:0 0 1.375rem;font-size:1.1875rem;line-height:1.9375rem;font-weight:400;letter-spacing:0em;font-family:"Source Serif 4",Georgia,"Times New Roman",serif;color:#2b2b2b}.cp-steps{margin:0 0 1.375rem;padding-left:1.75rem;list-style:decimal}.cp-steps li{margin-bottom:0.625rem;padding-left:0.25rem;font-size:1.1875rem;line-height:1.875rem;font-weight:400;letter-spacing:0em;font-family:"Source Serif 4",Georgia,"Times New Roman",serif;color:#2b2b2b}.cp-steps li::marker{font-family:"Roboto",sans-serif;font-weight:700;color:#4f6b8e}.cp-tip{margin:0 0 1rem;padding:1rem 1.25rem;border-left:0.25rem solid #4f6b8e;border-radius:0 0.625rem 0.625rem 0;background:#f3f6fa;font-size:1.125rem;line-height:1.75rem;font-weight:400;letter-spacing:0em;font-family:"Source Serif 4",Georgia,"Times New Roman",serif;color:#2b2b2b}.cp-tip b{display:block;margin-bottom:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:700;letter-spacing:0.1em;font-family:"Roboto",sans-serif;text-transform:uppercase;color:#4f6b8e}.cp-tip--easy{border-left-color:#467875}.cp-tip--easy b{color:#467875}.cp-ways{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr));gap:1rem}.cp-way{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0.875rem 1rem 1.125rem;border:0.0625rem solid #e3e7ec;border-radius:0.875rem;background:#fff}.cp-way img{display:block;width:9.375rem;height:auto;margin:0 auto 0.625rem}.cp-way figcaption{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:0.375rem}.cp-way b{font-size:1.0625rem;line-height:1.375rem;font-weight:700;letter-spacing:0em;color:#1f2933}.cp-way__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.375rem}.cp-way__note{font-size:0.875rem;line-height:1.3125rem;font-weight:400;letter-spacing:0em;color:#4a5563}.cp-way__show{margin-top:auto;padding:0.5rem 0 0;border:0;background:none;font-size:0.875rem;line-height:1.25rem;font-weight:600;letter-spacing:0em;font-family:"Roboto",sans-serif;color:#4f6b8e;cursor:pointer}.cp-way__show:hover{text-decoration:underline}.cp-level{padding:0.125rem 0.5rem;border-radius:6.1875rem;background:#eef2f7;font-size:0.6875rem;line-height:1.125rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#3e5674}.cp-level--easy{background:#e6f0ef;color:#33605d}.cp-level--hard{background:#f8e6e7;color:#9c2a2e}.cp-level--sound{background:#22262b;color:#fff}.cp-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.375rem;height:2.625rem;padding:0 1.125rem;border:0;border-radius:0.5rem;background:#4f6b8e;font-size:0.9375rem;line-height:1.125rem;font-weight:600;letter-spacing:0em;font-family:"Roboto",sans-serif;color:#fff;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-transition:-webkit-filter 0.2s;transition:-webkit-filter 0.2s;transition:filter 0.2s;transition:filter 0.2s,-webkit-filter 0.2s}.cp-btn svg{width:1.125rem;height:1.125rem;fill:currentColor}.cp-btn:hover{-webkit-filter:brightness(1.08);filter:brightness(1.08);color:#fff}.cp-btn--red{background:#ce383d}.cp-page a.cp-btn,.cp-page a.cp-btn:hover,.cp-page a.cp-btn:visited{color:#fff}.cp-compare{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) 1rem minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cp-compare__card{padding:1.375rem;border-radius:0.875rem;background:#22262b;color:#fff}.cp-compare__sym{margin:0 0 0.75rem;font-size:2.375rem;line-height:2.5rem;font-weight:600;letter-spacing:0em;font-family:"Oswald",sans-serif;color:#fff}.cp-compare__notes{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;margin:0 0 0.75rem}.cp-compare__notes span{display:-ms-grid;display:grid;place-items:center;min-width:2.375rem;height:2.375rem;padding:0 0.375rem;border-radius:1.1875rem;background:rgba(255,255,255,0.1);font-size:1rem;line-height:1rem;font-weight:700;letter-spacing:0em;color:#fff}.cp-compare__notes .is-diff{background:#4f6b8e;-webkit-box-shadow:0 0 0 0.125rem #92a8c3;box-shadow:0 0 0 0.125rem #92a8c3}.cp-compare__mood{margin:0 0 1rem;font-size:0.9375rem;line-height:1.375rem;font-weight:400;letter-spacing:0em;color:rgba(255,255,255,0.75)}.cp-progs{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1rem}.cp-prog{padding:1.125rem;border:0.0625rem solid #e3e7ec;border-radius:0.875rem}.cp-prog__head{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0.25rem 0.625rem}.cp-prog__head h3{margin:0;font-size:1.0625rem;line-height:1.375rem;font-weight:700;letter-spacing:0em;font-family:"Roboto",sans-serif;color:#1f2933}.cp-prog__head span{font-size:0.8125rem;line-height:1.125rem;font-weight:500;letter-spacing:0em;color:#5f6b7a}.cp-prog__chords{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;margin:0.875rem 0}.cp-prog__chord{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:0.75rem 0;border-radius:0.625rem;background:#22262b;font-size:1.375rem;line-height:1.375rem;font-weight:600;letter-spacing:0em;font-family:"Oswald",sans-serif;text-align:center;color:#fff;text-decoration:none;-webkit-transition:background-color 0.15s,-webkit-box-shadow 0.15s;transition:background-color 0.15s,-webkit-box-shadow 0.15s;transition:background-color 0.15s,box-shadow 0.15s;transition:background-color 0.15s,box-shadow 0.15s,-webkit-box-shadow 0.15s}.cp-prog__chord:hover{color:#fff;-webkit-box-shadow:inset 0 0 0 0.125rem #92a8c3;box-shadow:inset 0 0 0 0.125rem #92a8c3}.cp-prog__chord.is-self{-webkit-box-shadow:inset 0 0 0 0.125rem #92a8c3;box-shadow:inset 0 0 0 0.125rem #92a8c3}.cp-prog__chord.is-now{background:#4f6b8e}.cp-prog__foot{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem 0.75rem;font-size:0.875rem;line-height:1.25rem;font-weight:400;letter-spacing:0em;color:#5f6b7a}.cp-trainer{padding:1.375rem;border-radius:1rem;background:#22262b;color:#fff}.cp-trainer__row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem}.cp-trainer__pair{margin:0;font-size:2.5rem;line-height:2.5rem;font-weight:600;letter-spacing:0em;font-family:"Oswald",sans-serif;color:#fff}.cp-trainer__pair .cp-trainer__to{margin:0 0.375rem;font-size:1.375rem;line-height:1.375rem;font-weight:500;letter-spacing:0em;color:#92a8c3}.cp-trainer__stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.75rem}.cp-trainer__stats p{margin:0;font-size:0.75rem;line-height:1rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.62)}.cp-trainer__stats b{display:block;font-size:2.125rem;line-height:2.25rem;font-weight:600;letter-spacing:0em;font-family:"Oswald",sans-serif;color:#fff}.cp-trainer__stage{display:-ms-grid;display:grid;place-items:center;min-height:7.5rem;margin-top:1.125rem;padding:0.875rem;border-radius:0.75rem;background:rgba(255,255,255,0.04);-webkit-box-shadow:inset 0 0 0 0.0625rem rgba(255,255,255,0.12);box-shadow:inset 0 0 0 0.0625rem rgba(255,255,255,0.12)}.cp-trainer__go{height:3.375rem;padding:0 1.875rem;border:0;border-radius:0.625rem;background:#4f6b8e;font-size:1.0625rem;line-height:1.25rem;font-weight:600;letter-spacing:0em;font-family:"Roboto",sans-serif;color:#fff;cursor:pointer;-webkit-transition:-webkit-filter 0.2s;transition:-webkit-filter 0.2s;transition:filter 0.2s;transition:filter 0.2s,-webkit-filter 0.2s}.cp-trainer__go:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.cp-trainer__big{margin:0;font-size:4.5rem;line-height:4.5rem;font-weight:600;letter-spacing:0em;font-family:"Oswald",sans-serif;font-variant-numeric:tabular-nums;color:#fff}.cp-trainer.is-counting .cp-trainer__big{color:#92a8c3}.cp-trainer.is-counting .cp-trainer__stage,.cp-trainer.is-running .cp-trainer__stage{-ms-grid-columns:auto 1.75rem auto;grid-template-columns:auto auto;gap:1.75rem}.cp-trainer.is-counting .cp-trainer__go,.cp-trainer.is-running .cp-trainer__go{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;height:2.625rem;padding:0 1.25rem;background:rgba(255,255,255,0.12);font-size:0.9375rem;line-height:1.125rem;font-weight:600;letter-spacing:0em}.cp-trainer__done{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem}.cp-trainer__done[hidden]{display:none}.cp-trainer__done label{font-size:1.0625rem;line-height:1.5rem;font-weight:600;letter-spacing:0em;color:#fff;text-align:center}.cp-trainer__entry{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem}.cp-trainer__entry input{width:6.875rem;height:2.625rem;margin:0;padding:0 0.75rem;border:0;border-radius:0.5rem;background:#fff;font-size:1.25rem;line-height:1.5rem;font-weight:700;letter-spacing:0em;color:#1f2933;text-align:center}.cp-trainer__msg{margin:0.75rem 0 0;font-size:0.9375rem;line-height:1.375rem;font-weight:500;letter-spacing:0em;color:rgba(255,255,255,0.75);text-align:center}.cp-trainer__msg:empty{margin:0}.cp-trainer__pick{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem 0.75rem;margin-top:1rem}.cp-trainer__pick-label{font-size:0.75rem;line-height:1rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.62)}.cp-trainer__chips{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.125rem;padding:0.1875rem;border-radius:0.5rem;background:rgba(255,255,255,0.07);border:0.0625rem solid rgba(255,255,255,0.12)}.cp-trainer__chips button{min-width:2.875rem;height:2.125rem;padding:0 0.625rem;border:0;border-radius:0.375rem;background:none;font-size:1rem;line-height:1.125rem;font-weight:600;letter-spacing:0em;font-family:"Roboto",sans-serif;color:rgba(255,255,255,0.75);cursor:pointer;-webkit-transition:background-color 0.2s,color 0.2s;transition:background-color 0.2s,color 0.2s}.cp-trainer__chips button:hover{background:rgba(255,255,255,0.08);color:#fff}.cp-trainer__chips button.is-on{background:#4f6b8e;color:#fff}.cp-songs{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) 0.75rem minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;margin:0;padding:0;list-style:none}.cp-songs li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0.875rem 1rem;border:0.0625rem solid #e3e7ec;border-radius:0.75rem;font-size:0.9375rem;line-height:1.375rem;font-weight:400;letter-spacing:0em;color:#4a5563}.cp-songs b{font-size:1.0625rem;line-height:1.375rem;font-weight:700;letter-spacing:0em;color:#1f2933}.cp-songs small{margin-top:0.25rem;font-size:0.8125rem;line-height:1.1875rem;font-weight:400;letter-spacing:0em;color:#5f6b7a}.cp-lessons{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) 1rem minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cp-unlock{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0.75rem;margin:1rem 0 0;padding:0.875rem 1rem;border-radius:0.75rem;background:#f3f6fa;font-size:1rem;line-height:1.4375rem;font-weight:400;letter-spacing:0em;color:#2b2b2b}.cp-related__h{margin:1.5rem 0 0.625rem;font-size:0.8125rem;line-height:1rem;font-weight:700;letter-spacing:0.1em;font-family:"Roboto",sans-serif;text-transform:uppercase;color:#5f6b7a}.cp-chips{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem}.cp-chip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:5.75rem;padding:0.5625rem 0.75rem;border:0.0625rem solid #e3e7ec;border-radius:0.625rem;text-decoration:none;-webkit-transition:border-color 0.15s;transition:border-color 0.15s}.cp-chip b{font-size:1.25rem;line-height:1.5rem;font-weight:600;letter-spacing:0em;font-family:"Oswald",sans-serif;color:#1f2933}.cp-chip span{font-size:0.75rem;line-height:1rem;font-weight:400;letter-spacing:0em;color:#5f6b7a}.cp-chip:hover{border-color:#4f6b8e}.cp-chip:hover b{color:#4f6b8e}.cp-chip.is-off{opacity:0.5}.cp-hub-link,.cp-sec>.cp-hub-link{margin:1.125rem 0 0;font-size:1rem;line-height:1.5rem;font-weight:600;letter-spacing:0em}.cp-hub-link a,.cp-sec>.cp-hub-link a{color:#4f6b8e}.cp-faq__item{border-bottom:0.0625rem solid #e3e7ec}.cp-faq__item summary{padding:1rem 0;font-size:1.125rem;line-height:1.625rem;font-weight:600;letter-spacing:0em;color:#1f2933;cursor:pointer}.cp-faq__item p{margin:0 0 1.125rem;font-size:1.125rem;line-height:1.8125rem;font-weight:400;letter-spacing:0em;font-family:"Source Serif 4",Georgia,"Times New Roman",serif;color:#2b2b2b}.cp-sr{position:absolute;width:0.0625rem;height:0.0625rem;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@container chf-page (max-width: 68.75rem){.cp-grid{-ms-grid-columns:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:2.5rem}.cp-rail{width:100%;max-width:30rem;margin:0 auto}.cp-rail__stick{position:static}}@container chf-page (max-width: 43.75rem){.cp-body{padding:2rem 1rem 3.5rem}.cp-lead{font-size:1.1875rem;line-height:1.875rem;font-weight:400;letter-spacing:0em}.cp-sec>h2{font-size:1.625rem;line-height:2rem;font-weight:500;letter-spacing:0.01em}.cp-sec>p,.cp-steps li{font-size:1.125rem;line-height:1.75rem;font-weight:400;letter-spacing:0em}.cp-ways{-ms-grid-columns:minmax(0,1fr) 0.625rem minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0.625rem}.cp-way{padding:0.75rem 0.75rem 0.875rem}.cp-way img{width:100%;max-width:9.375rem}.cp-compare,.cp-lessons,.cp-progs,.cp-songs{-ms-grid-columns:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.cp-trainer__pair{font-size:2rem;line-height:2.125rem;font-weight:600;letter-spacing:0em}.cp-trainer__stats{gap:1.125rem}.cp-trainer__chips button{min-width:2.125rem;padding:0 0.5625rem;font-size:0.9375rem;line-height:1.125rem;font-weight:600;letter-spacing:0em}}.cp-begin__hero{--chf-ink:255,255,255;--chf-hi:rgb(141.4,163.8,191.8);padding:2.25rem 0 2.75rem;padding-inline:min(4cqw,4.375rem);background:#22262b;color:#fff}.cp-begin__inner{max-width:100rem;margin:0 auto}.cp-begin__sub{max-width:42.5rem;margin:0.625rem 0 1.75rem;font-size:1.0625rem;line-height:1.625rem;font-weight:400;letter-spacing:0em;color:rgba(255,255,255,0.75)}.cp-begin__wall{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) 0.75rem minmax(0,1fr) 0.75rem minmax(0,1fr) 0.75rem minmax(0,1fr) 0.75rem minmax(0,1fr) 0.75rem minmax(0,1fr) 0.75rem minmax(0,1fr) 0.75rem minmax(0,1fr);grid-template-columns:repeat(8,minmax(0,1fr));gap:0.75rem;margin:0;padding:0;list-style:none}.cp-begin__chord{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:1rem 0.625rem 0.875rem;border-radius:0.875rem;background:#191c20;-webkit-box-shadow:inset 0 0 0 0.0625rem rgba(255,255,255,0.06);box-shadow:inset 0 0 0 0.0625rem rgba(255,255,255,0.06)}.cp-begin__num{position:absolute;top:0.625rem;left:0.75rem;font-size:0.75rem;line-height:1rem;font-weight:700;letter-spacing:0.06em;color:rgba(255,255,255,0.45)}.cp-begin__sym{height:2.75rem;margin:0 0 0.375rem;font-size:2.5rem;line-height:2.75rem;font-weight:600;letter-spacing:0em;font-family:"Oswald",sans-serif;color:#fff}.cp-begin__sym sup{margin-left:0.0625rem;font-size:0.5em;line-height:0;vertical-align:0.8em;color:var(--chf-hi)}.chf--locked .chf__title,.chf-all__inner h2,.cp-begin__hero .chf__title,.cp-sec>h2{text-wrap:balance}.cp-begin__neck{width:100%;max-width:8.125rem;aspect-ratio:194/588}.cp-begin__acts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.625rem;margin-top:0.5rem}.cp-begin__acts a{font-size:0.8125rem;line-height:1.125rem;font-weight:600;letter-spacing:0em;color:rgba(255,255,255,0.8);text-align:center;text-decoration:none}.cp-begin__acts a:hover{color:#fff;text-decoration:underline}.cp-begin__play{display:-ms-grid;display:grid;place-items:center;width:2.875rem;height:2.875rem;padding:0;border:0;border-radius:50%;background:#4f6b8e;-webkit-box-shadow:0 0 0 0.25rem rgba(255,255,255,0.1);box-shadow:0 0 0 0.25rem rgba(255,255,255,0.1);cursor:pointer;-webkit-transition:-webkit-filter 0.2s;transition:-webkit-filter 0.2s;transition:filter 0.2s;transition:filter 0.2s,-webkit-filter 0.2s}.cp-begin__play svg{width:1.375rem;height:1.375rem;fill:#fff}.cp-begin__play:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.cp-begin__order li a,.cp-begin__tips li b{font-family:"Roboto",sans-serif}.cp-begin__order li a{color:#4f6b8e;text-decoration:none}@container chf-page (max-width: 71.875rem){.cp-begin__wall{-ms-grid-columns:(minmax(0,1fr))[4];grid-template-columns:repeat(4,minmax(0,1fr))}}@container chf-page (max-width: 35rem){.cp-begin__hero{padding:1.5rem 1rem 2rem}.cp-begin__wall{-ms-grid-columns:minmax(0,1fr) 0.625rem minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0.625rem}}