:host {
	display: block;
}
:host[hidden] {
	display: none;
}
details {
	padding: 0;
}
details > summary > span {
	float: right;
	margin: 0.2em;
	font-size: 60%;
}
details > summary {
	font-size: 120%;
	list-style-type: none;
	cursor: pointer;
	padding: 0.4em;
	color: rgba(var(--smoothly-default-contrast), 0.8);
	fill: rgba(var(--smoothly-default-contrast), 0.8);
}
:host[selected] > details > summary {
	color: rgb(var(--smoothly-primary-contrast));
	background: rgb(var(--smoothly-tertiary-color));
}
details > summary::-webkit-details-marker {
	display: none;
}
details > summary > svg {
	width: 1em;
	height: auto;
	margin-bottom: -0.2em;
	margin-right: 0.4em;
}
:host[selected] > details > summary > svg {
	fill: rgb(var(--smoothly-primary-contrast));
}
