// =============================================================================
// modbot
// =============================================================================

.modbot {
	text-align: center;
}

.modbot svg {
	width: 100%;
	height: 100%;
	max-height: 500px;
}

/* eye brows */
.modbot--eyebrows .modbot-eyebrows {
	animation-name: eyebrows;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transition-timing-function: ease-in-out;
}

@keyframes eyebrows {
	0%, 60%, 70%, 80%, 90%, 100% {
		transform-origin: center;
		transform: translateY(0px) scale(1);
	}
	65%, 75% {
		transform: translateY(-2px) scale(1.03);
	}
}

/* blinking lights */
.modbot--blink .modbot-torso-light {
    transform-origin: center;
    animation: blinking-light 2s step-start infinite;
}

@keyframes blinking-light {
	50% { fill: $color-secondary; }
	100% { fill: green; }
}