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}.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)}.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;cursor:pointer}.nav-bar ol li button:before{content:"> "}.nav-bar #hamburger-menu-checkbox{display:none}.nav-bar .hamburger-menu-label{align-content:center;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:615px){.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 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:615px){.icon-button-wrapper button{height:3em}.icon-button-wrapper.mini-button button{height:1.9em;width:2.5em}}.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:center;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.loader-empty:active:not(:is(.loader-disabled)){background-color:var(--clickable-active-bg-color)}@media (max-width:615px){.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.audio-file-loaded .audio-control-bar-line-1{width:auto}.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:615px){.audio-control-bar audio{height:2.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{cursor:pointer}@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}.slider-3{display:flex;justify-content:space-between;white-space:nowrap}.slider-3.setting-overridden{text-decoration:underline}.slider-3 input[type=checkbox]{height:0;opacity:0;width:0}.slider-3 input[type=checkbox]+label{cursor:pointer;padding:0 1px}.slider-3-opt{margin:0;padding:0}.slider-3 input[type=checkbox]:not(:is(:checked))+label{color:grey}.slider-option1-label{color:#4caf50}.slider-option2-label{color:#f44336}.slider-option3-label{color:#2196f3}.slider-3 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;justify-content:space-between;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;text-align:center;white-space:nowrap;writing-mode:sideways-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;text-align:center;white-space:nowrap;writing-mode:sideways-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)}.music-chord-column{display:flex;flex-direction:column}.music-chord-header{cursor:pointer;font-weight:700}@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{font-size:.75em;height:1em}.history-notes-for-one-tick{height:8em}.history-chords-per-key-for-one-tick,.history-notes-for-one-tick{align-items:stretch;border-bottom:1px dashed #fff;display:flex;flex-direction:column;justify-content:flex-end}.history-chords-per-key-for-one-tick{height:4em}.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){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}.form-checkbox-label{border:1px dotted #add8e6}.form-checkbox-label:hover{border:1px dotted blue;cursor:pointer}.chord-edit-header{display:flex;padding-bottom:5px;padding-top:5px}.chord-edit-note-list{padding:5px}.chord-edit-buttons{display:flex;padding:5px}.chord-edit-name{margin-top:2px}.chord-edit-note{display:flex;justify-content:space-between}.chord-edit-note.silent-note{font-weight:300;text-decoration:line-through}.chord-edit-note-name{padding-right:1em}.chord-edit-note-interval{font-size:.9em}.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";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}@media (max-width:615px){.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";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";grid-template-columns:minmax(100%,100vw);grid-template-rows:min-content auto min-content auto}}.card-container{display:flex;flex-direction:column;justify-content:space-around}.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}.warning-text-line{font-size:.8em;font-style:italic}.warning-word{color:#ff0}.help-demo-chord{display:inline-block}.help-buttons-list{list-style:none}.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;cursor:pointer}@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}}.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.115c40b9.css.map*/