.wp-block-wrd-separator {
	align-items: start;
	color: var(--color__surface_700);
}

.wp-block-wrd-separator__line {
	border-top: 1px solid currentColor;
}

.wp-block-wrd-separator__decoration > svg {
	fill: currentColor;
	width: 100%;
	height: auto;
	overflow: clip;
}

/* Barcode */
.wp-block-wrd-separator.is-graphic-barcode .wp-block-wrd-separator__decoration {
	width: 66%;
}

.wp-block-wrd-separator.is-graphic-barcode
	.wp-block-wrd-separator__decoration
	path {
	animation: wp-block-wrd-separator__barcode infinite ease-in-out alternate;
	animation-fill-mode: both;
	animation-duration: calc(var(--random-seed) * 4s + 1s);
	animation-delay: calc(var(--random-seed) * 5s);
}

.wp-block-wrd-separator.is-graphic-barcode
	.wp-block-wrd-separator__decoration
	path:first-child,
.wp-block-wrd-separator.is-graphic-barcode
	.wp-block-wrd-separator__decoration
	path:last-child {
	animation: none;
}

@keyframes wp-block-wrd-separator__barcode {
	0% {
		transform: translateX(calc(var(--random-seed) * 10%));
	}
	100% {
		transform: translateX(calc(var(--random-seed) * -10%));
	}
}

/* Bulbs */
.wp-block-wrd-separator.is-graphic-bulbs {
	align-items: center;
}

.wp-block-wrd-separator.is-graphic-bulbs
	.wp-block-wrd-separator__decoration
	circle {
	stroke: currentColor;
	stroke-width: 1px;
	fill: transparent;
	animation: wp-block-wrd-separator__bulbs 3s infinite ease-in-out;
	animation-duration: calc(var(--random-seed) * 11s + 500ms);
	animation-delay: calc(var(--random-seed) * 11s + 500ms);
}

.wp-block-wrd-separator.is-graphic-bulbs
	.wp-block-wrd-separator__decoration
	circle:nth-child(2),
.wp-block-wrd-separator.is-graphic-bulbs
	.wp-block-wrd-separator__decoration
	circle:nth-child(3),
.wp-block-wrd-separator.is-graphic-bulbs
	.wp-block-wrd-separator__decoration
	circle:nth-child(5),
.wp-block-wrd-separator.is-graphic-bulbs
	.wp-block-wrd-separator__decoration
	circle:nth-child(12) {
	fill: currentColor;
	animation: none;
}

@keyframes wp-block-wrd-separator__bulbs {
	0% {
		fill: currentColor;
	}
	10% {
		fill: transparent;
	}
	100% {
		fill: transparent;
	}
}

/* Waveform */

.wp-block-wrd-separator.is-graphic-waveform
	.wp-block-wrd-separator__decoration
	path {
	stroke: currentColor;
	stroke-width: 1px;
	fill: none;
	animation: wp-block-wrd-separator__waveform 10s infinite steps(2);
	animation-delay: calc(var(--child-index) * 90ms);
	transition: animate-delay 300ms ease-in, stroke 300ms ease-in;
	transform: scaleY(0);
}

@keyframes wp-block-wrd-separator__waveform {
	0% {
		transform: scaleY(0.679490555388788);
	}
	5% {
		transform: scaleY(0.8005117357029798);
	}
	10% {
		transform: scaleY(0.4381227086557405);
	}
	15% {
		transform: scaleY(0.4092540179680958);
	}
	20% {
		transform: scaleY(0.7845646754172104);
	}
	25% {
		transform: scaleY(0.83635299345929928);
	}
	30% {
		transform: scaleY(0.3722232184716552);
	}
	35% {
		transform: scaleY(0.23635299345929928);
	}
	40% {
		transform: scaleY(0.69490468918642991);
	}
	45% {
		transform: scaleY(0.96522720487172584);
	}
	50% {
		transform: scaleY(0.1697406934348651);
	}
	55% {
		transform: scaleY(0.3873104270901562);
	}
	60% {
		transform: scaleY(0.3873104270901562);
	}
	65% {
		transform: scaleY(0.98500510536853454);
	}
	70% {
		transform: scaleY(0.6211221766038785);
	}
	75% {
		transform: scaleY(0.9438399503325616);
	}
	80% {
		transform: scaleY(0.5395301575365633);
	}
	85% {
		transform: scaleY(0.5395301575365633);
	}
	90% {
		transform: scaleY(0.225776615684599324);
	}
	95% {
		transform: scaleY(0.700171331668522);
	}
	100% {
		transform: scaleY(0.5382859988210452);
	}
}