.focus\:offset-ring:focus {
  outline-offset: 1px;
  outline: solid 1px var(--blue-500, #44b1ff);
}

.bg-opacity-\[0\.06\] {
  --bg-opacity: 0.06;
}

.hover\:bg-opacity-\[0\.06\]:hover {
  --bg-opacity: 0.06;
}

.hover\:bg-opacity-\[0\.12\]:hover {
  --bg-opacity: 0.12;
}

/*
  The following rules create pixel-perfect values for the rebrand. They should
  match Tailwind's JIT syntax.

  TODO: Remove after upgrading to Tailwind 2.1 and enabling JIT.
*/

.rounded-\[8px\] {
  border-radius: 8px;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-\[12px\] {
  border-radius: 12px;
}
