/* Decoration only: no styles are applied to the existing menu, button or card. */
.floweralba-action-motion {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	overflow: hidden;
	contain: strict;
	pointer-events: none !important;
}

.floweralba-action-motion__particle {
	position: absolute;
	box-sizing: border-box;
	pointer-events: none !important;
	transform-origin: center;
	opacity: 0;
}

.floweralba-action-motion__ring {
	width: 36px;
	height: 36px;
	border: 1.5px solid var(--floweralba-motion-primary, #e7477c);
	border-radius: 50%;
	background: radial-gradient(circle, transparent 48%, var(--floweralba-motion-halo, #ff77a969) 78%, transparent);
}

.floweralba-action-motion__ring--secondary {
	border-color: var(--floweralba-motion-ring, #dca43b);
	background: transparent;
}

.floweralba-action-motion__ray {
	width: 2px;
	height: 12px;
	border-radius: 3px;
	background: var(--floweralba-motion-primary, #e7477c);
}

.floweralba-action-motion__ray--secondary {
	background: var(--floweralba-motion-secondary, #dca43b);
}

/* Administrator-only test surface; it is not rendered on the public site. */
.floweralba-action-motion-preview {
	max-width: 620px;
	margin: 20px 0;
	padding: 20px;
	border: 1px solid #e8eaf0;
	border-radius: 12px;
	background: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.floweralba-action-motion {
		display: none;
	}
}