/* Screenreader */

.js .sr-only {
	border: 0;
	clip: rect(0 0 0 0);
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: no-wrap;
}

/* Focus */

/* Remove the default :focus outline */
*:focus {
  outline: none;
}

@media (hover: hover) {
	/* Show a custom outline on :focus-visible */
*:focus-visible {
  outline: 2px dashed var(--color-primary);
  outline-offset: 4px;
  border: none;
}
}