<div class={'group flex flex-wrap items-center gap-2'}>
	<div class="rounded-full flex items-center justify-center text-accent-700">
		<div class="size-8 rounded-full bg-current"></div>
	</div>
	<div class="rounded-full flex items-center justify-center text-accent-500 ring-accent-500 p-0.5 ring-3">
		<div class="size-8 rounded-full bg-current"></div>
	</div>
	<div class="rounded-full flex items-center justify-center text-accent-300">
		<div class="size-8 rounded-full bg-current"></div>
	</div>
	<div class="rounded-full flex items-center justify-center text-accent-100">
		<div class="size-8 rounded-full bg-current"></div>
	</div>
</div>
