#sprinklepad {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: -1;
	/* behind content */
	overflow: hidden;
}

.sprinkle {
	position: absolute;
	width: var(--s);
	height: var(--s);
	opacity: var(--o, 0.16);

	transform:
		translate(-50%, -50%) translate3d(var(--px, 0px), var(--py, 0px), 0) rotate(var(--r));
	will-change: transform;

	background: var(--c);
	-webkit-mask-image: var(--img);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-image: var(--img);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;


	mix-blend-mode: multiply;

	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .06));
}