.spinner {
	@apply inline-block relative;
	--size: 40px;
	width: var(--size);
	height: var(--size);
}

.spinner::before,
.spinner::after {
	@apply absolute inset-0 border-4 border-current rounded-full;
	content: '';
	animation: anim 1.2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.spinner::after {
	animation-delay: -0.6s;
}

@keyframes anim {
	0% {
		opacity: 1;
		transform: scale(0);
	}
	100% {
		opacity: 0;
		transform: scale(1);
	}
}