.row {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: stretch;
}

.row-reversed {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  align-items: stretch;
}

.col {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
}

.margined {
  margin-top: 0.5em;
  margin-bottom: 0.8em;
}

.p-small {
  padding: 5px;
}

.gap-small {
  gap: 5px;
}

.c1-12 {
  width: 8.3333333333%;
  max-width: 100%;
}

.c2-12 {
  width: 16.6666666667%;
  max-width: 100%;
}

.c3-12 {
  width: 25%;
  max-width: 100%;
}

.c4-12 {
  width: 33.3333333333%;
  max-width: 100%;
}

.c5-12 {
  width: 41.6666666667%;
  max-width: 100%;
}

.c6-12 {
  width: 50%;
  max-width: 100%;
}

.c7-12 {
  width: 58.3333333333%;
  max-width: 100%;
}

.c8-12 {
  width: 66.6666666667%;
  max-width: 100%;
}

.c9-12 {
  width: 75%;
  max-width: 100%;
}

.c10-12 {
  width: 83.3333333333%;
  max-width: 100%;
}

.c11-12 {
  width: 91.6666666667%;
  max-width: 100%;
}

.c12-12 {
  width: 100%;
  max-width: 100%;
}

.c1-24 {
  width: 4.1666666667%;
  max-width: 100%;
}

.c2-24 {
  width: 8.3333333333%;
  max-width: 100%;
}

.c3-24 {
  width: 12.5%;
  max-width: 100%;
}

.c4-24 {
  width: 16.6666666667%;
  max-width: 100%;
}

.c5-24 {
  width: 20.8333333333%;
  max-width: 100%;
}

.c6-24 {
  width: 25%;
  max-width: 100%;
}

.c7-24 {
  width: 29.1666666667%;
  max-width: 100%;
}

.c8-24 {
  width: 33.3333333333%;
  max-width: 100%;
}

.c9-24 {
  width: 37.5%;
  max-width: 100%;
}

.c10-24 {
  width: 41.6666666667%;
  max-width: 100%;
}

.c11-24 {
  width: 45.8333333333%;
  max-width: 100%;
}

.c12-24 {
  width: 50%;
  max-width: 100%;
}

.c13-24 {
  width: 54.1666666667%;
  max-width: 100%;
}

.c14-24 {
  width: 58.3333333333%;
  max-width: 100%;
}

.c15-24 {
  width: 62.5%;
  max-width: 100%;
}

.c16-24 {
  width: 66.6666666667%;
  max-width: 100%;
}

.c17-24 {
  width: 70.8333333333%;
  max-width: 100%;
}

.c18-24 {
  width: 75%;
  max-width: 100%;
}

.c19-24 {
  width: 79.1666666667%;
  max-width: 100%;
}

.c20-24 {
  width: 83.3333333333%;
  max-width: 100%;
}

.c21-24 {
  width: 87.5%;
  max-width: 100%;
}

.c22-24 {
  width: 91.6666666667%;
  max-width: 100%;
}

.c23-24 {
  width: 95.8333333333%;
  max-width: 100%;
}

.c24-24 {
  width: 100%;
  max-width: 100%;
}

.invisible {
  display: none;
}

/*# sourceMappingURL=grid.css.map */