body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%;width:100%}:root{--bookends-bg-color:#0d1b2a;--bookends-text-color:#e0e1dd;--main-bg-color:#778da9;--main-text-color:#0d1b2a;--card-bg-color:#415a77;--card-text-color:#e0e1dd;--card-border-color:#1b263b;--clickable-button-icon-color:blue;--clickable-hover-bg-color:#ff0;--clickable-active-bg-color:purple;--clickable-selected-bg-color:orange;--warning-text-color:orange;--warning-text-bg-color:#ffa50033}.centered-list-of-stuff{align-items:center;display:flex;flex-direction:column}summary{cursor:pointer}.body-frame-outer{background-color:#d3d3d3;height:100%;width:100%}.body-frame-inner{background-color:var(--main-bg-color);color:var(--main-text-color);display:flex;flex-direction:column;justify-content:space-between;min-height:100%;width:100%}.footer-bar{background-color:var(--bookends-bg-color);text-align:center;width:100%}.footer-bar,.footer-bar button{color:var(--bookends-text-color)}.terms-of-service-link{background-color:inherit;border:none;cursor:pointer;text-decoration:underline}.terms-of-service-link:hover{background-color:var(--main-bg-color)}.nav-bar{background-color:var(--bookends-bg-color);display:flex;justify-content:space-between}.nav-bar button{color:var(--bookends-text-color)}.nav-bar ol{list-style-type:none;margin:0;padding-left:0}.nav-bar ol li{display:inline-flex;margin:.3em 1em}@media (max-width:600px){.nav-bar ol li{margin:.3em .5em}}.nav-bar ol li button:hover{background-color:var(--main-bg-color)}.nav-bar ol li button{background-color:initial;border:none;border-radius:3px;cursor:pointer}.nav-bar ol li button:before{content:"> "}.nav-bar #hamburger-menu-checkbox{display:none}.nav-bar .hamburger-menu-label{align-content:space-evenly;display:none}@media (max-width:500px){.nav-bar{flex-direction:row;flex-wrap:wrap;margin-left:0;margin-right:0}.nav-bar ol{display:block;width:85%}.nav-bar ol:last-child{flex-basis:100%;width:100%}.nav-bar ol li{margin:0;text-align:left;width:100%}.nav-bar ol li button{padding:.3em 1em;text-align:left;width:100%}.nav-bar .hamburger-menu-label{color:var(--bookends-text-color);cursor:pointer;display:block;padding:2px 10px}.nav-bar .hamburger-menu-label:hover{background-color:var(--main-bg-color)}.nav-bar #hamburger-menu-checkbox:not(:checked)+ol{display:none}}.page-content-frame{flex-grow:2;padding:2em}@media (max-width:649px){.page-content-frame{padding:1em}}@media (max-width:500px){.page-content-frame{padding:.1em}}.info-card-section{background-color:var(--card-bg-color);border-radius:.4em;color:var(--card-text-color);margin:.25em;padding:.5em}.info-card-section.tight-wrap{padding:.3em .1em .3em .4em}.info-card-section.includes-header-bar{padding:0 0 .5em}.info-card-section.includes-header-bar .info-card-header-bar{background-color:var(--card-border-color);border-radius:5px 5px 0 0;display:flex;height:1.8em;width:100%}@media (max-width:650px){.info-card-section.includes-header-bar .info-card-header-bar{height:2em}}.info-card-section.includes-header-bar .info-card-body{padding:0 .5em}.info-card-section a:link,.info-card-section a:visited{background-color:initial;color:inherit}.info-card-section a:hover{background-color:initial;color:purple;text-decoration:underline}.info-card-section a:active{background-color:initial;color:blue;text-decoration:underline}.icon-button-wrapper{padding:0 2px}.icon-button-wrapper.mini-button{display:inline-grid}.icon-button-wrapper.strikethrough button{background-color:gray;text-decoration:line-through}.icon-button-wrapper.highlight button{background-color:#32cd32;color:#000}.icon-button-wrapper button{border:1px solid purple;border-radius:5px;color:var(--clickable-button-icon-color);height:2em;padding:.1em .5em;width:2.8em}.icon-button-wrapper.mini-button button{color:var(--clickable-button-icon-color);height:1.6em;line-height:.9em;padding-inline:0;width:1.5em}@media (max-width:650px){.icon-button-wrapper button{height:3em}.icon-button-wrapper.mini-button button{height:1.9em;width:2.5em}.icon-button-wrapper.mini-button button .icon-inner-letter{font-size:1.5em;line-height:1.1em}}.icon-button-wrapper button:hover:not([disabled]){cursor:pointer}@media (min-width:420px){.icon-button-wrapper button:hover:not([disabled]){background-color:var(--clickable-hover-bg-color)}}.icon-button-wrapper button:active:not([disabled]){background-color:var(--clickable-active-bg-color);cursor:pointer}.audio-file-loader-wrapper{background-color:var(--main-bg-color);border-radius:5px;display:inline-block;max-height:1.6em;width:100%}.audio-file-loader-wrapper label{align-content:space-evenly;cursor:pointer;display:inline-block;height:1.6em;min-width:10em;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.audio-file-loader-label.loader-disabled{cursor:not-allowed}@media (min-width:420px){.audio-file-loader-label.loader-empty:hover:not(:is(.loader-disabled)){background-color:#ffff0052}}.audio-file-loader-label.drag-dropping{background-color:#ffff0052}.audio-file-loader-label.loader-empty:active:not(:is(.loader-disabled)){background-color:var(--clickable-active-bg-color)}@media (max-width:650px){.audio-file-loader-wrapper{height:2.45em;max-height:2.45em}.audio-file-loader-wrapper label{height:2.5em}}.audio-file-loader-wrapper input[type=file]{display:none;width:0}.audio-control-bar{align-items:center;display:grid;grid-template-columns:auto;grid-template-rows:auto;height:2em;justify-content:stretch;line-height:1em}.audio-control-bar.audio-file-loaded{grid-template-columns:60% 40%}.audio-control-bar-line-1{align-items:center;display:grid;grid-template-columns:minmax(10em,100%) 2.5em 2.2em;grid-template-rows:auto;width:99%}.audio-control-bar-line-2{align-items:end;display:flex;justify-content:flex-end}.audio-control-bar audio{height:1.6em;margin:0 0 0 .3em;width:100%}.audio-control-bar audio::-webkit-media-controls-enclosure{border-radius:4px}@media (max-width:650px){.audio-control-bar audio{height:2.4em}.audio-control-bar-line-1{width:calc(100% - .4em)}.audio-control-bar-line-2{align-items:center}.audio-control-bar{grid-template-rows:auto auto;height:auto;line-height:1em}.audio-control-bar,.audio-control-bar.audio-file-loaded{grid-template-columns:auto}.audio-control-bar audio{margin:0}.audio-control-bar-line-2{margin-top:4px}}.music-note-header{background-color:inherit;cursor:pointer;display:block}@media (min-width:420px){.music-note-header:hover{background-color:var(--clickable-hover-bg-color)}}.music-note-header:active{background-color:var(--clickable-active-bg-color)}.music-note-header.strike-wrong-note{color:#8e8e8e;font-weight:300;text-decoration:line-through}.note-pin-opts{display:flex;justify-content:space-between;white-space:nowrap}.note-pin-opts.setting-is-pinned{text-decoration:underline}.note-pin-opts.setting-is-manual{font-weight:700}.note-pin-opts input[type=checkbox]{height:0;opacity:0;width:0}.note-pin-opts input[type=checkbox]+label{cursor:pointer;padding:0 1px}.note-pin-opts-opt{margin:0;padding:0}.note-pin-opts input[type=checkbox]:not(:is(:checked))+label{color:grey}.slider-option1-label{color:#4caf50}.slider-option2-label{color:#f44336}.slider-option3-label{color:#2196f3}.note-pin-opts input[type=checkbox]:focus-visible+label{background-color:#a9a9a9}.note-validity-controls-grid{grid-column-gap:1em;column-gap:1em;display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.note-validity-single-note{display:flex;justify-items:baseline}.note-validity-single-note>.music-note{width:1.3em}.note-validity-header-bar{align-items:center;display:flex;justify-content:right;padding-right:3px;width:100%}.note-history-monitor{display:flex;flex-direction:row}.history-monitor-header-bar{align-items:center;display:flex;justify-content:right;padding-right:3px;width:100%}.note-history-monitor-column{border:1px dotted #fff;padding:0 1px}.audio-history-container{display:flex;min-height:10em}.audio-history-scroll-container-inner{display:flex}.audio-history-pinned-column{display:flex;flex-direction:column;max-width:1.4em}.audio-history-scroll-container{display:flex;overflow-x:scroll;width:calc(100vw - 2em)}.audio-history-inner-column{align-self:center;min-width:1em;padding:1px}.history-notes-pinned-label{height:8em;rotate:180deg;text-align:center;white-space:nowrap;writing-mode:vertical-lr}.history-chords-pinned-label-wrapper{display:flex;flex-direction:column;justify-content:space-evenly;min-height:6em;padding-bottom:1em}.history-chords-pinned-label{height:4em;rotate:180deg;text-align:center;white-space:nowrap;writing-mode:vertical-lr}.chord-mode-delete .history-chords-pinned-label{cursor:crosshair}@media (min-width:420px){.chord-mode-delete .history-chords-pinned-label:hover{background-color:var(--clickable-hover-bg-color)}}.chord-mode-delete .history-chords-pinned-label:active{background-color:var(--clickable-active-bg-color)}.history-row01-has-height-4 .history-scales-row01.history-chords-pinned-label,.history-row02-has-height-4 .history-scales-row02.history-chords-pinned-label,.history-row03-has-height-4 .history-scales-row03.history-chords-pinned-label{height:5em}.history-row01-has-height-5 .history-scales-row01.history-chords-pinned-label,.history-row02-has-height-5 .history-scales-row02.history-chords-pinned-label,.history-row03-has-height-5 .history-scales-row03.history-chords-pinned-label{height:6.5em}.history-row01-has-height-6 .history-scales-row01.history-chords-pinned-label,.history-row02-has-height-6 .history-scales-row02.history-chords-pinned-label,.history-row03-has-height-6 .history-scales-row03.history-chords-pinned-label{height:8em}.history-row01-has-height-7 .history-scales-row01.history-chords-pinned-label,.history-row02-has-height-7 .history-scales-row02.history-chords-pinned-label,.history-row03-has-height-7 .history-scales-row03.history-chords-pinned-label{height:9.5em}.music-chord-header{color:#919191;cursor:pointer;font-weight:700}.music-chord-header.most-likely-chord{color:#fff}@media (min-width:420px){.music-chord-header:hover{background-color:var(--clickable-hover-bg-color)}.area-history-scrolling.chord-mode-delete .music-chord-header:hover{background-color:red}.area-history-scrolling.chord-mode-edit .music-chord-header:hover{background-color:green}}.music-chord-header:active{background-color:var(--clickable-active-bg-color)}.audio-history-scroll-column{border-left:1px dashed;display:flex;flex-direction:column;justify-content:space-evenly}.audio-history-scroll-column.highlight-column{background-color:green}.timer-tick-axis-count{border-bottom:1px dashed #fff;font-size:.75em;height:1em;padding-bottom:2px}.audio-history-pinned-column .timer-tick-axis-count{border-bottom:initial}@media (min-width:420px){.capture-inactive .timer-tick-axis-count:hover{background-color:green;cursor:pointer}}.history-notes-for-one-tick{height:8em;justify-content:flex-end}.history-chords-per-key-for-one-tick,.history-notes-for-one-tick{align-items:stretch;border-bottom:1px dashed #fff;color:#919191;display:flex;flex-direction:column}.history-chords-per-key-for-one-tick{height:4em;padding-top:.5em}.history-row01-has-height-4 .history-scales-row01.history-chords-per-key-for-one-tick,.history-row02-has-height-4 .history-scales-row02.history-chords-per-key-for-one-tick,.history-row03-has-height-4 .history-scales-row03.history-chords-per-key-for-one-tick{height:5em}.history-row01-has-height-5 .history-scales-row01.history-chords-per-key-for-one-tick,.history-row02-has-height-5 .history-scales-row02.history-chords-per-key-for-one-tick,.history-row03-has-height-5 .history-scales-row03.history-chords-per-key-for-one-tick{height:6.5em}.history-row01-has-height-6 .history-scales-row01.history-chords-per-key-for-one-tick,.history-row02-has-height-6 .history-scales-row02.history-chords-per-key-for-one-tick,.history-row03-has-height-6 .history-scales-row03.history-chords-per-key-for-one-tick{height:8em}.history-row01-has-height-7 .history-scales-row01.history-chords-per-key-for-one-tick,.history-row02-has-height-7 .history-scales-row02.history-chords-per-key-for-one-tick,.history-row03-has-height-7 .history-scales-row03.history-chords-per-key-for-one-tick{height:9.5em}.icon-dropdown-expanded.icon-button-wrapper{height:1.35em}.icon-dropdown-expanded.icon-button-wrapper button:nth-child(2){border:1px solid #000;height:1.6em;line-height:.75;margin-top:.5px;z-index:100}.icon-dropdown-expanded.icon-button-wrapper button:nth-child(3),.icon-dropdown-expanded.icon-button-wrapper button:nth-child(4){border:1px solid #000;height:1.6 em;line-height:.75;z-index:100}.music-scale-giant-letter-frame{align-items:baseline;display:flex;height:100px;padding:0 1em}.music-scale-none-placeholder{font-size:1em;font-weight:500;margin:auto;text-align:center}.music-scale-giant-letter{font-size:5em;font-weight:700}.music-scale-giant-scale-shape{font-size:1em;font-weight:500}@media (max-width:500px){.music-scale-giant-letter-frame{align-items:baseline;height:4em;justify-content:center}.music-scale-giant-letter{font-size:3em}}.tiny-histogram-canvas-wrapper{min-height:fit-content;padding:.2em 0}.tiny-histogram-canvas,.tiny-histogram-canvas-wrapper{background-color:#fff;border-radius:5px}.chord-edit-header{display:flex;justify-content:space-between;padding-bottom:5px;padding-top:5px}.chord-edit-note-list{padding:5px}.chord-edit-buttons{display:flex;padding:5px}.chord-edit-name{font-size:1.15em;margin:2px 0 0 4px}.chord-edit-note-list-header{padding-bottom:2px;text-decoration:underline}.chord-edit-note,.chord-edit-note-list-header{display:flex;justify-content:space-between}.chord-edit-note.silent-note{font-weight:300;text-decoration:line-through}.chord-edit-note-label{border:1px dotted #add8e6}.chord-edit-note-label:hover{border:1px dotted blue;cursor:pointer}.chord-edit-note-interval{font-size:.9em}.chord-edit-note-bass-input{cursor:pointer;width:1em}.form-checkbox-label{align-items:center;border:1px dotted #0000;display:flex}.form-checkbox-label input:hover,.form-checkbox-label:hover{border:1px dotted blue;cursor:pointer}.closeable-modal-background{background-color:#00000080;height:100vh;left:0;position:absolute;top:0;width:100%;z-index:900}.closeable-modal-background.mini-modal .closeable-modal{width:200px}.closeable-modal{background-color:var(--main-bg-color);border:1px solid #fff;border-radius:5px;box-shadow:2px 2px #000;left:20px;margin:auto;min-height:200px;position:absolute;top:20px;width:calc(100vw - 40px);z-index:1000}.closeable-modal-x-btn{position:absolute;right:5px;top:5px}.mini-modal .closeable-modal-x-btn{right:2px;top:2px}.app-loading-status-window{background-color:var(--main-bg-color);border:1px solid #fff;border-radius:5px;box-shadow:2px 2px #000;left:calc(50vw - 9em);margin:auto;position:absolute;top:30vh;width:18em;z-index:200}.app-loading-text{font-size:2em}.app-loading-text:after{animation:loadingellipsis 3s steps(4) infinite;content:"\2026";display:inline-block;overflow:hidden;vertical-align:bottom;width:0}@keyframes loadingellipsis{to{width:1em}}.analysis-page-grid{display:grid;grid-template-areas:"area-control-bar area-control-bar area-control-bar" "area-histogram area-big-key area-note-validity" "area-history-scrolling area-history-scrolling area-history-scrolling" "area-instrumentation area-instrumentation area-instrumentation";grid-template-columns:auto 1fr 1fr;grid-template-rows:min-content auto}.area-control-bar{grid-area:area-control-bar}.area-histogram{grid-area:area-histogram}.area-big-key{grid-area:area-big-key}.area-note-validity{grid-area:area-note-validity}.area-history-scrolling{grid-area:area-history-scrolling}.area-instrumentation{grid-area:area-instrumentation}@media (max-width:650px){.analysis-page-grid{display:grid;grid-template-areas:"area-control-bar area-control-bar" "area-big-key area-note-validity" "area-history-scrolling area-history-scrolling" "area-instrumentation area-instrumentation";grid-template-columns:1fr 1fr;grid-template-rows:min-content auto}.area-histogram{display:none}}@media (max-width:500px){.analysis-page-grid{display:grid;grid-template-areas:"area-control-bar" "area-note-validity" "area-big-key" "area-history-scrolling" "area-instrumentation";grid-template-columns:minmax(100%,100vw);grid-template-rows:min-content auto min-content auto}}.option-menu-title{margin-bottom:.25em;margin-top:.75em}.open-menu-toggle-wrapper{margin-bottom:.5em}.option-menu-toggle-shortname button{border:1px solid #000;border-radius:2px;cursor:pointer;padding:.2em}@media (min-width:420px){.option-menu-toggle-shortname button:hover{background-color:var(--clickable-hover-bg-color)}}.option-menu-toggle-shortname button:active{background-color:var(--clickable-active-bg-color)}.option-menu-toggle-shortname.selected button{background-color:var(--clickable-selected-bg-color)}.option-menu-description{font-size:.9em;padding-left:1em;padding-top:.25em}.option-menu-selections{padding-left:.75em}.option-menu-extra-info{font-size:.8em;font-style:italic}.option-menu-extra-info p{margin-bottom:0;margin-top:.25em}@media (max-width:400px){.open-menu-toggle-wrapper.open-menu-one-liner{border-bottom:1px dashed #fff;font-size:.8em}}.text-button-wrapper{padding:0 2px}.text-button-wrapper.big-text button{border-radius:8px;font-size:1.3em}.text-button-wrapper.strikethrough button{background-color:gray;text-decoration:line-through}.text-button-wrapper button{border:2px solid purple;border-radius:3px;height:1.75em}.text-button-wrapper button:hover:not([disabled]){cursor:pointer}@media (min-width:420px){.text-button-wrapper button:hover:not([disabled]){background-color:var(--clickable-hover-bg-color)}}.text-button-wrapper button:active:not([disabled]){background-color:var(--clickable-active-bg-color);cursor:pointer}.warning-text-line{font-size:.8em;font-style:italic}.warning-word{color:#ff0}.transci-form-options-area{display:flex}.transcri-form-preview-area{padding-left:.75em}.transcri-form-preview-header{text-decoration:underline}.transcri-form-preview-scales{padding:.5em 1em}.transci-preview-row span{display:inline-block}.transci-preview-row span:nth-child(odd){width:5.5em}.transci-preview-row span:nth-child(2n){width:2.5em}.transcri-form-submit-area{padding-left:.5em}.transcri-half-step-prompt{margin-bottom:.5em;padding-left:.75em}.transci-num-input-label{font-size:.9em}.transci-num-input{margin-left:.75em;max-width:3em;text-align:right}.instrumentation-header-bar{align-items:center;display:flex;justify-content:space-between;padding-left:3px;padding-right:3px;width:100%}.instrumentation-header-bar-left-side{align-items:baseline;display:flex}.instrumentation-header-bar-right-side{display:flex}.instrumentation-stringed-instrument{align-items:center;display:flex;flex-direction:row;justify-content:center}.instrumentation-tablature-row{display:flex;overflow-x:auto;padding:1em}.instr-chords-top-left-spacer{height:2.8em}.instrumentation-tablature-frame{padding:1em}.instrument-chord-deepdive-frame{display:flex;flex-direction:row}.instrumentation-chord-edit-frame{border:1px solid #fff;border-radius:5px;margin:1em;min-height:200px;min-width:200px;padding:.5em;width:200px}.instrumentation-stringed-instrument-frame{background-color:var(--card-border-color);border:1px solid #fff;border-radius:5px;display:flex;margin:1em;overflow-x:auto;padding:.5em 1em 1em}@media (max-width:950px){.instrument-chord-deepdive-frame{flex-direction:column-reverse}.instrumentation-tablature-frame{padding-bottom:0}.instrumentation-stringed-instrument-frame{margin-bottom:0}}.capo-position-choice,.capo-relativize-choice{font-size:.8em;line-height:1em;padding-left:4px;white-space:nowrap}.capo-position-choice input{border:none;border-radius:2px;width:2.2em}.instrument-type{line-height:1em;white-space:nowrap}.instrument-type input{border-radius:2px}.mono-spaced-text-column{border-bottom:1px dotted #fff;font-family:Courier New,Courier,monospace;text-align:center}.instr-selected-chord .mono-spaced-text-column{border-bottom:none}.string-instr-tab-name-and-column{cursor:pointer;min-width:3em;white-space:nowrap}.string-instr-tab-name-and-column:hover{background-color:var(--clickable-hover-bg-color)}.string-instr-tab-name-and-column:active{background-color:var(--clickable-active-bg-color)}.string-instr-tab-name-and-column.instr-selected-chord .string-instr-tab-column{border-left:1px dotted #fff;border-right:1px dotted #fff}.instr-selected-chord .instr-chord-summary{text-decoration:underline}.instr-chord-summary,.string-instr-tab-buttons{text-align:center}.string-instrument-neck{display:flex;flex-direction:column-reverse;font-size:1.1em;line-height:1em}.string-instrument-guide,.string-instrument-string{display:flex;flex-direction:row;height:1em}.string-instrument-guide-number{border:1px solid #0000;text-align:center;width:30px}.string-instrument-note{border:1px solid #fff;width:30px}.string-instrument-string .string-instrument-note:first-child{border-left:none;border-right:3px solid #fff}.string-instrument-note.note-unreachable-capo{background-color:#d3d3d3}.string-instrument-note.note-in-chord-silent{background-color:gray;cursor:pointer}.string-instrument-note.note-in-chord-audible{background-color:#7309f5;cursor:pointer}.string-instrument-note.note-in-chord-audible.note-chosen-for-tab{background-color:#007c00;font-weight:700}.strings-tuning-column{display:flex;flex-direction:column-reverse;width:fit-content}.strings-tuning-column select:nth-child(5),.strings-tuning-column select:nth-child(6){text-transform:lowercase}.instrumentation-pre-neck-spacer{height:1em;width:1em}.card-container{display:flex;flex-direction:column;justify-content:space-around}.tip-jar-inner-card{margin-left:2em}.venmo-png-box{border-radius:1.5em;width:fit-content}.venmo-call-to-action{text-align:center}.venmo-png-img-span img{border:5px solid #fff;border-radius:1.5em;height:300px}@media (max-width:420px){.tip-jar-inner-card{margin-left:0}.venmo-png-img-span img{height:200px}}.app-error-popup-list{background-color:#fff;margin:2em 1em;padding:2em 1em}.app-error-popup-text{color:red}.app-error-help-text{margin:0 1em;padding:0 1em}.help-demo-centered-flex-row{display:flex;justify-content:center;width:100%}.help-demo-centered-flex-row .music-note{padding-right:5px}.help-demo-chord{display:inline-block}.help-buttons-list{list-style:none}@media (max-width:420px){.hide-on-small{display:none}}.settings-menu-wrapper>section>h3{margin:0}.settings-several-options{padding-left:.5em}.settings-several-options>div:not(:first-child){border-top:1px dashed #fff}
/*# sourceMappingURL=main.bed4ace2.css.map*/