@font-face{font-family:Bravura Text;src:url(/static/media/BravuraText.ff7bb15a.woff2) format("woff2"),url(/static/media/BravuraText.bc38baaf.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Bravura;src:url(/static/media/Bravura.5dba6315.woff2) format("woff2"),url(/static/media/Bravura.d7c2d2ce.woff) format("woff");font-weight:700;font-display:swap}*,:after,:before,body,html{box-sizing:border-box}body,html{background-color:#000;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;outline:none;padding:0;margin:0;color:#dcdcdc}a,body,html{font-family:Trebuchet MS,sans-serif}a{color:#fff;-webkit-text-decoration:bold;text-decoration:bold}a:hover{text-decoration:underline}.userguide{font-family:Trebuchet MS,sans-serif;color:#dcdcdc;text-align:left}.musicfont{font-family:Bravura Text;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}sup{font-size:.7em}#piano{display:flex;justify-content:space-between;height:100%;top:39dvw;width:99vw;position:relative;z-index:1}#color-key{display:flex;width:15dvw;height:100dvw;top:5.8dvw;left:.5dvw;opacity:.8;position:absolute;z-index:4}.color-key-container{text-align:left;width:13dvw;height:20dvw;position:absolute;top:2dvw;left:0dvw;margin:.9dvw;padding:.1dvw}#color-key .white{width:1.91dvw;height:10dvw;border:.5px solid #787878;border-bottom-right-radius:.25dvw .25dvw;border-bottom-left-radius:.25dvw .25dvw}#color-key .black{width:1.2dvw;height:6.8dvw;border-bottom-right-radius:.25dvw .25dvw;border-bottom-left-radius:.25dvw .25dvw}.ck-active{animation:pulse .3s forwards;transform-origin:0dvw 0dvw;stroke:#000;stroke-width:.4;stroke-opacity:1;opacity:1}#color-key .ck-toggled{animation:pulse-key .4s forwards;transform-origin:1dvw 4dvw;border:0 inset #0a0a0a;border-bottom-right-radius:.25dvw .25dvw;border-bottom-left-radius:.25dvw .25dvw;border-top-right-radius:.15dvw .15dvw;border-top-left-radius:.15dvw .15dvw;opacity:1}#color-key .inactive-scale-note{border:.5px solid #787878;border-bottom-right-radius:.4dvw .4dvw;border-bottom-left-radius:.4dvw .4dvw}.boxed{position:absolute;top:-.2dvw;left:-.3dvw;width:1.7dvw;height:1.7dvw;border:1.3px solid #6e6e6e;border-radius:.4dvw}:root{--flash-duration:0.6s}.key{flex-grow:1;position:relative;height:100%;border:.5px solid #fff;border-bottom-right-radius:.2dvw .2dvw;border-bottom-left-radius:.2dvw .2dvw}.flash-overlay{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@keyframes flash-overlay{0%{background-color:#000;opacity:1}10%{background-color:#fff;opacity:1}to{opacity:0}}.flash-overlay.flash{animation:flash-overlay var(--flash-duration) ease-out forwards}@keyframes flash-emo{0%{color:#000}10%{color:#fff}to{color:var(--activeColor)}}.flash-emo{animation:flash-emo var(--flash-duration) ease-out forwards}@keyframes flash-pc-label{0%{fill:#fff}to{fill:#000}}.flash-pc-label{animation:flash-pc-label var(--flash-duration) ease-out forwards}.piano-bars{top:39.4dvw;width:97.7vw;padding-left:.6vw;z-index:1}.piano-bars,.piano-bars-key{display:flex;justify-content:space-between;position:absolute;height:8px}.piano-bars-key{top:8.76vw;width:101vw;padding-left:2.6vw;margin:0 -87.7vw;z-index:4}.bar,.pc-display-note{border:0 solid grey}.active-pc-display{border:1px solid #000;stroke:#000;stroke-width:2px}.white{width:1%;height:10vw;background:#484848;border:.5px solid #929292;position:relative}.black,.white{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.black{width:1.2%;height:7vw;background:linear-gradient(180deg,#000,#202020,#000,#000);border:1px solid #323232;position:absolute;z-index:2}.white .name-display{top:-1.8dvw;left:0dvw}.black .name-display{left:-.15dvw;top:-3.2dvw}.name-display{text-align:center;font-size:1.5dvw;color:#fff;margin-bottom:.1dvw}.key-display,.name-display{position:absolute;bottom:0;width:100%;font-family:Bravura Text;font-weight:100;text-shadow:.5px .5px .2dvw #000,1px -.5px .2dvw #000,-1px 0 #000}.key-display{top:3.3dvw;left:1.1vw;text-align:left;font-size:1.2dvw;margin-bottom:0dvw}.mode-select-container{position:absolute;top:3.1dvw;left:2.9dvw}#chord-container{text-align:left;width:20dvw;height:32dvw;position:absolute;top:2dvw;left:14.5dvw;max-width:20dvw}.chord-display{position:absolute;bottom:0;text-align:center;color:#bbb;margin:.3dvw;padding:1.3dvw;font-family:Bravura Text;word-spacing:.2dvw}.chord-percent{font-size:1.3dvw;font-family:Trebuchet MS,sans-serif;font-weight:300;vertical-align:middle;text-align:right}.chord-chart-controls{top:-2.7dvw;position:absolute;left:0dvw}.chord-chart{display:flex;flex-wrap:wrap;background-color:#000;border-radius:1.8dvw;color:#fff;padding:.3dvw .75dvw 1.5dvw;position:absolute;top:5.5dvw;right:2dvw;font-family:Bravura Text;font-weight:100;vertical-align:top;text-align:left;max-width:36dvw;min-width:36dvw;min-height:3dvw;max-height:200dvw;z-index:5;margin:0dvw 0dvw 1dvw 2.5dvw;border-spacing:2dvw;border-radius:1dvw;border:.15dvw solid #334}.chord{padding:0dvw .25dvw}.chord,.note{cursor:pointer;max-height:min-content}.note{font-family:Bravura Text;padding:0dvw 4.25dvw}.selected-chord{background-color:#3c3c3c;position:relative;border-radius:.8dvw;padding:0dvw .25dvw;max-height:-moz-fit-content;max-height:fit-content;display:inline-block}.chord-space{margin-right:.1dvw}.add-separator,.chart-nav,.copy-chart,.delete-disabled,.delete-entry,.history,.insert-blank-chord,.play-song{margin-left:0dvw;cursor:pointer;font-size:1dvw;font-weight:700;width:2.2dvw;height:2.2dvw;position:absolute;bottom:-.3dvw;padding:0dvw;background-color:#aaa;border-radius:.5dvw}.delete-entry{top:"3dvw";border:.3dvw double red}.delete-disabled,.delete-entry{position:absolute;width:2.2dvw;height:2.2dvw;left:13.5dvw}.delete-disabled{background-color:#606060;border:.28dvw double #030303;color:#000;pointer-events:none}.copy-chart{left:35.5dvw;width:2.2dvw;height:2.2dvw;border:.3dvw double #00f;font-size:1.3dvw;line-height:1dvw}.add-separator{left:11dvw}.add-separator,.insert-blank-chord{width:2.2dvw;height:2.2dvw;border:.3dvw double #00f;font-size:1.1dvw;line-height:1dvw}.insert-blank-chord{left:8.7dvw}.chart-nav{width:2.2dvw;height:2.2dvw;border:.3dvw double #000;font-size:1dvw}.chart-nav.backward{left:4.1dvw}.chart-nav.forward{left:6.3dvw}.play-song{left:-.2dvw;width:4.2dvw;height:2.2dvw;border:.3dvw double #000}.add-separator.add-separator:active,.chart-nav.chart-nav:active,.copy-chart.copy-chart:active,.delete-entry.delete-entry:active,.history.history:active,.insert-blank-chord.insert-blank-chord:active{width:2.2dvw}.play-song.play-song:active{width:4.2dvw}.history{width:2.2dvw;height:2.2dvw;border:.3dvw double #000;font-size:1.4dvw;line-height:1.5dvw}.history.undo{left:30.8vw}.history.redo{left:33dvw}.history.redo-disabled{left:33dvw;background-color:#606060;color:#000;border:.28dvw double #030303;width:2.2dvw;pointer-events:none}.song-and-composer-container{display:flex;justify-content:space-between;width:100%}.song-title,.song-title-input{flex-grow:9;white-space:nowrap;text-align:center;cursor:pointer;font-style:normal;font-family:Bravura Text;font-weight:700}.composer-input,.song-tempo-input,.song-title-input{background-color:#1e1e1e;color:#fff;cursor:text;font-size:1.3dvw}.composer,.composer-input{flex-grow:1;text-align:right}.composer,.composer-input,.song-tempo,.song-tempo-input{white-space:nowrap;cursor:pointer;font-style:normal;font-family:Bravura Text;font-weight:100}.song-tempo,.song-tempo-input{flex-grow:3;text-align:left;font-size:2.2dvw;width:.1dvw}.time-signature{padding:0dvw;text-align:center;-webkit-appearance:none;appearance:none;cursor:pointer;color:#fff;font-style:normal;font-family:Bravura Text;font-weight:700;border:0}.separator{cursor:pointer;top:0;border:0dvw}.selected-separator,.separator{padding:0dvw;text-align:center;-webkit-appearance:none;appearance:none;color:#fff;position:relative;font-family:Bravura Text;max-height:-moz-fit-content;max-height:fit-content}.selected-separator{background-color:#3c3c3c;top:0dvw;border:0dvw solid #acacac;border-radius:1.7dvw}.emo-display{position:absolute;top:2dvw;width:22dvw;left:37.5dvw;height:32dvw;bottom:0;text-align:left;font-family:Trebuchet MS,sans-serif;font-weight:100;text-shadow:.5px .5px .2dvw #fff,1px -.5px .2dvw #fff,-1px -1px 0rgb(255,255,255);color:#eaeaea}.emo-p-root{--activeColor:#fff,#ffffe1;color:var(--activeColor)}.emo-min-second{--activeColor:#be0000;color:var(--activeColor)}.emo-maj-second{--activeColor:#ffa000;color:var(--activeColor)}.emo-min-third{--activeColor:#3e3eff;color:var(--activeColor)}.emo-maj-third{--activeColor:#ff0;color:var(--activeColor)}.emo-p-fourth{--activeColor:#55d200;color:var(--activeColor)}.emo-tritone{--activeColor:#00ebeb;color:var(--activeColor)}.emo-p-fifth{--activeColor:#968c82;color:var(--activeColor)}.emo-min-sixth{--activeColor:#aa1eaa;color:var(--activeColor)}.emo-maj-sixth{--activeColor:#ff7300;color:var(--activeColor)}.emo-min-seventh{--activeColor:#00967d;color:var(--activeColor)}.emo-maj-seventh{--activeColor:#ff69af;color:var(--activeColor)}#keyboard-inputs{left:.5dvw;height:5dvw;top:22dvw;width:14dvw}#emo-inputs,#keyboard-inputs{text-align:left;display:flex;position:absolute;z-index:4}#emo-inputs{left:64dvw;top:54dvw;padding:.5dvw}#emo-selects{top:0dvw;left:-25dvw;position:absolute}table{top:0dvw;font-size:1.1dvw}td,th{padding:0;margin:0}th{color:#fff;font-weight:600;text-align:center}td{padding:0;margin:0}input{font-family:Trebuchet MS,sans-serif;font-style:italic;font-size:1.1dvw;font-weight:100;background-color:#aaa;color:#000;margin:0;height:1dvw;width:10dvw;padding:.1dvw}.inputs{text-align:left;width:35dvw;padding:.1dvw;margin:.05dvw 0;box-sizing:border-box}.chord-symbol{margin:0dvw;padding:0dvw;font-weight:100;color:#fff;font-family:Bravura Text}.chord-symbol-poly{margin:0dvw;padding:0dvw;font-weight:400;color:#aaa}.chord-symbols{margin:0;padding:0dvw;color:#505050;font-family:Bravura Text}.title-text{margin:0dvw;padding:0dvw;top:0;font-size:1.2dvw;font-family:Trebuchet MS,sans-serif;color:#dcdcdc;text-align:left;text-shadow:#fff 0 0 .1dvw}select{background-color:#000;color:#919191;top:0dvw;position:absolute;border-radius:.4dvw;padding:.3dvw}button{background-color:#797979;border-radius:1.7dvw;border:.28dvw double #414141;color:#000;text-align:center;font-size:.9dvw;padding:.5dvw;transition:all .2s;margin:0dvw;top:0dvw}button,button span{display:inline-block;cursor:pointer;position:relative}button span{transition:.2s}.button:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:-1;transform:scaleY(.1);transition:all .1s}button span:after{position:absolute;opacity:0;right:-20px;transition:0s}.button-disabled{border:.28dvw double #030303;width:12dvw;pointer-events:none}.button-disabled,button:active{background-color:#4b4b4b;color:#000}button:active{border:.32dvw double #030303;width:11.92dvw}button:active span{padding-left:0dvw}button:hover span:after{opacity:1;right:0}.p-root{--activeColor:linear-gradient(#fff,#ffffe1)}.min-second,.p-root{background-image:var(--activeColor)}.min-second{--activeColor:linear-gradient(180deg,#e10000,#e10000 40%,#e10000)}.maj-second{--activeColor:linear-gradient(#ffa000,#ffa000)}.maj-second,.min-third{background-image:var(--activeColor)}.min-third{--activeColor:linear-gradient(#3e3eff,#3e3eff)}.maj-third{--activeColor:linear-gradient(#ff0,#ff0)}.maj-third,.p-fourth{background-image:var(--activeColor)}.p-fourth{--activeColor:linear-gradient(250deg,#55d200,#55d200)}.tritone{--activeColor:linear-gradient(180deg,#00ebeb 3%,#00ebeb 37%,#00ebeb)}.p-fifth,.tritone{background-image:var(--activeColor)}.p-fifth{--activeColor:linear-gradient(#968c82,#968c82)}.min-sixth{--activeColor:linear-gradient(0deg,#aa1eaa,#aa1eaa 70%,#aa1eaa 90%)}.maj-sixth,.min-sixth{background-image:var(--activeColor)}.maj-sixth{--activeColor:linear-gradient(#ff7300,#ff7300)}.min-seventh{--activeColor:linear-gradient(#00967d,#00967d)}.maj-seventh,.min-seventh{background-image:var(--activeColor)}.maj-seventh{--activeColor:linear-gradient(#ff69af,#ff69af)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes pulse-slice{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes pulse-key{0%{transform:scale(1)}to{transform:scale(1.07)}}.path{transition:fill .3s ease;opacity:.8}.path.active{animation:pulse 1s infinite}svg{width:100%;height:37dvw}.maj-second,.maj-seventh,.maj-sixth,.maj-third,.min-second,.min-seventh,.min-sixth,.min-third,.p-fifth,.p-fourth,.p-root,.tritone{fill:#ccc}.active-slice{animation:pulse-slice .3s forwards;transform-origin:0dvw 0dvw;stroke:#000;stroke-width:.4;stroke-opacity:1;font-weight:700}.pie-container{width:37dvw;height:32dvw;padding-bottom:0dvw;position:absolute;top:3.3dvw;right:0dvw}#pie-center-container{display:flex;justify-content:space-between;position:fixed;top:18.3dvw;right:12dvw;width:18vw;height:4dvw;padding-left:0;font-family:Trebuchet MS;color:#fff;z-index:5}#pie-center-container,.pie-chord-symbol{font-weight:100;text-align:center;text-anchor:middle}.pie-chord-symbol{font-family:Bravura Text;margin:0dvw;padding:0dvw;color:#000}.pie-chart{width:37.5dvw;height:32.5dvw;padding-bottom:0dvh;position:absolute;top:3dvw;right:1.7dvw;background-image:linear-gradient(180deg,#fff 0,#fffed6 15%,#f3c59d 45.5%,#6b758e 48.5%,#27315b 69%,#000);border-radius:1dvw;border:.05dvw solid #fff;border-spacing:"2dvw";box-shadow:0 0 .5dvw .1dvw #aaa}.slider-parent{display:flex;align-items:center;justify-content:left;color:#fff;height:3dvw;left:3dvw}input[type=range]{transform:rotate(-90deg);cursor:pointer;outline:none;width:9dvw;top:0dvw;overflow:hidden}.buble{height:3dvw;position:absolute;font-size:1.4dvw}.App,body,html{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
/*# sourceMappingURL=main.d3115025.chunk.css.map */