.block__sdc-page-header-pattern .wrapper {
  padding-top: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 100%;
}
.block__sdc-page-header-pattern .wrapper h1 {
  font: var(--type-h1);
  max-width: var(--container-xl-max-width);
  width: 100%;
  border-left: 1px solid var(--color-border-primary);
  padding-left: var(--spacing-xs);
  margin-bottom: var(--spacing-md);
}
.block__sdc-page-header-pattern .wrapper canvas {
  min-width: 100%;
  width: 100%;
  max-height: 138px;
}
.block__sdc-page-header-pattern .wrapper.bg-primary {
  background-color: var(--color-surface-primary);
}
.block__sdc-page-header-pattern .wrapper.bg-secondary {
  background-color: var(--color-surface-secondary);
}
.block__sdc-page-header-pattern .wrapper.bg-tertiary {
  background-color: var(--color-surface-tertiary);
  --button-background: var(--color-surface-primary);
}
.block__sdc-page-header-pattern .wrapper.bg-dark {
  background: var(--color-surface-dark);
  --color-text-primary: var(--color-white);
  color: var(--color-text-primary);
}
.block__sdc-page-header-pattern .wrapper.bg-dark h1 {
  border-left: 1px solid var(--color-text-primary);
}
.block__sdc-page-header-pattern .wrapper.bg-neutral {
  background-color: var(--color-surface-neutral);
}