/* Usefull - a11y (Accessibility) */
////
/// @group Patterns-a11y
/// Usefull - a11y (Accessibility)

///
.wcag-hide-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;

	// Service Studio Preview
	& {
		-servicestudio-display: none;
	}
}

/* Skip-nav link used on Accessibility*/
///
.skip-nav {
	left: var(--space-xl);
	opacity: 0;
	padding: var(--space-s) var(--space-base);
	pointer-events: none;
	position: absolute;
	text-transform: uppercase;
	top: 10px;
	z-index: var(--layer-global-instant-interaction);

	&[data-showskipcontent='false'] {
		display: none;
	}

	&[data-showskipcontent='true'] {
		display: block;
	}
}

///
.has-accessible-features {
	.skip-nav {
		&:focus,
		&:active {
			opacity: 1;
			pointer-events: auto;
		}
	}
}