.focus-indicator {
  padding: .5rem;
  border: 1px solid #999;
}

.focus-indicator.dark-background {
  background-color: #000;
  color: #fff;
}

.focus-indicator.dark-background a {
  color: #fff;
}

.focus-indicator.dark-background a:focus,
.focus-indicator.dark-background a:hover {
  border-bottom: 3px solid #000;
  color: #000;
}

.focus-indicator.light-background {
  background-color: #fff;
  color: #000;
}

/* Prevents from having movement from the selector when on focus */
.focus-indicator [tabindex="0"] {
  border: 2px solid transparent;
  outline: 2px solid transparent;
}

.focus-indicator [tabindex="0"]:focus {
  border: 2px solid #000;
  outline: 2px solid #fff;
}

.reference-link {
  text-align: right;
}