/* Custom styles goes here */

/* -- Browser Autofill Fix -- Global (Chrome/Edge/Safari) -------------
 Prevents autofill from making text invisible by forcing text color
 and background color to match the page theme in both light and dark mode.
 ------------------------------------------------------------------- */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 -webkit-text-fill-color: #1e293b !important;
 -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
 box-shadow: 0 0 0 1000px #fff inset !important;
 transition: background-color 5000s ease-in-out 0s;
 caret-color: #1e293b;
}
html.dark input:-webkit-autofill,
html.dark input:-webkit-autofill:hover,
html.dark input:-webkit-autofill:focus,
html.dark textarea:-webkit-autofill,
html.dark textarea:-webkit-autofill:hover,
html.dark textarea:-webkit-autofill:focus,
html.dark select:-webkit-autofill,
html.dark select:-webkit-autofill:hover,
html.dark select:-webkit-autofill:focus,
.dark input:-webkit-autofill,
.dark input:-webkit-autofill:hover,
.dark input:-webkit-autofill:focus,
.dark textarea:-webkit-autofill,
.dark textarea:-webkit-autofill:hover,
.dark textarea:-webkit-autofill:focus,
.dark select:-webkit-autofill,
.dark select:-webkit-autofill:hover,
.dark select:-webkit-autofill:focus {
 -webkit-text-fill-color: #f1f5f9 !important;
 -webkit-box-shadow: 0 0 0 1000px #1e293b inset !important;
 box-shadow: 0 0 0 1000px #1e293b inset !important;
 caret-color: #f1f5f9;
}