.defaultPane .bottom-border {
	border: 0.2rem solid transparent;
	width: 100%;
}

.defaultPane .bottom-border-active {
	cursor: copy;
	border: 0.2rem solid;
	border-color: var(--color-bottom-border-highlight, rgb(100%, 65%, 0%));
}

.defaultPane {
	--default-pane-predicate-column: 16rem;
	--default-pane-object-indent: 1.75rem;
}

.defaultPane > tr {
	display: grid;
	grid-template-columns: minmax(0, var(--default-pane-predicate-column)) minmax(0, 1fr);
	align-items: flex-start;
}

.defaultPane > tr > td.pred {
	grid-column: 1;
	display: flex;
	align-items: flex-start;
	padding-left: 0 !important;
	box-sizing: border-box;
	min-width: 0;
}

.defaultPane > tr > td.pred > .labelTD {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.defaultPane > tr > td.pred > .iconTD {
	flex: 0 0 auto;
	width: auto;
	margin: 0;
}

.defaultPane > tr > td.obj {
	grid-column: 2;
	min-width: 0;
	box-sizing: border-box;
	align-self: start;
}

.defaultPane > tr > td[colspan='2'] {
	grid-column: 1 / -1;
}

.defaultPane[data-layout='mobile'] > tr {
	grid-template-columns: minmax(0, 1fr);
}

.defaultPane[data-layout='mobile'] > tr > td.pred,
.defaultPane[data-layout='mobile'] > tr > td.obj {
	display: block;
	grid-column: 1;
	width: 100%;
	box-sizing: border-box;
}

.defaultPane[data-layout='mobile'] > tr > td.pred {
	padding-bottom: var(--spacing-small, 0.1rem);
}

.defaultPane[data-layout='mobile'] > tr > td.obj {
	padding-left: var(--default-pane-object-indent) !important;
}

@media (max-width: 700px) {
	.defaultPane > tr {
		grid-template-columns: minmax(0, 1fr);
	}

	.defaultPane > tr > td.pred,
	.defaultPane > tr > td.obj {
		display: block;
		grid-column: 1;
		width: 100%;
		box-sizing: border-box;
	}

	.defaultPane > tr > td.pred {
		padding-bottom: var(--spacing-small, 0.1rem);
	}

	.defaultPane > tr > td.obj {
		padding-left: var(--default-pane-object-indent) !important;
	}
}
