{"version":3,"sources":["/workspaces/neuler/src/index.css","main.624d053e.chunk.css","/workspaces/neuler/src/App.css"],"names":[],"mappings":"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","file":"main.624d053e.chunk.css","sourcesContent":["body {\n  margin: 0;\n  padding: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n    \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background: #1b1c1d;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\n    monospace;\n}\n\n.dndPanel {\n  display: flex;\n}\n\npre {\n  position: relative;\n}\n\nbutton.code, table.ui button.code {\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  cursor: pointer;\n  border: 1px solid transparent;\n  padding: 5px;\n  border-radius: 0.4rem;\n  color: #000;\n  background-color: #d4d4d5;\n  height: 30px;\n  transition: all .25s ease-out;\n  outline: none;\n}\n\n.feedback-icon:hover {\n  cursor: pointer;\n}\n\ntextarea#feedback-form { resize: none; }\n","body {\n  margin: 0;\n  padding: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n    \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background: #1b1c1d;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\n    monospace;\n}\n\n.dndPanel {\n  display: flex;\n}\n\npre {\n  position: relative;\n}\n\nbutton.code, table.ui button.code {\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  cursor: pointer;\n  border: 1px solid transparent;\n  padding: 5px;\n  border-radius: 0.4rem;\n  color: #000;\n  background-color: #d4d4d5;\n  height: 30px;\n  transition: all .25s ease-out;\n  outline: none;\n}\n\n.feedback-icon:hover {\n  cursor: pointer;\n}\n\ntextarea#feedback-form { resize: none; }\n\n.App {\n  text-align: center;\n}\n\n.App-logo {\n  -webkit-animation: App-logo-spin infinite 20s linear;\n          animation: App-logo-spin infinite 20s linear;\n  height: 40vmin;\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #61dafb;\n}\n\n@-webkit-keyframes App-logo-spin {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@keyframes App-logo-spin {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\ndiv.ui.loading-message {\n  font-size: 1.4rem;\n}\n\nh1.loading {\n  font-size: 3rem;\n}\n\ndiv.loading {\n  font-size: 1.5rem;\n  display: flex;\n  justify-content: center;\n  padding: 10px 0px;\n}\n\ndiv.loading p {\n  max-width: 250px;\n  text-align: left;\n  line-height: 42px;\n}\n\ndiv.loading-wrapper {\n  text-align: center;\n  padding-top: 10px;\n  display: flex;\n  justify-content: center;\n}\n\ndiv.loading-container {\n  padding: 20px;\n  max-width: 1000px;\n  margin: auto;\n}\n\n@media screen and (max-width: 1100px) {\n  div.loading-wrapper {\n    flex-flow: wrap;\n  }\n\n  div.loading {\n    flex: 1 1 100%;\n  }\n}\n\ni.loading-icon, div.large.loader.loading-icon {\n  width: 75px;\n}\n\ni.loading-icon.icon { font-size: 2.3em;}\n\nspan.label, span.label-results {\n  color: #000000;\n  display: inline-block;\n  padding: .2rem .8rem;\n  border-radius: 0.25rem;\n  font-weight: 600;\n  font-size: 0.8rem;\n  margin: .2rem;\n}\n\nspan.label.right {\n  margin: .2rem .2rem .2rem 0;\n  border-radius: 0 .25rem 0.25rem 0;\n}\n\nspan.label.left {\n  margin: .2rem 0 .2rem .2rem;\n  border-radius: .25rem 0 0 .25rem;\n}\n\ndiv.field div.ui.label {\n  width: 100px;\n}\n\ndiv.update-node-row {\n  padding: 5px 0 5px 0;\n}\n\ndiv.update-node-row p {\n  width: 80px;\n}\n\n.ui.checkbox label {\n  white-space: nowrap;\n  width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.feedback-form.checkbox label  {\n  white-space: pre-line;\n}\n\n/*nav a {*/\n/*  padding: 10px 10px 10px 10px;*/\n/*  color: #efefef;*/\n/*}*/\n\n/*nav a:first-child {*/\n/*  padding: 10px 15px 10px 0;*/\n/*  color: #fff;*/\n/*}*/\n\n/*nav a:first-child:hover, nav a:last-child:hover {*/\n/*  color: #4183c4;*/\n/*}*/\n\n/*nav a:last-child {*/\n/*  padding: 10px 0 10px 10px;*/\n/*}*/\n\n/*nav a.header-right-separator {*/\n/* border-right: 1px solid #fff;*/\n/*}*/\n\ndiv.results-bar a {\n  font-size: 1.1rem;\n}\n\ndiv.results-bar {\n  font-size: 1.1rem;\n}\n\n\n.ui.menu.results-bar {\n  margin-bottom: 1.5rem;\n  font-size: 1.1rem;\n}\n\n.ui.vertical.menu.resultsMenu {\n  width: 9rem;\n}\n\nheader {\n  align-items: center;\n}\n\n/* Style the links inside the navigation bar */\nheader a {\n  color: #fff;\n  /*padding: 0.71rem 1.3rem 0.71rem 1.3rem;*/\n  padding: 11px 11px 8.5px 11px;\n  text-decoration: none;\n  border-bottom: 0.17rem solid transparent;\n}\n\nheader a.selected {\n  background: hsl(227, 50%, 59%);\n  color: #fff;\n}\n\nheader a:hover {\n  background: hsl(227, 50%, 59%);\n  color: #fff;\n}\n\nheader a.active {\n  background: hsl(227, 50%, 59%);\n  color: #fff;\n}\n\n.ui.card, .ui.cards.small-cards>.card {\n  width: 131px;\n  font-size: 0.8rem;\n  text-align: center;\n}\n\ndiv.small-cards .ui.card.selected {\n  background: #e5f9e7;\n}\n\ndiv.small-cards a.ui.card:hover {\n  -webkit-transform: translateY(0px);\n  transform: translateY(0px);\n}\n\ndiv.algorithm-groups div.algorithm-group {\n  padding: 0 0 0.1rem 0;\n}\n\ndiv.algorithm-group span {\n  color: hsl(211, 13%, 65%);\n}\n\ndiv.algorithm-group-container {\n  padding: 0 0 .7rem 0;\n}\n\np.connected {\n  text-transform: uppercase;\n}\n\ndiv.about-menu div.connection label, div.about-menu table.versions th  {\n  color: hsl(211, 13%, 65%);\n}\n\ndiv.about-menu div.connection span, div.about-menu table.versions tr {\n  color: hsl(211, 10%, 53%);\n}\n\ndiv.about-menu table.versions{\n  font-size: .92857143em;\n}\n\ndiv.about-menu div.connection-list-item div.configure-database {\n  padding: 0.4em 0 .25em .5em;\n}\n\ntable.versions {\n  padding: 0 5px 0 5px\n}\n\ndiv.ui.divider {\n  margin: 0.7rem 0;\n}\n\ndiv.connection label {\n  width: 7em;\n  display: inline-block;\n  font-size: .92857143em;\n  font-weight: 700;\n}\n\ndiv.connection-item.update {\n  /*height: 2rem;*/\n}\n\ndiv.recipe {\n  display: flex;\n  height: 835px;\n}\n\ndiv.recipe div.left {\n  width: 20rem;\n  min-width: 20rem;\n  background: hsl(214, 15%, 91%);\n  border-radius: 0.3rem 0 0 0;\n  padding: 0.5rem;\n}\n\ndiv.recipe div.left-right {\n  background: hsl(216, 33%, 97%);\n  border-radius: 0.3rem 0.3rem 0 0;\n  width: 100%;\n  padding: 20px;\n  text-align: center;\n}\n\ndiv.recipe div.left-right div.title {\n  margin-bottom: 10px;\n}\n\ndiv.recipe div.left-right span.title {\n  font-size: 1.5rem;\n}\n\ndiv.recipe div.left-right div.algorithms {\n  display: flex;\n  justify-content: center;\n  margin: 20px;\n}\n\ndiv.recipe-body {\n  padding: 10px\n}\n\ndiv.recipe div.right {\n  flex-grow: 1;\n  padding: 0.5rem;\n  background: hsl(216, 33%, 97%);\n  border-radius: 0 0.3rem 0 0;\n  overflow: auto;\n}\n\ndiv.recipe-navigation {\n  padding: 10px;\n  background: hsl(211, 12%, 43%);\n  border-radius: 0 0 0.3rem 0.3rem;\n  color: hsl(216, 33%, 97%);\n  text-align: center;\n}\n\ndiv.recipe-navigation i {\n  margin: 10px;\n  cursor: pointer;\n}\n\ndiv.recipe-navigation i.disabled {\n  margin: 10px;\n  cursor: auto;\n}\n\ndiv.recipe-navigation span {\n  vertical-align: middle;\n}\n\ndiv.top-level-container {\n  padding: 0 10px;\n}\n\ndiv.algorithm-item {\n  position: relative;\n  padding: 10px;\n  background: hsl(216, 33%, 97%);\n  border-radius: 5px;\n  margin: 20px 10px 20px 10px;\n}\n\ndiv.algorithm-item a {\n  color: hsl(234, 62%, 26%);\n  font-weight: 700;\n  font-size: 1.3rem;\n}\n\ndiv.algorithm-item button.close {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  display: none;\n  background: hsl(356, 75%, 53%);\n  color: #fff;\n}\n\ndiv.algorithm-item .ui.icon.button {\n  padding: 0.5rem;\n}\n\ndiv.algorithm-item button.close:hover {\n  background: hsl(352, 90%, 35%);\n  color: #fff;\n}\n\ndiv.algorithm-detail label {\n  width: 12em;\n  display: inline-block;\n  font-size: .92857143em;\n  color: hsl(211, 12%, 43%);\n  font-weight: 400;\n}\n\ndiv.algorithm-detail div, div.configure-database {\n  font-size: .92857143em;\n  color: hsl(211, 12%, 43%);\n  font-weight: 500;\n}\n\ndiv.algorithm-item p.start-time {\n  font-weight: 300;\n  color: hsl(211, 10%, 53%);\n  font-style: italic;\n}\n\ndiv.algorithm-item:hover {\n  background: hsl(214, 15%, 91%);\n}\n\ndiv.algorithm-item:hover > button.close {\n  display: block;\n}\n\n.ui.back-to-algorithms.button {\n  background: hsl(227, 50%, 59%);\n  color: #fff;\n}\n\n.ui.new-algorithm.button {\n  background: hsl(123, 57%, 45%);\n  color: #fff;\n}\n\n.ui.try-recipe.button {\n  background: hsl(228, 45%, 45%);\n  color: #fff;\n}\n\ndiv.page-heading {\n  text-transform: uppercase;\n  margin: 10px;\n  padding: 10px;\n  /*border: 1px solid black;*/\n  background: hsl(216, 33%, 97%);\n  color: hsl(211, 13%, 65%);\n  font-weight: 600;\n  border-radius: 5px;\n  font-size: 0.9rem;\n}\n\n.ui.label {\n  background-color: hsl(214, 15%, 91%);\n}\n\n.ui.segment {\n  border: 1px solid hsl(214, 15%, 91%);\n}\n\nnav.top-nav {\n  background: hsl(221, 78%, 86%);\n  padding: 5px;\n  display: flex;\n}\n\nspan.recipe-heading {\n  text-transform: uppercase;\n  color: hsl(211, 10%, 53%);\n  margin-bottom: 10px;\n  display: block;\n  font-weight: 500;\n}\n\ndiv.recipe div.left p {\n  color: hsl(209, 14%, 37%);\n}\n\na.about-menu img.ui.image {\n  width: 25px;\n}\n\na.about-menu div.content a {\n  padding: 3px;\n}\n\na.about-menu {\n  margin: 0 0 0 0.3rem;\n}\n\np.intro {\n  font-size: 1.2rem;\n}\n\n.ui.segment.getting-started {\n  border: 1px solid hsl(306, 88%, 37%);\n}\n\n.ui.segment.getting-started .ui.label {\n  background-color: hsl(306, 88%, 37%);\n  color: hsl(294, 100%, 96%);\n}\n\ndiv.startup-selectDatabase {\n  margin: 1em 0;\n}\n\n.menu-item {\n  padding: 0 40px;\n  margin: 5px 10px;\n  -webkit-user-select: none;\n          user-select: none;\n  cursor: pointer;\n  border: none;\n}\n\n\n.scroll-menu-arrow {\n  cursor: pointer;\n}\n\n.scroll-menu-arrow > div.arrow-prev {\n  padding: 0 10px 0 0;\n  color: rgba(0,0,0,.68);\n}\n\n.scroll-menu-arrow > div.arrow-next {\n  padding: 0 0 0 10px;\n  color: rgba(0,0,0,.68);\n\n}\n\ndiv.select-algorithm {\n  border: hsl(211, 13%, 65%) 1px solid;\n  padding: 7px;\n  margin: 3px;\n  font-size: 0.9rem;\n  color: rgba(0,0,0,.68);\n  border-radius: 0.25rem;\n}\n\ndiv.select-algorithm:hover {\n  cursor: pointer;\n}\n\ndiv.select-algorithm:hover, div.select-algorithm:active {\n  -webkit-transform: translateY(0px);\n  transform: translateY(0px);\n}\n\ndiv.select-algorithm.selected {\n  background: #e5f9e7;\n}\n\n*:focus {\n  outline: 0;\n}\n\n\n",".App {\n  text-align: center;\n}\n\n.App-logo {\n  animation: App-logo-spin infinite 20s linear;\n  height: 40vmin;\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\ndiv.ui.loading-message {\n  font-size: 1.4rem;\n}\n\nh1.loading {\n  font-size: 3rem;\n}\n\ndiv.loading {\n  font-size: 1.5rem;\n  display: flex;\n  justify-content: center;\n  padding: 10px 0px;\n}\n\ndiv.loading p {\n  max-width: 250px;\n  text-align: left;\n  line-height: 42px;\n}\n\ndiv.loading-wrapper {\n  text-align: center;\n  padding-top: 10px;\n  display: flex;\n  justify-content: center;\n}\n\ndiv.loading-container {\n  padding: 20px;\n  max-width: 1000px;\n  margin: auto;\n}\n\n@media screen and (max-width: 1100px) {\n  div.loading-wrapper {\n    flex-flow: wrap;\n  }\n\n  div.loading {\n    flex: 1 100%;\n  }\n}\n\ni.loading-icon, div.large.loader.loading-icon {\n  width: 75px;\n}\n\ni.loading-icon.icon { font-size: 2.3em;}\n\nspan.label, span.label-results {\n  color: #000000;\n  display: inline-block;\n  padding: .2rem .8rem;\n  border-radius: 0.25rem;\n  font-weight: 600;\n  font-size: 0.8rem;\n  margin: .2rem;\n}\n\nspan.label.right {\n  margin: .2rem .2rem .2rem 0;\n  border-radius: 0 .25rem 0.25rem 0;\n}\n\nspan.label.left {\n  margin: .2rem 0 .2rem .2rem;\n  border-radius: .25rem 0 0 .25rem;\n}\n\ndiv.field div.ui.label {\n  width: 100px;\n}\n\ndiv.update-node-row {\n  padding: 5px 0 5px 0;\n}\n\ndiv.update-node-row p {\n  width: 80px;\n}\n\n.ui.checkbox label {\n  white-space: nowrap;\n  width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.feedback-form.checkbox label  {\n  white-space: pre-line;\n}\n\n/*nav a {*/\n/*  padding: 10px 10px 10px 10px;*/\n/*  color: #efefef;*/\n/*}*/\n\n/*nav a:first-child {*/\n/*  padding: 10px 15px 10px 0;*/\n/*  color: #fff;*/\n/*}*/\n\n/*nav a:first-child:hover, nav a:last-child:hover {*/\n/*  color: #4183c4;*/\n/*}*/\n\n/*nav a:last-child {*/\n/*  padding: 10px 0 10px 10px;*/\n/*}*/\n\n/*nav a.header-right-separator {*/\n/* border-right: 1px solid #fff;*/\n/*}*/\n\ndiv.results-bar a {\n  font-size: 1.1rem;\n}\n\ndiv.results-bar {\n  font-size: 1.1rem;\n}\n\n\n.ui.menu.results-bar {\n  margin-bottom: 1.5rem;\n  font-size: 1.1rem;\n}\n\n.ui.vertical.menu.resultsMenu {\n  width: 9rem;\n}\n\nheader {\n  align-items: center;\n}\n\n/* Style the links inside the navigation bar */\nheader a {\n  color: #fff;\n  /*padding: 0.71rem 1.3rem 0.71rem 1.3rem;*/\n  padding: 11px 11px 8.5px 11px;\n  text-decoration: none;\n  border-bottom: 0.17rem solid transparent;\n}\n\nheader a.selected {\n  background: hsl(227, 50%, 59%);\n  color: #fff;\n}\n\nheader a:hover {\n  background: hsl(227, 50%, 59%);\n  color: #fff;\n}\n\nheader a.active {\n  background: hsl(227, 50%, 59%);\n  color: #fff;\n}\n\n.ui.card, .ui.cards.small-cards>.card {\n  width: 131px;\n  font-size: 0.8rem;\n  text-align: center;\n}\n\ndiv.small-cards .ui.card.selected {\n  background: #e5f9e7;\n}\n\ndiv.small-cards a.ui.card:hover {\n  -webkit-transform: translateY(0px);\n  transform: translateY(0px);\n}\n\ndiv.algorithm-groups div.algorithm-group {\n  padding: 0 0 0.1rem 0;\n}\n\ndiv.algorithm-group span {\n  color: hsl(211, 13%, 65%);\n}\n\ndiv.algorithm-group-container {\n  padding: 0 0 .7rem 0;\n}\n\np.connected {\n  text-transform: uppercase;\n}\n\ndiv.about-menu div.connection label, div.about-menu table.versions th  {\n  color: hsl(211, 13%, 65%);\n}\n\ndiv.about-menu div.connection span, div.about-menu table.versions tr {\n  color: hsl(211, 10%, 53%);\n}\n\ndiv.about-menu table.versions{\n  font-size: .92857143em;\n}\n\ndiv.about-menu div.connection-list-item div.configure-database {\n  padding: 0.4em 0 .25em .5em;\n}\n\ntable.versions {\n  padding: 0 5px 0 5px\n}\n\ndiv.ui.divider {\n  margin: 0.7rem 0;\n}\n\ndiv.connection label {\n  width: 7em;\n  display: inline-block;\n  font-size: .92857143em;\n  font-weight: 700;\n}\n\ndiv.connection-item.update {\n  /*height: 2rem;*/\n}\n\ndiv.recipe {\n  display: flex;\n  height: 835px;\n}\n\ndiv.recipe div.left {\n  width: 20rem;\n  min-width: 20rem;\n  background: hsl(214, 15%, 91%);\n  border-radius: 0.3rem 0 0 0;\n  padding: 0.5rem;\n}\n\ndiv.recipe div.left-right {\n  background: hsl(216, 33%, 97%);\n  border-radius: 0.3rem 0.3rem 0 0;\n  width: 100%;\n  padding: 20px;\n  text-align: center;\n}\n\ndiv.recipe div.left-right div.title {\n  margin-bottom: 10px;\n}\n\ndiv.recipe div.left-right span.title {\n  font-size: 1.5rem;\n}\n\ndiv.recipe div.left-right div.algorithms {\n  display: flex;\n  justify-content: center;\n  margin: 20px;\n}\n\ndiv.recipe-body {\n  padding: 10px\n}\n\ndiv.recipe div.right {\n  flex-grow: 1;\n  padding: 0.5rem;\n  background: hsl(216, 33%, 97%);\n  border-radius: 0 0.3rem 0 0;\n  overflow: auto;\n}\n\ndiv.recipe-navigation {\n  padding: 10px;\n  background: hsl(211, 12%, 43%);\n  border-radius: 0 0 0.3rem 0.3rem;\n  color: hsl(216, 33%, 97%);\n  text-align: center;\n}\n\ndiv.recipe-navigation i {\n  margin: 10px;\n  cursor: pointer;\n}\n\ndiv.recipe-navigation i.disabled {\n  margin: 10px;\n  cursor: auto;\n}\n\ndiv.recipe-navigation span {\n  vertical-align: middle;\n}\n\ndiv.top-level-container {\n  padding: 0 10px;\n}\n\ndiv.algorithm-item {\n  position: relative;\n  padding: 10px;\n  background: hsl(216, 33%, 97%);\n  border-radius: 5px;\n  margin: 20px 10px 20px 10px;\n}\n\ndiv.algorithm-item a {\n  color: hsl(234, 62%, 26%);\n  font-weight: 700;\n  font-size: 1.3rem;\n}\n\ndiv.algorithm-item button.close {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  display: none;\n  background: hsl(356, 75%, 53%);\n  color: #fff;\n}\n\ndiv.algorithm-item .ui.icon.button {\n  padding: 0.5rem;\n}\n\ndiv.algorithm-item button.close:hover {\n  background: hsl(352, 90%, 35%);\n  color: #fff;\n}\n\ndiv.algorithm-detail label {\n  width: 12em;\n  display: inline-block;\n  font-size: .92857143em;\n  color: hsl(211, 12%, 43%);\n  font-weight: 400;\n}\n\ndiv.algorithm-detail div, div.configure-database {\n  font-size: .92857143em;\n  color: hsl(211, 12%, 43%);\n  font-weight: 500;\n}\n\ndiv.algorithm-item p.start-time {\n  font-weight: 300;\n  color: hsl(211, 10%, 53%);\n  font-style: italic;\n}\n\ndiv.algorithm-item:hover {\n  background: hsl(214, 15%, 91%);\n}\n\ndiv.algorithm-item:hover > button.close {\n  display: block;\n}\n\n.ui.back-to-algorithms.button {\n  background: hsl(227, 50%, 59%);\n  color: #fff;\n}\n\n.ui.new-algorithm.button {\n  background: hsl(123, 57%, 45%);\n  color: #fff;\n}\n\n.ui.try-recipe.button {\n  background: hsl(228, 45%, 45%);\n  color: #fff;\n}\n\ndiv.page-heading {\n  text-transform: uppercase;\n  margin: 10px;\n  padding: 10px;\n  /*border: 1px solid black;*/\n  background: hsl(216, 33%, 97%);\n  color: hsl(211, 13%, 65%);\n  font-weight: 600;\n  border-radius: 5px;\n  font-size: 0.9rem;\n}\n\n.ui.label {\n  background-color: hsl(214, 15%, 91%);\n}\n\n.ui.segment {\n  border: 1px solid hsl(214, 15%, 91%);\n}\n\nnav.top-nav {\n  background: hsl(221, 78%, 86%);\n  padding: 5px;\n  display: flex;\n}\n\nspan.recipe-heading {\n  text-transform: uppercase;\n  color: hsl(211, 10%, 53%);\n  margin-bottom: 10px;\n  display: block;\n  font-weight: 500;\n}\n\ndiv.recipe div.left p {\n  color: hsl(209, 14%, 37%);\n}\n\na.about-menu img.ui.image {\n  width: 25px;\n}\n\na.about-menu div.content a {\n  padding: 3px;\n}\n\na.about-menu {\n  margin: 0 0 0 0.3rem;\n}\n\np.intro {\n  font-size: 1.2rem;\n}\n\n.ui.segment.getting-started {\n  border: 1px solid hsl(306, 88%, 37%);\n}\n\n.ui.segment.getting-started .ui.label {\n  background-color: hsl(306, 88%, 37%);\n  color: hsl(294, 100%, 96%);\n}\n\ndiv.startup-selectDatabase {\n  margin: 1em 0;\n}\n\n.menu-item {\n  padding: 0 40px;\n  margin: 5px 10px;\n  user-select: none;\n  cursor: pointer;\n  border: none;\n}\n\n\n.scroll-menu-arrow {\n  cursor: pointer;\n}\n\n.scroll-menu-arrow > div.arrow-prev {\n  padding: 0 10px 0 0;\n  color: rgba(0,0,0,.68);\n}\n\n.scroll-menu-arrow > div.arrow-next {\n  padding: 0 0 0 10px;\n  color: rgba(0,0,0,.68);\n\n}\n\ndiv.select-algorithm {\n  border: hsl(211, 13%, 65%) 1px solid;\n  padding: 7px;\n  margin: 3px;\n  font-size: 0.9rem;\n  color: rgba(0,0,0,.68);\n  border-radius: 0.25rem;\n}\n\ndiv.select-algorithm:hover {\n  cursor: pointer;\n}\n\ndiv.select-algorithm:hover, div.select-algorithm:active {\n  -webkit-transform: translateY(0px);\n  transform: translateY(0px);\n}\n\ndiv.select-algorithm.selected {\n  background: #e5f9e7;\n}\n\n*:focus {\n  outline: 0;\n}\n\n"]}