/**
 * Visually hides the element but keeps it accessible.
 */
@mixin visually-hidden {
	position: absolute;
	z-index: -1;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	padding: 0;
	white-space: nowrap;
	border: 0;
	overflow: hidden;
	clip-path: inset(50%);
}