/**
 * Only style programmatically focused elements if needed.
 * see
 * https://gomakethings.com/shifting-focus-on-route-change-with-react-router/
 * https://code.google.com/p/chromium/issues/detail?id=37721
 */

[tabindex="-1"]:focus {
	outline: none;
}

[tabindex="-1"]:focus-visible {
	outline: 2px solid var(--color-focus);
}