@layer pages {
  .pattern_header {
    flex: 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
    border-radius: calc(var(--border-radius) * 2);
    color: var(--color-light-on-surface);
    background-color: var(--color-surface-container);
  }
}