.table {
	display: grid;
	grid-template-columns: auto auto auto;
	width: fit-content;
}

.cell {
	/* width: max(fit-content, 100%); */
	border: 1px solid silver;
	user-select: none;

	/* Border-collapsing hack */
	margin-left: -1px;
	margin-top: -1px;

	&.selectionPart {
		background-color: #EEEEEE;
		z-index: 2;
	}
	
	&.selectionLeftEdge {
		border-left: 2px solid rgb(36, 36, 36);
		margin-left: -2px; /* Includes border-collapsing compensation */
	}
	
	&.selectionRightEdge {
		border-right: 2px solid rgb(36, 36, 36);
		margin-right: -1px;
	}
	
	&.selectionTopEdge {
		border-top: 2px solid rgb(36, 36, 36);
		margin-top: -2px; /* Includes border-collapsing compensation */
	}
	
	&.selectionBottomEdge {
		border-bottom: 2px solid rgb(36, 36, 36);
		margin-bottom: -1px;
	}	
}

.cellContents, .editableCell {
	padding: 3px 5px;
	white-space: pre-wrap;
}