/******************************************************************************/

/******************************************************************************/

html, body {
  min-height: 100%;
  padding: 0;
  margin: 0;
}

/* Blue Prism has a browser extension that injects <label> instances into the
 * page as a sibling to the <body> tag, but since our page is set to be at
 * least 100% height, this makes the page display a blank line at the bottom
 * and causes a scrollbar to appear. */

html > label {
  display: none !important;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}

/******************************************************************************/

/******************************************************************************/

wa-page div[slot="header"] {
  padding: var(--wa-space-xs) var(--wa-space-s);
  background-color: var(--wa-color-surface-raised);
  font-size: var(--wa-font-size-s);
}

/******************************************************************************/

/******************************************************************************/
