.spacing-spaces-container {
  padding: var(--base);
  flex: 1 0 25%;
}
.spacing-spaces-container .spacing-spaces-foo {
  padding: var(--base);
  height: calc(12 * var(--base));
}
.spacing-sizes-container {
  display: inline-flex;
  justify-content: space-around;
  flex-direction: column;
  width: 100%;
}
.spacing-sizes-container.first {
  align-items: flex-end;
}
.spacing-sizes-container > div {
  flex: 0 0 auto;
}
.spacing-sizes-container > div:not(:last-child) {
  margin-bottom: var(--base);
}
@media screen and (min-width: 1280px) {
  .spacing-sizes-container {
    flex-direction: row;
  }
}
.table tr td:last-child,
.table tr th:last-child {
  width: 100%;
}
.table tr td {
  vertical-align: middle;
  line-height: 1;
}
.table tr td:last-child::after {
  background-color: #1c6fce;
  content: "";
  display: block;
  height: var(--base-3);
}
.theme-dark .table tr td:last-child::after {
  background-color: #65a1e6;
}
.table tr:nth-child(1) td:last-child::after {
  width: var(--base-h);
}
.table tr:nth-child(2) td:last-child::after {
  width: var(--base);
}
.table tr:nth-child(3) td:last-child::after {
  width: var(--base-1h);
}
.table tr:nth-child(4) td:last-child::after {
  width: var(--base-2);
}
.table tr:nth-child(5) td:last-child::after {
  width: var(--base-3);
}
.table tr:nth-child(6) td:last-child::after {
  width: var(--base-4);
}
.table tr:nth-child(7) td:last-child::after {
  width: var(--base-5);
}
.table tr:nth-child(8) td:last-child::after {
  width: var(--base-6);
}
.table tr:nth-child(9) td:last-child::after {
  width: var(--base-7);
}
.table tr:nth-child(10) td:last-child::after {
  width: var(--base-8);
}
.table tr:nth-child(11) td:last-child::after {
  width: var(--base-9);
}
.table tr:nth-child(12) td:last-child::after {
  width: var(--base-10);
}

/*# sourceMappingURL=docs-spacing.css.map */