.table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.875rem;

	th,
	td {
		padding: 0.75rem 1rem;
		text-align: left;
	}

	thead th {
		font-weight: 600;
		border-bottom: 2px solid #e5e7eb;
	}

	tbody td {
		border-bottom: 1px solid #e5e7eb;
	}
}

.striped {
	tbody tr:nth-child(odd) {
		background-color: #f9fafb;
	}
}

.bordered {
	border: 1px solid #e5e7eb;

	th,
	td {
		border: 1px solid #e5e7eb;
	}
}

.hover {
	tbody tr:hover {
		background-color: #f3f4f6;
	}
}