/*
 * Accessible by default (pbs-a2): loaded once on any page that shows a design-system block,
 * folded into that page's compiled stylesheet. `__PREFIX__` is the neutral class prefix; logical
 * properties only.
 */

/* Keyboard focus is always visible inside our blocks, whatever the theme did to :focus. */
[class*="__PREFIX__-"]:focus-visible,
[class*="__PREFIX__-"] :focus-visible {
	outline: 2px solid currentcolor;
	outline-offset: 2px;
}

/* Text only screen readers announce. */
.__PREFIX__-sr {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* The skip link: hidden until it takes keyboard focus, then the first thing on the page. */
.__PREFIX__-skip {
	position: absolute;
	inset-block-start: 0.5rem;
	inset-inline-start: 0.5rem;
	z-index: 100000;
	padding-block: 0.75rem;
	padding-inline: 1rem;
	transform: translateY(-200%);
	background: #fff;
	color: #111;
	font-weight: 600;
	text-decoration: underline;
}

.__PREFIX__-skip:focus {
	transform: none;
}

/* A visitor who asked for less motion gets the end state at once, in every block. */
@media (prefers-reduced-motion: reduce) {
	[class*="__PREFIX__-"],
	[class*="__PREFIX__-"] *,
	[class*="__PREFIX__-"] *::before,
	[class*="__PREFIX__-"] *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}