/* Skewed gradient header background — consumed by apps.css vars on pages-app.html */
.page-header {
  position: relative;
  isolation: isolate;

  &::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: var(--from);
    background-image: var(--header-gradient);
    top: var(--header-top, 0px);
    bottom: var(--header-bottom, 0px);
    transform: var(--header-transform, none);
  }
}