/**
 * Accessibility primitives — shared across all Loriot frontend templates.
 */

.loriot-sr-only,
.loriot-hp {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.loriot-form :focus-visible {
	outline: 3px solid #9A8F66;
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.loriot-form *,
	.loriot-form *::before,
	.loriot-form *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}