@layer base {
	[data-stuttering-nonafecta] {
		display: flex;

		--duration: 18s;
		--ease: var(--ease-out);

		& [data-stuttering-nonafecta-left],
		& [data-stuttering-nonafecta-right] {
			flex-shrink: 0;
			animation: stuttering-nonafecta-shift var(--duration) var(--ease)
				infinite;

			:where(&) {
				flex-basis: 100%;
			}

			&[data-stuttering-nonafecta-left] {
				& [data-stuttering-nonafecta-image-1] {
					animation: stuttering-nonafecta-scale-out-1 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-2] {
					animation: stuttering-nonafecta-scale-out-2 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-3] {
					animation: stuttering-nonafecta-scale-out-3 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-4] {
					animation: stuttering-nonafecta-scale-out-4 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-5] {
					animation: stuttering-nonafecta-scale-out-5 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-6] {
					animation: stuttering-nonafecta-scale-out-6 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-7] {
					animation: stuttering-nonafecta-scale-out-7 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-8] {
					animation: stuttering-nonafecta-scale-out-8 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-9] {
					animation: stuttering-nonafecta-scale-out-9 var(--duration)
						var(--ease) infinite;
				}
			}

			&[data-stuttering-nonafecta-right] {
				& [data-stuttering-nonafecta-image-1] {
					animation: stuttering-nonafecta-scale-in-1 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-2] {
					animation: stuttering-nonafecta-scale-in-2 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-3] {
					animation: stuttering-nonafecta-scale-in-3 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-4] {
					animation: stuttering-nonafecta-scale-in-4 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-5] {
					animation: stuttering-nonafecta-scale-in-5 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-6] {
					animation: stuttering-nonafecta-scale-in-6 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-7] {
					animation: stuttering-nonafecta-scale-in-7 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-8] {
					animation: stuttering-nonafecta-scale-in-8 var(--duration)
						var(--ease) infinite;
				}

				& [data-stuttering-nonafecta-image-9] {
					animation: stuttering-nonafecta-scale-in-9 var(--duration)
						var(--ease) infinite;
				}
			}
		}
	}

	@keyframes stuttering-nonafecta-shift {
		0%,
		5% {
			translate: 0 0;
		}

		11.11%,
		16.11% {
			translate: -11.11% 0;
		}

		22.22%,
		27.22% {
			translate: -22.22% 0;
		}

		33.33%,
		38.33% {
			translate: -33.33% 0;
		}

		44.44%,
		49.44% {
			translate: -44.44% 0;
		}

		55.56%,
		60.56% {
			translate: -55.56% 0;
		}

		66.67%,
		71.67% {
			translate: -66.67% 0;
		}

		77.78%,
		82.78% {
			translate: -77.78% 0;
		}

		88.89%,
		93.89% {
			translate: -88.89% 0;
		}

		100% {
			translate: -100% 0;
		}
	}

	@keyframes stuttering-nonafecta-scale-in-1 {
		0%,
		5% {
			scale: 0.5;
		}

		11.11%,
		100% {
			transform-origin: bottom left;
			scale: 1;
		}
	}

	@keyframes stuttering-nonafecta-scale-out-1 {
		0%,
		5% {
			scale: 1;
		}

		11.11%,
		100% {
			transform-origin: bottom right;
			scale: 0.5;
		}
	}

	@keyframes stuttering-nonafecta-scale-in-2 {
		0%,
		16.11% {
			scale: 0.5;
		}

		22.22%,
		100% {
			transform-origin: bottom left;
			scale: 1;
		}
	}

	@keyframes stuttering-nonafecta-scale-out-2 {
		0%,
		16.11% {
			scale: 1;
		}

		22.22%,
		100% {
			transform-origin: bottom right;
			scale: 0.5;
		}
	}

	@keyframes stuttering-nonafecta-scale-in-3 {
		0%,
		27.22% {
			scale: 0.5;
		}

		33.33%,
		100% {
			transform-origin: bottom left;
			scale: 1;
		}
	}

	@keyframes stuttering-nonafecta-scale-out-3 {
		0%,
		27.22% {
			scale: 1;
		}

		33.33%,
		100% {
			transform-origin: bottom right;
			scale: 0.5;
		}
	}

	@keyframes stuttering-nonafecta-scale-in-4 {
		0%,
		38.33% {
			scale: 0.5;
		}

		44.44%,
		100% {
			transform-origin: bottom left;
			scale: 1;
		}
	}

	@keyframes stuttering-nonafecta-scale-out-4 {
		0%,
		38.33% {
			scale: 1;
		}

		44.44%,
		100% {
			transform-origin: bottom right;
			scale: 0.5;
		}
	}

	@keyframes stuttering-nonafecta-scale-in-5 {
		0%,
		49.44% {
			scale: 0.5;
		}

		55.56%,
		100% {
			transform-origin: bottom left;
			scale: 1;
		}
	}

	@keyframes stuttering-nonafecta-scale-out-5 {
		0%,
		49.44% {
			scale: 1;
		}

		55.56%,
		100% {
			transform-origin: bottom right;
			scale: 0.5;
		}
	}

	@keyframes stuttering-nonafecta-scale-in-6 {
		0%,
		60.56% {
			scale: 0.5;
		}

		66.67%,
		100% {
			transform-origin: bottom left;
			scale: 1;
		}
	}

	@keyframes stuttering-nonafecta-scale-out-6 {
		0%,
		60.56% {
			scale: 1;
		}

		66.67%,
		100% {
			transform-origin: bottom right;
			scale: 0.5;
		}
	}

	@keyframes stuttering-nonafecta-scale-in-7 {
		0%,
		71.67% {
			scale: 0.5;
		}

		77.78%,
		100% {
			transform-origin: bottom left;
			scale: 1;
		}
	}

	@keyframes stuttering-nonafecta-scale-out-7 {
		0%,
		71.67% {
			scale: 1;
		}

		77.78%,
		100% {
			transform-origin: bottom right;
			scale: 0.5;
		}
	}

	@keyframes stuttering-nonafecta-scale-in-8 {
		0%,
		82.78% {
			scale: 0.5;
		}

		88.89%,
		100% {
			transform-origin: bottom left;
			scale: 1;
		}
	}

	@keyframes stuttering-nonafecta-scale-out-8 {
		0%,
		82.78% {
			scale: 1;
		}

		88.89%,
		100% {
			transform-origin: bottom right;
			scale: 0.5;
		}
	}

	@keyframes stuttering-nonafecta-scale-in-9 {
		0%,
		93.89% {
			scale: 0.5;
		}

		100% {
			transform-origin: bottom left;
			scale: 1;
		}
	}

	@keyframes stuttering-nonafecta-scale-out-9 {
		0%,
		93.89% {
			scale: 1;
		}

		100% {
			transform-origin: bottom right;
			scale: 0.5;
		}
	}
}