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

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

@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;
	}
}