/* Main CSS File */
/* Add your custom styles here */

/* Prevent Autofill Yellow Background */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #374151 inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Custom utility to hide elements during JS loading, avoiding conflict with Tailwind's responsive 'hidden' */
.js-hidden {
    display: none !important;
}