:host {
	display: flex;
	margin: auto;
	border: 1px solid rgb(var(--smoothly-medium-color));
	width: 100%;
	max-width: 90em;
	z-index: 1;
	position: sticky;
	bottom: 0;
	color: rgb(var(--smoothly-light-contrast));
	background-color: rgb(var(--smoothly-light-color));
	height: 2em;
	align-items: center;
}
:host > *::first-letter {
	text-transform: uppercase;
	padding-left: .5em;
}
:host > smoothly-display:nth-child(odd):not(:first-of-type) {
	padding-left: 5%;
}
smoothly-display-amount {
	padding-left: .5em;
}
:host > *:not(smoothly-popup) {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: capitalize;
}
:host > smoothly-popup {
	position: absolute;
	right: 0;
	padding-right: .5em;
	cursor: pointer;
}
smoothly-popup smoothly-display {
	background-color: rgb(var(--smoothly-medium-contrast));
	color: rgb(var(--smoothly-medium-shade));
	padding: .4em;
}
smoothly-popup div > section {
	display: flex;
}
smoothly-popup section:first-of-type > smoothly-display:first-of-type {
	border-bottom: 1px solid rgb(var(--smoothly-medium-shade));
}
smoothly-popup section.selected > smoothly-display {
	background-color: rgb(var(--smoothly-dark-shade));
}
smoothly-popup section:not(.selected) > smoothly-display:last-of-type {
	border-left: 1px solid rgb(var(--smoothly-medium-shade));
}
smoothly-popup section > smoothly-display:last-of-type {
	background-color: rgb(var(--smoothly-dark-shade));
	width: 2em;
}
smoothly-popup div > section > smoothly-display:first-of-type {
	width: 5em;
}
