.banner {
  font-family: var(--font-family);
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.banner.runner {
  height: 2.5rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}


.banner.page {
  color: var(--rich-white);
  border-radius: var(--no-radius);
  padding: var(--full-padding);
}

.banner.feature {
  display: flex;
}

.banner.feature .canvas {
  padding: var(--full-padding);
  background: var(--icon);
}

.banner.page.main {
  background-color: var(--tyrian-purple);
}

.banner.page.secondary {
  background-color: var(--dusty-blue);
}