@layer components{.input-field{border:1px solid var(--color-input);background:var(--color-background);width:100%;min-height:2.75rem;color:var(--color-foreground);border-radius:.75rem;padding:.625rem .75rem;font-size:.875rem;line-height:1.4;transition:border-color .16s,box-shadow .16s,background-color .16s}.input-field:hover{border-color:color-mix(in oklch, var(--color-foreground) 32%, var(--color-input))}.input-field:focus-visible{border-color:var(--color-ring);box-shadow:0 0 0 2px color-mix(in oklch, var(--color-ring) 22%, transparent)}.input-field:disabled{cursor:not-allowed;opacity:.6}}