.full-screen-modal-layout-header {
  display: grid;
  grid-template-columns: [start] 1fr [title] auto [end] 1fr;
  grid-row: header;
  gap: 0 var(--wds-space-100, 4px);
  align-content: center;
  align-items: baseline;
  z-index: 1;
  padding-inline: var(--wds-space-500, 20px);
  padding-block: var(--wds-space-350, 14px);
  min-block-size: 52px;
  inline-size: 100%;
  min-inline-size: 0; /* Prevent growing beyond the container */

  & &__start-node {
    grid-column: start;
    justify-self: start;
  }

  & &__title {
    grid-column: title;
    min-inline-size: 0; /* Prevent growing beyond the container */
  }

  & &__end-node {
    grid-column: end;
    justify-self: end;
  }
}