/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

@keyframes mixColumns-row-0 {
	0%, 100% { top: 0px; }
	50% { top: 105px; }
}

@keyframes mixColumns-row-1 {
	0%, 100% { top: 0px; }
	50% { top: 35px; }
}

@keyframes mixColumns-row-2 {
	0%, 100% { bottom: 0px; }
	50% { bottom: 35px; }
}

@keyframes mixColumns-row-3 {
	0%, 100% { bottom: 0px; }
	50% { bottom: 105px; }
}

@keyframes mixColums-text {
	0%, 100% { opacity: 100%; }
	50% { opacity: 0%; }
}

table.animate-mixColumns > tbody > tr.row-0 {
	animation: mixColumns-row-0 1s ease-in-out 1 forwards;
}

table.animate-mixColumns > tbody > tr.row-1 {
	animation: mixColumns-row-1 1s ease-in-out 1 forwards;
}

table.animate-mixColumns > tbody > tr.row-2 {
	animation: mixColumns-row-2 1s ease-in-out 1 forwards;
}

table.animate-mixColumns > tbody > tr.row-3 {
	animation: mixColumns-row-3 1s ease-in-out 1 forwards;
}

table.animate-mixColumns > tbody > tr > td > span {
	animation: mixColums-text 1s ease-in-out 1 forwards;
}