/* Tailwind CDN handles most styling. This file is for the few rules that
   can't be expressed inline (Alpine cloak, base resets, scrollbar). */

[x-cloak] { display: none !important; }

html, body { height: 100%; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgb(15 23 42); }
::-webkit-scrollbar-thumb { background: rgb(51 65 85); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgb(71 85 105); }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: rgb(241 245 249);
    -webkit-box-shadow: 0 0 0 1000px rgb(15 23 42) inset;
    transition: background-color 9999s ease-in-out 0s;
}