:root{color-scheme:light dark}html{overscroll-behavior:contain}body{margin:0;font-family:sans-serif;height:100vh}div{margin:0;display:inline-block}#root{overflow-y:clip;height:100%;display:flex;flex-flow:column}#root>div{padding:1em;flex-shrink:1;flex-grow:1}.listing,.people{overflow-y:scroll}.chords-box{display:flex;flex-flow:column;min-height:0px}.chordsheet{overflow-y:scroll;min-height:0px;flex-shrink:1;padding-bottom:5em}.chordsheet pre{font-family:monospace;white-space:pre-wrap}.chordsheet>div{overflow-wrap:break-word;max-width:100%}.chord{color:#00f}ul{padding-left:1em}.controls{display:flex;flex-wrap:wrap;width:100%}.controls.show-descriptions{flex-flow-direction:column}.controls.hide-descriptions{flex-flow-direction:row}.controlgroup{display:flex}.hide-descriptions .controlgroup{flex-grow:0;margin-right:10px}.show-descriptions .controlgroup{display:flex}.hide-descriptions .description{display:none}.hide-descriptions .control button{display:inline-block;width:32px;height:32px;text-align:center;margin:0}.control{margin-bottom:8px}.show-descriptions .control{display:flex;flex-flow:column;margin-left:2px;margin-right:2px}.show-descriptions .control>*{margin-left:auto;margin-right:auto}.chordlink{color:#00f}.controlgroup a{text-decoration:none}.person *{margin-right:1em}.float{padding:.4em;position:fixed}.top-right{top:1em;right:1em}@media (prefers-color-scheme: dark){.float{background-color:#000}body{background-color:#000;color:#d3d3d3}.chord,.chordlink{color:#0ff}}