menu{gap:.5em;margin:.4em 0;padding:0 .4em;display:flex}@media only screen and (width>=700px){menu{padding-right:0}}@media only screen and (width<=700px){menu{font-size:1.2em}}menu li,menu svg.interactive{cursor:pointer;color:var(--gray)}menu li:hover,menu svg.interactive:hover{color:var(--accent)}menu li{padding:0;transition:margin-right .2s;display:block}menu li.search{cursor:text;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-grow:1}menu.searching li{margin-right:-1.4em}@media only screen and (width<=700px){menu.searching li{margin-right:-1.9em}}menu li svg,menu li span{vertical-align:middle}menu svg{width:1.4em;height:1.4em}menu input{color:var(--accent);background-color:var(--bg-list);flex-grow:1;width:50%;font-family:Shantell Sans;font-weight:600;transition:color .5s,background-color .5s}menu input:focus{outline:none}menu input::placeholder{color:var(--gray);font-family:Bricolage Grotesque}menu input+svg{cursor:pointer}.callToLogin{background-color:var(--gray-light);color:#fff;padding:1em}.callToLogin a{color:var(--accent);line-height:1em;display:inline-block}.callToLogin a:hover{border-bottom:2px solid var(--accent)}@media only screen and (width<=700px){.hideOnMobile{display:none!important}}@media only screen and (width>=700px){.hideUnlessMobile{display:none!important}}#transposer{background-color:color-mix(in hsl,var(--bg-list),transparent 70%);-webkit-backdrop-filter:blur(2px);position:fixed;inset:0}@media only screen and (width<=700px){#transposer{left:0;right:0}}#transposer svg{width:90%;max-width:500px;margin:auto;display:block}#transposer svg circle{fill:none}#transposer svg #M0{--v:var(--M0)}#transposer svg #M1{--v:var(--M1)}#transposer svg #M2{--v:var(--M2)}#transposer svg #M3{--v:var(--M3)}#transposer svg #M4{--v:var(--M4)}#transposer svg #M5{--v:var(--M5)}#transposer svg #M6{--v:var(--M6)}#transposer svg #M7{--v:var(--M7)}#transposer svg #M8{--v:var(--M8)}#transposer svg #M9{--v:var(--M9)}#transposer svg #M10{--v:var(--M10)}#transposer svg #M11{--v:var(--M11)}#transposer svg #m0{--v:var(--m0)}#transposer svg #m1{--v:var(--m1)}#transposer svg #m2{--v:var(--m2)}#transposer svg #m3{--v:var(--m3)}#transposer svg #m4{--v:var(--m4)}#transposer svg #m5{--v:var(--m5)}#transposer svg #m6{--v:var(--m6)}#transposer svg #m7{--v:var(--m7)}#transposer svg #m8{--v:var(--m8)}#transposer svg #m9{--v:var(--m9)}#transposer svg #m10{--v:var(--m10)}#transposer svg #m11{--v:var(--m11)}#transposer svg #wheel{transform:rotate(var(--rotKey));transform-origin:50%}#transposer svg #fields path{fill:color-mix(in hsl,var(--gray-light),var(--accent)var(--v,0.1%))}#transposer svg #fields{pointer-events:all;cursor:pointer}@media only screen and (width>=700px){#transposer svg #fields :hover{fill:var(--gray)}}#transposer svg #labels path{fill:var(--text-inverted);pointer-events:none}#transposer svg #labels{transform-origin:50%;transform:rotate(var(--rotTranspose));transition:transform 1s}#transposer svg #overlay{stroke:var(--ink);pointer-events:none}#transposer svg #overlay .hitbox{stroke:none;cursor:pointer;pointer-events:all}@media only screen and (width>=700px){#transposer svg #overlay .hitbox:hover{fill:var(--gray-light)}}#hallo{color:var(--gray);background-color:var(--bg-sheet);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-sheet)}#hallo h1{color:var(--accent)}#hallo h2{color:var(--gray)}#hallo::-webkit-scrollbar{width:12px}#hallo::-webkit-scrollbar-track{background:var(--bg-sheet)}#hallo::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-sheet);border-radius:20px}#hallo h1{color:var(--gray-light);margin-top:1.5em;font-family:Cooper;font-size:3em;font-weight:400}#hallo h2{color:var(--accent);margin-top:1.4em;margin-bottom:-.4em;font-size:1.5em}#hallo svg{max-width:40em;margin-top:-4em;margin-bottom:-2em;margin-left:-1em}#hallo .sd-header{display:none}.pdfgrid{grid-template-rows:1fr;grid-template-columns:1fr;grid-auto-flow:row;width:100%;height:100vh;margin:0;display:grid}.pdfgrid>*{grid-area:1/1/1/1;place-self:center}.pdfgrid object{opacity:0;animation:.5s cubic-bezier(.54,0,.38,1) .2s forwards fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media only screen and (width<=700px){.hideOnMobile{display:none!important}}@media only screen and (width>=700px){.hideUnlessMobile{display:none!important}}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/bricolagegrotesque-latin.woff2)format("woff2")}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/shantell-sans.woff2)format("woff2")}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular-webfont.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Italic-webfont.woff)format("woff");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold-webfont.woff)format("woff");font-weight:600;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-BoldItalic-webfont.woff)format("woff");font-weight:600;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Light-webfont.woff)format("woff");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-LightItalic-webfont.woff)format("woff");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium-webfont.woff)format("woff");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-MediumItalic-webfont.woff)format("woff");font-weight:500;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Black-webfont.woff)format("woff");font-weight:800;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-BlackItalic-webfont.woff)format("woff");font-weight:800;font-style:italic}@font-face{font-family:Cooper;src:url(/fonts/CooperK-Black-w.woff2)format("woff2"),url(/fonts/CooperK-Black-w.woff)format("woff"),url(/fonts/CooperK-Black-w.otf)format("otf");font-weight:400;font-style:normal}@font-face{font-family:Cardo;src:url(/fonts/cardo-bold-webfont.woff2)format("woff2"),url(/fonts/cardo-bold-webfont.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:Plex Mono;src:url(/fonts/ibmplexmono-regular.woff2)format("woff2"),url(/fonts/ibmplexmono-regular.woff)format("woff");font-weight:400;font-style:normal}ul{padding-left:0;list-style-type:none}ol{padding-left:1em}a{color:inherit;font-weight:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background-color:inherit;text-align:inherit;border-style:none;border-radius:0;margin:0;padding:0}button{cursor:pointer}textarea{width:100%;display:block}.transition *{transition:background-color 1s,color 1s,fill 1s,stroke 1s,border-color 1s!important}html{background-color:var(--bg-sheet);width:100%}body{-webkit-tap-highlight-color:transparent;font-variation-settings:"wdth" 97;background-color:var(--bg-sheet);flex-flow:column;width:100%;height:100%;margin:0;padding:0;font-family:Bricolage Grotesque,Roboto,Cardo,Last Resort,Helvetica,Arial,sans-serif;font-size:18px;display:flex}@media only screen and (width<=700px){body{height:unset}}#app{display:contents}#body{background-color:var(--bg-sheet);flex:1;width:100%;display:flex}@media only screen and (width<=700px){#body{flex-flow:wrap}}.noScroll{overflow:hidden!important}.content{box-sizing:border-box;width:100%;min-height:100vh;padding:1.5em 2em 1.5em 6em}.content>:last-child{margin-bottom:5rem}@media only screen and (width<=700px){.content{height:100vh;padding:2em 1em!important}}.content .sd-header{margin-left:-.1em}.content h1:first-child,.content h1:first-child+h2,.content .sd-header h1,.content .sd-header h2{overflow-wrap:anywhere;margin-top:0;margin-bottom:0;font-family:Cooper;font-size:3em;font-weight:400;line-height:1em;display:inline-block}.content h1:first-child+h2,.content .sd-header h2{margin-bottom:.5em}.content h1:first-child,.content .sd-header h1{margin-right:.5em}.content a{color:var(--accent);display:inline-block}.content a:hover{border-bottom:.1em solid var(--gray-light);line-height:1em}.content h4{margin-top:2em;margin-bottom:-.5em}.content img{width:100%}.content table{border-collapse:collapse;border-spacing:0;width:100%}.content table a{cursor:pointer}.content table a img{height:1em}.content thead{text-align:left}.content tbody tr:nth-child(odd){background-color:var(--dirt)}.content td,.content th{text-overflow:ellipsis;white-space:nowrap;max-width:8em;padding:.1em .5em;overflow:hidden}.tags:last-of-type{margin-bottom:3rem}.tags li{text-transform:uppercase;background-color:var(--gray);color:var(--text-inverted);white-space:nowrap;border-radius:.8em;margin:.1em;padding:0 .8em;font-size:.75em;font-weight:600;display:inline-block;line-height:1.8em!important}.tags li:before{content:none!important}.tags li b{font-weight:inherit;background-color:var(--accent);border-top-right-radius:inherit;border-bottom-right-radius:inherit;margin:0 -.9em 0 .3em;padding:0 .8em 0 .3em;display:inline-block}div.mobile-footer{display:none}@media only screen and (width<=700px){div.mobile-footer{display:block}}#progress{color:var(--text);background-color:var(--bg-sheet);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-sheet);padding-left:1em}#progress h1{color:var(--accent)}#progress h2{color:var(--gray)}#progress::-webkit-scrollbar{width:12px}#progress::-webkit-scrollbar-track{background:var(--bg-sheet)}#progress::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-sheet);border-radius:20px}.textareafonts{font-family:Plex Mono,Courier New,Courier,monospace;font-size:.9em;font-weight:300}textarea{width:inherit;cursor:text;font-family:Plex Mono,Courier New,Courier,monospace;font-size:.9em;font-weight:300}textarea:focus{outline:none}hr{border-style:solid;margin-bottom:1em}.label{text-transform:uppercase;background-color:inherit;padding:.2rem;font-size:1.2rem;font-weight:700;display:block;position:fixed;bottom:1rem}.keyboard{border:.1rem solid;border-radius:.4rem;padding-left:.4rem;padding-right:.4rem;font-family:Plex Mono,monospace}@media only screen and (width<=900px){.hideInMobile{display:none}}a.iconbutton{cursor:pointer;padding-left:.5em;padding-right:.5em;display:block}a.iconbutton:hover{border-bottom:none!important}a.iconbutton svg{stroke:none;width:1.8em;font-size:2.4em}a.iconbutton svg .fillGrayLight{fill:var(--gray-light)}a.iconbutton svg .strokeGrayLight{stroke:var(--gray-light)}a.iconbutton svg .fillGray{fill:var(--gray)}a.iconbutton svg .fillAccent{fill:var(--accent)}a.iconbutton svg .fillBgSheet{fill:var(--bg-sheet)}a.iconbutton svg:hover .fillGrayLight{fill:var(--gray-dark)}a.iconbutton svg[fill]{fill:var(--gray-light);padding:.3em 0}a.iconbutton svg[fill]:hover{fill:var(--accent)}#rightSettings{flex-direction:column;justify-content:space-between;align-items:flex-end;height:100%;display:flex;position:fixed;right:0}#rightSettings a:last-child:not(:first-child){flex-grow:1;align-items:end;display:flex}#howToPrint{display:none}@media print{#chordsheetContent{display:none}#howToPrint{text-align:right;display:block}}#tt{background-color:var(--accent);color:var(--text-inverted);transform-origin:50%;border-radius:.3em;padding:.2em .4em;font-size:.8em;transform:rotate(3deg)}#users,#user{color:var(--text);background-color:var(--bg-sheet);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-sheet)}#users h1,#user h1{color:var(--accent)}#users h2,#user h2{color:var(--gray)}#users::-webkit-scrollbar{width:12px}#user::-webkit-scrollbar{width:12px}#users::-webkit-scrollbar-track{background:var(--bg-sheet)}#user::-webkit-scrollbar-track{background:var(--bg-sheet)}#users::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-sheet);border-radius:20px}#user::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-sheet);border-radius:20px}#users form.row,#user form.row{display:flex}#users input,#user input,#users select,#user select{border-bottom:3px solid var(--gray-light);color:var(--accent);flex-grow:1;margin-right:1em}#users input:focus,#user input:focus,#users select:focus,#user select:focus{outline:none}#users label,#user label{width:10em;line-height:2.5em;display:inline-block}#users label+input[type=text],#user label+input[type=text]{width:20em;display:inline-block}#users ul,#user ul{padding-left:1.5em}#users li:before,#user li:before{content:"–";width:0;display:inline-block;position:relative;left:-1.2em}#users li a:hover,#user li a:hover{color:var(--accent)}#users a.btn,#user a.btn,#users input[type=submit],#user input[type=submit]{border:3px solid var(--gray);color:var(--gray);cursor:pointer;text-transform:uppercase;background-color:#0000;border-radius:1em;flex-grow:.5;margin-bottom:.5em;margin-left:-.2em;margin-right:1em;padding:0 .7em;font-size:.8em;font-weight:600;line-height:1.8em;display:inline-block}#users a.btn:hover,#user a.btn:hover,#users input[type=submit]:hover,#user input[type=submit]:hover{color:var(--accent);border-color:var(--accent)}#users h2 em,#user h2 em{font-style:italic;font-weight:400}#users h2 em:before,#user h2 em:before{content:" – "}#users h2 em:empty,#user h2 em:empty{display:none}aside.drawer#list.open+.content{margin-left:220px}@media only screen and (width<=700px){aside.drawer#list.open+.content{margin-left:0}}aside.drawer#list{color:var(--text-sidebar);background-color:var(--bg-list);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-list);font-variation-settings:"wdth" 91;flex-direction:column;padding:0;font-weight:450;display:flex;overflow-y:hidden}aside.drawer#list::-webkit-scrollbar{width:12px}aside.drawer#list::-webkit-scrollbar-track{background:var(--bg-list)}aside.drawer#list::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-list);border-radius:20px}aside.drawer#list.hidden{display:none}@media only screen and (width<=700px){aside.drawer#list{font-size:1.2em}}aside.drawer#list>div{display:contents}aside.drawer#list ul.scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-list);flex-grow:1;flex-shrink:1;margin:0;padding:.5em 0 .5em .5em;overflow-y:scroll}aside.drawer#list ul.scroll::-webkit-scrollbar{width:12px}aside.drawer#list ul.scroll::-webkit-scrollbar-track{background:var(--bg-list)}aside.drawer#list ul.scroll::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-list);border-radius:20px}aside.drawer#list div.filterMenu{-webkit-backdrop-filter:blur(10px);background-color:var(--bg-filter-translucent);opacity:1;flex-flow:wrap;place-content:flex-start space-evenly;max-height:800px;padding:.5em 30px 1.5em 1em;transition:all .5s;display:flex;position:fixed;top:0;left:220px;right:0;overflow:hidden}aside.drawer#list div.filterMenu>h4{display:none!important}aside.drawer#list div.filterMenu .sd-header{display:none}aside.drawer#list div.filterMenu h4{color:var(--text);transform-origin:0;margin-bottom:.5em;margin-left:-.5em;font-weight:600;display:block;transform:rotate(-14deg)}aside.drawer#list div.filterMenu ul{flex:0 0 0;margin-left:.5em;margin-right:.5em}aside.drawer#list div.filterMenu li{color:var(--text-inverted);transform-origin:0;cursor:pointer;margin-bottom:.5em;display:inline-table;transform:rotate(-14deg)}aside.drawer#list div.filterMenu li:hover{background-color:var(--text)}aside.drawer#list div.filterMenu li b{width:1em}aside.drawer#list div.filterMenu.hidden{opacity:0;visibility:hidden}@media only screen and (width<=700px){aside.drawer#list div.filterMenu{visibility:visible;height:calc(100vh - 3rem);padding-top:0;padding-bottom:0;padding-left:.5em;top:3rem;left:0;overflow-y:scroll}}aside.drawer#list ul.scroll li{white-space:nowrap;margin-left:-.5em;padding-left:.5em;overflow:hidden}aside.drawer#list ul.scroll li h2.huge{margin-top:.5rem;margin-bottom:-.5rem;margin-left:-.05em;font-family:Cooper;font-size:3em;font-weight:400}aside.drawer#list ul.scroll li h2.huge.wordy{font-size:2em}aside.drawer#list ul.scroll li a{justify-content:space-between;margin-left:-.5em;margin-right:-.5em;padding:.1em 1em .1em .5em;display:flex}aside.drawer#list ul.scroll li a:focus{outline:none}aside.drawer#list ul.scroll li a span{box-sizing:border-box;text-overflow:ellipsis;min-width:0;display:inline-block;overflow:hidden}aside.drawer#list ul.scroll li a .title{flex-grow:1}aside.drawer#list ul.scroll li a .author{color:var(--accent);background-color:var(--bg-list);text-align:right;direction:rtl;flex:auto;display:none;overflow:hidden}@media only screen and (width<=700px){aside.drawer#list ul.scroll li a .author{display:inherit}}aside.drawer#list ul.scroll li a .darling{text-align:right;width:1.2em;margin:0 .1em 0 0;padding:0;display:none}aside.drawer#list ul.scroll li a .darling svg{stroke-width:2px;fill:#0000;width:.8em;height:auto}aside.drawer#list ul.scroll li a.selected .darling{display:inline-block}aside.drawer#list ul.scroll li a.selected .darling svg{stroke:var(--text-inverted)}aside.drawer#list ul.scroll li a.selected .darling:hover svg{fill:var(--accent)}aside.drawer#list ul.scroll li a .darling.is_darling{display:inline-block}aside.drawer#list ul.scroll li a .darling.is_darling svg{fill:var(--accent);stroke:#0000}aside.drawer#list ul.scroll li a .darling.is_darling:hover svg{fill:var(--accent)}aside.drawer#list ul.scroll li a svg{flex-shrink:0}aside.drawer#list ul.scroll li a:hover .title{flex:1 0 0}aside.drawer#list ul.scroll li a:hover .author{color:var(--accent);flex:none;display:inline-block}@media only screen and (width<=700px){aside.drawer#list ul.scroll li a .title{flex:1 0 0}aside.drawer#list ul.scroll li a .author{color:var(--accent);direction:ltr;flex:none;max-width:66%;display:inline-block}}aside.drawer#list ul.scroll li a .showAuthor .title{flex:1 0 0}aside.drawer#list ul.scroll li a .showAuthor .author{color:var(--accent);flex:none;display:inline-block}aside.drawer#list ul.scroll li a.selected{color:light-dark(var(--text-inverted),var(--text));background-color:light-dark(var(--gray),var(--bg-list))}aside.drawer#list ul.scroll li a.selected .author{display:none}aside.drawer#list ul.scroll li a.newSong{color:var(--accent);font-weight:600}.printify{--accent:#dd4407;--ink:black;--void:white;--midpoint:oklab(65% 0 5.96046e-8);--gray:color-mix(in oklab,var(--accent),var(--midpoint)80%);--bg-sheet:var(--void);--text:var(--ink)}.printify .tags{display:none!important}.printify #chordsheet.content{min-height:unset;padding:0 0 0 25pt;font-size:12pt}.printify #chordsheetContent{columns:2;column-gap:3em}.printify #chordsheetContent.hideFrets .chord-container,.printify #chordsheetContent.hideAbc .abc-notation{display:none}.printify #chordsheetContent section>div{break-inside:avoid}.printify #chordsheetContent .sd-header{column-span:all;margin-top:.3em;margin-left:-3pt}.printify #chordsheetContent .sd-header h1,.printify #chordsheetContent .sd-header h2{font-size:2.5em!important}.printify #chordsheetContent .sd-header h2{color:var(--ink)!important;margin-bottom:1em!important}.printify #chordsheetContent p{margin-top:0}.printify #chordsheetContent .line{font-variation-settings:"wdth" var(--fontWidth,100)}.printify #chordsheetContent p:has(.chord-container,.abc-notation){column-span:all}.printify #chordsheetContent.inlineRefs .ref[id],.printify #chordsheetContent .ref.open,.printify #chordsheetContent h3{text-align:right;font-variation-settings:"wdth" 70;width:4em;height:3em;margin-bottom:-3em;margin-left:-5em;overflow:hidden}.printify #chordsheetContent .chord-container .kord .chord-diag{width:50pt}.printify #chordsheet.content.singleCol{padding-left:70pt}.printify #chordsheet.content.singleCol .sd-header{margin-left:-50pt}.printify .chord-container{color:var(--text)}@media print{.simulate-print{--accent:#dd4407;--ink:black;--void:white;--midpoint:oklab(65% 0 5.96046e-8);--gray:color-mix(in oklab,var(--accent),var(--midpoint)80%);--bg-sheet:var(--void);--text:var(--ink)}.simulate-print .tags{display:none!important}.simulate-print #chordsheet.content{min-height:unset;padding:0 0 0 25pt;font-size:12pt}.simulate-print #chordsheetContent{columns:2;column-gap:3em}.simulate-print #chordsheetContent.hideFrets .chord-container,.simulate-print #chordsheetContent.hideAbc .abc-notation{display:none}.simulate-print #chordsheetContent section>div{break-inside:avoid}.simulate-print #chordsheetContent .sd-header{column-span:all;margin-top:.3em;margin-left:-3pt}.simulate-print #chordsheetContent .sd-header h1,.simulate-print #chordsheetContent .sd-header h2{font-size:2.5em!important}.simulate-print #chordsheetContent .sd-header h2{color:var(--ink)!important;margin-bottom:1em!important}.simulate-print #chordsheetContent p{margin-top:0}.simulate-print #chordsheetContent .line{font-variation-settings:"wdth" var(--fontWidth,100)}.simulate-print #chordsheetContent p:has(.chord-container,.abc-notation){column-span:all}.simulate-print #chordsheetContent.inlineRefs .ref[id],.simulate-print #chordsheetContent .ref.open,.simulate-print #chordsheetContent h3{text-align:right;font-variation-settings:"wdth" 70;width:4em;height:3em;margin-bottom:-3em;margin-left:-5em;overflow:hidden}.simulate-print #chordsheetContent .chord-container .kord .chord-diag{width:50pt}.simulate-print #chordsheet.content.singleCol{padding-left:70pt}.simulate-print #chordsheet.content.singleCol .sd-header{margin-left:-50pt}.simulate-print .chord-container{color:var(--text)}.simulate-print #chordsheetContent{display:block}aside,#transposer{display:none!important}}@media screen{.simulate-print{--accent:#dd4407;--ink:black;--void:white;--midpoint:oklab(65% 0 5.96046e-8);--gray:color-mix(in oklab,var(--accent),var(--midpoint)80%);--bg-sheet:var(--void);--text:var(--ink);background-color:#beb4b0;width:100%;margin-left:30px;padding:2em 400px 2em 2em;overflow:scroll}.simulate-print .tags{display:none!important}.simulate-print #chordsheet.content{min-height:unset;padding:0 0 0 25pt;font-size:12pt}.simulate-print #chordsheetContent{columns:2;column-gap:3em}.simulate-print #chordsheetContent.hideFrets .chord-container,.simulate-print #chordsheetContent.hideAbc .abc-notation{display:none}.simulate-print #chordsheetContent section>div{break-inside:avoid}.simulate-print #chordsheetContent .sd-header{column-span:all;margin-top:.3em;margin-left:-3pt}.simulate-print #chordsheetContent .sd-header h1,.simulate-print #chordsheetContent .sd-header h2{font-size:2.5em!important}.simulate-print #chordsheetContent .sd-header h2{color:var(--ink)!important;margin-bottom:1em!important}.simulate-print #chordsheetContent p{margin-top:0}.simulate-print #chordsheetContent .line{font-variation-settings:"wdth" var(--fontWidth,100)}.simulate-print #chordsheetContent p:has(.chord-container,.abc-notation){column-span:all}.simulate-print #chordsheetContent.inlineRefs .ref[id],.simulate-print #chordsheetContent .ref.open,.simulate-print #chordsheetContent h3{text-align:right;font-variation-settings:"wdth" 70;width:4em;height:3em;margin-bottom:-3em;margin-left:-5em;overflow:hidden}.simulate-print #chordsheetContent .chord-container .kord .chord-diag{width:50pt}.simulate-print #chordsheet.content.singleCol{padding-left:70pt}.simulate-print #chordsheet.content.singleCol .sd-header{margin-left:-50pt}.simulate-print .chord-container{color:var(--text)}.simulate-print #chordsheet.content{background-color:#fff;border-radius:3pt;width:210mm;height:297mm;margin:0 auto;overflow:hidden;transform:rotate(-1.5deg)}.simulate-print #chordsheetContent{height:100%;padding:1.2cm}}.applySchemeColors .fillGrayLight{fill:var(--gray-light)}.applySchemeColors .strokeGrayLight{stroke:var(--gray-light)}.applySchemeColors .fillGray{fill:var(--gray)}.applySchemeColors .fillAccent{fill:var(--accent)}.applySchemeColors .fillBgSheet{fill:var(--bg-sheet)}#layout-toggler svg #text{fill:var(--gray-light)}#layout-toggler svg #pfeil{fill:var(--accent)}svg #header #titling{fill:var(--gray)}svg #header #swoosh{fill:var(--accent)}svg #header #swoosh-shadow{fill:#000}svg path[fill=none]{stroke:#0000}.cooperate{font-family:Cooper;font-weight:400}html.dark{color-scheme:dark}html{color-scheme:light;--accent:light-dark(#dd4407,#ffcb00);--ink:light-dark(#000,#fff);--void:light-dark(#fff,#000);--midpoint:oklab(65% 0 5.96046e-8);--gray:color-mix(in oklab,var(--accent),var(--midpoint)80%);--accent-flat:color-mix(in oklab,var(--accent),var(--midpoint)20%);--dirt:color-mix(in oklab,var(--void),var(--gray)30%);--bg-list:light-dark(var(--dirt),var(--void));--bg-sheet:light-dark(var(--void),var(--dirt));--gray-dark:color-mix(in oklab,var(--gray)66%,var(--ink));--gray-light:color-mix(in oklab,var(--gray)66%,var(--void));--text:var(--ink);--text-inverted:var(--void);--text-sidebar:color-mix(in oklab,var(--gray)70%,black);--bg-rev:color-mix(in oklab,var(--accent-flat),black 50%);--text-rev:color-mix(in oklab,var(--accent-flat),white);--bg-revs:color-mix(in oklab,var(--accent-flat),black 60%);--bg-filter-translucent:color-mix(in oklab,var(--void),transparent 60%);--bg-filter-opaque:color-mix(in oklab,var(--void),var(--dirt),transparent 10%)}html aside.drawer#list li a.selected{background-color:inherit;color:var(--text)}html aside.drawer#list li a.selected .darling svg{stroke:var(--text)}html aside.drawer#list li a.selected .darling.is_darling svg{stroke:var(--accent)}.list-colors{color:var(--text-sidebar);background-color:var(--bg-list);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-list)}.list-colors::-webkit-scrollbar{width:12px}.list-colors::-webkit-scrollbar-track{background:var(--bg-list)}.list-colors::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-list);border-radius:20px}.chordsheet-colors{color:var(--text);background-color:var(--bg-sheet);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-sheet)}.chordsheet-colors h1{color:var(--accent)}.chordsheet-colors h2{color:var(--gray)}.chordsheet-colors::-webkit-scrollbar{width:12px}.chordsheet-colors::-webkit-scrollbar-track{background:var(--bg-sheet)}.chordsheet-colors::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-sheet);border-radius:20px}.source-colors{color:var(--text-inverted);background-color:var(--accent-flat);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-accent-flat)}.source-colors h1{color:var(--text-inverted)}.source-colors::-webkit-scrollbar{width:12px}.source-colors::-webkit-scrollbar-track{background:var(--bg-accent-flat)}.source-colors::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-accent-flat);border-radius:20px}.source-colors textarea{color:#000}.revision-colors{color:var(--text-rev);background-color:var(--bg-rev)}.revisions-colors{color:var(--text-rev);background-color:var(--bg-revs)}.scroll-vertical{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-sheet);overflow:hidden auto}.scroll-vertical::-webkit-scrollbar{width:12px}.scroll-vertical::-webkit-scrollbar-track{background:var(--bg-sheet)}.scroll-vertical::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-sheet);border-radius:20px}.scroll-horizontal{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-sheet);overflow:auto hidden}.scroll-horizontal::-webkit-scrollbar{width:12px}.scroll-horizontal::-webkit-scrollbar-track{background:var(--bg-sheet)}.scroll-horizontal::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-sheet);border-radius:20px}.noFocusBorder:focus{outline:none}.settingLabel{text-transform:uppercase;color:var(--text-sidebar);margin-top:10px;font-size:14px;font-weight:700}.pp--settings{background-color:var(--bg-list);box-sizing:border-box;flex-shrink:0;align-items:center;width:350px;height:100%;margin-top:0;margin-bottom:0;padding:30px;display:flex}.pp--settings label{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pp--settings label svg{stroke:var(--text-sidebar);fill:none}.pp--settings label svg .fine{stroke-width:1px}.pp--settings label svg .medium{stroke-width:2px}.pp--settings *{box-sizing:border-box}.pp--settings .icon{width:40px;height:40px;color:var(--accent);font-weight:700}.pp--settings .icon svg{width:inherit;height:inherit;fill:var(--gray);stroke:none}.pp--settings .buttons{border:var(--text-sidebar)solid 2px;border-radius:3px;flex:1;justify-content:center;align-items:center;margin:0 10px;padding:2px;font-size:14px;display:flex}.pp--settings .buttons .icon :hover{fill:var(--accent)}.pp--settings .grid{flex-flow:column;display:flex}.pp--settings .grid .title{color:var(--gray);flex-flow:row;margin:1.4em 0 .4em;font-family:Cooper;font-size:20px;font-weight:400;display:flex}.pp--settings .grid .setting{flex-flow:wrap;align-items:center;display:flex}.pp--settings .grid .setting:has(input[type=radio]){gap:1em}.pp--settings .grid .setting:has(input[type=radio]) svg{height:100%}.pp--settings .grid .setting:has(input[type=radio]) label{background-color:#fff;border-radius:5px;width:3em;height:3em}.pp--settings .grid .setting.buttons{gap:10px}.pp--settings .grid .settingtable{flex-flow:column;display:flex}.pp--settings .grid .transpose{color:var(--text-sidebar);font-size:30px}.pp--settings .fontsize{text-transform:uppercase;color:var(--text-sidebar);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:5px;margin:0;font-size:14px;font-weight:700;display:flex}.pp--settings .fontsize .slidecontainer{flex:100px}.pp--settings .fontsize input[type=number]{text-align:right;flex:0 0 35px;min-width:0;height:22px;font-size:18px;font-weight:500}.pp--settings .fontsize input[type=number]::selection{background-color:var(--gray-light)}.pp--settings .fontsize input[type=number]:focus{outline-offset:1px;outline-width:1px;outline-style:solid;outline-color:var(--gray-dark)}.pp--settings .fullwidth{align-items:center;gap:5px;width:100%;display:flex}.pp--settings input[type=checkbox]{display:none}.pp--settings input[type=checkbox]+label{text-transform:uppercase;color:var(--text-sidebar);cursor:pointer;margin-top:10px;font-size:14px;font-weight:700}.pp--settings input[type=checkbox]+label svg{border-radius:3px}.pp--settings input[type=checkbox]+label svg .cross{stroke:none}.pp--settings input[type=checkbox]+label svg .box{fill:light-dark(var(--bg-sheet),var(--gray));stroke:none}.pp--settings input[type=checkbox]:hover+label{color:var(--accent)}.pp--settings input[type=checkbox]:checked+label svg .cross{stroke:var(--accent);stroke-width:3px}.pp--settings .display-transpose{font-family:Shantell Sans;font-weight:500}.pp--settings input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pp--settings input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pp--settings input[type=number]{cursor:pointer;appearance:textfield}.pp--settings .react-slider{cursor:pointer;width:100%;height:1em}.pp--settings .react-slider .track{background-color:var(--bg-sheet);border-radius:.5em;height:1em}.pp--settings .react-slider .track-0{background-color:var(--gray-light)}.pp--settings .react-slider .thumb{background-color:var(--gray-dark);border-radius:.5em;outline:none;width:1em;height:1em}.pp--settings .react-slider .thumb.active{background-color:var(--accent)}.pp--settings input[type=radio]{display:none}.pp--settings input[type=radio]+label.orientation-p{width:2em!important}.pp--settings input[type=radio]+label.orientation-l{height:2em!important}.pp--settings input[type=radio]:checked+label{background-color:light-dark(var(--gray-light),var(--gray-dark))!important}.pp--settings input[type=radio]:checked+label:hover svg{stroke:light-dark(var(--gray-dark),var(--gray-light))!important}.pp--settings input[type=radio]+label:hover svg{cursor:pointer;stroke:var(--accent-flat)}#home{color:var(--text);background-color:var(--bg-sheet);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-sheet);max-width:45em;margin-left:auto;margin-right:auto;padding:0}#home h1{color:var(--accent)}#home h2{color:var(--gray)}#home::-webkit-scrollbar{width:12px}#home::-webkit-scrollbar-track{background:var(--bg-sheet)}#home::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-sheet);border-radius:20px}#home p{color:var(--gray);margin:2em 0;font-size:1.1em}#home .fourWords{flex-wrap:wrap;justify-content:space-between;margin-right:-2rem;display:flex}#home .fourWords input{width:4em;color:var(--accent);border-bottom:2px solid var(--gray);text-align:center;flex-grow:1;margin-bottom:1rem;margin-right:2rem;font-size:2em;font-weight:100;display:inline-block}#home .fourWords input::placeholder{color:var(--gray);opacity:1}#home .fourWords input:focus{outline:none}#home .loginStatus{color:var(--accent)}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/bricolagegrotesque-latin.woff2)format("woff2")}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/shantell-sans.woff2)format("woff2")}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular-webfont.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Italic-webfont.woff)format("woff");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold-webfont.woff)format("woff");font-weight:600;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-BoldItalic-webfont.woff)format("woff");font-weight:600;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Light-webfont.woff)format("woff");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-LightItalic-webfont.woff)format("woff");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium-webfont.woff)format("woff");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-MediumItalic-webfont.woff)format("woff");font-weight:500;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Black-webfont.woff)format("woff");font-weight:800;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-BlackItalic-webfont.woff)format("woff");font-weight:800;font-style:italic}@font-face{font-family:Cooper;src:url(/fonts/CooperK-Black-w.woff2)format("woff2"),url(/fonts/CooperK-Black-w.woff)format("woff"),url(/fonts/CooperK-Black-w.otf)format("otf");font-weight:400;font-style:normal}@font-face{font-family:Cardo;src:url(/fonts/cardo-bold-webfont.woff2)format("woff2"),url(/fonts/cardo-bold-webfont.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:Plex Mono;src:url(/fonts/ibmplexmono-regular.woff2)format("woff2"),url(/fonts/ibmplexmono-regular.woff)format("woff");font-weight:400;font-style:normal}svg.chord-diag text{text-anchor:middle;stroke-width:0;font-size:.5rem}svg.chord-diag .fret{stroke-width:.7px;stroke:var(--gray)}svg.chord-diag .fret rect{fill:var(--gray)}svg.chord-diag .fret .basefret{fill:var(--gray);font-size:.8rem}svg.chord-diag .barre{fill:var(--accent)}svg.chord-diag .barre .capo{fill:var(--gray);fill-opacity:.3}svg.chord-diag .barre text{fill:var(--text-inverted);font-weight:700}svg.chord-diag .dot{fill:var(--accent);stroke-width:1px;stroke:#0000}svg.chord-diag .dot text{fill:var(--text-inverted);font-weight:700}svg.chord-diag .dot.open circle,svg.chord-diag .dot.muted line{fill:#0000;stroke:var(--accent)}#editor{width:100%;display:flex}#editor>.content{padding-left:2em}#editor>.content .content{padding:unset}#editor #chordsheet{padding-left:6em}aside.drawer#revs ol{padding-left:1.8em;list-style-type:lower-greek}aside.drawer#revs ol li{padding:.3em;font-size:.8em}aside.drawer#revs ol li:hover,aside.drawer#revs ol li.active{background-color:#fff}#dirty{background-color:var(--accent);border-radius:1em;width:1em;height:1em;font-size:1.6em;display:block;position:absolute;top:2.5rem;left:4rem}@media only screen and (width<=700px){#dirty{display:none}}.settings{flex-flow:row;margin-bottom:1.5rem;display:flex}.settings label{text-transform:capitalize;margin-right:.4rem;font-size:.8rem;font-weight:500}.settings input{margin-right:.4rem}aside.drawer{box-sizing:border-box;z-index:1;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-sheet);width:220px;height:100vh;padding:1em 0 2em .5em;position:fixed;overflow:hidden auto}aside.drawer::-webkit-scrollbar{width:12px}aside.drawer::-webkit-scrollbar-track{background:var(--bg-sheet)}aside.drawer::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-sheet);border-radius:20px}aside.drawer:last-child{right:0}aside.drawer.hidden{display:none}aside.drawer.closed{cursor:pointer;width:30px;padding-left:30px;transition:all .3s}aside.drawer.closed:hover{width:220px;padding-left:.8em}@media only screen and (width<=700px){aside.drawer{width:100%;min-height:100%}aside.drawer.closed{display:none}aside.drawer.hidden{display:inherit}}aside.drawer>div{width:190px}aside.drawer h1,aside.drawer h2,aside.drawer h3{font-variation-settings:"wdth" 85;font-size:2em;font-weight:600}aside.drawer p{font-variation-settings:"wdth" 90}aside.drawer h1:first-child{margin-top:0}aside.drawer h2{color:var(--accent);margin-bottom:0;font-size:1em}#chordsheetContent{box-sizing:border-box;color:var(--gray);background-color:var(--bg-sheet);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray)var(--bg-sheet)}#chordsheetContent h1{color:var(--accent)}#chordsheetContent::-webkit-scrollbar{width:12px}#chordsheetContent::-webkit-scrollbar-track{background:var(--bg-sheet)}#chordsheetContent::-webkit-scrollbar-thumb{background-color:var(--gray);border:3px solid var(--bg-sheet);border-radius:20px}#chordsheetContent a{transition:filter 1s ease-out}#chordsheetContent a:hover{border:unset;filter:brightness(1.1);transition:filter 1s cubic-bezier(0,2.89,.07,1.01)}#chordsheetContent h2{color:var(--gray)}#chordsheetContent h4,#chordsheetContent h3{color:var(--text)}#chordsheetContent.hideRefs .ref,#chordsheetContent.inlineRefs .ref:not([id]){color:var(--text);border-left:4px solid var(--accent);cursor:pointer;margin-top:2em;margin-bottom:2em;margin-left:-12px;padding-left:8px}#chordsheetContent.hideRefs .ref strong,#chordsheetContent.inlineRefs .ref:not([id]) strong{margin-right:.5em}#chordsheetContent.hideRefs .ref :hover,#chordsheetContent.inlineRefs .ref:not([id]) :hover{color:var(--accent)}#chordsheetContent.inlineRefs .ref:not([id]){border-color:var(--gray)}#chordsheetContent.inlineRefs .ref:not([id]) :hover,#chordsheetContent.inlineRefs .ref[id]{color:var(--gray)}#chordsheetContent.inlineRefs .ref[id] strong{cursor:pointer;margin-right:0;display:block}#chordsheetContent.inlineRefs .ref[id] :hover{color:var(--accent)}#chordsheetContent.hideRefs h3,#chordsheetContent.inlineRefs h3,#chordsheetContent.inlineRefs .ref[id]{text-align:right;border:none;width:5em;height:3em;margin:0 0 -4.5em -6em;padding-left:0;font-size:1em;line-height:1.1em}@media only screen and (width<=700px){#chordsheetContent.hideRefs h3,#chordsheetContent.inlineRefs h3,#chordsheetContent.inlineRefs .ref[id]{text-align:left;width:auto;height:auto;margin:2em 0 0;line-height:1em}}#chordsheetContent p{max-width:40em;margin:1.33em 0}#chordsheetContent .interactive p,#chordsheetContent .addanchor p,#chordsheetContent .playfromline p,#chordsheetContent .interactive h3,#chordsheetContent .addanchor h3,#chordsheetContent .playfromline h3{margin:0;padding:0}#chordsheetContent .interactive p,#chordsheetContent .addanchor p,#chordsheetContent .playfromline p{padding-bottom:10px}#chordsheetContent .interactive h3,#chordsheetContent .addanchor h3,#chordsheetContent .playfromline h3{margin-top:10px}#chordsheetContent.inlineRefs .inlineReference h3,#chordsheetContent.hideRefs .inlineReference{display:none}#chordsheetContent code{color:#000;background-color:var(--accent-flat);border-radius:.4em;padding:0 .5em;font-family:Input Mono,Courier New,Courier,monospace;font-size:.9em;font-weight:400;line-height:1.5em;display:inline-block}#chordsheetContent pre code{color:inherit;font-size:1em;line-height:inherit;background-color:#0000}#chordsheetContent blockquote{margin:2em 1em;font-style:italic;font-weight:300;line-height:1.7}#chordsheetContent .abc-notation svg .abcjs-note,#chordsheetContent .abc-notation svg .abcjs-slur,#chordsheetContent .abc-notation svg .abcjs-rest,#chordsheetContent .abc-notation svg .abcjs-ledger,#chordsheetContent .abc-notation svg .abcjs-beam-elem{fill:var(--text)}#chordsheetContent .abc-notation svg .abcjs-triplet{stroke:var(--text)}#chordsheetContent .abc-notation svg .abcjs-triplet tspan{fill:var(--text)}#chordsheetContent .abc-notation svg .abcjs-lyric,#chordsheetContent .abc-notation svg .abcjs-staff,#chordsheetContent .abc-notation svg .abcjs-staff-extra{fill:var(--gray)}#chordsheetContent .abc-notation svg path.abcjs-ending{stroke:var(--gray-dark)}#chordsheetContent .abc-notation svg text.abcjs-ending,#chordsheetContent .abc-notation svg .abcjs-bar{fill:var(--gray-dark)}#chordsheetContent .abc-notation svg .abcjs-note_selected{fill:var(--accent)}#chordsheetContent .abc-notation svg .abcjs-annotation{fill:var(--ink);font-size:18px;font-weight:600}#chordsheetContent .abc-notation svg .abcjs-chord{fill:var(--accent);font-family:Shantell Sans,sans-serif;font-size:18px;font-weight:600}#chordsheetContent .abc-notation svg .abcjs-chord tspan tspan{font-weight:900}#chordsheetContent .chord-container{text-align:center;flex-direction:column-reverse;margin-bottom:2em;margin-left:-1em;margin-right:2em;display:inline-flex}#chordsheetContent .chord-container .kord{display:inline-block}#chordsheetContent .chord-container .kord .chord-diag{width:90px}#chordsheetContent .chord-container strong{margin-left:.8em;font-weight:600}#chordsheetContent .chord-container strong sup,#chordsheetContent .line i .before sup{vertical-align:.4em;letter-spacing:.02em;padding-left:.1em;font-size:.7em;font-weight:900}#chordsheetContent.interactive,#chordsheetContent.addanchor,#chordsheetContent.playfromline{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer}#chordsheetContent.interactive .ref,#chordsheetContent.addanchor .ref,#chordsheetContent.playfromline .ref,#chordsheetContent.interactive .inlineReference,#chordsheetContent.addanchor .inlineReference,#chordsheetContent.playfromline .inlineReference{cursor:default;filter:opacity(.5)grayscale(.5)}#chordsheetContent.interactive .ref h3,#chordsheetContent.addanchor .ref h3,#chordsheetContent.playfromline .ref h3,#chordsheetContent.interactive .inlineReference h3,#chordsheetContent.addanchor .inlineReference h3,#chordsheetContent.playfromline .inlineReference h3{display:none}#chordsheetContent.interactive .line:before,#chordsheetContent.addanchor .line:before,#chordsheetContent.playfromline .line:before{content:attr(data-line-cnt);opacity:.5;text-align:right;width:2em;margin-left:-3.8em;line-height:1.4em;position:absolute}#chordsheetContent.interactive .line:hover:before,#chordsheetContent.addanchor .line:hover:before,#chordsheetContent.playfromline .line:hover:before{opacity:1}#chordsheetContent.playfromline .line i{transition:color .2s}#chordsheetContent.playfromline .line:hover i{color:var(--accent);transition:color}#chordsheetContent.interactive i,#chordsheetContent.addanchor i,#chordsheetContent.playfromline i{line-height:1.4em;text-indent:0!important;padding-left:0!important}#chordsheetContent .interactive>:not(.inlineReference) i,#chordsheetContent .addanchor i,#chordsheetContent .playfromline i{cursor:pointer}#chordsheetContent.interactive section:not(.inlineReference) i:not(.hasChord):hover{border-top:2px solid var(--accent);margin-top:-2px}#chordsheetContent.interactive section:not(.inlineReference) i.hasChord:hover span{color:var(--text)}#chordsheetContent .line i u{color:var(--accent);font-family:Cardo,Times New Roman,Times,serif;font-size:1.2em;font-weight:700;line-height:1em;text-decoration:none}#chordsheetContent.hasVideo .line{cursor:pointer;opacity:var(--ratio);transition-property:opacity,color;transition-duration:.8s;transition-timing-function:ease-in}#chordsheetContent.hasVideo .line i{transition:color .2s}#chordsheetContent.hasVideo .line:hover i{color:var(--accent);transition:color}#chordsheetContent .line{white-space:pre-wrap;flex-flow:wrap;align-items:flex-end;min-height:1em;padding-left:.8em;display:flex}#chordsheetContent .line i{color:var(--text);flex-direction:column;font-style:normal;font-weight:400;display:flex}#chordsheetContent .line i:first-child{margin-left:-.8em}#chordsheetContent .line i .before{color:var(--accent);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transform-origin:0;margin-top:0;margin-bottom:-.3em;margin-right:.5em;font-family:Shantell Sans;font-style:normal;font-weight:600;transform:rotate(-3deg)}#chordsheetContent .line i .before:focus{background-color:var(--bg-filter-opaque);outline:none;min-width:1.5em}#chordsheetContent .line i .before:focus:empty:before{content:""}#chordsheetContent .line i .before.optional{color:var(--gray)}#chordsheetContent .line i .before.optional:before{content:"("}#chordsheetContent .line i .before.optional:after{content:")"}#chordsheetContent .line i .before.optional:after,#chordsheetContent .line i .before.optional:before{vertical-align:.05em;font-weight:200}#chordsheetContent.interactive .line i .before{-webkit-touch-callout:text;-webkit-user-select:text;user-select:text}#chordsheetContent li{line-height:1.6em;list-style-type:none}#chordsheetContent li:before{content:"–";width:0;display:inline-block;position:relative;left:-1.2em}#chordsheetContent .song-video{position:fixed;top:0;right:7em}@media only screen and (width<=700px){#chordsheetContent .song-video{right:unset;left:0}}#chordsheetContent .song-video iframe{width:16em;height:unset;aspect-ratio:3/2}#chordsheetContent .song-video-preview{position:fixed;top:0;right:50%}#chordsheetContent .song-video-preview.active{flex-direction:row-reverse;display:flex;position:fixed}@media only screen and (width<=700px){#chordsheetContent .song-video-preview.active{right:unset;left:0}}#chordsheetContent .song-video-preview.active iframe{height:8em;width:unset;aspect-ratio:3/2}#chordsheet .time-insert-indicator{align-items:end;display:flex}#chordsheet .time-insert-indicator span{color:var(--text-inverted);background-color:var(--accent-flat);border-top-right-radius:10px;border-bottom-right-radius:10px;width:50px;padding:2px}