.toolbar{align-content:center;box-shadow:0 2px 5px 0 rgba(50,50,105,.45),0 1px 1px 0 rgba(0,0,0,.05);display:flex;flex-direction:row;height:49px;justify-content:flex-start;margin:0;overflow:visible;padding:0;width:257px;z-index:20}.toolbar-button-container{background-color:#ddd;border:2px solid #fff;flex-shrink:0;height:45px;overflow:hidden;position:relative;transition:background-color .1s ease,height .1s ease,border-radius .05s linear .15s;width:49px;z-index:19}.toolbar-button-container:hover{background-color:#bbb}.toolbar-button-container button{top:-2px}.toolbar-button-container-dropdown{background-color:#fff;height:155px;transition:height .1s ease,border-radius .05s linear;width:49px}.toolbar-button-container-dropdown:hover{background-color:#fff}.toolbar-button{background-color:transparent;border:none;cursor:pointer;display:block;height:49px;margin:0;padding:9px 10px;position:relative;transition:all .1s ease;width:100%}.toolbar-button img{display:block;height:95%;margin:0 auto;padding:0;width:auto}.toolbar-button-active{background-color:#fff}.toolbar-button-active:hover{background-color:#eee}.toolbar-dropdown{height:149px;position:relative;top:-2px;width:49px}.toolbar-dropdown-slider{height:70px;left:23px;position:relative;top:18px;width:30px}.button{background-color:#ddd;border:2px solid #000;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:11px;font-weight:500;height:auto;margin:0;padding:6px 10px;transition:all .1s ease;width:auto}.button:hover{background-color:#bbb}.header-button{background-color:#ddd;border:2px solid #fff;box-shadow:0 2px 5px 0 rgba(50,50,105,.45),0 1px 1px 0 rgba(0,0,0,.05);color:#000;cursor:pointer;display:block;height:49px;margin:0;padding:0;transition:all .1s ease;width:49px}.header-button:hover{background-color:#e7e7e7}.header-button img{display:block;height:67%;margin:0 auto;padding:0;width:auto}.header-button-active{background-color:#000;color:#fff}.header-button-active:hover{background-color:#222;border:2px solid #222}.settings-card-container{background-color:#ddd;border:2px solid #fff;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3);color:#000;margin-bottom:20px;min-width:160px;position:relative;top:-3px;transition:background-color .1s ease;width:100%}.settings-card-container.inactive{background-color:#aaa;box-shadow:0 2px 5px 0 rgba(50,50,105,.45),0 1px 1px 0 rgba(0,0,0,.05)}.settings-card-container.inactive:hover{background-color:#bbb}.settings-card-subcontainer{margin:16px;padding-bottom:1px}.settings-card-title{font-size:16px;font-weight:500;padding-bottom:5px;width:100%}.settings-card-title button{background-color:transparent;border:none;color:#000;cursor:pointer;padding:5px 0 4px;text-align:left;transition:all .1s ease;width:100%}.settings-card-title img{margin-bottom:-3px;width:18px}.settings-card-title hr{background-color:#000;border:none;height:2px;margin-top:0}.settings-card-icon{margin-right:8px}.settings-card-expander{margin-right:4px;transition:transform .1s ease}.settings-card-expander-inactive{transform:rotate(-90deg)}.settings-card-children{height:auto;overflow:visible;width:100%}.settings-card-children-hidden{height:0;overflow:hidden}.selector{border:2px solid #000;display:inline-block;height:auto;overflow:hidden;padding:0}.selector-button{background-color:#ddd;border:none;color:#000;cursor:pointer;flex-grow:1;flex-shrink:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:11px;font-weight:500;height:auto;margin:0;padding:6px 10px;transition:all .1s ease;width:auto}.selector-button:hover{background-color:#bbb}.selector-button-active{background-color:#000;color:#fff}.selector-button-active:hover{background-color:#444}.solute-selector-container{align-items:center;background-color:transparent;border:2px solid #bbb;border-radius:100%;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;height:30px;justify-content:center;margin:0 3px;overflow:visible;transition:all .1s ease;width:30px}.solute-selector-container-active,.solute-selector-container:hover{border-color:#000}.solute-selector{border-radius:100%;flex-grow:0;flex-shrink:0;height:26px;width:26px}.tool-overlay{border:1px solid #000;margin:0;padding:0;position:relative;z-index:12}#app{flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;justify-content:center;margin-left:auto;margin-right:auto;max-width:1200px;min-width:630px;padding:2.3vh 4vw;width:92%}#app,#header{align-items:center;display:flex}#header{flex-direction:row;height:50px;justify-content:space-between;margin-bottom:2.5vh;width:100%}#header-tools-container{display:flex;justify-content:space-between;max-width:600px;min-width:510px;width:75%}#header-buttons-container{display:flex;flex-shrink:1;justify-content:space-between;margin-left:2.5%;max-width:130px;width:17%}.logo-container{color:#fff;cursor:pointer;font-weight:500;height:49px;justify-content:flex-start;left:-5px;margin-right:4px;position:relative}.logo-container a,.logo-container a:active{color:#fff}.logo-container p{font-size:20px;margin-left:6px;top:-11px}.logo,.logo-container p{display:inline-block;position:relative}.logo{height:56px;top:-4px;width:auto}#main-row{flex-direction:row}#main-column,#main-row{align-items:flex-start;display:flex;justify-content:space-between;width:100%}#main-column{flex-direction:column}#webgl-container-portrait{height:calc(93vmin - 70px);max-height:820px;max-width:820px;padding-bottom:0;width:calc(66vw - 65px)}#webgl-container-landscape,#webgl-container-portrait{background-color:#ddd;border:2px solid #fff;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3);flex-shrink:0;overflow:hidden;z-index:10}#webgl-container-landscape{height:calc(76vh - 350px);width:100%}#settings-container-column{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:1;height:100%;justify-content:flex-start;margin-left:2%;margin-top:3px;max-width:340px;width:100%}#settings-container-row{align-items:flex-start;display:flex;flex-direction:row;height:380px;justify-content:space-between;margin-top:1.9vh;width:100%}.settings-spacer{height:100%;width:5%}.settings-subcontainer{margin-bottom:15px;width:100%}.settings-subtitle{font-size:13px;font-weight:500;padding-bottom:10px}.slider-horizontal-container{margin:12px 0 0;width:100%}.slider-horizontal-unlabeled-container{width:100%}.header-selectors{background-color:#ddd;border:2px solid #fff;box-shadow:0 2px 5px 0 rgba(50,50,105,.45),0 1px 1px 0 rgba(0,0,0,.05);height:45px;margin-left:3%;padding:0 10px}.solute-selectors-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.solute-selectors-container p{font-size:12px;font-weight:500;margin:0 10px}.reaction-symbol{font-size:15px;font-weight:500;margin:0 3px}.solute-color-settings-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:-10px;width:100%}.solute-color-sliders-container{align-items:baseline;display:flex;flex-direction:column;justify-content:center;margin-bottom:6px;width:65%}.solute-color-slider{align-items:flex-end;display:flex;flex-direction:row;font-size:10px;font-weight:500;width:100%}.solute-color-slider .slider-horizontal-unlabeled-container{margin-bottom:-12px;margin-left:20px;margin-top:8px}.solute-color-preview{border-radius:100%;height:68px;left:2px;position:relative;top:2px;width:68px}.solute-color-preview-border{border:2px solid #000;border-radius:100%;flex-shrink:0;height:72px;margin-bottom:-15px;margin-left:25px;width:72px}.reset-buttons-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.reset-button{display:inline-block;margin-right:9px}#about-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease;width:100vw;z-index:30}#about-overlay-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:absolute;width:100%}#about-overlay-popup{align-items:center;background-color:#ddd;border:2px solid #fff;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3);color:#000;display:flex;flex-direction:column;font-size:15px;font-weight:500;height:50vh;justify-content:space-evenly;margin-left:auto;margin-right:auto;max-height:550px;max-width:510px;min-height:470px;min-width:450px;padding:40px 50px;transition:transform .5s ease;width:30vw;z-index:40}#about-overlay-popup p{margin:0}#about-overlay-logo{margin-bottom:44px}.about-overlay-supporters{align-items:center;display:flex;flex-direction:row;justify-content:center}.about-overlay-center{margin-top:2px;text-align:center}#about-overlay-synbim-logo{margin:5px 20px 20px 0;width:200px}#about-overlay-epsrc-logo{margin:10px 0 20px 30px;width:190px}#about-overlay-uoe-logo{margin:10px 0 20px 10px;width:230px}#about-overlay-biofm-logo{margin:10px 0 20px 50px;width:140px}#about-overlay-ra-logo{margin:22px 0 0 5px;width:80px}#about-overlay-source{align-items:center;background-color:#999;border:2px solid #fff;box-shadow:0 2px 5px 0 rgba(50,50,105,.45),0 1px 1px 0 rgba(0,0,0,.05);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:110px;justify-content:center;margin:0 0 0 80px;overflow:hidden;position:relative;transition:box-shadow .5s ease;width:200px}#about-overlay-source:hover{box-shadow:0 0 50px rgba(0,0,0,.5)}#about-overlay-source p{color:#ddd;margin-top:15px}#about-overlay-github-logo{display:inline-block;width:145px}#about-overlay-source-shine{background-color:hsla(0,0%,100%,.3);box-shadow:0 0 50px hsla(0,0%,100%,.2);height:200px;left:0;position:absolute;top:0;transform:skewX(30deg) translate(-150px);transition:transform .5s linear;width:60px}#about-overlay-source:hover #about-overlay-source-shine{transform:skewX(30deg) translate(450px,-50px)}#app-not-supported{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;height:100vh;text-align:center;width:100vw}#app-not-supported,#app-not-supported-container{align-items:center;display:flex;flex-direction:column;justify-content:center}#app-not-supported-container{background-color:#ddd;border:2px solid #fff;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3);height:90%;max-height:200px;max-width:400px;width:90%}#app-not-supported h1{font-size:25px;font-weight:500}#app-not-supported p{font-size:13px;font-weight:400}.gradient-background{animation:gradient-animation 50s ease infinite;-webkit-animation:gradient-animation 50s ease infinite;-moz-animation:gradient-animation 50s ease infinite;background:radial-gradient(#ffc800 0,#6400ff 37.5%,#64ffc8 75%);background-size:800% 800%}@keyframes gradient-animation{0%{background-position:20% 20%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes gradient-animation{0%{background-position:20% 20%}50%{background-position:100% 50%}to{background-position:0 50%}}@-moz-keyframes gradient-animation{0%{background-position:20% 20%}50%{background-position:100% 50%}to{background-position:0 50%}}.noselect{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}button:focus{outline:none}body{background-color:#b6b6b6;height:100vh;width:100vw}
/*# sourceMappingURL=index.1c9fa647.css.map */