#zprava {
  background-color: var(--color-white);
  border-radius: var(--rounded);
  color: var(--color-dark);
  display: block;
  left: var(--page-padding);
  padding: var(--spacing-px) var(--spacing-px) var(--spacing-px) 50px;
  position: fixed;
  right: var(--page-padding);
  text-align: left;
  text-decoration: none;
  top: var(--spacing-px);
  z-index: var(--z-top);
}

@media (min-width: 87.5rem) {
  #zprava {
    left: auto;
    right: auto;
    width: 85.5rem;
  }
}

#zprava.zpravaUspech {
  border: 1px solid var(--color-success);
  opacity: .9;
}

#zprava.zpravaUspech:focus-visible {
  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-success);
  outline: none;
}

#zprava.zpravaNeuspech {
  border: 1px solid var(--color-error);
  opacity: .9;
}

#zprava.zpravaNeuspech:focus-visible {
  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-error);
  outline: none;
}

#zprava.zpravaUspech::before,
#zprava.zpravaNeuspech::before {
  background: var(--color-success) url('https://www.nixa.cz/obrazky/svg/check-light.svg') no-repeat 8px center;
  background-size: 24px 24px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

#zprava.zpravaNeuspech::before {
  background: var(--color-error) url('https://www.nixa.cz/obrazky/svg/x-light.svg') no-repeat 8px center;
  background-size: 24px 24px;
}