/*
 * boberstore/express — placeholder pills shown while the Apple Pay / Google Pay
 * buttons load (cart drawer + cart page). Black like the wallet buttons, labelled
 * "Loading Apple Pay…" / "Loading Google Pay…", with a shine sweeping across.
 */
.boberstore-express__placeholder {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 1em;
	overflow: hidden;
	border-radius: 999px;
	background: #000;
	color: rgba(255, 255, 255, 0.82);
	font: 600 15px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	letter-spacing: 0.01em;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
	user-select: none;
}

.boberstore-express__placeholder::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, transparent 25%, rgba(255, 255, 255, 0.3) 50%, transparent 75%);
	transform: translateX(-100%);
	animation: boberstore-express-shine 1.4s ease-in-out infinite;
}

@keyframes boberstore-express-shine {
	to {
		transform: translateX(100%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.boberstore-express__placeholder::after {
		display: none;
	}
}