.pad-block-end { padding-block-end: var(--block-space); }


.margin-block-start { margin-block-start: var(--block-space); }
.margin-block-end { margin-block-end: var(--block-space); }


.flex { display: flex; }
.flex-inline { display: inline-flex; }
.flex-column { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }

.flex-justify-center { justify-content: center; }
.flex-justify-end { justify-content: flex-end; }
.flex-align-center { align-items: center; }

.flex-grow { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }

.gap {
  column-gap: var(--column-gap, var(--inline-space));
  row-gap: var(--row-gap, var(--block-space));
}

.text-right { text-align: right; }
.text-center { text-align: center; }

.text-small { font-size: var(--font-size-s); }
.text-tiny { font-size: var(--font-size-xs); }