div#notice {
  padding: 0.5em;
  position: fixed;
  top: 1em;
  left: 25%;
  width: 50%;
  z-index: 9999;
  box-shadow: var(--shadow-lg);

  a#close-notice-link {
    position: absolute;
    right: 1em;
  }
}

.notice {
  border-radius: 3px;
}

.notice-small {
  font-size: 0.8em;
  margin: 0.5em 0;
  padding: 0.5em 1em;
}

.notice-large {
  margin: 1em 0;
  padding: 1em;
  text-align: center;
  position: relative;
}

.notice-info {
  background: var(--notice-info-background);
  border: 1px solid var(--notice-info-border-color);
}

.notice-error {
  background: var(--notice-error-background);
  border: 1px solid var(--notice-error-border-color);
}