@layer components {
  .conversation-header {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: var(--space-5);
    padding-block: calc(var(--safe-top) + var(--space-3)) var(--space-6);
    border-block-end: var(--border-width) solid var(--color-border);
  }
}