@charset "UTF-8";

.inputSide {
	width: 75%;
}

.detail-table {
	display: table;
	width: 100%;
	height: 100%;
	margin-bottom: 1em;
	color: light-dark( var(--wa-color-blue-50), var(--wa-color-gray-40) );
	border: solid 1px;
	border-color: light-dark( var(--wa-color-blue-50), var(--wa-color-gray-20) );
}

.detail-head {
	display: table-header-group;
}

.detail-body {
	display: table-row-group;
}

.detail-foot {
	display: table-footer-group;
}

.detail-row {
	display: table-row;
	padding: 0.5em;
	height: auto;
}

.detail-row:nth-child(even) {
	background-color: light-dark( var(--wa-color-gray-90), var(--wa-color-gray-05) );
}

.detail-cell {
	display: table-cell;
	padding: 0.625em;
	height: auto;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	text-align: center;
	color: light-dark( var(--wa-color-blue-50), var(--wa-color-gray-95) );
}

.detail-th {
	display: table-cell;
	padding: 0.625em;
	height: auto;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	background-color: light-dark( var(--wa-color-indigo-90), var(--wa-color-purple-20) );
	border-bottom: 1px solid;
	border-bottom-color: light-dark( var(--wa-color-blue-50), var(--wa-color-gray-20) );
}

.detail-caption {
	display: table-caption;
	padding: 0.625em;
	height: auto;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	background-color: light-dark( var(--wa-color-indigo-90), var(--wa-color-purple-40) );
	border: solid 1px;
	border-bottom-style: none;
	border-color: light-dark( var(--wa-color-blue-50), var(--wa-color-gray-20) );
}