@layer theme,base;@layer components{.ui-field{gap:6px;min-width:0;display:grid}.ui-field-label{font:600 var(--type-sm) / var(--line-snug) var(--font-ui);color:var(--text-strong)}.ui-field-optional{color:var(--text-subtle);margin-left:6px;font-weight:400}.ui-field-hint{font-size:var(--type-xs);line-height:var(--line-snug);color:var(--text-subtle)}.ui-field-error{font-size:var(--type-xs);font-weight:600;line-height:var(--line-snug);color:var(--danger-text);align-items:flex-start;gap:6px;display:flex}.ui-field-error:before{content:"!";background:var(--danger);width:16px;height:16px;color:var(--text-on-brand);border-radius:50%;flex:none;place-items:center;font-size:11px;line-height:1;display:grid}.ui-input{width:100%;min-height:var(--control-h);border:1.5px solid var(--control-edge);border-radius:var(--radius-field);background:var(--bg-surface);color:var(--text-strong);font:400 var(--type-md) / 1.4 var(--font-ui);transition:border-color var(--dur-1) var(--ease-standard), box-shadow var(--dur-1) var(--ease-standard);padding:0 14px}textarea.ui-input{min-height:96px;line-height:var(--line-body);resize:vertical;padding:10px 14px}.ui-input::placeholder{color:var(--text-faint);opacity:1}.ui-input:hover:not(:disabled,:focus){border-color:var(--control-edge-hover)}.ui-input:focus{border-color:var(--ring-focus);box-shadow:0 0 0 4px var(--focus-halo);outline:none}.ui-input[aria-invalid=true]{border-color:var(--danger)}.ui-input[aria-invalid=true]:focus{box-shadow:0 0 0 4px var(--danger-halo)}.ui-input:disabled{background:var(--bg-sunken);color:var(--text-subtle);cursor:not-allowed;border-color:#0000}.ui-input[readonly]{background:var(--bg-sunken)}.ui-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235b5d7e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.ui-search{min-width:0;display:block;position:relative}.ui-search .ui-input{padding-left:42px}.ui-search-icon{fill:none;width:18px;height:18px;stroke:var(--text-subtle);stroke-width:1.75px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}}@layer utilities;
