:host {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  display: block;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: var(--sa11y-panel-bg);
  border-top: 5px solid var(--sa11y-panel-bg-splitter);
}

* {
  font-family: var(--sa11y-font-face) !important;
  font-size: var(--sa11y-normal-text);
  line-height: 22px !important;
  color: var(--sa11y-panel-primary);
  -webkit-font-smoothing: auto !important;
}

#dialog {
  max-width: 900px;
  padding: 20px;
  margin: 20px auto;
}

h2 {
  margin-top: 0;
  font-size: var(--sa11y-large-text);
}

a {
  color: var(--sa11y-hyperlink);
  text-decoration: underline;
  cursor: pointer;
}
a:hover, a:focus {
  text-decoration: none;
}

p {
  margin-top: 0;
}

.error {
  padding: 5px;
  margin-bottom: 0;
  color: var(--sa11y-error-text);
  background: var(--sa11y-error);
  border: 2px dashed #f08080;
}