body,html{height:100%}body{margin:0;padding:0;font-size:10pt;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#272727;background:linear-gradient(180deg,#000,#3f3f3f);overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App{height:100%}.App{align-items:center;justify-content:center;flex-direction:column;text-align:center;margin:auto}.App,.app_content-wrapper{display:flex}.app_header{position:absolute;top:0;left:0;width:100%}.app_header h1{color:#fff;font-family:Moon;font-size:4vh;font-weight:100;float:right;margin-right:2vw}@media only screen and (max-width:750px){.app_content-wrapper{display:none}.app_header h1{margin-right:4vw}}@font-face{font-family:Roboto;src:local("Roboto"),url(/volcacc/static/media/Roboto-Light.c6cdfded.ttf) format("ttf")}@font-face{font-family:Moon;src:local("Moon"),url(/volcacc/static/media/Moon-Light.9e268827.otf)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spacer{height:100px}.footer_wrapper{position:absolute;top:calc(100% - 75px);left:0;width:100%;display:flex;align-items:center;justify-content:flex-end}.footer_profile{padding-right:15px;display:flex;flex-direction:column;width:100%}.footer_social-media{display:flex;align-items:center;justify-content:flex-end}.footer_profile p{color:#fff;font-family:Moon;margin-right:none;text-align:right}.footer_profile img{width:35px;padding-left:10px}.standin_wrapper{display:none}.standin_h1-desktop{font-family:Moon;font-size:4vw;margin-bottom:7vh}.standin_h1-desktop,.standin_h1-mobile{font-weight:100;color:#fff;margin-left:12vw;margin-right:12vw}.standin_h1-mobile{font-size:5vw;margin-bottom:10vh}.standin_wrapper h2{font-weight:100;color:#fff}.standin_wrapper img{width:75%;margin-bottom:50px}.standin_error-icon{width:10vw;height:10vw;color:#fff}@media only screen and (max-width:750px){.standin_wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}}@media only screen and (max-width:1000px){.settings-panel_wrapper{display:none}}.settings-panel_wrapper{position:relative;display:flex;flex-direction:column;background:rgba(0,0,0,.55);width:12.5vw;height:37.2vw;margin-left:.5vw;font-size:.8vw}.settings-panel_group{display:flex;flex-direction:column;padding:15px}.settings-panel_group-header{margin:.2vw;padding-bottom:.3vw;text-align:left;font-family:DS-DIGI;font-size:1.7vw;color:#fff}.settings-panel_line{display:flex;flex-direction:row;justify-content:center}.settings-panel_line:last-child{width:100%}.settings-panel_button{margin:.2vw;padding:.3vw;font-size:inherit;background:rgba(0,0,0,.35);border:.5px solid hsla(0,0%,100%,.75);color:hsla(0,0%,100%,.89);cursor:pointer;transition:.2s}.settings-panel_button:hover{background:hsla(0,0%,100%,.75);color:#000;transition:.2s}.button-green{color:#5aff88}.button-red{color:#fb6666}.button-blue{color:#b980ff}.settings-dropdown_wrapper{display:flex;justify-content:space-between;align-items:center;position:relative;margin:.2vw;padding:.3vw;text-align:left;background:rgba(0,0,0,.35);border:.5px solid hsla(0,0%,100%,.75);color:hsla(0,0%,100%,.89);-webkit-user-select:none;user-select:none;cursor:pointer;transition:.2s ease-out ease-in}.settings-dropdown_drawer{position:absolute;top:100%;left:-.5px;width:100%;padding-top:.3vw;padding-bottom:.3vw;background-color:rgba(0,0,0,.9);border:.5px solid hsla(0,0%,100%,.89);display:flex;flex-direction:column;overflow:auto;transition:.2s;z-index:1000}.settings-dropdown_item{font-family:Roboto,sans-serif;padding:5px 5px 5px 10px;-webkit-user-select:none;user-select:none;cursor:pointer}.settings-dropdown_item:hover{background-color:hsla(0,0%,100%,.9);color:#000}.arrow-down{border-top:8px solid hsla(0,0%,100%,.5)}.arrow-down,.arrow-up{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.arrow-up{border-bottom:8px solid hsla(0,0%,100%,.5)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#f1f1f1}.settings-toggle_wrapper{justify-content:space-between;width:100%;position:relative;margin:.2vw;padding:.3vw 10px;text-align:left;color:hsla(0,0%,100%,.89);transition:.2s ease-out ease-in}.settings-toggle_toggle,.settings-toggle_wrapper{display:flex;align-items:center;background:rgba(0,0,0,.35);border:.5px solid hsla(0,0%,100%,.75)}.settings-toggle_toggle{justify-content:center;align-content:center;width:13px;height:13px;-webkit-user-select:none;user-select:none;cursor:pointer}.settings-modal_overlay,.settings-toggle_fill{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.settings-modal_overlay{position:fixed;z-index:1;left:0;top:0;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.8)}.settings-modal_content{width:30vw}.settings-modal_overlay p{margin-bottom:10px;text-align:left;color:#fff;font-size:3vw}.settings-modal_overlay input{width:100%;background-color:initial;color:#fff;border:none;border-bottom:1px solid #fff;font-size:3vw}.settings-modal_overlay input:focus{outline:none}.settings-modal_overlay button{padding:5px;width:100%;color:#fff;font-size:2vw;margin-top:10px;background:rgba(0,0,0,.5);cursor:pointer;border:.5px solid #fff;transition:.2s}.settings-modal_overlay button:hover{background:hsla(0,0%,100%,.5);color:#000}.settings-modal_overlay button:focus{outline:none}.settings-modal_button-tray{width:100%;display:flex;flex-direction:row}.knob_wrapper{position:absolute;border-radius:50%;background-color:initial}.knob_bg-image{max-width:100%;max-height:100%;border-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:perspective(1px) translateZ(0);-webkit-font-smoothing:subpixel-antialiased}.knob_highlighter{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgba(0,200,0,.2);pointer-events:none;opacity:0;transition:.4s}.button_wrapper{width:6.66%;height:5.55%;top:53.5%;transition:50ms}.button_tint-overlay,.button_wrapper{position:absolute;background-color:initial}.button_tint-overlay{border-radius:3px;left:0;top:0;width:100%;height:100%;background-blend-mode:multiply}.button_tint-overlay:active{background:rgba(255,0,0,.2);background-blend-mode:multiply}.button_wrapper:hover{transform:scale(.95)}.button_bg-image{max-width:100%;max-height:100%;border-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:perspective(1px) translateZ(0);-webkit-font-smoothing:subpixel-antialiased}.key_wrapper{position:absolute;width:4.4%;height:14.44%;top:69%;background-color:initial;transition:50ms}.key_wrapper:hover{transform:scale(.95)}.key_bg-image{max-width:100%;max-height:100%;border-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:perspective(1px) translateZ(0);-webkit-font-smoothing:subpixel-antialiased}.key_light-overlay{position:absolute;width:75%;left:5px;top:-3px;opacity:0;animation:flicker .1s infinite;visibility:hidden}.light-toggle_wrapper{position:absolute;width:3.333%;height:5.555%;top:87.5%;background-color:initial;transition:50ms}.light-toggle_bg-image{max-width:100%;max-height:100%;border-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:perspective(1px) translateZ(0);-webkit-font-smoothing:subpixel-antialiased}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(204,169,44,.4)}70%{box-shadow:0 0 0 10px rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes flicker{0%{opacity:0}to{opacity:1}}@font-face{font-family:DS-DIGI;src:url(/volcacc/static/media/DS-DIGI.63f874d1.TTF)}.led-display_wrapper{position:absolute;top:47.5%;left:4.4%;width:16.66%;height:13.33%;color:red;font-family:DS-DIGI;font-size:5vw;-webkit-user-select:none;user-select:none}.led-display_background{display:flex;align-items:center;justify-content:center;padding-left:3px;color:rgba(78,78,78,.2);-webkit-user-select:inherit;user-select:inherit}.led-display_background,.led-display_readout{position:absolute;top:0;left:0;width:100%;height:100%;text-align:right}.led-display_readout{color:red;padding-right:5px}.volca_wrapper{position:relative;left:0;right:0;width:62vw;height:37.2vw;transform:perspective(1px) translateZ(0);transform:scale(1);-webkit-user-select:none;user-select:none;-moz-window-dragging:none}.volca_bg-image,.volca_wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}.volca_bg-image{max-width:100%;max-height:100%;border-style:none;transform:perspective(1px) translateZ(0)}
/*# sourceMappingURL=main.70a21159.chunk.css.map */