table-view {
	display: block;
	width: 100%;
	max-width: 380px;
	overflow-y: auto;
}

table-view-section {
	display: block;
}

table-view-section .title-label {
	background-color: rgba(0, 0, 0, 0.08);
	font-size: 0.8rem;
	display: block;
	padding: 0.2em;
}

table-view-cell {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.85em;
	display: block;
}

table-view-cell:first-child {
	border-top: none;
}

table-view-cell.selected {
	background-color: var(--design-color);
	color: #FFFFFF;
}

table-view-cell .title {
	font-weight: bold;
	font-size: 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

table-view-cell .subtitle {
	font-weight: normal;
	font-size: 0.8rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	margin-top: 0.2em;
}