.adhseasy-terminampel {
	--adhseasy-traffic-green: #67B99A;
	--adhseasy-traffic-yellow: #E7B95B;
	--adhseasy-traffic-red: #D97872;
	--adhseasy-traffic-text: #2F3538;
	--adhseasy-margin-top: 0px;
	--adhseasy-margin-bottom: 0px;
	--adhseasy-font-size: 16px;
	--adhseasy-font-weight: 600;
	--adhseasy-dot-size: 14px;

	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	max-width: 100%;
	margin-top: var(--adhseasy-margin-top);
	margin-bottom: var(--adhseasy-margin-bottom);
	font: inherit;
	line-height: 1.4;
}

.adhseasy-terminampel__dot {
	display: inline-block;
	width: var(--adhseasy-dot-size);
	height: var(--adhseasy-dot-size);
	min-width: var(--adhseasy-dot-size);
	border-radius: 999px;
	background: currentColor;
	box-shadow: 0 0 0 0.25rem color-mix(in srgb, currentColor 14%, transparent);
}

.adhseasy-terminampel__text {
	color: var(--adhseasy-traffic-text);
	font-size: var(--adhseasy-font-size);
	font-weight: var(--adhseasy-font-weight);
	letter-spacing: -0.01em;
}

.adhseasy-terminampel--green {
	color: var(--adhseasy-traffic-green);
}

.adhseasy-terminampel--yellow {
	color: var(--adhseasy-traffic-yellow);
}

.adhseasy-terminampel--red {
	color: var(--adhseasy-traffic-red);
}

@media (max-width: 480px) {
	.adhseasy-terminampel {
		gap: 0.625rem;
	}
}