:host {
	display: block;
}
:host[hidden] {
	display: none;
}
:host > section {
	margin-left: .3em;
	display:flex; 
	flex-wrap: nowrap;
}
:host > section > span {
	margin-bottom: 0.8em;
	padding-left: 1.5em;
	white-space: nowrap;
	overflow: hidden;
  text-overflow: visible;
}
:host > section > span.medium {
	flex-grow: 2;
}
:host > section > span.small {
	flex-grow: 1;
}
:host > section > span.big {
	flex-grow: 3;
}
.left {
	border-left: 1px solid rgb(var(--smoothly-medium-color));
}
:host > section > smoothly-trigger {
	
	margin-right: 0px;
	margin-left: 8px;
	margin-top: -3px;
	float: right;
}
