.log-state-indicator {
	padding-left: 8px;

	.line {
		margin: 0 8px;
		min-height: 24px;
		height: 100%;
		width: 3px;
		border-radius: 50px;
		background-color: transparent;

		&.INFO {
			background-color: var(--bg-slate-400);
		}

		&.WARNING, &.WARN {
			background-color: var(--bg-amber-500);
		}

		&.ERROR {
			background-color: var(--bg-cherry-500);
		}

		&.TRACE {
			background-color: var(--bg-robin-300);
		}

		&.DEBUG {
			background-color: var(--bg-forest-500);
		}

		&.FATAL {
			background-color: var(--bg-sakura-500);
		}
	}

	&.isActive {
		.line {
			background-color: var(--bg-robin-400, #7190f9);
		}
	}
}
