.div-table {
	border: 1px solid lightgray;
	width: fit-content;
}

.div-tr {
	display: flex;
	width: fit-content;
	height: 30px;
}

.div-th,
.div-td {
	box-shadow: inset 0 0 0 1px lightgray;
	padding: 0.25rem;
}

.div-th {
	padding: 2px 4px;
	position: relative;
	font-weight: bold;
	text-align: center;
	height: 30px;
}

.div-td {
	height: 30px;
}

.resizer {
	position: absolute;
	top: 0;
	height: 100%;
	right: 0;
	width: 5px;
	background: rgba(0, 0, 0, 0.5);
	cursor: col-resize;
	user-select: none;
	touch-action: none;
}

.resizer.isResizing {
	background: blue;
	opacity: 1;
}

@media (hover: hover) {
	.resizer {
		opacity: 0;
	}

	*:hover > .resizer {
		opacity: 1;
	}
}
