.contact-field{display:block;width:100%;min-height:48px;border:1px solid hsl(var(--foreground) / .22);border-radius:0;padding:12px 16px;background:hsl(var(--surface-input));color:hsl(var(--foreground));font-size:var(--type-body);line-height:var(--leading-body);caret-color:hsl(var(--steel));scroll-margin-block:96px 24px;transition:border-color .15s ease}.contact-field::-moz-placeholder{color:hsl(var(--muted-foreground));opacity:1}.contact-field::placeholder{color:hsl(var(--muted-foreground));opacity:1}.contact-field:focus{border-color:hsl(var(--steel));outline:2px solid hsl(var(--steel) / .3);outline-offset:2px}.contact-field[aria-invalid=true]{border-color:hsl(var(--destructive))}.contact-field[aria-invalid=true]:focus{outline-color:hsl(var(--destructive) / .4)}.contact-field:disabled{cursor:wait;opacity:.65}textarea.contact-field{resize:vertical;min-height:128px}@media (hover: hover) and (pointer: fine){.contact-field:hover:not(:focus,:disabled,[aria-invalid=true]){border-color:hsl(var(--foreground) / .4)}}@media (prefers-reduced-motion: reduce){.contact-field{transition:none}}