.Rabbit {
	--rabbit-body-width: 260px;
	--rabbit-body-height: 260px;
	--rabbit-offset-x: -20px;
	--rabbit-offset-y: -10px;
	--rabbit-head-offset-x: 25px;
	--rabbit-head-offset-y: -45px;

	display: flex;
	justify-content: center;
	cursor: pointer;
}

.RabbitBody {
	position: relative;
	display: inline-block;
	line-height: 0;
	width: var(--rabbit-body-width);
	height: var(--rabbit-body-height);
	transform: translate(var(--rabbit-offset-x), var(--rabbit-offset-y));
}

.RabbitBody img {
	display: block;
}

.RabbitFrame {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	animation: rabbitFrame 0.375s steps(1) infinite;
}

.RabbitFrameOne {
	animation-delay: 0s;
}

.RabbitFrameTwo {
	animation-delay: -0.125s;
}

.RabbitFrameThree {
	animation-delay: -0.25s;
}

.RabbitHead {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + var(--rabbit-head-offset-x)), calc(-50% + var(--rabbit-head-offset-y)));
	width: auto;
	height: auto;
}

.RabbitFollow {
	position: absolute;
	right: 0px;
	bottom: -5px;
	opacity: 0.5;
	pointer-events: none;
}

@keyframes rabbitFrame {
	0% {
		opacity: 1;
	}
	33.333% {
		opacity: 1;
	}
	33.334% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}