.online-indicator {
	display: none; gap: 10px; align-items: center;
	&.visible {display: flex;}
}

.blinking-dot {display: block; width: 12px; height: 12px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 8px #fffb; animation: blinking-dot 3s infinite;}

@keyframes blinking-dot {
	0% {opacity: .3;}
	50% {opacity: 1;}
	100% {opacity: .3;}
}

.online-section {
	.online-indicator {padding: 7px 15px; margin-bottom: 8px;}
	.inner {margin-top: -150px;}
	.fancy-table {
		max-width: 500px;
		:is(th, td):last-child {text-align: right; text-transform: capitalize;}
	}
}