@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {}

@layer components {
	.setup-text-section-header {
		@apply text-2xl font-bold font-mono;
	}

	.setup-text-item-title {
		@apply text-stone-300;
	}

	.setup-text-optional {
		@apply text-stone-400 italic;
	}

	.setup-panel {
		@apply flex flex-col pt-4 w-full max-w-xs;
	}

	.setup-panel>sl-input {
		@apply mb-4;
	}
}

@layer utilities {
	.flex-center {
		@apply items-center justify-center;
	}
}