@charset "UTF-8";

section#connection {
	z-index: 999;
	position: fixed;
	bottom: 20px;
	right: 20px;
	height: 16px;
	display: flex;
}

section#connection>i#indicator {
	width: 16px;
	height: 16px;
	display: block;
	cursor: help;
	border-radius: 100%;
}

section#connection>small {
	margin-right: 7px;
	height: 16px;
	display: flex;
	align-items: center;
	font-weight: bold;
	color: var(--socket-text);
}

section#connection>i#indicator.disconnected:not(.connected) {
	background-color: var(--socket-disconnected);
}

section#connection>i#indicator.connected:not(.disconnected) {
	background-color: var(--socket-connected);
}