.tab-bar {
  display: grid;
  grid-template-columns: 1fr minmax(0, auto);
  padding: var(--op-space-large);

  .tab-bar__content {
    display: flex;

    /* More than one child */
    &:has(> :nth-child(2)) {
      border: var(--op-border-all) var(--op-color-border);
      border-radius: var(--op-radius-pill);
      background-color: var(--op-color-neutral-plus-six);
      color: var(--op-color-neutral-on-plus-six);
      padding: var(--op-space-2x-small);

      > * {
        flex: 1;
      }
    }
  }

  .tab-bar__end {
    display: flex;
    align-items: center;
    padding-inline-start: var(--op-space-x-small);
  }
}