.App,body{background-color:#282c34}.App{text-align:center}.App-logo{height:20vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:app-logo-spin 20s linear infinite;animation:app-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);font-stretch:expanded;font-weight:700;justify-content:center;min-height:10vh;text-shadow:0 .3ch gray}.App-footer{color:#fff;height:23vh;text-align:center}.App-link{color:#61dafb}@-webkit-keyframes app-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes app-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.settings-container{grid-gap:4px;align-items:stretch;background-color:#282c34;color:#fff;display:grid;font-size:calc(4px + 2vmin);gap:4px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));min-height:70vh;min-width:95vw}.settings-container>header{border-bottom:1px dashed #add8e6;margin:0 20%;padding:0 1vw .2rem 1rem}.audiostate-info{background-color:#002736;border:2px solid #006e9963;border-radius:1vh;color:#fff;display:inline-block;margin:1vh;padding:1vh;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.audiostate-running{color:green}.audiostate-suspended{color:red}.container-osc{background-color:#006e9963;border:2px solid #006e9963;border-radius:2vh;font-size:calc(4px + 2vmin);padding:1vh}header{font-weight:700}.container-settings-gain{background-color:#006e9963;border:2px solid #006e9963;border-radius:2vh;font-size:calc(4px + 2vmin);padding:1vh}.slider-generic{width:90%}.input-osctype{margin:1vh}label{display:inline-block;margin:1vh 0;width:100%}.label,label{position:relative}.label{cursor:pointer;display:inline;margin-bottom:1em;min-height:1.5rem}.label::content{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-variant-caps:small-caps}label:hover{background-color:#0031448e;border-radius:5px}.label-for-radio{margin:0;padding:1px}.radio{-webkit-appearance:none;appearance:none;border:2px solid #fff;border-radius:30%;cursor:pointer;display:inline-block;height:1.5rem;position:absolute;width:1.5rem}input[type=radio]:checked{background-color:rgba(0,216,216,.8);box-shadow:0 0 1vh aqua}.radio-filtertype,.radio-osctype{background-color:#000;display:inline-block;margin-bottom:0;position:inherit}.container-radio{background-color:rgba(0,48,69,.5);border-radius:1vh;margin:1vh 0;padding:1vh 0}.container-filter{background-color:#323452;border:2px solid #00648b78;border-radius:2vh;font-size:calc(4px + 2vmin);padding:2vh}.container-envelope-settings{background-color:#006e9963;border:2px solid #006e9963;border-radius:2vh;font-size:calc(4px + 2vmin);margin:1vh .5vw 0 0;padding:1vh}#container-piano-keyboard{--bg-black:#000;--width-key-white:8.33333%;--width-border-main:4px;background-color:#006e99;border:4px solid #00648b;border-radius:10px 10px 0 0;bottom:0;box-shadow:inset 0 0 1vh 1vh #1c94c4;display:grid;font-size:.7em;grid-template-columns:2fr 1fr 2fr 1fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr;height:15vh;margin:0;overflow-x:auto;overflow-y:hidden;padding:0;position:fixed;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:calc(100% - var(--width-border-main)*2)}.key-white{background-color:#fff;border:1px solid #000650;border-radius:0 0 1vh 1vh;box-shadow:inset 0 5px 1px 0 #00000070;min-height:10vh;min-width:2vw;text-align:center;z-index:1}.key-black{background-color:var(--bg-black);border-radius:0 0 .8vh .8vh;box-shadow:inset 0 5px 1px -1px #ffffff2c,inset 4px -5px 1px -1px #ffffff2c,inset -4px -5px 1px -1px #ffffff2c;color:#fff;height:10vh;margin:0 -1.5vh;min-height:5vh;min-width:2vw;z-index:2}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.eb230aec.css.map*/