div.source_plate, div.dest_plate {
	padding: 3px 3px 3px 3px;
}

div.source_plate {
	border: 2px solid blue;
}
div.dest_plate {
	border: 2px solid red;
}

table, tr, td {
	user-select: none; /* Prevents dragging issue */
	border-spacing: 0px;
}
th {
	font-family: monospace;
	font-size: 0.5rem;
}


td.plate_cell {
	background: none;
}

div.plate_cell_inner {
	aspect-ratio: 1 / 1;
	height: 90%;
	border-radius: 50%;
	border: 2px solid black;
}
td.plate_cell:hover div.plate_cell_inner {
	background: black !important;
}

td.plate_cell.in_transfer div.plate_cell_inner::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	background-image: repeating-linear-gradient(
			45deg,
			rgba(0,0,0,0.8),
			rgba(0,0,0,0.8) 2px,
			transparent 2px,
			transparent 4px
	);
}

td.current_select div.plate_cell_inner {
	border: 4px solid black;
}