plate-tool/assets/css/plate.css

table, tr, td {
	user-select: none; /* Prevents dragging issue */
	border-spacing: 0px;
}
td.plate_cell {
	height: 2vmin;
	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
	);
}

div.source_plate td.current_select div.plate_cell_inner {
	background-image: linear-gradient(lightblue, lightblue);
}
div.dest_plate td.current_select div.plate_cell_inner {
	background: lightcoral;
}