:host  {
	display: flex;
	flex-direction: column;
}
:host[view="multiple"] {
	padding: 1em;
	padding-left: 4.5em;
}
:host[view="single"] > label {
	font-weight: bold;
	padding: .5em 0.5em;
	width: 100%;
	margin-bottom: .5em;
	text-transform: capitalize;
}
:host[view="single"] {
	border: 1px solid rgb(var(--smoothly-medium-color));
	padding-bottom: 1em;
	overflow: hidden;
	margin-top: 2em;
	margin-bottom: 2em;
}
:host > main {
	display: flex;
	align-self: center;
	padding-bottom: 1em;
	width: 60em;
	margin: 0;
}
smoothly-display {
	text-align: left;
  margin: 0;
	width: min-content;
	white-space: nowrap;
}
:host > main > section  {
  width: 30%;
}
:host > main > section > *:first-child {
  font-weight: bold;
	padding: .1em;
}
:host > main > section > *::first-letter {
	text-transform: capitalize;
}
