@layer components {
  .overlay-panel-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 1rem;
  }

  .overlay-panel-header--has-title {
    justify-content: space-between;
  }

  .overlay-panel-header--close-only {
    justify-content: flex-end;
  }

  .overlay-panel-header__title {
    margin: 0;
  }
}