.form-input{width:100%;border-radius:.75rem;border:1px solid color-mix(in srgb,#c7c4d8 10%,transparent);background-color:hsl(var(--input));padding:.75rem 1rem;font-size:.875rem;color:hsl(var(--foreground));outline:none;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:hsl(var(--muted-foreground))}.form-input:focus{background-color:hsl(var(--card));border-color:color-mix(in srgb,var(--color-vlinq-vivid-orchid) 50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-vlinq-vivid-orchid) 12%,transparent)}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}