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}.application-header{border-bottom:1px solid var(--bland-mustard)}.vinni-section{display:flex;flex-direction:row;height:80px;justify-content:center;padding:8px}.brand-container.brand-container{align-items:center;background-color:var(--bland-mustard-transparent);display:flex;justify-content:center}.brand-container.brand-container .title-font{font-size:32px}.brand-container.brand-container a{border-bottom:5px solid #000;color:#000;display:block;margin-left:-1px;margin-top:-2px;padding:0 16px;text-decoration:none}.logo-container{width:70px}.logo-container img{max-width:100%}.vinni-counter-spacer{margin-right:32px;width:90px}.speech-container{display:flex;flex-direction:column;justify-content:center}.speech-bubble{background-color:var(--bland-mustard);border-radius:16px;color:#000;font-size:16px;margin:0;max-width:200px;padding:8px;position:relative}.speech-bubble:after{border-bottom:8px solid #0000;border-left:30px solid var(--bland-mustard);border-top:8px solid #0000;content:"";height:0;left:100%;position:absolute;top:50%;width:0}.vinni-container{justify-self:end;margin-left:32px;position:relative;width:90px}.vinni-background{height:100%;left:0;position:absolute;width:100%;z-index:-1}.vinni-head{left:2px;top:18px}.vinni-head,.vinni-jaw{height:66%;position:absolute;width:100%}.vinni-jaw{left:0;top:19px;transform:rotate(0deg);transition:transform .2s ease;z-index:-1}.vinni-jaw.talking{animation-duration:.5s;animation-iteration-count:infinite;animation-name:example}@keyframes example{0%{transform:rotate(0deg)}50%{transform:rotate(-4deg)}to{transform:rotate(0deg)}}.project-recipes{border-bottom:1px solid #fff;display:flex}.project-recipes li{margin-bottom:16px}.open-recipe-button{font-size:16px}.project-compounds ul{text-align:left}.project-compounds li{border-left:1px solid #ccc;margin:8px;padding-left:8px}.compound-forms-wrapper{border-top:1px solid #fff;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;padding-top:16px}.add-compound-form,.new-compound-form{display:flex;flex-direction:column;width:45%}.compound-forms-divider{border-right:1px solid #fff}.project-research-tools{padding:16px}.project-research-data,.project-research-tools{border-bottom:1px solid #fff;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:16px}.project-compounds,.project-reactions{display:flex;flex-direction:column;justify-content:space-between;width:45%}.project-compounds h4,.project-reactions h4{border-bottom:1px solid #fff;margin-bottom:0;padding-bottom:16px}.projects-reactions-list>li{border:1px solid #fff;margin-bottom:4px;padding:4px}.project-reaction-accordion button{width:100%}.reaction-accordion-content{display:flex;flex-direction:row;justify-content:space-around}.reaction-accordion-content ul{padding-bottom:12px}.new-reaction-input-output-selection{display:flex;flex-direction:row;justify-content:space-around;margin-bottom:16px}.new-reaction-form{border-top:1px solid #fff;padding-top:16px}.reaction-inputs-list,.reaction-outputs-list{text-align:left}.new-reaction-name-selection{display:flex;flex-direction:row;justify-content:space-around}.projects-page{margin:0 auto;max-width:1200px;padding:16px;position:relative}.projects-page h2{text-align:center}.projects-list-controls{background-color:var(--bland-mustard-transparent);padding:16px}.import-project-container{display:flex;flex-direction:column;margin-top:16px}.projects-list{margin-bottom:64px;text-align:center}.projects-list li{margin:16px}.projects-list .projects-list-project{font-size:24px}.projects-list-accordion h2{margin:0}.new-project-buttons{align-items:center;display:flex;flex-direction:column;justify-content:center}.projects-page-accordion{background:var(--relaxing-nectarine-transparent);box-sizing:border-box;margin-bottom:16px;padding:8px;width:100%}.projects-page-accordion h3{margin:0}.projects-page-accordion h3 button{background-color:#0000;border-bottom:4px solid #fff;border-radius:0;color:#fff;cursor:pointer;margin:0;width:100%}.project-header{align-items:center;display:flex;justify-content:space-between}.welcome-dialog-content{align-items:center;justify-content:space-around;text-align:center}.dialog-body,.welcome-dialog-content img{cursor:pointer;height:auto;max-height:95%;max-width:95%;position:relative;width:auto}:root{--dark-gray:#221f20;--medium-gray:#bfbfbf;--white:#fff;--cyberpunk-bubblegum:#cf4673;--bland-mustard:#d9c84b;--minty-teal:#6ac4b0;--peoples-purple:#491d88;--relaxing-nectarine:#e07c31;--exciting-dark-blue:#143b86;--bland-mustard-transparent:#d9c84b6e;--cyberpunk-bubblegum-transparent:#cf46736e;--minty-teal-transparent:#6ac4b06e;--peoples-purple-transparent:#491d886e;--relaxing-nectarine-transparent:#e07c316e;--exciting-dark-blue-transparent:#143b866e;color-scheme:dark}main{margin:0 auto}ul{list-style-type:none;padding:0}a,a:visited{color:#d9c84b;color:var(--bland-mustard)}button,input[type=file]{background-color:#d9c84b;background-color:var(--bland-mustard);color:#000}button{cursor:pointer;position:relative}button[aria-expanded=true]:after{content:"-"}button[aria-expanded=false]:after,button[aria-expanded=true]:after{font-size:36px;height:44px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}button[aria-expanded=false]:after{content:"+"}.dialog-overlay{background:#00000080;bottom:0;display:grid;left:0;overflow-y:auto;place-items:center;position:fixed;right:0;top:0}.dialog-content{background-color:#000;border:2px solid #fff;border-radius:8px;bottom:8px;display:flex;flex-direction:column;left:8px;padding:8px;position:fixed;right:8px;top:8px}.dialog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.dialog-header h2{margin:0}.dialog-header button{background-color:#0000;color:#fff;font-size:32px;line-height:8px;margin:0}.dialog-body{flex-grow:1;width:100%}.dialog-iframe{height:100%;width:100%}
/*# sourceMappingURL=main.da1f0ae4.css.map*/