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

.bg-auth {
    background-image: url("/background.jpg")
}

.input ::placeholder {
    opacity: 0.35;
}

input:is(:-webkit-autofill, :autofill) {
  border: 0px;
  -webkit-text-fill-color: var(--fallback-a,oklch(var(--a)));
  -webkit-box-shadow: 0 0 0px 1000px var(--fallback-b1,oklch(var(--b1))) inset;
}

label:has(input:is(:-webkit-autofill, :autofill)) {
  border-color: var(--fallback-a,oklch(var(--a)/.2)) !important;
  color: var(--fallback-a,oklch(var(--a)));
}
