.cols-2 {
  column-count: 2;
  column-gap: 3.5em;
}

.cols-3 {
  column-count: 3;
  column-gap: 3em;
}

.cols-4 {
  column-count: 4;
  column-gap: 2.5em;
}

@media only screen and (width >= 19em) {
  .cols-2-adaptive, .cols-3-adaptive, .cols-4-adaptive {
    column-count: 1;
  }
}

@media only screen and (width >= 26em) {
  .cols-2-adaptive, .cols-3-adaptive, .cols-4-adaptive {
    column-count: 2;
    column-gap: 3.5em;
  }
}

@media only screen and (width >= 56em) {
  .cols-2-adaptive {
    column-count: 2;
    column-gap: 3.5em;
  }

  .cols-3-adaptive, .cols-4-adaptive {
    column-count: 3;
    column-gap: 3em;
  }
}

@media only screen and (width >= 77em) {
  .cols-2-adaptive {
    column-count: 2;
    column-gap: 3.5em;
  }

  .cols-3-adaptive {
    column-count: 3;
    column-gap: 3em;
  }

  .cols-4-adaptive {
    column-count: 4;
    column-gap: 2.5em;
  }
}

.error, .error a {
  color: #a00;
  font-weight: 300;
}

.external {
  background-image: url("../../img/icon/external-link.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: .9em .9em;
  padding-right: 1.5em;
}

.nodisplay {
  display: none;
}

.nowrap {
  white-space: nowrap;
}

.wrap {
  white-space: pre-wrap;
  word-break: break-all;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.small {
  font-size: 93%;
}

.smaller {
  font-size: 86%;
}

.lite {
  opacity: .6;
}

.round-corners-box, .round-corners-table {
  border-radius: var(--default-border-radius);
}

.round-corners-table tr:first-child th:first-child, .round-corners-table tr:first-child td:first-child {
  border-top-left-radius: var(--default-border-radius);
}

.round-corners-table tr:first-child th:last-child, .round-corners-table tr:first-child td:last-child {
  border-top-right-radius: var(--default-border-radius);
}

.round-corners-table tr:last-child td:first-child {
  border-bottom-left-radius: var(--default-border-radius);
}

.round-corners-table tr:last-child td:last-child {
  border-bottom-right-radius: var(--default-border-radius);
}

.box-shadow {
  box-shadow: 0 0 .5em .1em #0000001a;
}

.two-columns-overview td {
  white-space: pre-wrap;
  word-break: break-all;
}

.two-columns-overview td:first-child {
  text-align: right;
  word-break: normal;
  min-width: fit-content;
}

.two-columns-overview td:nth-child(2) {
  text-align: left;
  font-weight: 300;
}

.code {
  color: #c03;
  background-color: #eee;
  border: 1px solid #aaa;
  border-radius: .3em;
  padding: .3em;
}

@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}