.text-input{align-items:center;width:100%;display:flex;position:relative}.text-input__field{appearance:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-input);width:100%;height:40px;box-shadow:var(--shadow-sm);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--weight-regular);color:var(--color-text-primary);outline:none;padding:0 12px;transition:border-color .2s}.text-input__field::placeholder{color:var(--color-text-muted);opacity:1}.text-input__field:disabled{opacity:.55;cursor:not-allowed}.text-input__field:read-only{cursor:default}.text-input--pill .text-input__field{border-radius:999px}.text-input--sm .text-input__field{height:36px;font-size:var(--font-size-small)}.text-input--with-icon .text-input__field{padding-left:36px}.text-input__icon{width:16px;height:16px;color:var(--color-text-primary);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;left:12px}.text-input--sm .text-input__icon{width:14px;height:14px;left:10px}.text-input--sm.text-input--with-icon .text-input__field{padding-left:var(--space-4)}.text-input--multiline{align-items:stretch}.text-input--multiline .text-input__field{resize:vertical;height:auto;min-height:96px;padding:10px 12px;line-height:1.5}.text-input--with-trailing .text-input__field{padding-right:40px}.text-input--sm.text-input--with-trailing .text-input__field{padding-right:36px}.text-input__eye{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.text-input__eye:hover{background:var(--color-white-15);color:var(--accent-2)}.text-input__eye--visible{color:var(--color-text-primary)}.text-input__eye:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.text-input--with-action .text-input__field{padding-right:var(--text-input-action-space,104px)}.text-input__action{align-items:center;display:inline-flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.text-input__action .fill-button--md{min-height:0;padding-block:9px}.text-input__status{pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.text-input__status--checking{color:var(--color-text-secondary)}.text-input__status--available{color:var(--color-positive)}.text-input__status--taken{color:var(--color-negative)}.text-input__spinner{animation:.9s linear infinite text-input-spin}@keyframes text-input-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}