.hap-status__text {
	font-size: 12px;
	position: relative;
	padding-left: 22px;
	min-width: 100px;
}
.hap-status__text::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 0;
}

.hap-status--open::before {
	box-shadow: inset 0 0 5px 2px rgba(58, 201, 54, 0.5), 0 0 10px 2px rgba(58, 201, 54, 0.8);
}

.hap-status--closed::before {
	box-shadow: inset 0 0 5px 2px rgba(232, 65, 51, 1), 0 0 10px 2px rgba(255, 12, 0, 0.8);
}

.hap-status--loading::before {
	box-shadow: inset 0 0 5px 2px rgba(60, 60, 60, 0.5), 0 0 10px 2px rgba(180, 180, 180, 0.8);
}