/* Scroll Indicator / Arrow */
.scroll-indicator {
	position: absolute;
	bottom: 4rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	cursor: pointer;
    mix-blend-mode: overlay;
}

.scroll-arrow {
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: bounce 2s infinite;
}

.scroll-arrow svg {
	width: 1.5rem;
	height: 1.5rem;
	stroke: var(--color-primary);
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5));
}

@keyframes bounce {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	50% {
		transform: translateY(8px);
		opacity: 0.7;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}