/* SIDEBAR COMPOSITION */

.with-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-32);
}

.with-sidebar > :first-child,
.with-sidebar[data-side="right"] > :last-child {
  flex-basis: var(--sidebar-width);
  flex-grow: 1;
}

.with-sidebar > :last-child,
.with-sidebar[data-side="right"] > :first-child {
  flex-basis: 0;
  flex-grow: 999;
  min-inline-size: min(50%, var(--sidebar-width));
}
