:host {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
:host[hidden] {
	display: none;
}
:host  > section  {
	width: 100%;
}
:host > section > label {
	font-weight: bold;
	text-align: left;
	padding-bottom: .2em;
}
:host > section > smoothly-display {
	width: 10em;
	max-width: 10em;
	text-transform: capitalize;
	align-self: flex-start;
}
:host > section > span {
	background: rgba(0, 0, 0, 0.5);
  text-align: center;
  border-radius: 6px;
  padding: .6em;
  position: absolute;
	z-index: 1;
	visibility: hidden; 
}
:host > section:hover > span {
	visibility: visible;
	-moz-transition-delay: .5s;
	transition-delay: .5s;
}
