.blurred span {
  filter: blur(6px);
  /* As pointed out by Alexander Erlandsson (@alexerlandsson), for situations that require better cross-browser support, the blur effect is easily reproduced with transpartent text + text-shadow
  color: transparent;
  text-shadow: 0 0 12px rgba(0,0,0,0.8); */
}

.invisible-ink span {
  background: $white;
  color: $white;
  /* Vincent Charpentier (@VincentCharpentier) also pointed out a simple rule for true invisibility
  color: rgba(0,0,0,0);*/
}

.redacted span {
  position: relative;
  white-space: pre;
  &:after {
	background: black;
	border-radius: 0.1em;
	box-shadow: 0 0 1px rgba(0,0,0,0.35);
	content: " ";
	width: 100%;
	height: 1.6em;
	left: 0;
	position: absolute;
	transform: skewY(-5deg) rotate(5deg);
  }
}