/* AVATAR */
.avatar {
	position:relative;
	margin:0 auto;

	width:74px;
	height:105px;

	background:url("/img/avatar-blank.png");
	background-size:cover;
}
.avatar .eye-left,
.avatar .eye-right {
	position:absolute;
	width:8px;
	height:8px;
	top:49px;

	background:url("/img/avatar-eye-pupil.png");
	background-size:cover;
}
.avatar .eye-left {
	left:26px;
}
.avatar .eye-right {
	left:52px;
}

.avatar .blink-left,
.avatar .blink-right {
	position:absolute;
	width:12px;
	height:4px;
	top:52px;

	display:none;
	background-size:cover;
}
.avatar .blink-left {
	left:25px;
	background-image:url("/img/avatar-blink-left.png");
}
.avatar .blink-right {
	right:12px;
	background-image:url("/img/avatar-blink-right.png");
}

.avatar.blinking:not(.dead) .blink-left,
.avatar.blinking:not(.dead) .blink-right {
	display:block;
}
.avatar.blinking:not(.dead) .eye-left,
.avatar.blinking:not(.dead) .eye-right {
	display:none;
}

.avatar.dead .eye-left,
.avatar.dead .eye-right {
	background-image:url("/img/avatar-eye-dead.png");
}

.avatar.awe .eye-left,
.avatar.awe .eye-right {
	background-image:url("/img/avatar-eye-drugged.png");
	animation: rotate 2s linear infinite;
}

.avatar.love .eye-left,
.avatar.love .eye-right {
	background-image:url("/img/avatar-eye-love.png");
}

.avatar .mouth {
	position:absolute;
	top:76px;
	left:30px;

	width:24px;
	height:10px;

	background:url("/img/avatar-mouth-smile.png");
	background-size:cover;
}
.avatar .mouth.silly {
	background-image:url("/img/avatar-mouth-silly.png");
}
.avatar .mouth.neutral {
	background-image:url("/img/avatar-mouth-neutral.png");
}
.avatar .mouth.serious {
	background-image:url("/img/avatar-mouth-serious.png");
}
.avatar .mouth.sad {
	background-image:url("/img/avatar-mouth-sad.png");
}
.avatar .mouth.dead {
	background-image:url("/img/avatar-mouth-dead.png");
}
.avatar .mouth.awe {
	background-image:url("/img/avatar-mouth-awe.png");
}