@keyframes shaking {
	0% { transform: none; }
	10% { transform: none; }
	20% { transform: none; }
	30% { transform: rotate(-10deg); }
	40% { transform: rotate(45deg); }
	50% { transform: rotate(-45deg); }
	60% { transform: rotate(10deg); }
	70% { transform: none; }
	80% { transform: none; }
	100% { transform: none; }
}

a.shaking i {
	animation: shaking ease-in-out 2.5s infinite;
	color: var(--bui);
}

@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes fadeIn1 {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 0.5; }
}

@keyframes circling {
	0% { clip-path: polygon(50% 3%, 97% 50%, 50% 97%, 3% 50%); }
	5% { clip-path: polygon(50% 3%, 97% 50%, 50% 97%, 3% 50%); }
	12.5% { clip-path: polygon(97% 3%, 97% 97%, 3% 97%, 3% 3%); }
	17.5% { clip-path: polygon(97% 3%, 97% 97%, 3% 97%, 3% 3%); }
	25% { clip-path: polygon(97% 50%, 50% 97%, 3% 50%, 50% 3%); }
	30% { clip-path: polygon(97% 50%, 50% 97%, 3% 50%, 50% 3%); }
	37.5% { clip-path: polygon(97% 97%, 3% 97%, 3% 3%, 97% 3%); }
	42.5% { clip-path: polygon(97% 97%, 3% 97%, 3% 3%, 97% 3%); }
	50% { clip-path: polygon(50% 97%, 3% 50%, 50% 3%, 97% 50%); }
	55% { clip-path: polygon(50% 97%, 3% 50%, 50% 3%, 97% 50%); }
	65.5% { clip-path: polygon(3% 97%, 3% 3%, 97% 3%, 97% 97%); }
	70.5% { clip-path: polygon(3% 97%, 3% 3%, 97% 3%, 97% 97%); }
	75% { clip-path: polygon(3% 50%, 50% 3%, 97% 50%, 50% 97%); }
	80% { clip-path: polygon(3% 50%, 50% 3%, 97% 50%, 50% 97%); }
	87.5% { clip-path: polygon(3% 3%, 97% 3%, 97% 97%, 3% 97%); }
	92.5% { clip-path: polygon(3% 3%, 97% 3%, 97% 97%, 3% 97%); }
	100% { clip-path: polygon(50% 3%, 97% 50%, 50% 97%, 3% 50%); }
}

@keyframes circling2 {
	0% { transform: rotate(45deg); top: 0; right: 0; bottom: 0; left: 0; }
	5% { transform: rotate(45deg); top: 0; right: 0; bottom: 0; left: 0; }
	12.5% { transform: rotate(0deg); top: -40px; right: -40px; bottom: -40px; left: -40px; }
	17.5% { transform: rotate(0deg); top: -40px; right: -40px; bottom: -40px; left: -40px; }
	25% { transform: rotate(-45deg); top: 0; right: 0; bottom: 0; left: 0; }
	30% { transform: rotate(-45deg); top: 0; right: 0; bottom: 0; left: 0; }
	37.5% { transform: rotate(-90deg); top: -40px; right: -40px; bottom: -40px; left: -40px; }
	42.5% { transform: rotate(-90deg); top: -40px; right: -40px; bottom: -40px; left: -40px; }
	50% { transform: rotate(-135deg); top: 0; right: 0; bottom: 0; left: 0; }
	55% { transform: rotate(-135deg); top: 0; right: 0; bottom: 0; left: 0; }
	65.5% { transform: rotate(-180deg); top: -40px; right: -40px; bottom: -40px; left: -40px; }
	70.5% { transform: rotate(-180deg); top: -40px; right: -40px; bottom: -40px; left: -40px; }
	75% { transform: rotate(-225deg); top: 0; right: 0; bottom: 0; left: 0; }
	80% { transform: rotate(-225deg); top: 0; right: 0; bottom: 0; left: 0; }
	87.5% { transform: rotate(-270deg); top: -40px; right: -40px; bottom: -40px; left: -40px; }
	92.5% { transform: rotate(-270deg); top: -40px; right: -40px; bottom: -40px; left: -40px; }
	100% { transform: rotate(-315deg); top: 0; right: 0; bottom: 0; left: 0; }
}

@keyframes circling3 {
	0% { transform: rotate(0deg); }
	5% { transform: rotate(0deg); }
	12.5% { transform: rotate(45deg); }
	17.5% { transform: rotate(45deg); }
	25% { transform: rotate(90deg); }
	30% { transform: rotate(90deg); }
	37.5% { transform: rotate(135deg); }
	42.5% { transform: rotate(135deg); }
	50% { transform: rotate(180deg); }
	55% { transform: rotate(180deg); }
	65.5% { transform: rotate(225deg); }
	70.5% { transform: rotate(225deg); }
	75% { transform: rotate(270deg); }
	80% { transform: rotate(270deg); }
	87.5% { transform: rotate(315deg); }
	92.5% { transform: rotate(315deg); }
	100% { transform: rotate(360deg); }
}

/* diamond + circle */

@keyframes circling4 {
	0% { top: 0; right: 0; bottom: 0; left: 0; }
	5% { top: 0; right: 0; bottom: 0; left: 0; }
	12.5% { top: -50px; right: -50px; bottom: -50px; left: -50px; }
	17.5% { top: -50px; right: -50px; bottom: -50px; left: -50px; }
	25% { top: 0; right: 0; bottom: 0; left: 0; }
	30% { top: 0; right: 0; bottom: 0; left: 0; }
	37.5% { top: -50px; right: -50px; bottom: -50px; left: -50px; }
	42.5% { top: -50px; right: -50px; bottom: -50px; left: -50px; }
	50% { top: 0; right: 0; bottom: 0; left: 0; }
	55% { top: 0; right: 0; bottom: 0; left: 0; }
	65.5% { top: -50px; right: -50px; bottom: -50px; left: -50px; }
	70.5% { top: -50px; right: -50px; bottom: -50px; left: -50px; }
	75% { top: 0; right: 0; bottom: 0; left: 0; }
	80% { top: 0; right: 0; bottom: 0; left: 0; }
	87.5% { top: -50px; right: -50px; bottom: -50px; left: -50px; }
	92.5% { top: -50px; right: -50px; bottom: -50px; left: -50px; }
	100% { top: 0; right: 0; bottom: 0; left: 0; }
}

@keyframes circling5 {
	0% { transform: rotate(45deg); top: 25px; right: 25px; bottom: 25px; left: 25px; }
	5% { transform: rotate(45deg); top: 25px; right: 25px; bottom: 25px; left: 25px; }
	12.5% { transform: rotate(-45deg); top: -25px; right: -25px; bottom: -25px; left: -25px; }
	17.5% { transform: rotate(-45deg); top: -25px; right: -25px; bottom: -25px; left: -25px; }
	25% { transform: rotate(-135deg); top: 25px; right: 25px; bottom: 25px; left: 25px; }
	30% { transform: rotate(-135deg); top: 25px; right: 25px; bottom: 25px; left: 25px; }
	37.5% { transform: rotate(-225deg); top: -25px; right: -25px; bottom: -25px; left: -25px; }
	42.5% { transform: rotate(-225deg); top: -25px; right: -25px; bottom: -25px; left: -25px; }
	50% { transform: rotate(-315deg); top: 25px; right: 25px; bottom: 25px; left: 25px; }
	55% { transform: rotate(-315deg); top: 25px; right: 25px; bottom: 25px; left: 25px; }
	65.5% { transform: rotate(-405deg); top: -25px; right: -25px; bottom: -25px; left: -25px; }
	70.5% { transform: rotate(-405deg); top: -25px; right: -25px; bottom: -25px; left: -25px; }
	75% { transform: rotate(-495deg); top: 25px; right: 25px; bottom: 25px; left: 25px; }
	80% { transform: rotate(-495deg); top: 25px; right: 25px; bottom: 25px; left: 25px; }
	87.5% { transform: rotate(-585deg); top: -25px; right: -25px; bottom: -25px; left: -25px; }
	92.5% { transform: rotate(-585deg); top: -25px; right: -25px; bottom: -25px; left: -25px; }
	100% { transform: rotate(-675deg); top: 25px; right: 25px; bottom: 25px; left: 25px; }
}

@keyframes circling6 {
	0% { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); border-radius: 0; }
	5% { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); border-radius: 0; }
	12.5% { clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0); border-radius: 50%; }
	17.5% { clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0); border-radius: 50%; }
	25% { clip-path: polygon(100% 50%, 50% 100%, 0 50%, 50% 0); border-radius: 0; }
	30% { clip-path: polygon(100% 50%, 50% 100%, 0 50%, 50% 0); border-radius: 0; }
	37.5% { clip-path: polygon(100% 100%, 0 100%, 0 0, 100% 0); border-radius: 50%; }
	42.5% { clip-path: polygon(100% 100%, 0 100%, 0 0, 100% 0); border-radius: 50%; }
	50% { clip-path: polygon(50% 100%, 0 50%, 50% 0, 100% 50%); border-radius: 0; }
	55% { clip-path: polygon(50% 100%, 0 50%, 50% 0, 100% 50%); border-radius: 0; }
	65.5% { clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%); border-radius: 50%; }
	70.5% { clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%); border-radius: 50%; }
	75% { clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); border-radius: 0; }
	80% { clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); border-radius: 0; }
	87.5% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); border-radius: 50%; }
	92.5% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); border-radius: 50%; }
	100% { clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); border-radius: 0; }
}