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