html{touch-action:manipulation}body{height:100%;background-color:#f3f3f3;font-family:Avenir,Helvetica,Arial,sans-serif;color:#343e49;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 0 32px;margin:0}#app{max-width:720px;min-width:300px;font-size:20px;margin:16px auto auto;padding-left:16px;padding-right:16px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button{text-decoration:none;color:inherit}#navbar-top{background-color:#eaeaea;border-bottom:1px solid #dadada}#navbar-outer{margin:0 auto;max-width:756px;min-width:300px}#navbar{font-size:20px;height:40px;margin-left:8px;margin-right:8px}#navbar-right{float:right}.navbar-item{display:inline-block;margin-top:4px;padding-top:4px;height:28px;padding-left:8px;padding-right:8px;margin-bottom:4px;border-radius:3px}.navbar-item:hover{cursor:pointer;background-color:#dfdfdf}#search{margin-right:24px;margin-bottom:16px}#search-description{margin-bottom:8px}#search-input{font-size:14px;padding:12px;width:100%;border:1px solid #ccc;border-radius:4px;box-shadow:1px 1px #dedede;font-family:inherit}#search-input:focus,#search-input:hover{box-shadow:2px 1px #ccc;outline:none}.voicing-chart-parent{max-width:550px;min-width:200px;padding-left:8px;margin:0 auto;display:flex;height:165px;flex-direction:row}.voicing-chart-sides{height:140px;width:30px}.voicing-chart-center{flex-grow:1;display:flex;flex-direction:column}.voicing-chart-fretboard{height:100%;flex-grow:1}.voicing-chart-fretboard>svg{width:100%;height:100%}.voicing-chart-fret-labels{height:25px}.voicing-chart-fret-labels>svg,svg.voicing-chart-label{width:100%;height:100%}.voicing-chart-text-label{font-size:14px;fill:#343e49;text-anchor:middle;alignment-baseline:central;dominant-baseline:central}.voicing-chart-fretboard-line{stroke:#000}.voicing-chart-fretboard-line.voicing-chart-string-playing{-webkit-animation-name:grow-shrink;animation-name:grow-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes grow-shrink{0%{stroke-width:1px}20%{stroke-width:3px}to{stroke-width:1px}}@keyframes grow-shrink{0%{stroke-width:1px}20%{stroke-width:3px}to{stroke-width:1px}}.voicing-chart-open-circle{fill:#fff;stroke:#000;stroke-width:2px}.voicing-chart-bar-rect{fill:#fff}.voicing-chart-bar-path{stroke-width:5px;fill:#fff}.voicing-chart-fret-dot{stroke:#000;fill:#000}.voicing-result{border:1px solid #ccc;border-radius:4px;box-shadow:1px 1px #dedede;background-color:#fafafa;padding:4px 16px;margin-bottom:8px}.voicing-result-actions{max-width:550px;min-width:200px;margin:0 auto}.voicing-result-action{font-size:14px;cursor:pointer;padding:2px 8px;border-radius:4px;margin-right:4px}.voicing-result-action:hover{background-color:#dedede}.voicing-result-action-icon{margin-right:4px;font-size:13px;text-align:center}.chord-view-name-flats{letter-spacing:-.25em;margin-right:.25em}.chord-view{border:1px solid #ccc;border-radius:4px;box-shadow:1px 1px #dedede;background-color:#fafafa;padding:4px 16px;margin-bottom:8px;font-size:14px}.chord-view-inner{max-width:550px;min-width:200px;margin:0 auto}.chord-view-label{padding:8px;font-weight:700;margin-right:16px;vertical-align:middle;text-align:center}.chord-view-row{margin-bottom:8px;margin-top:8px}.chord-view-notes-outer{display:inline-block}.chord-view-notes{display:flex;flex-direction:row;flex-wrap:wrap}.chord-view-note-outer{margin-right:12px;text-align:center;flex-grow:1;width:40px;max-width:40px}.chord-view-note{padding-bottom:4px;height:18px;margin-bottom:4px;border-bottom:3px solid #000}.help-question{margin-bottom:.5em;margin-top:0;font-size:20px;font-weight:400}.help-answer>p{-webkit-margin-before:.5em;margin-block-start:.5em;-webkit-margin-after:.5em;margin-block-end:.5em}.help-answer{font-size:16px}.chord-example{font-weight:700;padding-left:6px;padding-right:6px;border-radius:4px;border:1px solid #dfdfdf;background-color:#eaeaea}.chord-example:hover{background-color:#dfdfdf;cursor:pointer}.loading-indicator{margin-top:32px}.loading-indicator>svg{margin:0 auto;display:block}.loading-indicator-circle{fill:none;stroke:#ccc;stroke-width:8px}.loading-indicator-dot{fill:none;stroke-width:10px;stroke:#6eaaf6;stroke-dashoffset:400px;stroke-dasharray:480px;stroke-linecap:round;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.loading-indicator-text{alignment-baseline:central;dominant-baseline:central;text-anchor:middle;fill:#343e49}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{-webkit-transform:rotate(359.9deg);transform:rotate(359.9deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{-webkit-transform:rotate(359.9deg);transform:rotate(359.9deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}.error-message-x-line{stroke:#f0646b;stroke-width:12px;stroke-linecap:round}.error-message-x{width:75px;height:75px;display:block;margin:0 auto}.error-message{margin:0 auto;text-align:center}.error-message>h2{font-weight:400;-webkit-margin-after:.4em;margin-block-end:.4em;-webkit-margin-before:.5em;margin-block-start:.5em}.error-message-desc{max-width:500px;margin:0 auto;text-align:left;text-align:initial}
/*# sourceMappingURL=main.eed7a45b.chunk.css.map */