.history {
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 0;
	height: calc(100vh - 110px);
	background: #fff;
	border: 1px solid #ccd0d4;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 10px;
}

.loading {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px;
}

.loading .spinner {
	float: none;
	margin: 0;
}

.empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #646970;
	font-size: 14px;
}

.error {
	margin: 16px;
}