table {
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid var(--black-20);
	border-bottom: 1px solid var(--black-20);
}

table tr:nth-child(even) {
	background-color: var(--black-10);
}

table th {
	padding: 0.75rem;
	vertical-align: top;
	font: var(--xl-bold);
	color: var(--white);
	border-right: 1px solid var(--black-20);
	border-left: 1px solid var(--black-20);
	background-color: var(--color-primary);
}

table td {
	padding: 0.75rem;
	vertical-align: top;
	font: var(--m);
	color: var(--black);
	border-right: 1px solid var(--black-20);
	border-left: 1px solid var(--black-20);
}

.table-scroller {
	overflow-x: auto;
}

.table-scroller::-webkit-scrollbar {
	height: 0.75rem;
}

.table-scroller::-webkit-scrollbar-thumb {
	border-radius: 1rem;
	background: var(--color-primary);
}

.table-scroller::-webkit-scrollbar {
	background: var(--black-10);
}

.table-scroller::-webkit-scrollbar-thumb:hover {
	background: var(--color-primary);
}

@supports (scrollbar-width: auto) {
	.table-scroller {
		scrollbar-width: auto;
		scrollbar-color: var(--color-primary);
	}
}