.um-input{display:block;width:100%;height:38px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);color:var(--color-fg-1);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:1.4;transition:border-color .14s var(--easing-out),box-shadow .14s var(--easing-out)}.um-input::-moz-placeholder{color:var(--color-fg-4)}.um-input::placeholder{color:var(--color-fg-4)}.um-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-brand-ring)}.um-input--err{border-color:var(--color-danger)}.um-input--err:focus{box-shadow:0 0 0 3px #ef44442e}select.um-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2371717A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M3 4.5l3 3 3-3'/></svg>");background-repeat:no-repeat;background-position:right 10px center}