:root {
	--pld-background: #e2e5e8;
	--pld-shape: #cbd1d6;
	--pld-highlight: #f5f6f7;
	--pld-radius: 10px;
}

.pld-skeleton {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	min-height: var(--pld-min-height, 480px) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	margin: 20px 0 !important;
	border-radius: var(--pld-radius) !important;
	background-color: var(--pld-background) !important;
}

.pld-skeleton__visual {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	background-color: var(--pld-background) !important;
	background-image: var(--pld-image, none);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.pld-skeleton--css-fallback::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
	transform: translateX(-100%);
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 255, 255, 0.65) 50%,
		transparent 100%
	);
	animation: pld-shimmer 1.45s infinite;
	pointer-events: none;
}

.pld-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

@keyframes pld-shimmer {
	100% {
		transform: translateX(100%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.pld-skeleton--css-fallback::after {
		animation: none;
	}
}