.tab{display:flex;flex-direction:column;font-family:'Operator Mono', monospace}.tab .phrase{line-height:3em}.tab .phrase:nth-child(odd){background-color:#ddd}.tab .phrase:not(:last-child){margin-bottom:1em}.tab .phrase>span{display:inline-flex;height:1em;line-height:1.5em;position:relative;top:.5em;white-space:pre}.tab .phrase sup{font-size:.8em;line-height:1.25em;position:absolute;top:-100%}
.chord{align-items:center;display:flex;flex-direction:column;margin:0 16px}.chord .strings{display:flex}.chord .string{cursor:pointer;display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chord .string:first-child .basefret{left:50%;position:relative;width:50%}.chord .string:first-child .fret::after{left:50%;width:50%}.chord .string:last-child .basefret{position:relative;right:calc(50% - 1px)}.chord .string:last-child .fret::after{width:50%}.chord .string.muted .stringmode::after,.chord .string.muted .stringmode::before{background-color:#000;border:0;content:'';height:1px;margin:0;position:absolute;top:50%;transform:rotate(45deg);transform-origin:50%;width:8px}.chord .string.muted .stringmode::after{transform:rotate(-45deg)}.chord .string.muted .fret::after,.chord .string.muted .fret::before{opacity:.2}.chord .basefret{background-color:#000;height:8px}.chord .stringmode{display:flex;height:16px;padding:4px;position:relative}.chord .stringmode::after{border:1px solid #000;border-radius:100%;content:'';width:100%}.chord .fret{align-items:center;color:#fff;display:flex;height:24px;justify-content:center;position:relative;width:16px}.chord .fret::before{background-color:#000;content:'';height:100%;left:50%;position:absolute;top:0;width:1px}.chord .fret::after{background-color:#000;bottom:0;content:'';height:1px;left:0;position:absolute;width:100%}.chord .fret:not(:empty)>*{height:16px;width:16px;align-items:center;background-color:#000;border-radius:100%;display:flex;font-size:9px;justify-content:center;z-index:1}
body{font-family:'Helvetica', 'Arial', sans-serif;font-size:18px;letter-spacing:-.05em;line-height:24px}h1{font-family:'Helvetica', 'Arial', sans-serif;font-size:24px;letter-spacing:-.04em;line-height:40px}h1,h2,h3,h4,h5,h6{font-weight:normal}h2,h3,h4,h5,h6{font-size:inherit;letter-spacing:inherit;line-height:inherit}progress{border:1px solid #000;height:32px;width:100%}progress[value]{border-radius:0;padding:4px}progress[value]::-webkit-progress-bar{background-color:#cfc;border-radius:0}progress[value]::-webkit-progress-value{background-color:lime}progress[value]::-moz-progress-bar{background-color:lime}progress:not([value]){border-width:0}progress:not([value])::-webkit-progress-bar{-webkit-animation:CycleBackground 3s ease infinite;animation:CycleBackground 3s ease infinite;background:repeating-linear-gradient(-45deg, #000, #000 8px, #fff 8px, #fff 16px);background-size:400% 400%}@-webkit-keyframes CycleBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes CycleBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}*{box-sizing:border-box;margin:0;padding:0}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-y:scroll}body{max-width:100vw;overflow-x:hidden}#react-root{align-items:center;display:flex;flex-direction:column;min-height:100vh;position:relative}#react-root>.loading-indicator{-webkit-animation:CycleBackground 3s ease infinite;animation:CycleBackground 3s ease infinite;background:linear-gradient(270deg, #e66465, #9198e5);background-size:400% 400%;height:8px;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity 150ms ease-in;width:100%;z-index:1}@keyframes CycleBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#react-root>.loading-indicator.fetching{opacity:1}#react-root>.loading-indicator.fetching+main{pointer-events:none}#react-root>main{max-width:1440px;padding:0 32px;width:100%;flex:1;transition:opacity 150ms ease-in-out}@media (max-width: 767px){#react-root>main{padding:0 16px}}#react-root>main>*{display:flex;position:relative}a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;color:inherit;cursor:pointer}a[disabled],a.disabled{pointer-events:none}@media (max-width: 767px){.only-desktop{display:none !important}}@media (min-width: 768px){.only-mobile{display:none !important}}.row{display:flex}p:not(:last-child){margin-bottom:16px}@media print{.pagebreak{-moz-column-break-after:always;break-after:always}}.chords{display:flex;flex-wrap:wrap;margin-bottom:32px}h2,h3{font-size:1.5em;line-height:1.5;margin-bottom:32px;text-transform:uppercase}h2{font-weight:bold}
.pseudo-button,button{font-family:'Helvetica', 'Arial', sans-serif;background-color:#888;border:0;color:#fff;cursor:pointer;font-size:inherit;justify-content:center;letter-spacing:inherit;line-height:inherit;min-height:48px;transition:opacity 150ms ease-in-out;width:100%}.pseudo-button:focus,button:focus{box-shadow:0 0 6px 1px  #78f;outline:none}.pseudo-button::-moz-focus-inner,button::-moz-focus-inner{border:0}.pseudo-button[disabled],button[disabled]{opacity:.3;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pseudo-button:hover,button:hover{opacity:.75}.pseudo-button:active,button:active{opacity:.5}.pseudo-button.primary,button.primary{background-color:lime;color:#000}.button-wrapper{display:flex;text-decoration:none}.button-wrapper:focus-within,.button-wrapper:focus{box-shadow:0 0 6px 1px  #78f;outline:none}
picture{display:flex}picture img{height:100%;width:100%}
.cookie-bar{background-color:#888;bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:fixed !important;transform:translate3d(0, 100%, 0);transition:transform 150ms ease-out;width:100%}.cookie-bar.visible{transform:none}.cookie-bar>*{align-items:flex-end;display:flex;flex:1;max-width:1440px;padding:32px}@media (max-width: 767px){.cookie-bar>*{flex-direction:column;padding:16px}}.cookie-bar>* :not(button){flex:1}.cookie-bar button{flex-shrink:0;height:4em;width:calc((100% - 352px) / 12 * 3 + 32px * 2)}@media (min-width: 768px){.cookie-bar button:not(:last-child){margin-right:32px}}@media (max-width: 767px){.cookie-bar button{margin-top:32px;width:100%}}.cookie-bar .text{align-self:flex-start;margin-bottom:0}@media (min-width: 768px){.cookie-bar .text{padding-right:32px}}.cookie-bar .text p:last-of-type{margin-bottom:0}
.grid-lines{background:repeating-linear-gradient(rgba(255,0,0,0.3), rgba(255,0,0,0.3) 8px, rgba(0,0,0,0) 8px, rgba(0,0,0,0) 16px);display:flex;height:100%;max-width:1376px;pointer-events:none;position:absolute;width:calc(100% - 64px)}@media (max-width: 767px){.grid-lines{width:calc(100% - 32px)}}.grid-lines:not(.visible){opacity:0}.layout-columns{display:flex;height:100%;left:50%;max-width:1376px;pointer-events:none;position:fixed;top:0;transform:translate3d(-50%, 0, 0);transition:opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);width:calc(100% - 64px)}.layout-columns:not(.visible){opacity:0}.layout-columns>*{width:calc((100% - 352px) / 12 * 1 + 32px * 0);background-color:rgba(255,0,0,0.2);height:100%}@media (max-width: 767px){.layout-columns>*{width:calc((100% - 48px) / 4 * 1 + 16px * 0)}}.layout-columns>*:not(:last-child){margin-right:32px}@media (max-width: 767px){.layout-columns{width:calc(100% - 32px)}.layout-columns>*:not(:last-child){margin-right:16px}}