@use "pix-design-tokens/colors";

.pix-background-header {
  position: relative;
  padding: 68px var(--pix-spacing-6x) 0;

  &__background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    min-height: 270px;
    color: var(--pix-neutral-0);
    background: colors.$pix-primary-app-gradient;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  }

  &__content {
    max-width: 980px;
    margin: 0 auto;
  }
}