section button:disabled {
	background-color: var(--color-dark-white);
	cursor: not-allowed;
	border: none;
	color: var(--color-gray);
}
section td {
	border: 1px solid var(--color-gray);
	padding: 8px;
	position: relative;
}
section .selected {
	background-color: var(--color-dark-white);
}
section input[type="text"] {
	width: 100%;
	border: none;
	background-color: transparent;
}
section .cell-type {
	position: absolute;
	top: 0.5rem;
	right: 1.5rem;
	text-transform: lowercase;
}
section .row-col-container{
	display: flex;
	margin-bottom: 3rem;
	gap: 3rem;
}
section .row-col-container .plus,
section .row-col-container .minus{
	position: relative;
	display: block;
	background-color: var(--color-black);
	border: none;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	border: 1px solid var(--color-black);
	padding: 0;
}
section .row-col-container .plus::after,
section .row-col-container .minus::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	height: 2px;
	background-color: var(--color-light-white);
	display: block;
	transition: 0.3s;
}
section .row-col-container .plus::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2px;
	height: 60%;
	background-color: var(--color-light-white);
	display: block;
	transition: 0.3s;
}
section .radio-content {
	align-items: center;
	column-gap: 2rem;
	font-size: 2rem;
}

section .transition-container {
	display: flex;
	margin-bottom: 3rem;
	user-select: none;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 1rem;
}
section .transition-container button {
	flex-basis: 49%;
}
section #tableContainer,
section #tableContainer *{
	cursor: cell;
}