iframe.document-highlight {
  box-sizing: border-box;
  box-shadow: 0 0 0 2pt #6ddae2;
  animation: breath 1s ease-in-out infinite alternate;
}

iframe.document-red-highlight {
  box-sizing: border-box;
  box-shadow: 0 0 0 4px #ea3632;
}

iframe.document-green-highlight {
  box-sizing: border-box;
  box-shadow: 0 0 0 4px #2ed2ab;
}

.document-transition {
  box-sizing: border-box;
  animation-name: fade-out;
  animation-duration: 0.5s;
  animation-delay: 2.5s;
  box-shadow: 0px 0px 14px #6ddae2;
  animation-fill-mode: forwards;
}

@keyframes breath {
  from {
    box-shadow: 0px 0px 6px #6ddae2;
  }
  to {
    box-shadow: 0px 0px 14px #6ddae2;
  }
}

@keyframes fade-out {
  0% {
    box-shadow: 0px 0px 14px #6ddae2;
  }
  100% {
    box-shadow: 0px 0px 0px #6ddae2;
  }
}