:host {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 60em;
	margin: auto;
}
:host[hidden] {
	display: none;
}
:host > table {
	width: 100%;
	border: 1px solid rgb(var(--smoothly-medium-color));
	background-color: rgb(var(--smoothly-default-color));
	margin-top: 1em;
}
:host > table > th {
	position: sticky;
	width: 5em;
	text-align: left;
	padding: 0.2em 0.5em;
	text-transform: capitalize;
}
:host > table > th:not(:first-of-type) {
	text-transform: uppercase;
}
:host > table tr {
	display: table-row;
}
:host td {
	padding-left: .3em;
}
tr > * {
	display: table-cell;
	text-align: left;
	padding: 0.2em .5em;
	min-width: min-content;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: capitalize;
}
