.popupInput {
	display: inline-flex; align-items: center;
	color: var(--main-input-color);
  border-radius: 4px;
  border: 1px solid var(--main-input-border-color);
  box-sizing: content-box;
	padding: 3px 2px;
	height: 1em;
}

.nbSpan {
	border: none;
	padding: 0;
	text-wrap: nowrap;
}

/* RefreshButton. The symbol spins while the page's named spinner is running. */
@keyframes spin {
	from {transform: rotate(0deg)}
	to   {transform: rotate(360deg)}
}

.refreshSpin {
	animation: spin 1s linear 0s infinite;
	display: inline-block;
}

.refreshSymbol, .refreshSymbol span {
	display: flex; align-items: center; justify-content: center;
	width: 100%;
	height: 100%;
}