.grid-1-cols {
  display: grid;
  gap: 0.2em;
  grid-template-columns: repeat(1, auto);
}
.grid-1-cols.even {
  justify-content: space-evenly;
}

.grid-2-cols {
  display: grid;
  gap: 0.2em;
  grid-template-columns: repeat(2, auto);
}
.grid-2-cols.even {
  justify-content: space-evenly;
}

.grid-3-cols {
  display: grid;
  gap: 0.2em;
  grid-template-columns: repeat(3, auto);
}
.grid-3-cols.even {
  justify-content: space-evenly;
}

.grid-4-cols {
  display: grid;
  gap: 0.2em;
  grid-template-columns: repeat(4, auto);
}
.grid-4-cols.even {
  justify-content: space-evenly;
}

.grid-5-cols {
  display: grid;
  gap: 0.2em;
  grid-template-columns: repeat(5, auto);
}
.grid-5-cols.even {
  justify-content: space-evenly;
}

.flex-v {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
}
.flex-v.gap-1em {
  gap: 1em;
}
.flex-v.nogap {
  gap: 0em;
}
.flex-v.space-between {
  justify-content: space-between;
}
.flex-v.stretch > * {
  flex: 1;
}

.flex-h {
  display: flex;
  flex-direction: row;
  gap: 0.2em;
}
.flex-h.align-left {
  justify-content: flex-start;
}
.flex-h.align-right {
  justify-content: flex-end;
}
.flex-h.align-center {
  justify-content: center;
}
.flex-h.gap-1em {
  gap: 1em;
}
.flex-h.nogap {
  gap: 0em;
}
.flex-h.nowrap {
  flex-wrap: nowrap;
}
.flex-h.wrap {
  flex-wrap: wrap;
}
.flex-h.space-between {
  justify-content: space-between;
}
.flex-h.stretch > * {
  flex: 1;
}

input, select {
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
  border-radius: 0.3em;
  padding: 0.5em;
  border: 1px solid #151515;
  background-color: #616161;
}
input.invalid, select.invalid {
  border: 3px solid rgb(199, 16, 16);
}

fieldset {
  padding: 1em;
  border: 1px solid #151515;
}

button, .button {
  color: black;
  border-radius: 0.3em;
  padding: 0.5em;
  border: 1px solid #151515;
  background-color: #7b7b7b;
}
button.compact, .button.compact {
  padding: 0.2em 0.4em;
}
button:hover:not(:disabled), .button:hover:not(:disabled) {
  cursor: pointer;
  background-color: #949494;
}
button.active, .button.active {
  background-color: #a3952e;
}
button.active:hover:not(:disabled), .button.active:hover:not(:disabled) {
  background-color: #d3c664;
}
button.positive, .button.positive {
  background-color: #43943a;
}
button.positive:hover:not(:disabled), .button.positive:hover:not(:disabled) {
  background-color: #77c66e;
}
button.negative, .button.negative {
  background-color: #943a3a;
}
button.negative:hover:not(:disabled), .button.negative:hover:not(:disabled) {
  background-color: #c66e6e;
}

.panel {
  background-color: #393939;
  width: min(-webkit-max-content, 90vw);
  width: min(-moz-max-content, 90vw);
  width: min(max-content, 90vw);
  overflow-y: hidden;
  border: 1px solid #131313;
  border-radius: 15px;
}
.panel > * {
  padding: 0.7em;
}
.panel > *:first-child {
  border-bottom: 3px solid #131313;
}
.panel > *:first-child.success {
  background-color: #43943a;
}
.panel > *:first-child.error {
  background-color: rgb(199, 16, 16);
}
.panel > *:not(:first-child):not(:last-child) {
  overflow-y: auto;
  border-bottom: 1px solid #131313;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  line-height: 150%;
}

body {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  color: #dbdbdb;
  background-color: #2e2e2e;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
  padding: 1em;
}

p {
  margin-bottom: 1rem;
}

.modal {
  position: fixed;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(46, 46, 46, 0.9);
}
.modal > * {
  max-width: 95vw;
}

.tooltip {
  padding: 0.5em;
  border: 1px solid black;
  background-color: #292929;
}

.border-bottom {
  padding-bottom: 0.4em;
  border-bottom: 1px solid black;
}

.text-positive {
  color: green;
}

.text-negative {
  color: rgb(229, 48, 48);
}

.text-warning {
  color: rgb(232, 87, 87);
}

.text-decent {
  color: rgb(90, 90, 90);
}

.text-decent2 {
  font-size: 80%;
}

.text-nowrap {
  white-space: nowrap;
}

.border {
  padding: 0.5em;
  border: 1px solid black;
}
.border.rounded {
  border-radius: 0.2rem;
}

.border-bottom {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid black;
}

.background-decent {
  background-color: #383838;
}

.clickable:hover {
  cursor: pointer;
  color: #63acff;
  background-color: #424242;
}

.dropdown-parent {
  position: relative;
}
.dropdown-parent .dropdown {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.dropdown-parent:hover .dropdown {
  display: unset;
}

.flag {
  width: 2em;
}/*# sourceMappingURL=style.css.map */