.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-icon{right:10px;top:50%;transform:translateY(-50%);z-index:1}.input-icon,.input-icon-button{position:absolute;color:var(--color-muted)}.input-icon-button{right:6px;top:0;bottom:0;margin:auto 0;background:none;border:none;padding:0;width:2rem;height:2rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:color var(--transition-base),transform var(--transition-fast)}.input-icon-button:hover{color:var(--color-text)}.input-icon-button:disabled{color:var(--color-muted);cursor:not-allowed}.input-icon-button__icon{font-size:1.25rem}.clear-icon{font-size:1.2rem}.input-field{padding-right:2.75rem;width:100%}.input-field--bare{padding-right:var(--spacing-md)}.input-field:disabled{background-color:var(--color-surface-hover);cursor:not-allowed}.input-field:disabled::placeholder{color:var(--color-muted)}.input-with-icon:has(.input-field:disabled) .input-icon{color:var(--color-muted)}.input-with-icon--disabled .input-icon{color:var(--color-muted)}.input-with-icon--disabled .input-field{background-color:var(--color-surface-hover);color:var(--color-muted);cursor:not-allowed}.input-with-icon-field{display:flex;flex-direction:column;gap:var(--spacing-xxs);width:100%}.input-label{font-size:.8125rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}