/*
 * Citizen
 *
 * SkinStyles for Extension:Echo
 * Module: ext.echo.styles.badge
 * Version: REL1_39
 *
 * Date: 2024-05-06
*/

.citizen-echo-notification-badge {
	&:not( [ data-counter-text='0' ] )::after {
		position: absolute;
		top: var( --space-xxs );
		right: var( --space-xxs );
		box-sizing: content-box;
		width: 0.5rem;
		height: 0.5rem;
		content: '';
		background: var( --color-progressive );
		border: 4px solid var( --color-surface-0 );
		border-radius: var( --border-radius-circle );
	}
}