.scroll-area :global(.mantine-ScrollArea-viewport)>div {
	display: block !important;
}

.table {
	-webkit-user-select: text;
	user-select: text;

	th {
		color: var(--mantine-color-bright);
		text-align: start;
		position: sticky;
		top: 0;
	}

	thead tr {
		border: none;
	}

	tbody tr {
		border: none;
	}

	tbody tr:nth-child(odd) {
		background-color: rgba(255, 255, 255, 0.03);

		@include light {
			background-color: rgba(0, 0, 0, 0.03);
		}
	}

	td {
		&:first-child {
			border-top-left-radius: var(--mantine-radius-xs);
			border-bottom-left-radius: var(--mantine-radius-xs);
			padding-left: 0.5rem;
		}

		&:last-child {
			border-top-right-radius: var(--mantine-radius-xs);
			border-bottom-right-radius: var(--mantine-radius-xs);
			padding-right: 0.5rem;
		}
	}

}