@font-face{font-family:Berzulis-PIZIUS;src:url(/fonts/Berzulis-PIZIUS.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--guitar-bg:#ffffff08;--guitar-border:#ffffff05;--guitar-string:#ffffff03;--legend:#fff3;--note-default:#545454;--note-accent:#dedede;--note-none:#1a1a1a;--button-hover:#ffffff08;--button-active:#ffffff0d;--background:#0d0d0d;--background-side:#050505;--link-plain:#ffffff80;--link-plain-hover:#ffffffbf;--body-30:#ffffff4d;--body-60:#fff9;--content-max:1640px;--font:"Satoshi", "Satoshi Placeholder", sans-serif;--font-logo:"Berzulis-PIZIUS", sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--background);color:var(--note-accent);font-family:var(--font);font-feature-settings:"salt" on, "tnum" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0}a{color:inherit;text-decoration:none}p{margin:0}.logo{font-family:var(--font-logo);color:var(--note-accent);white-space:nowrap;user-select:none;font-size:22px;font-weight:400;line-height:1.2;display:inline-flex}.menu-item{cursor:pointer;letter-spacing:.04em;min-width:60px;color:var(--note-accent);white-space:nowrap;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:18px;font-weight:600;line-height:1.2em;transition:background-color .1s linear;display:inline-flex}.menu-item span{opacity:.5;transition:opacity .1s linear}.menu-item:hover{background:var(--button-hover)}.menu-item:hover span{opacity:.8}.menu-item.is-active{background:var(--button-active);cursor:default}.menu-item.is-active span{opacity:1}.plain-link{letter-spacing:.04em;color:var(--note-accent);font-size:16px;font-weight:700;line-height:1.3em;display:inline-flex}.plain-link span{opacity:.5;transition:opacity .2s}.plain-link:hover span{opacity:1}@media (width<=1399.98px){.plain-link{font-size:14px}}@media (width>=1000px){.inner>.top>.menu,.inner>.top>.copy,.inner>.top>.chord-info,.inner>.top>.scale-info,.inner>.guitar,.inner>.bottom{width:100%;max-width:var(--content-max);margin-inline:auto}}.bottom .facts{letter-spacing:.04em;width:100%;max-width:1000px;color:var(--body-60);margin:0;font-size:14px;font-weight:600;line-height:1.4em}.bottom .facts a{color:var(--note-accent);text-underline-offset:3px;text-decoration:underline #fff3;transition:text-decoration-color .1s linear}.bottom .facts a:hover{text-decoration-color:currentColor}.bottom .facts+.description{margin-top:-34px}.bottom .description{letter-spacing:.04em;width:100%;max-width:1000px;color:var(--body-30);font-size:14px;font-weight:400;line-height:1.4em}:root[data-acc=sharp] .nm>.nm-a,:root[data-acc=flat] .nm>.nm-a{display:none}:root[data-acc=sharp] .nm:after{content:attr(data-s)}:root[data-acc=flat] .nm:after{content:attr(data-f)}:root.expand .page{overflow:hidden}:root.expand .page .hero{flex-grow:0;transition:flex-grow .65s cubic-bezier(.65,0,.35,1)}:root.expand .page .video-box{opacity:.4;transition:opacity .65s}:root.expand .page .hero-logo,:root.expand .page .copy,:root.expand .page .footer{opacity:0;transition:opacity .2s}:root.expand .page .inner{padding-inline:max(40px, calc((100vw - var(--content-max)) / 2));transition:padding .65s cubic-bezier(.65,0,.35,1)}:root.expand .page .scales{flex-wrap:nowrap}:root.leave-page .page{opacity:0;transition:opacity .16s}:root.enter-page main .copy,:root.enter-page main .chord-info,:root.enter-page main .scale-info,:root.enter-page main .logo,:root.enter-page main .guitar,:root.enter-page main .bottom{opacity:0}:root.enter-run main .copy,:root.enter-run main .chord-info,:root.enter-run main .scale-info,:root.enter-run main .logo,:root.enter-run main .guitar,:root.enter-run main .bottom{transition:opacity .4s}@media (width<=999.98px){:root.enter-page main .scales{opacity:0}:root.enter-run main .scales{transition:opacity .4s}}:root.notes-out .notes-strip,:root.leave-fade .notes-strip,:root.notes-out .chord-notes,:root.leave-fade .chord-notes{opacity:0}:root.leave-fade .notes-strip,:root.leave-fade .chord-notes{transition:opacity .11s}:root.fade-run .notes-strip,:root.fade-run .chord-notes{transition:opacity .22s}:root.names-out .name,:root.leave-names .name{opacity:0!important}:root.names-out .name{transition:none!important}:root.leave-names .name{transition:opacity 80ms!important}