/* see ../create.js for values */
.header {
  --header-h1-opacity: 0;
  &:is(header) { padding: var(--header-container-padding); }

  background: var(--bg-blue);

  & > h1[slot=title] {
    font-size: var(--header-h1-fontsize);
    color: var(--app-fg-header);
    margin: 0;
    opacity: var(--header-h1-opacity);
    line-height: 1;
    height: var(--header-h1-fontsize);
    align-content: center;
  }
}