.root {
	.head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		overflow: hidden;

		.text {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		svg {
			cursor: pointer;
			min-width: 21px;
			fill: var(--table-header-contrast);
		}
	}

	.cell {
		overflow: hidden;
		word-wrap: break-word;

		.content {
			max-width: 270px;
			width: 100%;
			word-break: break-word;
		}
	}

	.row {
		&:hover {
			background-color: var(--table-background-hovered);
		}
	}
}