@import './fonts.css';
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    html {
        font-family: 'Work Sans', ui-sans-serif, system-ui, sans-serif !important;
    }
}

@layer components {
	input:checked ~ .dot {
		transform: translateX(100%);
		background-color: #FFF !important;
	}

	.dialog-overlay {
		@apply z-[100] fixed inset-0 bg-black/50 flex justify-center items-center p-6;
	}

	.dialog {
		@apply bg-white p-4 rounded-lg w-full max-w-lg;
	}
}