body{transition:background-color .3s,color .3s}body.dark-mode-no-transition{transition:none!important}.dark-mode{background-color:#272727;color:#fff}:root{font-family:Helvetica,Arial;font-size:14px;line-height:1.428571429;color:#333}.centered{display:flex;flex-flow:column;align-items:center}.content-area{min-height:74vh}a{text-decoration:none}th,td{text-align:left}tr{margin:0}table{margin-top:2em;width:80%;table-layout:fixed}.no-matches{display:block;display:flex;justify-content:center;align-items:center;margin:0;padding:0}th:nth-child(1),th:nth-child(2),th:nth-child(3){cursor:pointer}th:nth-child(1),td:nth-child(1){width:20em}th:nth-child(2),td:nth-child(2){width:3.5em}th:nth-child(3),td:nth-child(3){width:2.5em}tr:nth-child(2n){background-color:#ececec}.dark-mode * tr:nth-child(2n){background-color:#333}thead{border-bottom:1px solid black}.dark-mode * th{border-bottom:1px solid white}a{color:#3273ff}table{border-collapse:collapse}.dark-mode * a{color:#3273ff}@media (max-width: 768px){th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5),th:nth-child(6),td:nth-child(6){display:none}th:nth-child(1),td:nth-child(1){width:70%}th:nth-child(2),td:nth-child(2){width:15%}th:nth-child(3),td:nth-child(3){width:15%}}:root,body,html{padding:0;margin:0}.song-page{margin:0;padding:0;display:flex}.content{flex:1}.footer{background-color:#d1d1d1;padding:20px 0;width:100%;text-align:center;margin:0;z-index:1}.footer.dark-mode{background-color:#000}.toggle-button{border-style:border-box;--transtion-time: .3s;width:60px;height:31px;border-radius:20px;background-color:#5797d3;margin-bottom:1rem;cursor:pointer;position:relative;transition:background-color var(--transtion-time),box-shadow var(--transtion-time);border:0;box-shadow:0 0 12px #c26e00}.toggle-circle{display:flex;width:27px;height:27px;border-radius:50%;z-index:1;position:absolute;top:2px;left:2px;background-color:#fff172ad;transition:background-color var(--transtion-time),left var(--transtion-time)}.toggle-button.dark{background-color:#002;box-shadow:0 0 8px #fffc}.toggle-button.dark .toggle-circle{background-color:#3030309d;left:30px}.toggle-circle:before,.toggle-circle:after{font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity var(--transtion-time)}.toggle-circle:before{content:"";color:#daaa26;opacity:1;font-size:1.2em}.toggle-button.dark .toggle-circle:before{opacity:0}.toggle-circle:after{content:"";color:#fff;font-size:1.5em;opacity:0}.toggle-button.dark .toggle-circle:after{opacity:1}.button-decoration,.button-decoration:before,.button-decoration:after{position:absolute;border-radius:50%;background-color:#ffffff80}.button-decoration:before,.button-decoration:after{content:""}.button-decoration{width:20px;height:20px;top:10%;left:55%}.button-decoration:before{width:12px;height:12px;top:50%;left:-15%}.button-decoration:after{width:17px;height:17px;top:30%;left:35%}.toggle-button.dark .button-decoration,.toggle-button.dark .button-decoration:before,.toggle-button.dark .button-decoration:after{background-color:#fff;width:2px;height:2px}.toggle-button.dark .button-decoration{top:20%;left:35%}.toggle-button.dark .button-decoration:before{top:8px;left:-10px}.toggle-button.dark .button-decoration:after{top:15px;left:-3px}.song-page{display:flex;flex-flow:column;align-items:center;min-height:100vh;margin-top:2rem}.song-metadata{display:flex;flex-flow:column;justify-content:center;align-items:center}.song-metadata>h5{margin:0}audio{margin:1em 0 0}.song-title{text-align:center;justify-content:center}.lyrics-wrapper{margin:1em 0}.comments-wrapper{width:50%;text-align:center}.comments-wrapper>p{font-size:.9rem}.centered-on-page{display:flex;flex-flow:column;justify-content:center;align-items:center;height:100vh}p{font-size:1.2rem;white-space:pre-wrap}.italic{font-style:italic}.underline{text-decoration:underline}.instruction{font-style:italic}.chorus-header{font-style:italic;text-decoration:underline}.melody-header{font-style:italic}.address{font-style:italic;text-decoration:underline}@media (max-width: 768px){.song-page{margin-top:3rem;padding:0 1rem}}.sidebar{position:fixed;width:15%;background-color:#f2f2f2;left:0;top:0;overflow:auto;height:100%;border-right:1px solid black;display:flex;flex-direction:column;scrollbar-width:thin;z-index:4}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.sidebar-list::-webkit-scrollbar-thumb:hover{background:#000}.sidebar-top{margin-bottom:2rem}.sidebar-list{border-top:1px solid black;flex:1 1 0;width:100%;overflow-y:auto;padding:0;list-style:none}.sidebar-top{display:flex;flex-direction:column;align-items:center;width:100%}.sidebar input{padding:10px;border:1px solid #ccc;border-radius:4px;width:80%}.sidebar ul{display:flex;flex-direction:column;margin:0;padding:0}li>.selected-song{font-weight:700;text-decoration:none;color:inherit;cursor:default}.sidebar-header{text-align:center;cursor:pointer}.sidebar.dark{background-color:#333}.sidebar-burger{display:none;position:fixed;top:1rem;right:1rem;z-index:5;border:none;width:4rem;height:4rem;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000001a;align-items:center;justify-content:center;padding:0;background-color:#0201011a;transition:filter .3s ease-in-out,background-image .3s ease-in-out,opacity .3s;filter:invert(0)}.sidebar-burger:before,.sidebar-burger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:50%;background-repeat:no-repeat;background-position:center;pointer-events:none;transition:opacity .1s}.sidebar-burger:before{background-image:url(/burger-bar.png);opacity:1}.sidebar-burger:after{opacity:0;background-image:url(/close.png)}.sidebar-burger.open:before{opacity:0}.sidebar-burger.open:after{opacity:1}.sidebar-burger.dark{background-color:#02010180;filter:invert(1)}ul>li{list-style-type:none;padding:10px 0;border-bottom:1px solid #969696;text-align:center}@media (max-width: 768px){.sidebar{width:100%;top:0;left:0;height:100vh;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.open{transform:translate(0)}.sidebar-burger{display:block}}