@keyframes bounce {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-6px);
	}
}

@keyframes rotated-bounce {
	from {
		transform: translateY(0) rotate(9.71884deg);
	}
	to {
		transform: translateY(-6px) rotate(9.71884deg);
	}
}

.toaster-icon,
.chatbox-icon,
.checklist-icon {
	will-change: transform;
}

.toaster-icon {
	animation: bounce 1.2s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite
		alternate-reverse forwards;
}

.chatbox-icon {
	animation: bounce 1.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite
		alternate forwards;
}

rect.checklist-icon {
    transform-origin: 159.704px 7px;
	animation: rotated-bounce 1.1s cubic-bezier(0.36, 0.02, 0.59, 0.9)
		infinite alternate forwards;
}

.checklist-icon {
	animation: bounce 1.1s cubic-bezier(0.36, 0.02, 0.59, 0.9) infinite
		alternate forwards;
}

@keyframes right-to-left {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-10px);
	}
}

.image-icon-clouds path {
	animation: right-to-left 10s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite
		forwards forwards;
	will-change: transform;
}

.radio-button-icon-inner {
	r: 0;
	transition: 200ms cubic-bezier(0.68, -0.55, 0.27, 1.55);

	&.active {
		r: 16;
	}
}

.radio-button-icon {
	cursor: pointer;
	transition: 200ms;
	fill: transparent;

	&:hover {
		r: 34;
	}
}

@keyframes logo-glow {
	from {
		transform: translateX(0) translateY(0);
        scale: 1;
	}
	to {
		transform: translateX(-40px) translateY(-80px);
        scale: 1.2;
	}
}

@keyframes fade-out {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 0.1;
	}
}

.logo-glow {
	animation: logo-glow 2s ease-out infinite alternate forwards;
}

.logo-glow-ray {
	opacity: 0.5;
	animation: fade-out 2s ease-out infinite alternate forwards;
}