/**
 * Pipeline Canvas background animation.
 */

.background-animation--pipeline {
	--theme-pipeline-background-color: hsl(150deg 80% 1%);
	--theme-pipeline-color-1: var(--theme-gradient-color-1, #e83e8c);
	--theme-pipeline-color-2: var(--theme-gradient-color-2, #4f6cff);

	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	background-color: var(--theme-pipeline-background-color);
	pointer-events: none;
}

.background-animation--pipeline .background-animation__canvas {
	display: block;
	width: 100%;
	height: 100%;
}