:root{--color-background:#fff;--color-1:#f4f0f0;--color-3:#c8c0c0;--color-5:#977;--color-7:#383030;--color-9:#242020}body,html{font:14px/1.21 Helvetica Neue,arial,sans-serif;font-weight:400;background-color:var(--color-background)}.component__chord-button{display:block;padding:10px;border-radius:10px;--color:var(--color-5);color:var(--color);border:2px solid var(--color);min-height:3em;text-decoration:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative}.component__chord-button:active{--color:var(--color-3)}.component__chord-button:visited{font-weight:500}.component__chord-button:hover{--color:var(--color-9);background-color:var(--color-3)}.component__chord-button--active{background-color:var(--color-1);--color:var(--color-9)}.component__chords-list{-webkit-columns:200px auto;columns:200px;-webkit-column-gap:15px;column-gap:15px;--divider-height:18px;--item-height:75px}.component__chords-list__search{outline:none;border:none;text-align:center;padding:0;height:100%;width:100%}.component__chords-list li{list-style:none;-webkit-column-break-inside:avoid;break-inside:avoid}.component__chords-list .component__chords-list__item{height:var(--item-height);margin-bottom:5px}.component__chords-list .component__chords-list__item[data-includes-divider=true]{height:calc(var(--item-height) + var(--divider-height))}.component__chords-list .component__chords-list__divider>hr{--color:var(--color-3);border:0;position:relative;display:block;font-size:0;height:var(--divider-height);margin-top:5px;margin-bottom:5px;display:-ms-flexbox;display:flex}.component__chords-list .component__chords-list__divider>hr:after{display:block;background-color:var(--color-background);margin-left:auto;margin-right:auto;font-size:15px;content:attr(data-content);padding-left:4px;padding-right:4px;z-index:1;color:var(--color)}.component__chords-list .component__chords-list__divider>hr:before{content:"";display:block;position:absolute;top:calc(50% - 1px);height:1px;left:0;right:0;background-color:var(--color)}.component__chord-sheet nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:justify;align-content:space-between}.component__chord-sheet nav>*{display:block;padding:0;margin:0 auto 0 0}.component__chord-sheet .component__icon{color:var(--color-5)}.component__chord-sheet nav>a{margin-right:0}.component__chord-sheet__columns{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:5px;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:center;justify-content:center}.component__chord-sheet__columns pre{font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:13px;margin-top:0;border:1px solid var(--color-3);border-radius:5px;background-color:var(--color-1);padding:15px}.component__chord-sheet__columns pre:not(:first-of-type){padding-left:4em;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.component__chord-sheet__columns pre:not(:last-of-type){border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.component__icon{position:relative;width:1em;height:1em;padding-left:2px;padding-right:2px;bottom:-.125em}.component__loading{width:100vw;height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;font-size:100px}.component__loading>*{margin:auto}.component__breadcrumbs .component__breadcrumbs__current:not(:empty):before{content:" / ";color:var(--color-5)}