:host {
	display: table-row;
	border-top: 1px solid rgba(var(--smoothly-medium-color), 0);
	border-bottom: 1px solid rgba(var(--smoothly-medium-color), 0);
}
:host[hidden] {
	display: none
}
:host:hover {
	border-top-color: rgb(var(--smoothly-medium-color));
	border-bottom-color: rgb(var(--smoothly-medium-color));
	box-shadow: var(--smoothly-shadow);
}
:host > td:nth-child(5) {
	max-width: 18em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
:host > td > * {
	padding: .5em .3em;
	width: max-content;
	min-width: 3em;
	display: inline-block;
}
:host > td > .openable:hover {
	background-color: rgb(var(--smoothly-dark-shade));
	cursor: pointer;
}
.opened {
	box-sizing: border-box;
	border: solid 1px rgb(var(--smoothly-medium-shade));; 
	background-color: rgb(var(--smoothly-dark-shade));
	border-bottom: 2.5px solid rgb(var(--smoothly-dark-shade));
	margin-bottom: -2.2px;
	margin-top: -1px;
}
:host > td:first-of-type > .opened {
	border-left: none
}
