/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Прыгающий индикатор писем'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Игорь Лохман'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "../wp-content/plugins/super-style/assets/image/igor-main-author-ava.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Заставляет индикатор уведомлений игриво подпрыгивать и привлекать внимание ученика.'; */

/* ------------------------- */
/* НЕ ТРОГАЙТЕ ВСЁ, ЧТО НИЖЕ */
/* ------------------------- */

/* Анимация Индикатора уведомлений */

.mbln-notifications-number {
	/* характер анимации. Бесконечная. linear или ease */
	animation: number_ani 1s ease infinite;
	/* проигрывает анимацию сначала вперед, потом назад */
	animation-direction: alternate;
}

.mbln-notifications-number:hover {
	/* пауза анимации при наведении мыши */
	animation-play-state: paused;
}

/* Подпрыгивание Индикатора уведомлений */

@keyframes number_ani {
        0%   { transform: translateY(0); }
        30%  { transform: translateY(-5px); }
        50%  { transform: translateY(0); }
        100% { transform: translateY(0); }
}

/* Мигание. Плавное затухание, резкое появление */
/*
@keyframes number_ani {
  from { opacity: 1; }
  to { opacity: 0; }
}
*/

/* Мигание. Плавное появление, резкое затухание */

/*
@keyframes number_ani {
   0% {opacity: 0;}
  100% {opacity: 1;}
}
*/

/* Мигание. Отдельно цифра, отдельно круг  */

/* 
@-webkit-keyframes number_ani {
	100% { color: rgba(34, 34, 34, 0); }
	100% { background: rgba(34, 34, 34, 0); }
} 
*/