.username-availability-field{box-sizing:border-box;border:1px solid var(--pulse-border);border-radius:var(--pulse-control-radius);background:var(--pulse-surface);align-items:center;width:100%;min-width:0;display:flex;position:relative}.username-availability-field:focus-within{outline:2px solid var(--pulse-accent);outline-offset:2px}:root .username-availability-field input{width:0;min-width:0;box-shadow:none;background:0 0;outline:none;flex:1 1 0;margin:0;border:0!important;padding-right:8px!important}.username-availability-status{min-width:0;max-width:48%;color:var(--pulse-secondary);pointer-events:none;flex:0 auto;align-items:center;gap:6px;margin:0;padding-right:12px;font-size:11px;display:flex}.username-availability-status:empty{display:none}.username-availability-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.username-availability-icon{flex-shrink:0;font-size:18px;font-weight:800;line-height:1}.username-availability-icon.available,.username-availability-status.available{color:#25724b}.username-availability-icon.taken,.username-availability-status.taken,.username-availability-icon.neutral{color:#b52c3c}:root[data-theme=dark] :is(.username-availability-icon,.username-availability-status).available{color:#71d99c}:root[data-theme=dark] :is(.username-availability-icon,.username-availability-status).taken,:root[data-theme=dark] .username-availability-icon.neutral{color:#ff8794}