body {
  --blue-light: #cbd2ff;
  --primary: #001bc0;
  --primary-transparent: #001ac016;
  --link: #001bc0;
  --link-inverted: #009dff;
  --text-inverted: #ffffffd8;
  --grey: #b9b9b9;
  --x-light-grey: #e6e6ec;
  --border-color: #c3cbd7;
  --border-color-dark: #a5acb6;
  --orange: #f40;
  --red: #de0000;
  --red-light: #ffecef;
  --label-width: 10.2rem;
  --label-width-long: 14rem;
  --label-padding-right: .5rem;
  --font-size-s: .8rem;
  --header-height: 4rem;
  --text-color-lighter: #2c2d2e;
  --text-color-x-lighter: #1c1d1e;
  --text-color-x-x-lighter: #696969;
  --main-height: calc(100vh - var(--header-height));
  --margin-helper: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  overflow: hidden;
}

.tabulator {
  font-family: monospace;
}

h2 {
  text-align: center;
  color: var(--text-color-lighter);
  margin: 1rem 0 2rem;
  font-size: 1.3rem;
}

h3 {
  font-size: var(--font-size-s);
  letter-spacing: .8px;
  text-transform: uppercase;
  border-top: solid 1.4px var(--border-color);
  color: var(--text-color-x-lighter);
  margin: 1.5rem 0 1.3rem;
  padding-top: .8rem;
}

h4 {
  margin: 1.8rem 0 .5rem;
  font-size: 1rem;
}

h5 {
  margin: var(--margin-helper);
  padding: .8rem 0 .2rem;
  font-size: .9rem;
  display: block;
}

h6 {
  margin: var(--margin-helper);
  font-weight: initial;
  color: var(--grey);
  padding: .5rem 0 .1rem;
  font-size: .8rem;
}

a {
  color: var(--link);
}

.mono {
  font-family: monospace;
}

.tabulator-row .tabulator-cell, .tabulator-col-title {
  overflow-x: scroll !important;
}

.tabulator {
  overflow-y: scroll !important;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  white-space: normal !important;
}

details.tabulator {
  cursor: pointer;
  background: #fff;
  border: none;
}

#menu {
  height: var(--header-height);
  border-bottom: solid 1.8px var(--border-color);
  background: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  display: flex;
  position: relative;
}

#nav {
  align-items: center;
  min-height: 1ch;
  display: flex;
}

nav > div {
  margin-right: 2rem;
}

nav a {
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  margin-right: 1rem;
  padding: .2rem .4rem;
  text-decoration: none;
}

nav a.current-menu-item {
  background: #001ac032;
}

.app-info {
  color: var(--orange);
  margin-left: 2rem;
  display: flex;
}

.app-info > div {
  cursor: pointer;
  margin-right: 1rem;
}

.mode-section {
  height: var(--main-height);
  width: 100%;
  display: flex;
}

main {
  height: calc(var(--main-height)  - 2 * 1.4rem);
  background: var(--x-light-grey);
  flex: 1;
  padding: 1.4rem;
  overflow-y: scroll;
}

.launch-panel {
  background: var(--blue-light);
  z-index: 100;
  background: var(--x-light-grey);
  height: var(--main-height);
  border-right: solid 1px var(--border-color);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  width: 27rem !important;
}

.launch-panel-content-wrapper {
  overflow-y: scroll;
}

.input-fields {
  margin-bottom: 4rem;
  padding: 1.4rem;
}

.all-simulations-wrapper {
  max-width: 100%;
}

.simulation-wrapper {
  background: #fff;
  border-radius: 8px;
  width: calc(100% - 6rem);
  min-height: 20rem;
  margin: 3rem 1rem;
  padding: 1rem 2rem 2rem;
  box-shadow: 0 6px 12px -2px #32325d40, 0 3px 7px -3px #0000004d;
}

.noise-wrapper {
  background: #ffe5c8;
  padding: 0 .8rem .8rem;
}

.noise {
  margin: var(--margin-helper);
  padding: .4rem 0;
}

.noise:after {
  color: #fff;
  border-radius: 3px;
  padding: .2rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
  font-size: 110%;
  font-weight: bold;
}

.over-100:after {
  content: "> 100%";
  background-color: #000;
}

.over-20:after {
  content: "20% - 100%";
  background-color: #cf2200;
}

.over-15:after {
  content: "15% - 20%";
  background-color: #fe6100;
}

.over-10:after {
  content: "10% - 15%";
  background-color: #b515e5;
}

.over-5:after {
  content: "5% - 10%";
  background-color: #7920d8;
}

.over-1:after {
  content: "1% - 5%";
  background-color: #2320d8;
}

.under-1:after {
  content: "< 1%";
  background-color: #2361ff;
}

.r-over-1:after {
  content: "> 1";
  background-color: #000;
}

.r-over-02:after {
  content: "0.2 - 1";
  background-color: #cf2200;
}

.r-over-015:after {
  content: "0.15 - 0.2";
  background-color: #fe6100;
}

.r-over-01:after {
  content: "0.1 - 0.15";
  background-color: #b515e5;
}

.r-over-005:after {
  content: "0.05 - 0.1";
  background-color: #7920d8;
}

.r-over-001:after {
  content: "0.01 - 0.05";
  background-color: #2320d8;
}

.r-under-001:after {
  content: "< 0.01";
  background-color: #2361ff;
}

.simulation-id {
  text-align: center;
}

button {
  font-size: inherit;
  background: var(--primary);
  color: var(--text-inverted);
  cursor: pointer;
  text-transform: uppercase;
  border: 1px solid #0000;
  border-radius: 4px;
  padding: .7rem 1.4rem;
  transition: filter .1s linear, box-shadow .1s linear;
}

button:hover {
  filter: brightness(.86);
}

button.primary {
  box-shadow: 0 2px 4px #0006, 0 7px 13px -3px #0000004d, inset 0 -3px #0003;
}

button.primary:hover {
  box-shadow: 0 1px 3px #0000003e, 0 1px 2px #0000003d;
}

button.secondary {
  color: var(--primary);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #ffffffa7;
  border: 1px solid;
}

button.ternary, button.ternary-xs, div.ternary-xs {
  text-transform: none;
  color: var(--primary);
  text-transform: uppercase;
  background: none;
  border: none;
  margin: 0;
  padding: .5rem 0;
}

button.ternary.offset-left {
  margin: var(--margin-helper);
}

div.ternary-xs {
  cursor: pointer;
  display: inline-block;
}

button.ternary-xs, div.ternary-xs {
  font-size: var(--font-size-s);
  padding: 0 .2rem;
}

button.destructive {
  color: var(--red);
}

button a {
  text-decoration: none;
}

.global-buttons {
  z-index: 10000;
  flex-direction: column;
  display: flex;
  position: absolute;
  bottom: 1.2rem;
  right: 1.2rem;
}

.global-buttons > button {
  margin-bottom: .3rem;
}

button#feedback {
  background: var(--orange);
}

.feedback-hint {
  text-transform: none;
  font-size: .7rem;
}

.feedback-links-wrapper {
  flex-direction: column;
  display: flex;
}

.feedback-links-wrapper > a {
  margin-right: 2rem;
  padding: .4rem;
}

.buttons-wrapper-launch-panel {
  border-top: solid 1.4px var(--border-color-dark);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  align-items: center;
  height: 5rem;
  padding: 1rem;
  display: flex;
  position: sticky;
  bottom: 0;
}

.buttons-wrapper-launch-panel > button {
  width: calc(100% - 1rem);
}

label {
  width: var(--label-width);
  padding-right: var(--label-padding-right);
  display: inline-block;
}

label.long {
  width: auto;
}

#budget-split-wrapper-el {
  border: solid 1px var(--border-color-dark);
  margin: .2rem 2rem .2rem 0;
  padding: .4rem;
}

input, select {
  cursor: pointer;
  border: solid 1.5px var(--grey);
  border-radius: 4px;
  outline: none;
  margin: .2rem 0;
  transition: background-color .2s ease-out, border-color .2s ease-out;
}

input {
  box-sizing: border-box;
  min-width: 5rem;
  max-width: 9.5rem;
  padding: .3rem;
}

select {
  text-transform: capitalize;
  min-width: 4.94rem;
  max-width: 9.5rem;
  padding: .3rem .1rem;
}

input:focus, select:focus {
  border-color: var(--primary);
  background: var(--primary-transparent);
}

.input-hint {
  font-size: var(--font-size-s);
  color: var(--text-color-x-x-lighter);
}

.input-hint.below-input {
  margin-left: calc(var(--label-width)  + var(--label-padding-right)  + .2rem);
}

.help {
  background-color: var(--orange);
  color: #fff;
  text-align: center;
  cursor: default;
  z-index: 1000;
  cursor: pointer;
  border-radius: 30px;
  width: 1rem;
  height: 1rem;
  font-size: .8rem;
  transition: filter .2s ease-out;
  display: inline-block;
}

.help:hover {
  filter: saturate(5);
}

.help a {
  color: var(--link-inverted) !important;
}

.help:after {
  content: "?";
  position: relative;
  top: -2px;
}

.has-helper {
  padding-right: .4rem;
  display: inline-block;
}

#app-version {
  color: var(--x-light-grey);
  background-color: #000;
  margin-left: .3rem;
  padding: .1rem .2rem;
  font-family: monospace;
  display: inline-block;
}

.not-displayed {
  display: none;
}

.details-wrapper {
  padding: .8rem 0;
}

.flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

hr {
  border: .2px solid #00000054;
  outline: none;
  margin: 1.4rem 0 .6rem;
}

.hidden {
  display: none;
}

.visible {
  display: block;
}

@keyframes appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    display: block;
  }
}

.offset-left {
  margin: var(--margin-helper);
}

#contribution-budget {
  margin-left: .4rem;
}

#form-validation-wrapper {
  color: var(--red);
  background: var(--red-light);
  z-index: 10000;
  height: 10ch;
  padding: 1.2ch;
  animation: .5s forwards appear;
  position: absolute;
  bottom: 1.2rem;
  overflow-y: scroll;
  box-shadow: 0 7px 29px #4b4b5572;
}

.empty-state-inner {
  color: var(--text-color-x-x-lighter);
  text-align: center;
  width: 50%;
  min-width: 30ch;
  margin: 0 auto;
  padding-top: 6rem;
}

/*# sourceMappingURL=index.83d9161e.css.map */