.input{border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background-color:color-mix(in oklch,var(--color-zinc-400) 75%,transparent);padding:.5rem .875rem;font-size:.875rem;line-height:1.25rem;outline:1px solid var(--color-zinc-500);outline-offset:-1px;pointer-events:auto;border:none;width:100%}.input::-moz-placeholder{color:var(--color-zinc-500)}.input::placeholder{color:var(--color-zinc-500)}.input:focus{outline:2px solid var(--color-zinc-600);outline-offset:-2px}@media(min-width:640px){.input{font-size:1rem;line-height:1.5rem;padding:.75rem 1rem}}.dark .input{background-color:color-mix(in oklch,var(--color-zinc-800) 80%,transparent)}.dark .input:focus{outline-color:var(--color-zinc-400)}