/*
	CSS Stylesheet „table“
	Version 2023-11-02a
	© 2023 m-ds GmbH
*/

.table {
	border      : 1px solid #bbb;
	color       : #777;
	flex-grow   : 1;
	flex-shrink : 0;
	margin-top  : 16px;
	max-height  : 160px;
	min-height  : max-content;
	overflow    : auto;
}

.table > table {
	border-collapse : collapse;
	width           : 100%;
}

.table th, .table td {
	border-left : 1px solid #ccc;
	font-weight : normal;
	white-space : nowrap;
}

.table th {
	background : linear-gradient(#eee, #ddd);
}

.table td {
	background : linear-gradient(#fff, #eee);
	font-size  : 0.75em;
}

.table thead tr:first-child th {
	background : linear-gradient(#ddd, #ccc);
	padding    : 0 4px 4px 4px;
	text-align : left;
}

.table h2, .table .renderTime {
	display : inline;
}

.table h2 {
	font-size : 1.25em;
}

.table .renderTime {
	font-size   : 0.75em;
	font-weight : normal;
	margin-left : 0.5em;
}

.table.updated {
	animation : wiggle 500ms linear;
}

@keyframes wiggle {
	  0% {transform: scale(1.00)}
	 25% {transform: scale(0.95)}
	 50% {transform: scale(1.00)}
	 75% {transform: scale(0.95)}
	100% {transform: scale(1.00)}
}