.Bookend {
  display: flex;

  & > * {
    flex-grow: 1;
    margin-inline-start: var(--x-pp-spacing-base);

    &:first-child {
      margin-inline-start: 0;
    }
  }
}

.alignmentLeading {
  align-items: flex-start;
}

.alignmentCenter {
  align-items: center;
}

.alignmentTrailing {
  align-items: flex-end;
}

.alignmentBaseline {
  align-items: baseline;
}

.spacingXtight > * {
  margin-inline-start: var(--x-pp-spacing-tight4x);
}

.spacingTight > * {
  margin-inline-start: var(--x-pp-spacing-tight1x);
}

.spacingLoose > * {
  margin-inline-start: var(--x-pp-spacing-loose1x);
}

.spacingXloose > * {
  margin-inline-start: var(--x-pp-spacing-loose4x);
}

.trailing > *:last-child {
  flex-grow: 0;
  flex-shrink: 0;
}

.leading > *:first-child {
  flex-grow: 0;
  flex-shrink: 0;
}