@layer components {
	.alert {
		@apply my-2 py-2 px-4 border rounded-md text-center;
	}

	.alert-primary {
		@apply bg-[var(--rb-first-color-10)] border-[var(--rb-first-color)] text-[var(--rb-first-color)];
	}

	.alert.alert-success {
		@apply bg-[var(--rb-success-color-bg)] border-[var(--rb-success-color)];
	}

	.alert.alert-warning {
		@apply bg-[var(--rb-warning-color-bg)] border-[var(--rb-warning-color)];
	}

	.alert.alert-danger {
		@apply bg-[var(--rb-danger-color-bg)] border-[var(--rb-danger-color)];
	}
}