/**
 * GONZO SL Activity Light — frontend
 */

.gonzo-sl-activity {
	font-size: 12px;
	line-height: 1.35;
	color: #111;
}

.widget .gonzo-sl-activity {
	padding: 10px 12px;
}

.gonzo-sl-activity__heading {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 0 0 8px;
}

.gonzo-sl-activity__row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.gonzo-sl-activity__light {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #000;
	background: #9ca3af;
}

.gonzo-sl-activity.is-online .gonzo-sl-activity__light {
	/* color set inline from settings */
}

.gonzo-sl-activity__status {
	font-weight: 700;
	font-size: 13px;
}

.gonzo-sl-activity__name {
	text-transform: none;
}

.gonzo-sl-activity__sep {
	margin: 0 0.25em;
	opacity: 0.6;
}

.gonzo-sl-activity__label {
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 11px;
}

.gonzo-sl-activity.is-online .gonzo-sl-activity__label {
	color: #166534;
}

.gonzo-sl-activity.is-offline .gonzo-sl-activity__label {
	color: #4b5563;
}