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

.form-label {
    @apply block text-sm font-medium leading-6  text-gray-600 dark:text-gray-200;
}

.form-input {
    @apply appearance-none border-gray-300 text-base font-medium bg-white px-3 py-2 rounded leading-tight focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500;
}

.icon {
    filter: invert(11%) sepia(99%) saturate(5061%) hue-rotate(359deg) brightness(85%) contrast(113%);
}

.arrow-icon {
    filter: invert(76%) sepia(9%) saturate(0%) hue-rotate(199deg) brightness(92%) contrast(79%);
}